@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap");
.btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  font-size: 3.4rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #000;
  width: 60.6rem;
  height: 12.9rem;
}
@media print, screen and (min-width: 768px) {
  .btn {
    font-size: 1.8rem;
    width: 33rem;
    height: 6rem;
  }
}
.btn:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1.5rem;
  height: 2.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .btn:before {
    width: 0.9rem;
    height: 1.4rem;
    right: 1.9rem;
  }
}
.btn:hover {
  color: #000;
}
.btn > span {
  text-align: center;
}

.btn-l {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  font-size: 3.4rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #000;
  width: 60.6rem;
  height: 12.9rem;
}
@media print, screen and (min-width: 768px) {
  .btn-l {
    font-size: 1.8rem;
    width: 33rem;
    height: 6rem;
  }
}
.btn-l:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1.5rem;
  height: 2.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .btn-l:before {
    width: 0.9rem;
    height: 1.4rem;
    right: 1.9rem;
  }
}
.btn-l:hover {
  color: #000;
}
.btn-l > span {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .btn-l {
    height: 7rem;
  }
}

.btn-bd-white {
  border-color: #fff;
  color: #fff;
}
.btn-bd-white:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
.btn-bd-white:hover {
  color: #fff;
}

.btn-bd-white02 {
  border-color: #fff;
  color: #fff;
  width: 35rem;
  height: 7rem;
}
.btn-bd-white02:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
.btn-bd-white02:hover {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .btn-bd-white02 {
    width: 20rem;
    height: 5rem;
  }
}
.btn-bd-white02:before {
  right: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  .btn-bd-white02:before {
    right: 1.5rem;
  }
}

.btn-bd-orange {
  border-color: #f69440;
  color: #f69440;
}
.btn-bd-orange:before {
  background-image: url(../img/common/arrow-right-orange.svg);
}
.btn-bd-orange:hover {
  color: #f69440;
}

.btn-bd-pink {
  border-color: #ba1073;
  color: #ba1073;
}
.btn-bd-pink:before {
  background-image: url(../img/common/arrow-right-pink.svg);
}
.btn-bd-pink:hover {
  color: #ba1073;
}

.btn-white {
  background-color: #fff;
}

.btn-orange {
  border-color: #f69440;
  background-color: #f69440;
}

.btn-gray {
  border-color: #ccc;
  background-color: #ccc;
}

.btn-pink {
  border-color: #ba1073;
  background-color: #ba1073;
  color: #fff;
}
.btn-pink:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
.btn-pink:hover {
  color: #fff;
}

.btn-down:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.btn-mail > span {
  position: relative;
}
.btn-mail > span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/icon-mail.png) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  top: 50%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  left: -1.6176470588em;
}

.btn-cart > span {
  position: relative;
}
.btn-cart > span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/icon-mail.png) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  top: 50%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  left: -1.6176470588em;
}
.btn-cart > span:before {
  background-image: url(../img/common/icon-cart.svg);
  width: 0.8529411765em;
  height: 0.9411764706em;
  left: -1.3529411765em;
}

.btn-cart-title {
  font-size: 90%;
  margin-bottom: 0.5em;
}

.btn-box {
  text-align: center;
  margin-top: 4.5rem;
}
.btn-box .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.btn-box-top {
  margin-top: 2rem;
}
.btn-box-top .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media print, screen and (min-width: 768px) {
  ul.btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -5rem;
  }
}
ul.btn-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  ul.btn-box li {
    margin: 0 1.5rem 5rem;
  }
}
@media only screen and (max-width: 767px) {
  ul.btn-box li:nth-child(n+2) {
    margin-top: 5rem;
  }
}
ul.btn-box li:nth-child(3) {
  width: 100%;
}

/*---------------------------------------------------------
Reset
---------------------------------------------------------*/
html, body,
div, article, section, main,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
pre, form, input, textarea, address, nav,
table, th, td,
a, p, img, figure, span, em, small {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main {
  display: block;
}

ul, li {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

a, button {
  outline: none;
}
a:focus, button:focus {
  outline: none;
}

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: super;
  position: relative;
  font-size: 50%;
  color: inherit;
}

sup {
  top: auto;
  bottom: 0.2ex;
}

sub {
  top: 0.5ex;
}

/*---------------------------------------------------------
rem reset /products/common/css/global.css
---------------------------------------------------------*/
body {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .caption {
    font-size: 12px;
  }
  ul.list-global-header-navi > li > a, ul.list-global-header-sub-navi li a {
    font-size: 14px;
  }
  ul.list-global-header-navi > li > a::before, ul.list-global-header-sub-navi li a::before {
    font-size: 14px;
  }
  .global-header-navi-accordion a {
    font-size: 12px;
  }
  ul.list-global-header-sns li a {
    height: 30px;
  }
  ul.list-global-header-icons {
    font-size: 10px;
  }
  #breadcrumb {
    font-size: 12px;
  }
  .global-page-title-container .global-page-title {
    font-size: 20px;
  }
  /* グローバルフッター */
  #globalFooter {
    font-size: 11px;
  }
}
@media print, screen and (min-width: 768px) {
  .caption {
    font-size: 12px;
  }
  #globalHeader {
    font-size: 15px;
  }
  ul.list-global-header-sub-navi li a {
    font-size: 12px;
  }
  #globalHeaderIcons ul {
    font-size: 12px;
  }
  .mf_finder_header .mf_finder_searchBox_query_input {
    font-size: 12px;
  }
  .mf_finder_header .mf_finder_searchBox_submit {
    font-size: 12px;
  }
  .global-search-form input[type=search] {
    font-size: 12px;
  }
  .global-search-form input[type=submit] {
    font-size: 12px;
  }
  #breadcrumb {
    font-size: 12px;
  }
  .global-page-title-container .global-page-title {
    font-size: 20px;
  }
  .global-page-title-container ul.list-outer-links {
    font-size: 12px;
  }
  .global-product-footer-navi-column > .global-product-footer-ttl {
    font-size: 16px;
  }
  .global-product-footer-navi-column ul {
    font-size: 12px;
  }
  #globalFooter {
    font-size: 11px;
  }
}
@media screen {
  #pageTop.default {
    height: 70px;
  }
  #pageTop.default .page-top-container {
    padding-bottom: 20px;
  }
  #pageTop.default a {
    font-size: 18px;
    border-radius: 5px;
  }
}
@media screen and (min-width: 768px) {
  #pageTop.default {
    height: 80px;
  }
}
/*---------------------------------------------------------
rem reset /index_common/css/index.css (jp.sharpフッター)
---------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #productsPageFooterNavi {
    padding: 20px 0;
  }
  .products-page-footer-navi-item {
    padding: 20px 0;
  }
  ul.list-sns li a {
    max-width: 50px;
  }
  .products-page-footer-navi-item .link a .img {
    width: 35px;
  }
  .products-page-footer-navi-item .link .ttl {
    font-size: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  #productsPageFooterNavi {
    padding: 30px 5%;
  }
  .products-page-footer-navi-item a .ttl {
    font-size: 20px;
  }
  ul.list-sns li a {
    max-width: 50px;
  }
  .products-page-footer-navi-item .link a .img {
    width: 45px;
  }
}
/*---------------------------------------------------------
kill ul.list-support (/index_common/css/index.css)
---------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #globalSupportFooter {
    padding: 6rem 0;
  }
}
#globalSupportFooter .global-support-title {
  font-size: 3.6rem;
}
@media print, screen and (min-width: 768px) {
  #globalSupportFooter .global-support-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  #globalSupportFooter ul.list-support {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  #globalSupportFooter ul.list-support li {
    padding: 2rem;
  }
}
#globalSupportFooter ul.list-support li a {
  border: none;
  padding: 0;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #globalSupportFooter ul.list-support li a {
    font-size: 16px;
  }
}
#globalSupportFooter ul.list-support li a:before, #globalSupportFooter ul.list-support li a:after {
  display: none;
}
#globalSupportFooter ul.list-support li a:hover {
  background-color: transparent;
}
#globalSupportFooter ul.list-support li.icon a {
  padding-left: 7.2rem;
  background-size: 5.6rem auto;
}
@media print, screen and (min-width: 768px) {
  #globalSupportFooter ul.list-support li.icon a {
    padding-left: 5rem;
    background-size: 4rem auto;
  }
}
#globalSupportFooter ul.list-support li.i-support a {
  background-image: url(/mlp/assets/img/common/icon-support.svg);
}
#globalSupportFooter ul.list-support li.i-faq a {
  background-image: url(/mlp/assets/img/common/icon-faq.svg);
}
#globalSupportFooter ul.list-support li.i-catalog a {
  background-image: url(/mlp/assets/img/common/icon-catalog.svg);
}
#globalSupportFooter ul.list-support li.i-trouble a {
  background-image: url(/mlp/assets/img/common/icon-trouble.svg);
}
/* 20230201追加 */
#globalSupportFooter ul.list-support li.i-mlp-app a {
  background-image: url(/mlp/assets/img/common/icon-mlp-app.svg);
}

/*---------------------------------------------------------
font
---------------------------------------------------------*/
/*---------------------------------------------------------
common
---------------------------------------------------------*/
html {
  font-size: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
  html {
    font-size: 4.2666666667px;
  }
}
@media print, screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1220px) {
  html {
    font-size: 0.8196721311vw;
  }
}
html.hidden {
  overflow-y: hidden;
}

body {
  padding-bottom: 11rem;
}
@media print, screen and (min-width: 768px) {
  body {
    padding-bottom: 7rem;
  }
}

main {
  font-size: 3.2rem;
  font-weight: normal;
  color: #000;
  line-height: 1.65625;
  letter-spacing: 0.045em;
  min-width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  main {
    font-size: 2rem;
    line-height: 1.7;
  }
}

img {
  width: 100%;
  vertical-align: bottom;
}

a {
  color: #333;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.res-pc {
  display: inline !important;
}
@media only screen and (max-width: 767px) {
  .res-pc {
    display: none !important;
  }
}

.res-sp {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .res-sp {
    display: inline !important;
  }
}

.switch {
  opacity: 0;
}

.inline-block {
  display: inline-block;
}

.inner {
  padding: 0 4rem;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .inner {
    width: 100%;
    max-width: 122rem;
    margin: 0 auto;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  .inner {
    padding-right: 10rem;
  }
}

#pageTop {
  display: none;
}

#productsPageFooterNavi {
  border: none;
}

/*---------------------------------------------------------
parts
---------------------------------------------------------*/
.comingsoon {
  pointer-events: none;
  opacity: 0.3;
}

.bg-black {
  background-color: #1c1c1c;
  color: #fff;
}
.bg-black .link-arrow,
.bg-black .link-underline {
  color: #fff;
}
.bg-black .link-arrow span,
.bg-black .link-underline span {
  border-bottom-color: #fff;
}
.bg-black .link-arrow:before {
  background-image: url(../img/common/arrow-down-white.svg);
}
.bg-black .link-arrow-right:before {
  background-image: url(../img/common/arrow-right-white.svg);
}

.bg-gray {
  background-color: #f7f7f7;
}

.bg-orange {
  background-color: #fff3e8;
}

.color-gray {
  color: #c4c4c4;
}

.sec {
  padding: 4rem 0;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .sec {
    padding: 4rem 0;
  }
}

.sec01 {
  padding: 4rem 0;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .sec01 {
    padding: 4rem 0;
  }
}

.sec02 {
  padding: 0;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .sec02 {
    padding: 0;
  }
}

.sec03 {
  padding: 0 0 4rem 0;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .sec03 {
    padding: 0 0 4rem 0;
  }
}

.page-title .en {
  position: relative;
  padding-left: 1.92em;
  display: block;
  font-size: 2.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  color: #747474;
  line-height: 1;
}
.page-title .en:before, .page-title .en:after {
  position: absolute;
  display: block;
  content: " ";
  border-radius: 100vw;
  width: 0.4em;
  height: 0.72em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-title .en:before {
  background-color: #f69440;
  left: 0.2em;
}
.page-title .en:after {
  background-color: #747474;
  left: 0.8em;
}
@media print, screen and (min-width: 768px) {
  .page-title .en {
    font-size: 2.2rem;
  }
}
.page-title .jp {
  display: block;
  font-size: 6rem;
  font-weight: bold;
  color: #f69440;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  .page-title .jp {
    font-size: 6rem;
  }
}

.page-subtitle {
  font-size: 2.8rem;
  font-weight: bold;
  color: #f69440;
}
@media print, screen and (min-width: 768px) {
  .page-subtitle {
    font-size: 1.6rem;
  }
}

.sec-title {
  font-size: 4.5rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.5277777778;
  position: relative;
  padding-left: 1.92em;
  padding-left: 4.5rem;
}
.sec-title:before, .sec-title:after {
  position: absolute;
  display: block;
  content: " ";
  border-radius: 100vw;
  width: 0.4em;
  height: 0.72em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sec-title:before {
  background-color: #f69440;
  left: 0.2em;
}
.sec-title:after {
  background-color: #747474;
  left: 0.8em;
}
@media print, screen and (min-width: 768px) {
  .sec-title {
    font-size: 4.5rem;
    padding-left: 4rem;
    letter-spacing: -0.01em;
  }
}
.sec-title:before, .sec-title:after {
  top: 0.4em;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 1rem;
  height: 1.8rem;
}
@media print, screen and (min-width: 768px) {
  .sec-title:before, .sec-title:after {
    width: 0.8rem;
    height: 2.2rem;
  }
}
.sec-title:before {
  left: 0;
}
.sec-title:after {
  left: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .sec-title:after {
    left: 1.4rem;
  }
}

.title-underline {
  font-size: 5.5rem;
  font-weight: bold;
  line-height: 1.6363636364;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding-bottom: 0.8181818182em;
}
@media print, screen and (min-width: 768px) {
  .title-underline {
    line-height: 1.4545454545;
  }
}
.title-underline span {
  padding-bottom: 0.1em;
  background-size: 200% 1px;
  background-position: -100% bottom;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(left, rgba(246, 148, 64, 0) 50%, rgba(246, 148, 64, 0.75) 50%);
}
@media print, screen and (min-width: 768px) {
  .title-underline span {
    padding-bottom: 0;
    background-size: 200% 2px;
  }
}
.title-underline.anim span {
  background-position: 0 bottom;
}

.anim-line.anim-on span {
  background-position: -100% bottom;
  -webkit-transition: background 2s 0.2s ease;
  transition: background 2s 0.2s ease;
}

.catch-orange {
  font-size: 3.6rem;
  font-weight: bold;
  color: #f69440;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  .catch-orange {
    font-size: 3rem;
  }
}

.note {
  display: block;
  font-size: 2.6rem;
  margin-top: 1em;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}
@media print, screen and (min-width: 768px) {
  .note {
    font-size: 1.8rem;
  }
}
.note + .note {
  margin-top: 0;
}

.noto_jp {
  font-family: "Noto Sans JP", sans-serif;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.indent.indent-num {
  text-indent: 0em;
  padding-left: 2em;
}
.indent.indent-num span {
  display: block;
  float: left;
  margin-left: -2em;
}
.indent.indent_nomal {
  text-indent: -0.5em;
  padding-left: 0.5em;
}

@media print, screen and (min-width: 768px) {
  .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flex-box.flex-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-box.flex-img-right .flex-txt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-box.flex-img-right .flex-img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flex-box.flex-img-left .flex-txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flex-box.flex-img-left .flex-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.flex-box .flex-img + .flex-txt {
  margin-top: 12rem;
}
@media print, screen and (min-width: 768px) {
  .flex-box .flex-img + .flex-txt {
    margin-top: 0;
  }
}
.flex-box .flex-txt + .flex-img {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  .flex-box .flex-txt + .flex-img {
    margin-top: 0;
  }
}

.app-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .app-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
}
#mlp-top .app-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-list li {
  height: 9.3rem;
}
@media print, screen and (min-width: 768px) {
  .app-list li {
    height: 6.6rem;
  }
}
.app-list li:nth-child(n+2) {
  margin-left: 3.9rem;
}
@media print, screen and (min-width: 768px) {
  .app-list li:nth-child(n+2) {
    margin-left: 2.8rem;
  }
}
.app-list li img {
  width: auto;
  height: 100%;
}

#mlp-head {
  padding: 14rem 0 4.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-head {
    padding: 4rem 0 1rem;
  }
}
#mlp-head #mlp-head-txt {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-head #mlp-head-txt {
    margin-top: 4rem;
  }
}

#mlp-breadcrumb {
  display: none;
}
@media print, screen and (min-width: 768px) {
  #mlp-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 4rem;
  }
  #mlp-breadcrumb li {
    position: relative;
    font-size: 1.6rem;
    padding-left: 2.6rem;
  }
  #mlp-breadcrumb li:first-child {
    padding-left: 0;
  }
  #mlp-breadcrumb li:first-child:after {
    display: none;
  }
  #mlp-breadcrumb li:after {
    position: absolute;
    display: block;
    content: " ";
    background: url(../img/common/arrow-right-orange.svg) no-repeat center center/contain;
    width: 0.7rem;
    height: 1.3rem;
    top: 0.4em;
    left: 1rem;
  }
  #mlp-breadcrumb li a {
    color: #f69440;
  }
}

#mlp-nav {
  padding-bottom: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-nav {
    padding: 2rem 0 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-nav #mlp-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -1rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-nav #mlp-nav-list li {
    margin: 0 1rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-nav #mlp-nav-list li:nth-child(n+2) {
    margin-top: 5rem;
  }
}
#mlp-nav #mlp-nav-list .btn {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #mlp-nav #mlp-nav-list .btn {
    width: 30rem;
  }
}

.link-underline {
  display: inline-block;
  position: relative;
}
.link-underline span {
  border-bottom: 1px solid #000;
  display: inline-block;
  line-height: 1.5;
}

#flw-shop-list a[target=_blank] {
  padding-right: 3.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE4IDEzdjZhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWOGEyIDIgMCAwIDEgMi0yaDYiPjwvcGF0aD48cG9seWxpbmUgcG9pbnRzPSIxNSAzIDIxIDMgMjEgOSI+PC9wb2x5bGluZT48bGluZSB4MT0iMTAiIHkxPSIxNCIgeDI9IjIxIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: right center;
}
@media print, screen and (min-width: 768px) {
  #flw-shop-list a[target=_blank] {
    padding-right: 2rem;
    background-size: 1.6rem;
  }
}

.link-arrow {
  display: inline-block;
  position: relative;
  font-size: 2.6rem;
}
.link-arrow span {
  border-bottom: 1px solid #000;
  display: inline-block;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .link-arrow {
    font-size: 1.6rem;
  }
}
.link-arrow:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
  width: 0.9230769231em;
  height: 0.5769230769em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -1.4615384615em;
}

.link-arrow-right:before {
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 0.5769230769em;
  height: 0.9230769231em;
}

@media print, screen and (min-width: 768px) {
  .note-box-right {
    text-align: right;
  }
  .note-box-right ul {
    display: inline-block;
  }
  .note-box-right ul li {
    text-align: left;
  }
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 17.3333333333vw;
  z-index: 9;
  border: none;
  background-color: #f69440;
  width: 9.1rem;
  height: 9.1rem;
  border-radius: 100vw;
  font-size: 0;
  background: #f69440 url(../img/common/arrow-right.svg) no-repeat center center/2.2rem auto;
}

.slick-prev {
  left: -2rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.slick-next {
  right: -2rem;
}

#btn-top-box {
  padding: 10rem 0 12rem;
}
@media print, screen and (min-width: 768px) {
  #btn-top-box {
    padding: 7rem 0 13rem;
  }
}
#btn-top-box .btn-box {
  margin-top: 0;
}

.contact-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 83.7rem;
  text-align: left;
  background: no-repeat center center/cover;
}
@media only screen and (max-width: 767px) {
  .contact-box {
    background-image: url(../img/common/contact-bg-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  .contact-box {
    background-image: url(../img/common/contact-bg-pc.jpg);
    height: 60rem;
  }
}
.contact-box .title-underline {
  display: inline-block;
  font-size: 3.6rem;
  line-height: 2;
  text-align: left;
  margin-left: 4rem;
}
@media print, screen and (min-width: 768px) {
  .contact-box .title-underline {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .contact-box .btn-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .contact-box .btn-box .btn {
    width: 100%;
  }
}

.bnr-list ul {
  margin: -4rem 0;
}
@media print, screen and (min-width: 768px) {
  .bnr-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -4rem;
  }
}
.bnr-list ul li {
  border: 1px solid #f69440;
/*  width: 52.8rem;*/
  width: 100%;
  margin: 4rem auto;
}
@media print, screen and (min-width: 768px) {
  .bnr-list ul li {
    width: 52.2rem;
    margin: 4rem;
  }
}
.bnr-list#top-bnr {
  padding: 6rem 0 0;
}
.bnr-list#menu-bnr {
  padding: 6rem 0 0;
}

.mov {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.mov iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/*---------------------------------------------------------
mlp-menu
---------------------------------------------------------*/
#mlp-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 999;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s 0s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s, opacity 0.3s 0s, -webkit-transform 0.3s;
  display: none;
}

#mlp-menu.open {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s 0s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s, opacity 0.3s 0s, -webkit-transform 0.3s;
}

#mlp-menu #mlp-menu-box {
  padding: 8.5rem 0 5rem;
  overflow-y: auto;
  height: 100vh;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu #mlp-menu-box {
    padding: 10.5rem 0 17.5rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-menu .inner {
    padding: 0 11rem;
  }
}
#mlp-menu #menu-logo {
  width: 39rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu #menu-logo {
    width: 42.3rem;
  }
}
#mlp-menu nav {
  margin-top: 6.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 6rem;
  }
}
#mlp-menu nav #menu-link-list {
  margin-right: -2em;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 0;
  }
}
#mlp-menu nav #menu-link-list li:nth-child(n+2) {
  margin-top: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list li:nth-child(n+2) {
    margin-top: 2rem;
  }
}
#mlp-menu nav #menu-link-list li a {
  display: inline-block;
  padding-left: 3.5rem;
}
#mlp-menu nav #menu-link-list li a span {
  position: relative;
  font-size: 4rem;
  font-weight: bold;
  color: #f69440;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list li a span {
    font-size: 3.5rem;
  }
}
#mlp-menu nav #menu-link-list li a span:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #f69440;
  width: 1rem;
  height: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -3.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list li a span:before {
    width: 1rem;
    height: 4px;
  }
}
#mlp-menu nav #menu-link-list li a small {
  font-size: 3rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  color: #747474;
  letter-spacing: 0.025em;
  margin-left: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list li a small {
    font-size: 2.5rem;
  }
}
#mlp-menu nav #menu-link-list li a i {
  display: block;
  font-style: normal;
  font-size: 2rem;
  font-weight: bold;
  color: #f69440;
  letter-spacing: 0.15em;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-link-list li a i {
    font-size: 1.6rem;
  }
}
#mlp-menu nav #menu-btn-list {
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-btn-list {
    margin-top: -17rem;
  }
}
#mlp-menu nav #menu-btn-list li:nth-child(n+2) {
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-btn-list li:nth-child(n+2) {
    margin-top: 3rem;
  }
}
#mlp-menu nav #menu-btn-list li a {
  width: 100%;
  height: 10rem;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#mlp-menu nav #menu-btn-list li a:before {
  width: 1rem;
  height: 1.7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu nav #menu-btn-list li a {
    width: 42rem;
    height: 10rem;
    font-size: 2rem;
  }
}
#mlp-menu #btn-close {
  display: block;
  width: 8rem;
  margin: 10.5rem auto 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-menu #btn-close {
    position: fixed;
    top: 4rem;
    right: 4rem;
    margin: 0;
    width: 8rem;
  }
}

/*---------------------------------------------------------
sec-column
---------------------------------------------------------*/
#sec-column {
  background-color: #f3f3f3;
}
#mlp-top #sec-column {
  background-color: #fff;
  padding-top: 0;
}
#sec-column .sec-column-title {
  font-size: 5.6rem;
  font-weight: bold;
  color: #f69440;
}
@media print, screen and (min-width: 768px) {
  #sec-column .sec-column-title {
    font-size: 6rem;
  }
}
#sec-column .sec-column-title span {
  display: none;
}
#sec-column .sec-column-title span.txt-column {
  display: block;
}
#sec-column .sec-column-list {
  margin-top: 5rem;
  padding: 0 4rem;
}
@media print, screen and (min-width: 768px) {
  #sec-column .sec-column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4rem -2rem -4rem;
    padding: 0;
  }
}
#sec-column .sec-column-list li {
  margin: 0 2rem 4rem;
}
@media print, screen and (min-width: 768px) {
  #sec-column .sec-column-list li {
    width: calc((100% - 12.1rem) / 3);
  }
}
#sec-column .sec-column-list li figure .img {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.2033898305%;
  background: no-repeat center center/cover;
}
#sec-column .sec-column-list li figure figcaption {
  margin-top: 2.5rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.65625;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #sec-column .sec-column-list li figure figcaption {
    margin-top: 1rem;
    font-size: 2.2rem;
  }
}

/*---------------------------------------------------------
mlp-footer
---------------------------------------------------------*/
#mlp-footer {
  padding: 12.5rem 0 12.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer {
    padding: 8rem 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#mlp-footer #mlp-footer-btn li:nth-child(n+2) {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn li:nth-child(n+2) {
    margin: 0 0 0 5rem;
  }
}
#mlp-footer #mlp-footer-btn li .btn {
  width: 67.1rem;
  height: 19.5rem;
  margin: 0 auto;
  font-size: 3.6rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn li .btn {
    width: 49rem;
    height: 13rem;
    font-size: 2.4rem;
  }
}
#mlp-footer #mlp-footer-btn li .btn span i {
  display: block;
  font-style: normal;
  background-color: #f69440;
  font-size: 2.7rem;
  color: #000;
  line-height: 4.3rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn li .btn span i {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 0.5rem;
  }
}
#mlp-footer #mlp-footer-btn-sub {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#mlp-footer #mlp-footer-btn-sub li:nth-child(n+2) {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub li:nth-child(n+2) {
    margin: 0 0 0 5rem;
  }
}
#mlp-footer #mlp-footer-btn-sub li .btn {
  width: 67.1rem;
  height: 19.5rem;
  margin: 0 auto;
  font-size: 3.6rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub li .btn {
    width: 49rem;
    height: 13rem;
    font-size: 2.4rem;
  }
}
#mlp-footer #mlp-footer-btn-sub li .btn span i {
  display: block;
  font-style: normal;
  background-color: #f69440;
  font-size: 2.7rem;
  color: #000;
  line-height: 4.3rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub li .btn span i {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub {
    margin-top: 3rem;
  }
}
#mlp-footer #mlp-footer-btn-sub li .btn {
  height: 10rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub li .btn {
    width: 31.4rem;
    height: 6.5rem;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-footer #mlp-footer-btn-sub li:nth-child(n+2) {
    margin-left: 4.4rem;
  }
}
#mlp-footer nav {
  margin-top: 10rem;
  border-top: 1px solid #59574c;
  padding-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8rem;
    padding-top: 0;
  }
}
#mlp-footer nav #mlp-footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -4rem -1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-link {
    margin: 0 -2.7rem;
  }
}
#mlp-footer nav #mlp-footer-link li {
  margin: 0 4rem 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-link li {
    margin: 0 2.7rem;
  }
}
#mlp-top #mlp-footer nav #mlp-footer-link li:nth-child(1) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
/*
#what-mlp #mlp-footer nav #mlp-footer-link li:nth-child(2) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
*/
#mlp-feature #mlp-footer nav #mlp-footer-link li:nth-child(3) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
#mlp-to-workers #mlp-footer nav #mlp-footer-link li:nth-child(4) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
/*
#mlp-faq #mlp-footer nav #mlp-footer-link li:nth-child(5) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
*/
#mlp-column #mlp-footer nav #mlp-footer-link li:nth-child(6) a {
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
}
#mlp-footer nav #mlp-footer-link li a {
  display: block;
  border-bottom: 1px solid rgba(246, 148, 64, 0);
  padding: 1rem 0;
  font-size: 2.5rem;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-link li a {
    font-size: 1.6rem;
    padding: 3rem 0;
    border-width: 3px;
  }
}
#mlp-footer nav #mlp-footer-link li a:hover {
  opacity: 1;
  border-bottom-color: #f69440;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #f69440;
  pointer-events: none;
  pointer-events: auto;
  color: #f69440;
}
#mlp-footer nav #mlp-footer-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-sns {
    margin: 0;
  }
}
#mlp-footer nav #mlp-footer-sns li:nth-child(n+2) {
  margin-left: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-sns li:nth-child(n+2) {
    margin-left: 1.9rem;
  }
}
#mlp-footer nav #mlp-footer-sns li a {
  display: block;
  width: 4.7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-footer nav #mlp-footer-sns li a {
    width: 3.2rem;
  }
}

/*-----------------------------------------------------
  pagetop
-----------------------------------------------------*/
#pagetop {
  position: relative;
  z-index: 997;
}
#pagetop a {
  position: absolute;
  bottom: 13rem;
  right: 4rem;
  display: block;
  width: 8.1rem;
}
@media print, screen and (min-width: 768px) {
  #pagetop a {
    bottom: 8rem;
    right: 3rem;
    width: 5.4rem;
  }
}
#pagetop.fixed a {
  position: fixed;
}

/*---------------------------------------------------------
mlp-float-nav
---------------------------------------------------------*/
#mlp-float-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  /* 	@media print, screen and (min-width: 768px) {
  		bottom: auto;
  		left: auto;
  		top: calc( 70px + 8.0rem );
  		right: 0;
  		width: auto;
  	} */
}
#mlp-float-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* @media print, screen and (min-width: 768px) {
  	display: block;
  } */
}
#mlp-float-nav ul li {
  width: 33.3%;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li {
    width: 33.3333333333%;
  }
}
#mlp-float-nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #010101;
  height: 11rem;
  line-height: 1;
  padding-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li a {
    width: auto;
    height: 7rem;
    padding: 0;
  }
}
#mlp-float-nav ul li a i {
  display: block;
  height: 3.9rem;
  background: no-repeat center center/contain;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li a i {
    height: 2.8rem;
  }
}
#mlp-float-nav ul li a p {
  font-size: 3rem;
  color: #fff;
  margin-left: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li a p {
    font-size: 3.2rem;
    margin: 0 0 0 1rem;
  }
}
#mlp-float-nav ul li:nth-child(1) a {
  background-color: #f69440;
}
#mlp-float-nav ul li:nth-child(1) a i {
  background-image: url(../img/common/icon-cart.svg);
  width: 3.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li:nth-child(1) a i {
    width: 2.8rem;
  }
}
#mlp-float-nav ul li:nth-child(1) a p {
  color: #000;
}
#mlp-float-nav ul li:nth-child(2) a {
  border-top: 1px solid #444444;
}
#mlp-float-nav ul li:nth-child(2) a i {
  background-image: url(../img/common/icon-menu.svg);
  width: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li:nth-child(2) a i {
    width: 2.8rem;
  }
}
#mlp-float-nav ul li:nth-child(3) a {
  border-top: 1px solid #444444;
  border-left: 1px solid #444444;
}
#mlp-float-nav ul li:nth-child(3) a i {
  background-image: url(../img/common/icon-mail-white.png);
  width: 3.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-float-nav ul li:nth-child(3) a i {
    width: 4rem;
  }
}

@media print, screen and (min-width: 768px) {
  #mlp-float-nav-menu {
    display:block;
  }
}

/*---------------------------------------------------------
mlp-top
---------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-top #top-mv #top-mv-title {
  background-color: #010101;
  padding: 6rem 7.5rem 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-title {
    width: 45.8064516129%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

#mlp-top #top-mv #top-mv-title h1 {
  font-size:0.7em;
  line-height:0.7em;
  font-weight:normal;
  padding:0;
  color:#fff;
  margin:2.6vw 0 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-title h1 {
  width: 50.7rem;
  font-size:22px;
  line-height:22px;
  font-weight:normal;
  margin:18px 0 12px;
  text-align:left;
  }
}

#mlp-top #top-mv #top-mv-title #top-mv-logo {
  width: 50.7rem;
}

#mlp-top #top-mv #top-mv-title .fig {
  width: 50.7rem;
  margin: 0 0 1.5vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-title .fig {
    width: 50.7rem;
    margin: 0 0 1px;
  }
}

#mlp-top #top-mv #top-mv-title figure {
  width: 63.5rem;
  margin: 5rem auto 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-title figure {
    width: 50.5rem;
    margin-top: 5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider {
    position: static;
    width: 54.1935483871%;
  }
}
#mlp-top #top-mv #top-mv-slider li.slider-item {
  position: relative;
  width: 100%;
  height: 93.3333333333vw;
  height: 65.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider li.slider-item {
    height: 85rem;
  }
}
#mlp-top #top-mv #top-mv-slider li.slider-item p {
  position: absolute;
  bottom: 10rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider li.slider-item p {
    bottom: 9.5rem;
  }
}
#mlp-top #top-mv #top-mv-slider li.slider-item p span {
  display: inline-block;
  border: 1px solid #fff;
  padding: 2rem 2.5rem;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.22em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider li.slider-item p span {
    padding: 1.8rem 5rem;
    font-size: 2.5rem;
  }
}
#mlp-top #top-mv #top-mv-slider li.slider-item p span.color {
  border: 1px solid #333;
  color: #333;
  background: rgba(255, 255, 255, 0.7);
}
#mlp-top #top-mv #top-mv-slider li.slider-item i {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center center/cover;
}
#mlp-top #top-mv #top-mv-slider li.slider-item:nth-child(1) i {
  background-image: url(../img/top/top-mv-01.jpg);
}
#mlp-top #top-mv #top-mv-slider li.slider-item:nth-child(2) i {
  background-image: url(../img/top/top-mv-02.jpg);
}
#mlp-top #top-mv #top-mv-slider li.slider-item:nth-child(3) i {
  background-image: url(../img/top/top-mv-03.jpg);
}
#mlp-top #top-mv #top-mv-slider li.slider-item:nth-child(4) i {
  background-image: url(../img/top/top-mv-04.jpg);
  background-position: bottom;
}

#mlp-top #top-mv #top-mv-slider .slick-dots {
  position: absolute;
  bottom: 3.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider .slick-dots {
    bottom: 4rem;
  }
}
#mlp-top #top-mv #top-mv-slider .slick-dots li {
  position: relative;
}
#mlp-top #top-mv #top-mv-slider .slick-dots li:nth-child(n+2) {
  margin-left: 8.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider .slick-dots li:nth-child(n+2) {
    margin-left: 6rem;
  }
}
#mlp-top #top-mv #top-mv-slider .slick-dots li:last-child:before {
  display: none;
}
#mlp-top #top-mv #top-mv-slider .slick-dots li:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #f69440;
  border-radius: 100vw;
  width: 0;
  height: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.1rem;
  -webkit-transition: width 0s;
  transition: width 0s;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider .slick-dots li:before {
    height: 5px;
  }
}
#mlp-top #top-mv #top-mv-slider .slick-dots li button {
  display: block;
  border: none;
  background-color: #e1e0e1;
  border-radius: 100vw;
  font-size: 0;
  width: 2.2rem;
  height: 2.2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider .slick-dots li button {
    width: 1.5rem;
    height: 1.5rem;
  }
}
#mlp-top #top-mv #top-mv-slider .slick-dots li.slick-active button {
  background-color: #f69440;
}
#mlp-top #top-mv #top-mv-slider.first .slick-dots li.slick-active:before {
  width: 11rem;
  -webkit-transition: width 6s;
  transition: width 6s;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #top-mv-slider.first .slick-dots li.slick-active:before {
    width: 7.5rem;
  }
}
#mlp-top #top-mv #top-mv-slider.ready .slick-dots li.slick-active:before {
  -webkit-transition: width 8.5s;
  transition: width 8.5s;
}
#mlp-top #top-mv #scroll {
  position: absolute;
  bottom: 0;
  right: 2rem;
  height: 20rem;
}
@media only screen and (max-width: 767px) {
  #mlp-top #top-mv #scroll {
    display: none;
  }
}
#mlp-top #top-mv #scroll span {
  display: block;
  width: 2.1rem;
}
#mlp-top #top-mv #scroll i {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 6rem;
  overflow: hidden;
}
#mlp-top #top-mv #scroll i:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #fff;
  width: 1px;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: pathmove 2s ease-in-out infinite;
          animation: pathmove 2s ease-in-out infinite;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-mv #scroll i:before {
    background-color: #fff;
  }
}
@-webkit-keyframes pathmove {
  0% {
    opacity: 0;
    height: 0;
    top: 0;
  }
  30% {
    opacity: 1;
    height: 70%;
  }
  100% {
    opacity: 0;
    top: 100%;
    height: 0;
  }
}
@keyframes pathmove {
  0% {
    opacity: 0;
    height: 0;
    top: 0;
  }
  30% {
    opacity: 1;
    height: 70%;
  }
  100% {
    opacity: 0;
    top: 100%;
    height: 0;
  }
}
#mlp-top #top-pickup {
  background-color: #f69440;
  padding: 5rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-pickup {
    padding: 3.5rem 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-pickup .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#mlp-top #top-pickup p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-pickup p {
    font-size: 2.5rem;
  }
}
#mlp-top #top-pickup p .en {
  display: block;
  font-size: 4.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-pickup p .en {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
}
#mlp-top #top-pickup .btn {
  width: 31.5rem;
  height: 6.4rem;
  font-size: 3.2rem;
  margin: 3rem 0 0 auto;
  border-color: #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-pickup .btn {
    margin: 0 0 0 1em;
    width: 17.2rem;
    height: 4.6rem;
    font-size: 1.8rem;
  }
}
#mlp-top #top-feature-nav {
  overflow: hidden;
}
#mlp-top #top-feature-nav ul {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 3rem -3rem -8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul li {
    width: calc((100% - 18.1rem) / 3);
    margin: 0 3rem 8rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-top #top-feature-nav ul li:nth-child(n+2) {
    margin-top: 7rem;
  }
}
#mlp-top #top-feature-nav ul li a {
  color: #fff;
}
#mlp-top #top-feature-nav ul li a figure {
  position: relative;
}
#mlp-top #top-feature-nav ul li a figure:before {
  position: absolute;
  display: block;
  content: " ";
  background: #f69440 url(../img/common/arrow-down.svg) no-repeat center center/3.2rem auto;
  border-radius: 100vw;
  width: 8.1rem;
  height: 8.1rem;
  bottom: -2rem;
  right: 2rem;
  z-index: 9;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul li a figure:before {
    width: 6rem;
    height: 6rem;
    background-size: 2.4rem auto;
    bottom: -1.3rem;
    right: 1rem;
  }
}
#mlp-top #top-feature-nav ul li a dl {
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul li a dl {
    margin-top: 2.5rem;
  }
}
#mlp-top #top-feature-nav ul li a dl dt {
  position: relative;
  font-size: 3.6rem;
  line-height: 1.5277777778;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul li a dl dt {
    font-size: 2.8rem;
  }
}
#mlp-top #top-feature-nav ul li a dl dt:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #f69440;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
#mlp-top #top-feature-nav ul li a dl dt.anim-on:before {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-feature-nav ul li:nth-child(3n+2) figure img,
#mlp-top #top-feature-nav ul li:nth-child(3n+2) dt:before {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  #mlp-top #top-feature-nav ul li:nth-child(3n+3) figure img,
#mlp-top #top-feature-nav ul li:nth-child(3n+3) dt:before {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
}
#mlp-top .bg-sec {
  margin: 5.5rem 0 -14rem;
  padding: 19rem 0;
  background: no-repeat center center/cover;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .bg-sec {
    margin: 5.5rem 4rem -14rem;
    padding: 11.2903225806% 0;
  }
}
#mlp-top .bg-sec .whitebox {
  background-color: #fff;
  text-align: center;
  padding: 8rem 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .bg-sec .whitebox {
    padding: 5.5rem 1rem;
    width: 92rem;
    margin: 0 auto;
  }
}
#mlp-top .bg-sec .whitebox .bg-sec-catch {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.3888888889;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .bg-sec .whitebox .bg-sec-catch {
    font-size: 2rem;
  }
}
#mlp-top .bg-sec .whitebox .bg-sec-title {
  font-size: 5rem;
  font-weight: bold;
  color: #f69440;
  line-height: 1.44;
  margin-top: 0.3em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .bg-sec .whitebox .bg-sec-title {
    font-size: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top .bg-sec .whitebox .btn-box {
    margin-top: 2.5rem;
  }
}
#mlp-top .top-ftr-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 49.3333333333vw;
  background: no-repeat center bottom/cover;
  padding-bottom: 5.2vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .top-ftr-arrow {
    width: 100%;
    height: 14.9677419355vw;
    padding-bottom: 1.8064516129vw;
  }
}
#mlp-top .top-ftr-arrow p {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.65625;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .top-ftr-arrow p {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-top .top-ftr-arrow#top-ftr-arrow-01 {
    background-image: url(../img/top/top-ftr-arrow-catch-01-sp.jpg);
    margin-bottom: 6rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top .top-ftr-arrow#top-ftr-arrow-01 {
    background-image: url(../img/top/top-ftr-arrow-catch-01-pc.jpg);
    text-align: right;
    margin-bottom: 9rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-top .top-ftr-arrow#top-ftr-arrow-02 {
    background-image: url(../img/top/top-ftr-arrow-catch-02-sp.jpg);
    margin-bottom: 9rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top .top-ftr-arrow#top-ftr-arrow-02 {
    background-image: url(../img/top/top-ftr-arrow-catch-02-pc.jpg);
    margin-bottom: 15rem;
  }
}
#mlp-top .top-ftr-arrow#top-ftr-arrow-02 p {
  margin: 0 -4.6666666667vw 0 4.6666666667vw;
  color: #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-top .top-ftr-arrow#top-ftr-arrow-02 p {
    margin: 0;
  }
}
#mlp-top #top-ftr #top-ftr-01 {
  padding-top: 14rem;
}
#mlp-top #top-ftr #top-ftr-01 .note.color-gray {
  margin: 0 0 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-01 .flex-txt {
    width: 37rem;
  }
}
#mlp-top #top-ftr #top-ftr-01 .flex-img {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-01 .flex-img {
    width: 70rem;
    margin-top: 0;
  }
}
#mlp-top #top-ftr #top-ftr-01 .flex-img p {
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-01 .flex-img p {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-02 .flex-txt {
    width: 55rem;
  }
}
#mlp-top #top-ftr #top-ftr-02 .flex-img {
  margin-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-02 .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 63rem;
    margin-top: 0;
    margin-left: calc(50% - 50vw + 4rem);
    margin-right: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-03 .catch-orange,
#mlp-top #top-ftr #top-ftr-03 .title-underline {
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-03 .flex-txt {
    width: 51.2rem;
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-03 .flex-img {
    width: 54rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-top #top-ftr #top-ftr-03 .bg-sec {
    background-image: url(../img/top/top-ftr-03-bg-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-03 .bg-sec {
    background-image: url(../img/top/top-ftr-03-bg-pc.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 .flex-box {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 .flex-txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 14rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-top #top-ftr #top-ftr-04 .flex-txt {
    padding-left: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 .flex-txt .btn-box {
    text-align: right;
    padding-right: 2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 63rem;
    margin-top: 0;
    margin-left: calc(50% - 50vw + 4rem);
    margin-right: 1rem;
  }
}
#mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img {
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4rem;
    padding-left: 2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img li:first-child {
    width: 44rem;
    margin: 0 auto 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: -14rem;
    margin-right: -10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img-2 {
    margin-left: -3rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img-2 li {
    margin-top: 6rem;
    padding: 0 4.8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-04 #top-ftr-04-img-2 li:nth-child(n+2) {
    margin-left: 1rem;
  }
}
#mlp-top #top-ftr #top-ftr-05 {
  padding-top: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 .flex-txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 54.5rem;
  }
}
#mlp-top #top-ftr #top-ftr-05 .flex-txt .note {
  margin: 0.5em 0 1em;
}
#mlp-top #top-ftr #top-ftr-05 .flex-txt .catch-orange {
  margin: 4rem 0 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 .flex-txt .catch-orange {
    margin: 2rem 0 1rem;
  }
}
#mlp-top #top-ftr #top-ftr-05 .flex-txt .app-list {
  margin-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 .flex-txt .app-list {
    margin-top: 3.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#mlp-top #top-ftr #top-ftr-05 .flex-txt .btn-box {
  margin-top: 9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 .flex-txt .btn-box {
    text-align: left;
    margin-top: 6rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 72.3rem;
    margin-top: -10rem;
    margin-right: calc(50% - 50vw + 4rem);
    margin-left: 4rem;
    padding-left: 10.3rem;
  }
}
#mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -36.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img {
    margin-top: -25rem;
    margin-left: -10.3rem;
  }
}
#mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img li:nth-child(1) {
  position: relative;
  margin-top: 18.4vw;
  margin-right: -2.5333333333vw;
  width: 38.9333333333vw;
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img li:nth-child(1) {
    margin-top: 15.5rem;
    width: 44.8132780083%;
  }
}
#mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img li:nth-child(2) {
  width: 44.2666666667vw;
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-05 #top-ftr-05-img li:nth-child(2) {
    width: 51.1756569848%;
  }
}
#mlp-top #top-ftr #top-ftr-06 {
  padding: 0;
}
#mlp-top #top-ftr #top-ftr-06 .bg-sec {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #mlp-top #top-ftr #top-ftr-06 .bg-sec {
    background-image: url(../img/top/top-ftr-06-bg-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-ftr #top-ftr-06 .bg-sec {
    background-image: url(../img/top/top-ftr-06-bg-pc.jpg);
  }
}
#mlp-top #top-ftr #top-ftr-06 .bg-sec .whitebox {
  background-color: #000;
}
#mlp-top #top-ftr #top-ftr-06 .bg-sec .whitebox .bg-sec-catch {
  color: #fff;
}
#mlp-top #top-news {
  margin: 0 0 0;
/*  margin: 12rem 0 14rem;*/
}
#mlp-top #top-news .sec-news-title {
  font-size: 5.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-news .sec-news-title {
    font-size: 6rem;
  }
}
#mlp-top #top-news .top-news-list {
  margin-top: 5rem;
}
#mlp-top #top-news .top-news-list li {
  border-bottom: 1px solid #f69440;
}
#mlp-top #top-news .top-news-list li:first-child {
  border-top: 1px solid #f69440;
}
#mlp-top #top-news .top-news-list li a {
  display: block;
  padding: 2rem 3rem 2rem 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-news .top-news-list li a {
    padding: 1rem 2.5rem 1.5rem 21.5rem;
  }
}
#mlp-top #top-news .top-news-list li a .date {
  position: relative;
  display: block;
}
@media print, screen and (min-width: 768px) {
  #mlp-top #top-news .top-news-list li a .date {
    float: left;
    margin-left: -15rem;
  }
}
#mlp-top #top-news .top-news-list li a .date:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1rem;
  height: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -3rem;
}
#mlp-top #top-news .top-news-list li a p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#mlp-top .anim-img span {
  display: block;
  overflow: hidden;
}
#mlp-top .anim-img span img {
  opacity: 0 !important;
  -webkit-transform: translateX(-20%) scale(1.1);
          transform: translateX(-20%) scale(1.1);
  -webkit-transition: opacity 0.5s, -webkit-transform 1s;
  transition: opacity 0.5s, -webkit-transform 1s;
  transition: opacity 0.5s, transform 1s;
  transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
}
#mlp-top .anim-img.anim-on img {
  opacity: 1 !important;
  -webkit-transform: translateX(0) scale(1);
          transform: translateX(0) scale(1);
}
#mlp-top .anim-fade {
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  -webkit-transition: opacity 0.5s, -webkit-transform 1.5s;
  transition: opacity 0.5s, -webkit-transform 1.5s;
  transition: opacity 0.5s, transform 1.5s;
  transition: opacity 0.5s, transform 1.5s, -webkit-transform 1.5s;
}
#mlp-top .anim-fade.anim-on {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*---------------------------------------------------------
mlp-feature
---------------------------------------------------------*/
#mlp-feature .sec-title:before, #mlp-feature .sec-title:after, #mlp-what-mlp .sec-title:before, #mlp-what-mlp .sec-title:after {
  height: calc(100% - 0.5em);
  top: 0.3em;
}
#mlp-feature #ftr-mv, #mlp-what-mlp #ftr-mv {
  background-color: #efeff0;
  padding-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv, #mlp-what-mlp #ftr-mv {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv .inner, #mlp-what-mlp #ftr-mv .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-feature #ftr-mv #ftr-mv-img, #mlp-what-mlp #ftr-mv #ftr-mv-img {
  background: no-repeat top center/cover;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  height: 60vw;
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-mv #ftr-mv-img, #mlp-what-mlp #ftr-mv #ftr-mv-img {
    background-image: url(../img/feature/ftr-mv-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-img, #mlp-what-mlp #ftr-mv #ftr-mv-img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: -3.5rem;
    height: 79.8rem;
    background-image: url(../img/feature/ftr-mv-pc.jpg);
    background-position: center right;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-feature #ftr-mv #ftr-mv-img, #mlp-what-mlp #ftr-mv #ftr-mv-img {
    margin-right: -13.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-box, #mlp-what-mlp #ftr-mv #ftr-mv-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#mlp-feature #ftr-mv #ftr-mv-title, #mlp-what-mlp #ftr-mv #ftr-mv-title {
  font-size: 2.9rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2.3448275862;
  letter-spacing: 0.05em;
  padding-bottom: 0;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-title, #mlp-what-mlp #ftr-mv #ftr-mv-title {
    font-size: 3.6rem;
    line-height: 2.1666666667;
    text-align: right;
  }
}
#mlp-feature #ftr-mv #ftr-mv-title > em, #mlp-what-mlp #ftr-mv #ftr-mv-title > em {
  display: inline-block;
  text-align: left;
}
#mlp-feature #ftr-mv #ftr-mv-title span, #mlp-what-mlp #ftr-mv #ftr-mv-title span {
  padding-bottom: 0.4em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-title span, #mlp-what-mlp #ftr-mv #ftr-mv-title span {
    padding-bottom: 0.2em;
  }
}
#mlp-feature #ftr-mv #ftr-mv-title i, #mlp-what-mlp #ftr-mv #ftr-mv-title i {
  font-weight: 300;
  font-style: normal;
}
#mlp-feature #ftr-mv #ftr-mv-title strong, #mlp-what-mlp #ftr-mv #ftr-mv-title strong {
  display: inline-block;
  margin-top: 1em;
  width: 56rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-title strong, #mlp-what-mlp #ftr-mv #ftr-mv-title strong {
    width: 66.3rem;
    margin-top: 0.5em;
  }
}
#mlp-feature #ftr-mv #ftr-mv-title strong img, #mlp-what-mlp #ftr-mv #ftr-mv-title strong img {
  vertical-align: top;
}
#mlp-feature #ftr-mv #ftr-mv-mlp, #mlp-what-mlp #ftr-mv #ftr-mv-mlp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 4.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-mlp, #mlp-what-mlp #ftr-mv #ftr-mv-mlp {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#mlp-feature #ftr-mv #ftr-mv-mlp p, #mlp-what-mlp #ftr-mv #ftr-mv-mlp p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-mlp p, #mlp-what-mlp #ftr-mv #ftr-mv-mlp p {
    margin-bottom: 0;
  }
}
#mlp-feature #ftr-mv #ftr-mv-mlp figure, #mlp-what-mlp #ftr-mv #ftr-mv-mlp figure {
  width: 46.6666666667vw;
  margin-left: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-mv #ftr-mv-mlp figure, #mlp-what-mlp #ftr-mv #ftr-mv-mlp figure {
    width: 36.4rem;
    margin-left: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-detail, #mlp-what-mlp #ftr-detail {
    padding-bottom: 0;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 .flex-box-txt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 .flex-box-txt {
    width: 56.5rem;
    margin-top: -1em;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 .flex-box-img, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 .flex-box-img {
  margin-top: 5.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 .flex-box-img, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 .flex-box-img {
    width: 48.9rem;
    margin-top: 0;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 .catch-orange, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 .catch-orange {
  margin: 0 0 0.2em;
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level {
  margin-top: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li {
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(n+2), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(n+2) {
    border-top: none;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2n+1), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2n+1) {
    border-right: none;
  }
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(n+3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(n+3) {
    border-top: none;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2) {
  border: 3px solid #f69440;
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2) dt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2) dt {
  width: 18.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2) dt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(-n+2) dt {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(1), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(1) {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(1), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(1) {
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2) {
    border-top: 1px solid #000;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2), #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li:nth-child(2) {
    border-left: 1px solid #000;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 10rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl {
    display: block;
    min-height: auto;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt, #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt {
  width: 19rem;
  font-size: 2.6rem;
  font-weight: bold;
  padding: 0 2rem;
  background-color: #fef2e6;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dt {
    width: auto;
    font-size: 1.8rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 6rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.4rem;
  padding: 0.5rem 2rem;
  border-left: 1px solid #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level li dl dd {
    font-size: 1.8rem;
    border-left: none;
    border-top: 1px solid #000;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 9rem;
    padding: 0.5rem 1em;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-01 #ftr-detail-level + p, #mlp-what-mlp #ftr-detail #ftr-detail-sec-01 #ftr-detail-level + p {
  margin-top: 1em;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 {
  margin-top: 5.5rem;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 .catch-orange, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 .catch-orange {
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 .catch-orange, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 .catch-orange {
    font-size: 2.5rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table {
  width: 100%;
  margin-top: 6rem;
  table-layout: fixed;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table {
    margin-top: 2rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table th, #mlp-feature #ftr-detail #ftr-detail-sec-02 table td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table td {
  border: 1px solid #000;
  vertical-align: middle;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding: 2rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table th, #mlp-feature #ftr-detail #ftr-detail-sec-02 table td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table td {
    padding: 1.5rem 0;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table th {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  background-color: #f7f7f7;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table th {
    font-size: 1.8rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table td {
  font-size: 2.6rem;
  line-height: 1.4285714286;
  letter-spacing: -0.02em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table td {
    font-size: 1.8rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table thead td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead td {
  border-top: none;
  border-left: none;
  width: 17.9104477612%;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table thead td, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead td {
    width: 25rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table thead th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead th {
  padding: 1rem 0;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table thead th:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead th:nth-child(3) {
  border-top: 3px solid #f69440;
  background-color: #000;
  color: #fff;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table tbody th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table tbody th {
  text-align: left;
  padding-left: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table tbody th, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table tbody th {
    padding-left: 5rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table tbody tr:last-child td:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table tbody tr:last-child td:nth-child(3) {
  border-bottom: 3px solid #f69440;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table thead th:nth-child(3), #mlp-feature #ftr-detail #ftr-detail-sec-02 table thead td:nth-child(3), #mlp-feature #ftr-detail #ftr-detail-sec-02 table tbody th:nth-child(3), #mlp-feature #ftr-detail #ftr-detail-sec-02 table tbody td:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead th:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table thead td:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table tbody th:nth-child(3), #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table tbody td:nth-child(3) {
  font-weight: bold;
  border-left: 3px solid #f69440;
  border-right: 3px solid #f69440;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table .mark, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table .mark {
  display: block;
  margin: 0 auto 0.5em;
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table .mark.mark-o, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table .mark.mark-o {
  width: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table .mark.mark-o, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table .mark.mark-o {
    width: 2.6rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 table .mark.mark-x, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table .mark.mark-x {
  width: 3.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 table .mark.mark-x, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 table .mark.mark-x {
    width: 2.3rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column {
    margin: 8.5rem calc(50% - 50vw) 0;
    padding: 7.5rem 4rem 13rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column {
    margin-top: 8rem;
    padding: 5.5rem 7.5rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column:before, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column:before {
  position: absolute;
  display: block;
  content: " ";
  border-top: 7.5rem solid #f69440;
  border-right: 13.15rem solid transparent;
  border-left: 13.15rem solid transparent;
  top: -4.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column:before, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column:before {
    border-width: 8.75rem;
    border-top-width: 5rem;
    top: -2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-txt, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-txt {
    width: 40rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-img, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-img {
  margin-right: -2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-img, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 54rem;
    margin-top: 6rem;
    margin-left: 4rem;
    margin-right: -5rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange {
  position: relative;
  padding-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange {
    padding-top: 6.5rem;
  }
}
#mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange:before, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/letter-q.png) no-repeat center center/contain;
  width: 7.5rem;
  height: 6.5rem;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange:before, #mlp-what-mlp #ftr-detail #ftr-detail-sec-02 #ftr-detail-column .catch-orange:before {
    width: 6.2rem;
    height: 5.3rem;
  }
}
#mlp-feature #ftr-design, #mlp-what-mlp #ftr-design {
  padding: 0;
}
#mlp-feature #ftr-design .slick02 .slick-prev,
#mlp-feature #ftr-design .slick02 .slick-next, #mlp-what-mlp #ftr-design .slick02 .slick-prev,
#mlp-what-mlp #ftr-design .slick02 .slick-next {
  top: 29.4117647059vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design .slick02 .slick-prev,
#mlp-feature #ftr-design .slick02 .slick-next, #mlp-what-mlp #ftr-design .slick02 .slick-prev,
#mlp-what-mlp #ftr-design .slick02 .slick-next {
    top: 200px;
  }
}
#mlp-feature #ftr-design .slick02 .slick-prev, #mlp-what-mlp #ftr-design .slick02 .slick-prev {
  left: 1rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design .slick02 .slick-prev, #mlp-what-mlp #ftr-design .slick02 .slick-prev {
    left: -4rem;
  }
}
#mlp-feature #ftr-design .slick02 .slick-next, #mlp-what-mlp #ftr-design .slick02 .slick-next {
  right: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design .slick02 .slick-next, #mlp-what-mlp #ftr-design .slick02 .slick-next {
    right: -4rem;
  }
}
#mlp-feature #ftr-design .slick02 .slick-dots, #mlp-what-mlp #ftr-design .slick02 .slick-dots {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design .slick02 .slick-dots, #mlp-what-mlp #ftr-design .slick02 .slick-dots {
    bottom: 1rem;
  }
}
#mlp-feature #ftr-design .slick02 .slick-dots button, #mlp-what-mlp #ftr-design .slick02 .slick-dots button {
  display: block;
  border: none;
  background-color: #e1e0e1;
  border-radius: 100vw;
  font-size: 0;
  width: 2.2rem;
  height: 2.2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design .slick02 .slick-dots button, #mlp-what-mlp #ftr-design .slick02 .slick-dots button {
    width: 1.5rem;
    height: 1.5rem;
  }
}
#mlp-feature #ftr-design .slick02 .slick-dots button[aria-selected=true], #mlp-what-mlp #ftr-design .slick02 .slick-dots button[aria-selected=true] {
  background-color: #f69440;
}
#mlp-feature #ftr-design #ftr-design-topic ul, #mlp-what-mlp #ftr-design #ftr-design-topic ul {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul, #mlp-what-mlp #ftr-design #ftr-design-topic ul {
    margin: 6rem -9rem 0;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul li, #mlp-what-mlp #ftr-design #ftr-design-topic ul li {
  padding: 8rem 5rem 50rem;
  background: #000 no-repeat center bottom/contain;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li, #mlp-what-mlp #ftr-design #ftr-design-topic ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 0 18rem;
    height: 50rem;
    background-position: center right;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul li:nth-child(n+2), #mlp-what-mlp #ftr-design #ftr-design-topic ul li:nth-child(n+2) {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li.bk:nth-child(1), #mlp-what-mlp #ftr-design #ftr-design-topic ul li.bk:nth-child(1) {
    background-image: url(../img/feature/ftr-design-list-01-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li.bk:nth-child(1), #mlp-what-mlp #ftr-design #ftr-design-topic ul li.bk:nth-child(1) {
    background-image: url(../img/feature/ftr-design-list-01-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li.bk2:nth-child(1), #mlp-what-mlp #ftr-design #ftr-design-topic ul li.bk2:nth-child(1) {
    background-image: url(../img/feature/ftr-design-list-04-sp.jpg);
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li.bk2:nth-child(1), #mlp-what-mlp #ftr-design #ftr-design-topic ul li.bk2:nth-child(1) {
    background-image: url(../img/feature/ftr-design-list-04-pc.jpg);
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul li p, #mlp-what-mlp #ftr-design #ftr-design-topic ul li p {
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul li p, #mlp-what-mlp #ftr-design #ftr-design-topic ul li p {
    width: 54.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul.l1, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l1 {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul.l1, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l1 {
    margin: 6rem 0 0 0rem;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul.l1 li, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l1 li {
  padding: 0rem 5rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul.l1 li, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l1 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 0 2rem;
    height: 50rem;
    background-position: center right;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul.l2, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l2 {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul.l2, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l2 {
    margin: 6rem 0 0;
  }
}
#mlp-feature #ftr-design #ftr-design-topic ul.l2 li, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l2 li {
  padding: 0rem 5rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-topic ul.l2 li, #mlp-what-mlp #ftr-design #ftr-design-topic ul.l2 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 0 2rem;
    height: 50rem;
    background-position: center right;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box .catch-orange {
    font-size: 3.8rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box .catch-orange + p, #mlp-what-mlp #ftr-design #ftr-design-sec-box .catch-orange + p {
  margin-top: 0.5em;
}
#mlp-feature #ftr-design #ftr-design-sec-box section, #mlp-what-mlp #ftr-design #ftr-design-sec-box section {
  margin-top: 6rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box section:first-of-type, #mlp-what-mlp #ftr-design #ftr-design-sec-box section:first-of-type {
  margin-top: 0;
}
#mlp-feature #ftr-design #ftr-design-sec-box .flex-box .flex-txt + .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box .flex-box .flex-txt + .flex-img {
  margin-top: 2rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt {
  margin-top: 0;
}
#mlp-feature #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt section, #mlp-what-mlp #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt section {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt section, #mlp-what-mlp #ftr-design #ftr-design-sec-box .flex-box .flex-img + .flex-txt section {
    margin-top: 5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-txt .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-txt .catch-orange {
    font-size: 3.2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-01 .flex-img {
    width: 63rem;
    margin-left: 4rem;
    margin-top: 0;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #flex-box-01 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #flex-box-01 .flex-img {
  margin-top: 15rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #flex-box-01 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #flex-box-01 .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 63rem;
    margin-left: calc(50% - 50vw + 4rem);
    margin-right: 4rem;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #flex-box-01, #mlp-what-mlp #ftr-design #ftr-design-sec-box #flex-box-01 {
    margin-top: 7rem;
  }
  #mlp-feature #ftr-design #ftr-design-sec-box #flex-box-01 .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #flex-box-01 .flex-txt {
    width: 57rem;
  }
  #mlp-feature #ftr-design #ftr-design-sec-box #flex-box-01 #ftr-design-sec-02, #mlp-what-mlp #ftr-design #ftr-design-sec-box #flex-box-01 #ftr-design-sec-02 {
    margin-top: 4rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec {
  margin: 0.25em 0 0.75em;
  font-size: 3.2rem;
  color: #f69440;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec {
    font-size: 2rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dt, #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dd {
  font-weight: normal;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dt {
  width: 8.5em;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 #ftr-design-sec-02-spec dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8rem 5rem 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt {
    padding: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-txt .catch-orange {
    font-size: 3.2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-02 .flex-img {
    width: 63rem;
    margin-left: 4rem;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-03 .btn, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-03 .btn {
    width: 100%;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt {
    padding-left: 4.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt p, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt p {
  margin-right: 3.5rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt .link-arrow, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-txt .link-arrow {
  margin-top: 0.5em;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-img {
  width: 30.6666666667vw;
  margin-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 .flex-box .flex-img {
    width: 33rem;
    margin-top: 0;
    margin-left: 17rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul {
  margin-top: 7rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li {
  padding: 7rem 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4rem 6rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li:nth-child(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li:nth-child(n+2) {
  margin-top: 3rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title {
  color: #f69440;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title {
    width: 32rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .en, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .en {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 3.8rem;
  letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .en, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .en {
    font-size: 2rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp {
  font-size: 3.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp {
    font-size: 3rem;
    line-height: 1.1333333333;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp small, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp small {
  display: block;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp small, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li .ftr-design-list-title .jp small {
    font-size: 2.4rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p .link-arrow, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p .link-arrow {
  display: inline-block;
  font-size: inherit;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p .link-arrow:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-04 ul li p .link-arrow:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 {
  margin-top: 11rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 {
    margin-top: 7rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-box, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-img {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-img, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 .flex-img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 76.8rem;
    margin-right: calc(50% - 50vw + 4rem);
    margin-left: 4rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 {
  margin: 8rem calc(50% - 50vw);
  padding: 14rem 4rem 13rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 {
    margin: 7rem 0 0;
    padding: 9rem 9.5rem 6rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange {
  position: relative;
  padding-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange {
    padding-top: 6.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/letter-q.png) no-repeat center center/contain;
  width: 7.5rem;
  height: 6.5rem;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before {
    width: 6.2rem;
    height: 5.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange {
    font-size: 3rem;
    padding: 0 0 0 8.5rem;
  }
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 .catch-orange:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list {
  margin-top: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list {
    margin-top: 4rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list > li:nth-child(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 ul#ftr-detail-column-list > li:nth-child(n+2) {
  margin-top: 7.5rem;
  padding-top: 7.5rem;
  border-top: 1px solid #000;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title {
  font-size: 3.2rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title span, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-02-title span {
  border-bottom: 1px solid #000;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure {
  margin-top: 5.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li {
    width: 49.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(n+2) {
  margin-top: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(n+2) {
    margin: 0 0 0 1rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl {
  border: 1px solid #000;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dt {
  font-size: 2.5rem;
  line-height: 8.4rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dt {
    font-size: 1.8rem;
    line-height: 6rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  height: 65.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li dl dd {
    height: 35rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dt {
  background-color: #000;
  color: #fff;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure {
  position: relative;
  width: 77.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure {
    width: 41.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure a, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure a {
  position: absolute;
  top: 42.1333333333vw;
  left: 28.6666666667vw;
  display: block;
  width: 42.6666666667vw;
  height: 6.4vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure a, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(1) dd figure a {
    top: 22.7rem;
    left: 15.4rem;
    width: 23rem;
    height: 3.4rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dt {
  background-color: #f2f2f2;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dd figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dd figure {
  width: 73.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dd figure, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-figure li:nth-child(2) dd figure {
    width: 39.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  height: 12rem;
  font-size: 3.6rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.3055555556;
  color: #f69440;
  padding-top: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt {
    width: 25.8rem;
    height: 13rem;
    font-size: 2rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt:before {
  position: absolute;
  display: block;
  content: " ";
  border-top: 4rem solid #000;
  border-right: 33.5rem solid transparent;
  border-left: 33.5rem solid transparent;
  bottom: -4rem;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt:before {
    border: none;
    border-left: 2.5rem solid #000;
    border-top: 6.5rem solid transparent;
    border-bottom: 6.5rem solid transparent;
    bottom: auto;
    top: 0;
    left: auto;
    right: -2.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span {
  position: relative;
  padding-left: 11rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span {
    padding-left: 6rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/icon-contact-orange.svg) no-repeat center center/contain;
  width: 8rem;
  height: 9rem;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span:before, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dt span:before {
    width: 4.3rem;
    height: 4.9rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 4.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -1.2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul {
    margin-bottom: -1rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 1.2rem) / 2);
  line-height: 1.2;
  border: 1px solid #000;
  background-color: #fff;
  margin-bottom: 1.2rem;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  min-height: 9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-point dd ul li {
    width: calc((100% - 2.1rem) / 3);
    font-size: 1.8rem;
    margin-bottom: 1rem;
    min-height: 6rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note {
  margin-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note {
    margin-top: 4.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl:nth-of-type(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl:nth-of-type(n+2) {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl:nth-of-type(n+2), #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl:nth-of-type(n+2) {
    margin-top: 3rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt {
  font-size: 3.2rem;
  font-weight: bold;
  color: #f69440;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt {
    font-size: 1.8rem;
    margin-bottom: 0;
    width: 24rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span {
  position: relative;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span:after, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span:after {
  display: inline;
  content: "…";
  top: 0;
  left: 0;
  margin-left: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span:after, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dt span:after {
    float: right;
    margin: 0 1.5rem 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dd, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-05 #ftr-detail-column-02 #ftr-detail-column-note dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4rem 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app {
    margin: 4rem -2rem 0;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li {
  margin: 0 2rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li figcaption, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li figcaption {
  font-size: 3.2rem;
  font-weight: bold;
  color: #f69440;
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li figcaption, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app li figcaption {
    font-size: 2.4rem;
    margin-top: 3.5rem;
  }
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-prev,
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-next, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-prev,
#mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-next {
  top: 61.7333333333vw;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-prev, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-prev {
  left: -6rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-next, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 #ftr-design-app .slick-next {
  right: -6rem;
}
#mlp-feature #ftr-design #ftr-design-sec-box #ftr-design-sec-06 .app-list, #mlp-what-mlp #ftr-design #ftr-design-sec-box #ftr-design-sec-06 .app-list {
  margin-top: 4.5rem;
}
#mlp-feature #ftr-spec .ftr-spec-box, #mlp-what-mlp #ftr-spec .ftr-spec-box {
  margin-top: 3rem;
}
#mlp-feature #ftr-spec .ftr-spec-box + .ftr-spec-box, #mlp-what-mlp #ftr-spec .ftr-spec-box + .ftr-spec-box {
  margin-top: 10rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-box + .ftr-spec-box, #mlp-what-mlp #ftr-spec .ftr-spec-box + .ftr-spec-box {
    margin-top: 5rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-box .catch-orange, #mlp-what-mlp #ftr-spec .ftr-spec-box .catch-orange {
  margin-bottom: 0.5em;
}
#mlp-feature #ftr-spec .ftr-spec-list > li, #mlp-what-mlp #ftr-spec .ftr-spec-list > li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #666666;
}
#mlp-feature #ftr-spec .ftr-spec-list > li:first-child, #mlp-what-mlp #ftr-spec .ftr-spec-list > li:first-child {
  border-top: 1px solid #666666;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li, #mlp-what-mlp #ftr-spec .ftr-spec-list > li {
    padding: 1rem 0;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li .ftr-spec-head, #mlp-what-mlp #ftr-spec .ftr-spec-list > li .ftr-spec-head {
  position: relative;
  display: inline-block;
  font-size: 3.3rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li .ftr-spec-head, #mlp-what-mlp #ftr-spec .ftr-spec-list > li .ftr-spec-head {
    font-size: 2.2rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li .ftr-spec-head:before, #mlp-what-mlp #ftr-spec .ftr-spec-list > li .ftr-spec-head:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #fff;
  width: 1px;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li dl, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li dl dt, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dt {
    width: 31.5rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li dl dd, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dd {
  position: relative;
  margin-top: 2rem;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li dl dd, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 1.8rem;
    padding: 0.2em 0 0.2em 3rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li dl dd:before, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dd:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #fff;
  width: 3rem;
  height: 1px;
  top: -1rem;
  left: 0;
}
@media only screen and (max-width: 767px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li dl dd:before, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dd:before {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li dl dd:before, #mlp-what-mlp #ftr-spec .ftr-spec-list > li dl dd:before {
    width: 2px;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li ul, #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul {
  margin-left: 4.5rem;
  margin-top: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li ul, #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul {
    margin-left: 2rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li ul li:nth-child(n+2), #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul li:nth-child(n+2) {
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li ul li:nth-child(n+2), #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul li:nth-child(n+2) {
    margin-top: 1rem;
  }
}
#mlp-feature #ftr-spec .ftr-spec-list > li ul li dt, #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul li dt {
  font-size: 2.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .ftr-spec-list > li ul li dt, #mlp-what-mlp #ftr-spec .ftr-spec-list > li ul li dt {
    width: 29.5rem;
    font-size: 1.8rem;
    padding: 0.2em 0;
  }
}
#mlp-feature #ftr-spec ul.note, #mlp-what-mlp #ftr-spec ul.note {
  margin-top: 6.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec ul.note, #mlp-what-mlp #ftr-spec ul.note {
    margin-top: 4rem;
  }
}
#mlp-feature #ftr-spec ul.note li, #mlp-what-mlp #ftr-spec ul.note li {
  padding-left: 1.5em;
}
#mlp-feature #ftr-spec ul.note li span, #mlp-what-mlp #ftr-spec ul.note li span {
  display: block;
  float: left;
  margin-left: -1.5em;
}
#mlp-feature #ftr-spec .note, #mlp-what-mlp #ftr-spec .note {
  font-size: 2.6rem;
  letter-spacing: 0.025em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature #ftr-spec .note, #mlp-what-mlp #ftr-spec .note {
    font-size: 1.4rem;
  }
}
#mlp-feature #ftr-spec p.note + .note, #mlp-what-mlp #ftr-spec p.note + .note {
  margin-top: 0;
}
#mlp-feature .bg-sec, #mlp-what-mlp .bg-sec {
  padding: 19rem 0;
  background: no-repeat center center/cover;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature .bg-sec, #mlp-what-mlp .bg-sec {
    padding: 6.4516129032% 0;
  }
}
#mlp-feature .bg-sec .whitebox, #mlp-what-mlp .bg-sec .whitebox {
  background-color: #fff;
  text-align: center;
  padding: 8rem 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature .bg-sec .whitebox, #mlp-what-mlp .bg-sec .whitebox {
    padding: 5.5rem 1rem;
    width: 92rem;
    margin: 0 auto;
  }
}
#mlp-feature .bg-sec .whitebox .bg-sec-catch, #mlp-what-mlp .bg-sec .whitebox .bg-sec-catch {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.3888888889;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature .bg-sec .whitebox .bg-sec-catch, #mlp-what-mlp .bg-sec .whitebox .bg-sec-catch {
    font-size: 2rem;
  }
}
#mlp-feature .bg-sec .whitebox .bg-sec-title, #mlp-what-mlp .bg-sec .whitebox .bg-sec-title {
  font-size: 5rem;
  font-weight: bold;
  color: #f69440;
  line-height: 1.44;
  margin-top: 0.3em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature .bg-sec .whitebox .bg-sec-title, #mlp-what-mlp .bg-sec .whitebox .bg-sec-title {
    font-size: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-feature .bg-sec .whitebox .btn-box, #mlp-what-mlp .bg-sec .whitebox .btn-box {
    margin-top: 2.5rem;
  }
}
#mlp-feature div.bk2, #mlp-what-mlp div.bk2 {
  background: #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-feature div.bk2, #mlp-what-mlp div.bk2 {
    width: calc(100% + 18rem);
    margin: 0 -9rem 0 -9rem;
    padding: 6rem 6rem 6rem 18rem;
  }
}

/*---------------------------------------------------------
mlp-to-workers
---------------------------------------------------------*/
#mlp-to-workers #wrk-lead {
  padding-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead {
    padding-top: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead .inner {
    position: relative;
  }
}
#mlp-to-workers #wrk-lead figure {
  width: 50.9rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead figure {
    position: absolute;
    top: 11.6rem;
    right: 2.6rem;
    width: 47.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-to-workers #wrk-lead figure {
    right: 12.6rem;
  }
}
#mlp-to-workers #wrk-lead #wrk-lead-txt {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead #wrk-lead-txt {
    position: relative;
    margin-top: 0;
  }
}
#mlp-to-workers #wrk-lead #wrk-lead-txt .title-underline {
  font-size: 4.2rem;
  line-height: 2;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead #wrk-lead-txt p {
    width: 53rem;
  }
  #mlp-to-workers #wrk-lead #wrk-lead-txt p.hang {
    width: 55.5rem;
  }
}
#mlp-to-workers #wrk-lead #wrk-lead-txt p:nth-of-type(n+2) {
  margin-top: 1em;
}
#mlp-to-workers #wrk-lead #wrk-lead-txt > div {
  margin-top: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead #wrk-lead-txt > div {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
  }
}
#mlp-to-workers #wrk-lead #wrk-lead-logo {
  margin-top: 7.5rem;
}
#mlp-to-workers #wrk-lead #wrk-lead-logo .catch-orange {
  font-size: 2.2rem;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.2em;
}
#mlp-to-workers #wrk-lead #wrk-lead-logo strong {
  display: block;
  max-width: 69.3rem;
  margin: 2rem auto;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead #wrk-lead-logo strong {
    max-width: 96rem;
  }
}
#mlp-to-workers #wrk-lead .note {
  margin-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-lead .note {
    text-align: right;
  }
  #mlp-to-workers #wrk-lead .note span {
    display: inline;
    float: none;
    margin: 0 1em 0 0;
  }
}
#mlp-to-workers .wrk-sec {
  padding-bottom: 0;
}
#mlp-to-workers .wrk-sec .wrk-sec-txt {
  padding-left: 4.5rem;
}
#mlp-to-workers .wrk-sec .wrk-sec-txt .wrk-sec-subtitle {
  font-size: 2.6rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-sec .wrk-sec-txt .wrk-sec-subtitle {
    font-size: 2.2rem;
    margin-top: 0;
  }
}
#mlp-to-workers .wrk-sec .wrk-sec-list {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-sec .wrk-sec-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-sec .wrk-sec-list li {
    width: 45.7627118644%;
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-to-workers .wrk-sec .wrk-sec-list li:nth-child(n+2) {
    margin-top: 5.5rem;
  }
}
#mlp-to-workers .wrk-sec .wrk-sec-list li dl {
  margin-top: 2rem;
}
#mlp-to-workers .wrk-sec .wrk-sec-list li dl dt {
  font-size: 3.6rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-sec .wrk-sec-list li dl dt {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
}
#mlp-to-workers .wrk-scene {
  position: relative;
  margin-top: 12rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene {
    margin-top: 8rem;
  }
}
#mlp-to-workers .wrk-scene:before {
  position: absolute;
  display: block;
  content: " ";
  border-top: 3.5rem solid #fff;
  border-right: 7rem solid transparent;
  border-left: 7rem solid transparent;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene:before {
    border-top: 2.8rem solid #fff;
    border-right: 5.2rem solid transparent;
    border-left: 5.2rem solid transparent;
  }
}
#mlp-to-workers .wrk-scene .wrk-scene-title {
  font-size: 3.2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-title {
    font-size: 2.4rem;
  }
}
#mlp-to-workers .wrk-scene .wrk-scene-list {
  margin-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4rem -2rem -4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list li {
    width: calc((100% - 12rem) / 3);
    margin: 0 2rem 4rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list li:nth-child(n+2) {
    margin-top: 7rem;
  }
}
#mlp-to-workers .wrk-scene .wrk-scene-list li figure {
  position: relative;
}
#mlp-to-workers .wrk-scene .wrk-scene-list li figure figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 5rem;
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list li figure figcaption {
    left: 3rem;
    font-size: 2.4rem;
  }
}
#mlp-to-workers .wrk-scene .wrk-scene-list li p {
  margin-top: 2rem;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list li p {
    font-size: 2rem;
  }
}
#mlp-to-workers .wrk-scene .wrk-scene-list li .note {
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .wrk-scene-list li .note {
    font-size: 1.3rem;
  }
}
#mlp-to-workers .wrk-scene .btn {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers .wrk-scene .btn {
    width: 45rem;
  }
}
#mlp-to-workers #wrk-support {
  overflow: hidden;
}
#mlp-to-workers #wrk-support .inner {
  position: relative;
}
#mlp-to-workers #wrk-support #wrk-support-lead {
  font-size: 3rem;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support #wrk-support-lead {
    font-size: 2.6rem;
    padding-top: 3rem;
  }
}
#mlp-to-workers #wrk-support #wrk-support-catch {
  font-size: 3.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support #wrk-support-catch {
    font-size: 3.2rem;
    margin-top: 5rem;
  }
}
#mlp-to-workers #wrk-support #wrk-support-catch strong {
  color: #f69440;
}
#mlp-to-workers #wrk-support #wrk-support-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support #wrk-support-img {
    margin: 0;
  }
}
#mlp-to-workers #wrk-support #wrk-support-img li {
  width: 40.5333333333vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support #wrk-support-img li {
    position: absolute;
    width: 34rem;
  }
  #mlp-to-workers #wrk-support #wrk-support-img li:first-child {
    top: 0;
    left: -13rem;
  }
  #mlp-to-workers #wrk-support #wrk-support-img li:last-child {
    top: 28rem;
    right: -13rem;
  }
}
#mlp-to-workers #wrk-support #wrk-support-txt {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support #wrk-support-txt {
    margin-top: 10rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-to-workers #wrk-support .btn-box {
    margin-top: 6rem;
  }
}

/*---------------------------------------------------------
mlp-faq
---------------------------------------------------------*/
#mlp-faq .faq-sec {
  margin: 10rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-sec {
    margin: 11rem 0;
  }
}
#mlp-faq .faq-box {
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box {
    margin-top: 6rem;
  }
}
#mlp-faq .faq-box dl {
  border-bottom: 1px solid #000000;
}
#mlp-faq .faq-box dl:first-of-type {
  border-top: 1px solid #000000;
}
#mlp-faq .faq-box dl dt, #mlp-faq .faq-box dl dd {
  position: relative;
  padding-left: 5.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt, #mlp-faq .faq-box dl dd {
    padding-left: 7rem;
  }
}
#mlp-faq .faq-box dl dt:before, #mlp-faq .faq-box dl dd:before {
  position: absolute;
  display: block;
  content: " ";
  left: 0.9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt:before, #mlp-faq .faq-box dl dd:before {
    left: 2.5rem;
  }
}
#mlp-faq .faq-box dl dt {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 5rem;
  font-size: 2.8rem;
  color: #f69440;
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    padding-right: 7rem;
    font-size: 2rem;
  }
}
#mlp-faq .faq-box dl dt:before {
  background: url(../img/common/letter-q.png) no-repeat center center/contain;
  top: 3rem;
  width: 3.1rem;
  height: 2.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt:before {
    width: 2.5rem;
    height: 2.1rem;
  }
}
#mlp-faq .faq-box dl dt i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border: 1px solid #f69440;
  border-radius: 100vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt i {
    right: 2.5rem;
    width: 2.3rem;
    height: 2.3rem;
    border-width: 2px;
  }
}
#mlp-faq .faq-box dl dt i:before, #mlp-faq .faq-box dl dt i:after {
  position: absolute;
  display: block;
  content: " ";
  background-color: #f69440;
  width: 1.2rem;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dt i:before, #mlp-faq .faq-box dl dt i:after {
    width: 1rem;
    height: 2px;
  }
}
#mlp-faq .faq-box dl dt i:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#mlp-faq .faq-box dl dt.open i:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
#mlp-faq .faq-box dl dd {
  display: none;
  font-size: 2.8rem;
  margin-top: 2rem;
  padding-bottom: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dd {
    font-size: 2rem;
    padding-bottom: 5rem;
    margin-top: 0;
  }
}
#mlp-faq .faq-box dl dd:before {
  background: url(../img/common/letter-a.png) no-repeat center center/contain;
  top: 1rem;
  width: 3.1rem;
  height: 2.9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dd:before {
    width: 2.5rem;
    height: 2.3rem;
  }
}

/* メディカルリスニングプラグが補聴器であることを示すカード */
#mlp-faq .faq-box dl dd p.faq-ha-card-notice-title {
  font-weight: bold;
}
#mlp-faq .faq-box dl dd p.faq-ha-card-notice-body {
  margin-left: 2em;
}
@media print, screen and (min-width: 768px) {
  #mlp-faq .faq-box dl dd a img {
    width: 500px;
  }
}

/*---------------------------------------------------------
mlp-column
---------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-index #mlp-head {
    padding-bottom: 6rem;
  }
}
#mlp-column.mlp-column-index #column-list-box {
  padding-bottom: 0;
}
#mlp-column.mlp-column-index #column-list-box #column-list {
  padding: 0 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-index #column-list-box #column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    margin: 0 -1.8rem -12rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-index #column-list-box #column-list li {
    width: calc((100% - 10.8rem) / 3);
    margin: 0 1.8rem 12rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-column.mlp-column-index #column-list-box #column-list li:nth-child(n+2) {
    margin-top: 8rem;
  }
}
#mlp-column.mlp-column-index #column-list-box #column-list li .column-list-title {
  font-size: 3.2rem;
  font-weight: bold;
  color: #f69440;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-index #column-list-box #column-list li .column-list-title {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
#mlp-column.mlp-column-index #column-list-box #column-list li .column-list-txt {
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-index #column-list-box #column-list li .column-list-txt {
    margin-top: 1rem;
  }
}
#mlp-column.mlp-column-index #column-list-box #column-list li figure {
  width: 100%;
  height: 0;
  padding-top: 62.3728813559%;
  margin-top: 2rem;
  background: no-repeat center center/cover;
}
#mlp-column.mlp-column-index #sec-column {
  display: none;
}
#mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box {
  margin: 0 calc(50% - 50vw);
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box #mlp-breadcrumb {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 21.5rem;
    margin-bottom: 9.5rem;
  }
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box #mlp-breadcrumb li:nth-child(n+2) {
    width: 8em;
  }
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-box #mlp-breadcrumb li:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box {
  position: relative;
  background-color: #0f0f0f;
  margin-top: -4rem;
  margin-left: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box {
    margin-top: -8.5rem;
    margin-left: 9rem;
  }
}
#mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #0f0f0f;
  width: calc(50vw - 50%);
  height: 100%;
  top: 0;
  right: calc(50% - 50vw);
}
#mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box #clm-mv-title {
  font-size: 4.2rem;
  font-weight: bold;
  color: #f69440;
  line-height: 1.3095238095;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.15em;
  padding: 3rem 4rem 3rem 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box #clm-mv-title {
    font-size: 6rem;
    padding: 4.5rem 5rem 4.5rem 7rem;
  }
}
#mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box #clm-mv-date {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  right: 0;
  background-color: #f69440;
  padding: 0.5rem 4rem 0.5rem 10rem;
  font-size: 2.4rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail #mlp-column-mv #clm-mv-title-box #clm-mv-date {
    font-size: 1.8rem;
    padding: 1rem 3rem 1rem 14rem;
  }
}
#mlp-column.mlp-column-detail .mt-0 {
  margin-top: 0 !important;
}
#mlp-column.mlp-column-detail .note {
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 767px) {
  #mlp-column.mlp-column-detail .note {
    font-size: 90%;
  }
}
#mlp-column.mlp-column-detail .note a {
  text-indent: 0;
}
#mlp-column.mlp-column-detail .clm-box {
  margin-top: 8rem;
}
#mlp-column.mlp-column-detail .clm-note {
  margin: 1.5rem 0;
  font-weight: 500;
  text-decoration: underline;
}

#mlp-column.mlp-column-detail .clm-box .clm-title {
  font-size: 4.2rem;
  margin-bottom: 0.2em;
  color: #f69440;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  border-bottom: 1px solid #f69440;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .clm-title {
    font-size: 3.8rem;
  }
}
#mlp-column.mlp-column-detail .clm-box .clm-subtitle {
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-color: #f0f0f0;
  border-left: 1.5rem solid #f69440;
  padding: 0.4em 0.75em;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .clm-subtitle {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-column.mlp-column-detail .clm-box p, #mlp-column.mlp-column-detail .clm-box li, #mlp-column.mlp-column-detail .clm-box dd, #mlp-column.mlp-column-detail .clm-box dt {
    font-size: 3.6rem;
  }
}
#mlp-column.mlp-column-detail .clm-box .color-orange {
  color: #f69440;
}
#mlp-column.mlp-column-detail .clm-box .clm-sec-box,
#mlp-column.mlp-column-detail .clm-box .flex-box,
#mlp-column.mlp-column-detail .clm-box figure,
#mlp-column.mlp-column-detail .clm-box p {
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail .clm-box figure {
  text-align: center;
}
#mlp-column.mlp-column-detail .clm-box figure img {
  width: auto;
  max-width: 100%;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa {
  background-color: #fff3e8;
  padding: 2em 1.5em;
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa dt, #mlp-column.mlp-column-detail .clm-box .clm-qa dd {
  padding-left: 2em;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa dt > span, #mlp-column.mlp-column-detail .clm-box .clm-qa dd > span {
  display: block;
  float: left;
  margin-left: -2em;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa dt {
  font-weight: bold;
  color: #f69440;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa dd {
  margin-top: 0.75em;
}
#mlp-column.mlp-column-detail .clm-box .clm-qa dd p {
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail .clm-box .clm-sec-box:nth-of-type(n+2) {
  margin-top: 2em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .flex-box .flex-txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#mlp-column.mlp-column-detail .clm-box .flex-box .flex-txt p {
  margin-top: 0;
}
#mlp-column.mlp-column-detail .clm-box .flex-box .flex-img {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .flex-box .flex-img {
    margin-top: 0;
    margin-left: 4rem;
  }
}
#mlp-column.mlp-column-detail .clm-box .flex-box .flex-img + .flex-txt {
  margin-top: 1.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .flex-box .flex-img + .flex-txt {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .flex-box.flex-img-left .flex-img {
    margin: 0 4rem 0 0;
  }
}
#mlp-column.mlp-column-detail .clm-box .flex-box.flex-box-img {
  margin-left: -2rem;
  margin-right: -2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-box .flex-box.flex-box-img .flex-img {
    margin: 0 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-table-note {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-column.mlp-column-detail .clm-table-box {
    margin-top: 0.5em;
    overflow: scroll;
    margin-right: -4rem;
    padding-right: 4rem;
  }
  #mlp-column.mlp-column-detail .clm-table-box img {
    width: 1200px;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-table-box {
    margin-top: 1.5em;
  }
}
#mlp-column.mlp-column-detail .clm-point-title {
  margin-top: 4em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-point-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#mlp-column.mlp-column-detail .clm-point-title dt {
  display: inline-block;
  background-color: #f69440;
  padding: 0.2em 0.5em;
  border-radius: 0.6428571429em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-point-title dt {
    font-size: 90%;
  }
}
#mlp-column.mlp-column-detail .clm-point-title dd {
  font-size: 120%;
  font-weight: bold;
  color: #f69440;
  margin-top: 0.2em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-point-title dd {
    margin: 0 0 0 0.5em;
  }
}
#mlp-column.mlp-column-detail .clm-point-title + p {
  margin-top: 1em;
}
#mlp-column.mlp-column-detail .btn-box {
  margin-top: 5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box {
    padding: 0 3rem;
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .flex-box {
  position: relative;
  border: 3px solid #f69440;
  border-radius: 5px;
  padding: 4rem 3.5rem;
}
#mlp-column.mlp-column-detail .clm-checklist-box .flex-box:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/column/clm-checklist-beak.gif) no-repeat center center/contain;
  width: 13rem;
  height: 7rem;
  bottom: -6.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box .flex-box:before {
    width: 6.5rem;
    height: 3.5rem;
    bottom: -3.4rem;
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .clm-checklist li {
  position: relative;
  font-size: 3.4rem;
  padding-left: 1.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box .clm-checklist li {
    font-size: 1.8rem;
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .clm-checklist li:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/column/clm-check.gif) no-repeat center center/contain;
  width: 1.2352941176em;
  height: 1.1764705882em;
  top: 0.25em;
  left: 0;
}
#mlp-column.mlp-column-detail .clm-checklist-box .clm-checklist li:nth-child(n+2) {
  margin-top: 0.5em;
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result {
  margin-top: 10rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box .check-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5rem;
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li {
  border-radius: 1rem;
  padding: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box .check-result li {
    width: calc(100% - 6rem);
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li:nth-child(n+2) {
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-checklist-box .check-result li:nth-child(n+2) {
    margin: 0 0 0 3rem;
  }
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li:nth-child(1) {
  background-color: #fff8f1;
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li:nth-child(2) {
  background-color: #fffcf1;
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li:nth-child(3) {
  background-color: #fff6fc;
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li .title {
  text-align: center;
  color: #f69440;
  font-weight: bold;
}
#mlp-column.mlp-column-detail .clm-checklist-box .check-result li p {
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail .clm-checklist-box .note {
  text-align: right;
}
#mlp-column.mlp-column-detail .clm-01-merit-box {
  border: 1px solid #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-column.mlp-column-detail .clm-01-merit-box:nth-of-type(n+2) {
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail .clm-01-merit-box > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  background-color: #fff3e9;
  padding: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box > p {
    width: 19.5rem;
  }
}
#mlp-column.mlp-column-detail .clm-01-merit-box > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-column.mlp-column-detail .clm-01-merit-box dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  background-color: #f69440;
  padding: 0.5em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box dl dt {
    width: 14rem;
    border: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 90%;
  }
}
#mlp-column.mlp-column-detail .clm-01-merit-box dl dd {
  padding: 0.5em 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-01-merit-box dl.clm-01-demerit {
    border-top: 1px solid #000;
  }
}
#mlp-column.mlp-column-detail .clm-01-merit-box dl.clm-01-demerit dt {
  background-color: #000;
  color: #fff;
}
#mlp-column.mlp-column-detail .clm-head-box {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-head-box {
    margin-top: 2rem;
  }
}
#mlp-column.mlp-column-detail .clm-head-box .head {
  background-color: #f69440;
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5em;
  border: 1px solid #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-head-box .head {
    font-size: 1.8rem;
  }
}
#mlp-column.mlp-column-detail .clm-head-box dl {
  border: 1px solid #000;
  margin-top: -1px;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-head-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-column.mlp-column-detail .clm-head-box dl dt, #mlp-column.mlp-column-detail .clm-head-box dl dd {
  padding: 1em;
}
#mlp-column.mlp-column-detail .clm-head-box dl dt {
  background-color: #fff3e8;
  border-bottom: 1px solid #000;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-head-box dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: none;
    border-right: 1px solid #000;
    width: 32rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail .clm-head-box dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#mlp-column.mlp-column-detail-01 #clm-01-type {
  margin-top: 1.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #clm-01-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#mlp-column.mlp-column-detail-01 #clm-01-type li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #000;
  padding: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #clm-01-type li {
    width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-column.mlp-column-detail-01 #clm-01-type li:nth-child(n+2) {
    border-top: none;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #clm-01-type li:nth-child(n+2) {
    border-left: none;
  }
}
#mlp-column.mlp-column-detail-01 #clm-01-type li dl dt {
  margin-bottom: 0.5em;
}
#mlp-column.mlp-column-detail-01 #clm-01-type li figure {
  width: 20rem;
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #clm-01-type li figure {
    width: 17.4rem;
  }
}
#mlp-column.mlp-column-detail-01 #clm-01-merit_demerit {
  margin-top: 2em;
}
#mlp-column.mlp-column-detail-01 #clm-01-analog_digital {
  margin-bottom: 3em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #clm-01-analog_digital dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#mlp-column.mlp-column-detail-01 #clm-01-analog_digital dl:nth-of-type(n+2) {
  margin-top: 1.5em;
}
#mlp-column.mlp-column-detail-01 #clm-01-analog_digital dl dt {
  font-weight: normal;
}
#mlp-column.mlp-column-detail-01 #clm-01-analog_digital dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-column.mlp-column-detail-01 #colmun-01-sec-04-img-01 {
    margin-top: -17rem;
  }
}

/*---------------------------------------------------------
mlp-flow
---------------------------------------------------------*/
#mlp-flow #flw-detail .inner, #mlp-top #flw-detail .inner {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail .flex-box-txt, #mlp-top #flw-detail .flex-box-txt {
    width: 78.8rem;
  }
}
#mlp-flow #flw-detail #flw-detail-logo, #mlp-top #flw-detail #flw-detail-logo {
  width: 55.9rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail #flw-detail-logo, #mlp-top #flw-detail #flw-detail-logo {
    width: 57.8rem;
  }
}
#mlp-flow #flw-detail #flw-detail-price, #mlp-top #flw-detail #flw-detail-price {
  font-size: 2.4rem;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-top: 2rem;
}
#mlp-flow #flw-detail #flw-detail-list, #mlp-top #flw-detail #flw-detail-list {
  border-top: 1px solid #f3be92;
  margin-top: 2.5rem;
  padding-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail #flw-detail-list, #mlp-top #flw-detail #flw-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 0;
    border-width: 2px;
  }
}
#mlp-flow #flw-detail #flw-detail-list ul li, #mlp-top #flw-detail #flw-detail-list ul li {
  font-size: 2.8rem;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.2;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail #flw-detail-list ul li, #mlp-top #flw-detail #flw-detail-list ul li {
    font-size: 2rem;
  }
}
#mlp-flow #flw-detail #flw-detail-list ul li:nth-child(n+2), #mlp-top #flw-detail #flw-detail-list ul li:nth-child(n+2) {
  margin-top: 1.5rem;
}
#mlp-flow #flw-detail #flw-detail-list ul:nth-child(n+2), #mlp-top #flw-detail #flw-detail-list ul:nth-child(n+2) {
  margin-top: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail #flw-detail-list ul:nth-child(n+2), #mlp-top #flw-detail #flw-detail-list ul:nth-child(n+2) {
    margin: 0 0.5rem 0 0;
  }
}
#mlp-flow #flw-detail #flw-detail-list ul:nth-child(n+2) li figure, #mlp-top #flw-detail #flw-detail-list ul:nth-child(n+2) li figure {
  margin-top: 1.5rem;
  margin-left: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail #flw-detail-list ul:nth-child(n+2) li figure, #mlp-top #flw-detail #flw-detail-list ul:nth-child(n+2) li figure {
    width: 35.9rem;
  }
}
#mlp-flow #flw-detail .flex-box-img, #mlp-top #flw-detail .flex-box-img {
  margin: 10rem auto 0;
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail .flex-box-img, #mlp-top #flw-detail .flex-box-img {
    position: static;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 26.5rem;
    margin: 2.5rem 5.9rem 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-flow #flw-detail .flex-box-img, #mlp-top #flw-detail .flex-box-img {
    margin-right: 0;
  }
}
#mlp-flow #flw-detail .flex-box-img span, #mlp-top #flw-detail .flex-box-img span {
  display: block;
  font-size: 2.6rem;
  line-height: 1.2;
  margin-top: 1em;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-detail .flex-box-img span, #mlp-top #flw-detail .flex-box-img span {
    font-size: 1.8rem;
  }
}
#mlp-flow #flw-note #flw-note-txt, #mlp-top #flw-note #flw-note-txt {
  font-size: 2.8rem;
  margin-top: 1em;
  line-height: 1.7142857143;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-note #flw-note-txt, #mlp-top #flw-note #flw-note-txt {
    font-size: 2rem;
  }
}
#mlp-flow #flw-note #flw-note-list, #mlp-top #flw-note #flw-note-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -2rem;
  margin-top: 4.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-note #flw-note-list, #mlp-top #flw-note #flw-note-list {
    margin-top: 4rem;
    margin-bottom: -1rem;
  }
}
#mlp-flow #flw-note #flw-note-list li, #mlp-top #flw-note #flw-note-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 2rem) / 2);
  margin-bottom: 2rem;
  background-color: #efeff0;
  padding: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-note #flw-note-list li, #mlp-top #flw-note #flw-note-list li {
    width: calc((100% - 8rem) / 2);
    margin-bottom: 1rem;
  }
}
#mlp-flow #flw-note #flw-note-list li span, #mlp-top #flw-note #flw-note-list li span {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4166666667;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-note #flw-note-list li span, #mlp-top #flw-note #flw-note-list li span {
    font-size: 1.8rem;
  }
}
#mlp-flow #flw-flow #flw-flow-txt, #mlp-top #flw-flow #flw-flow-txt {
  font-size: 2.8rem;
  margin-top: 1em;
  line-height: 1.7142857143;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-txt, #mlp-top #flw-flow #flw-flow-txt {
    font-size: 2rem;
  }
}
#mlp-flow #flw-flow .flw-flow-title, #mlp-top #flw-flow .flw-flow-title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #f69440;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: -1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow .flw-flow-title, #mlp-top #flw-flow .flw-flow-title {
    font-size: 3rem;
  }
}
#mlp-flow #flw-flow #flw-flow-list, #mlp-top #flw-flow #flw-flow-list {
  margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-list, #mlp-top #flw-flow #flw-flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 3rem;
    margin: 7.5rem -2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-list li, #mlp-top #flw-flow #flw-flow-list li {
    margin: 0 2rem;
    width: 34.7rem;
    width: calc((100% - 6.1rem) / 3);
  }
}
@media only screen and (max-width: 767px) {
  #mlp-flow #flw-flow #flw-flow-list li:nth-child(n+2), #mlp-top #flw-flow #flw-flow-list li:nth-child(n+2) {
    margin-top: 4rem;
  }
}
#mlp-flow #flw-flow #flw-flow-list li figure, #mlp-top #flw-flow #flw-flow-list li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-list li figure, #mlp-top #flw-flow #flw-flow-list li figure {
    display: block;
    margin-top: 1rem;
  }
}
#mlp-flow #flw-flow #flw-flow-list li figure .img, #mlp-top #flw-flow #flw-flow-list li figure .img {
  display: block;
  width: 39.4666666667vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-list li figure .img, #mlp-top #flw-flow #flw-flow-list li figure .img {
    width: 100%;
  }
}
#mlp-flow #flw-flow #flw-flow-list li figure figcaption, #mlp-top #flw-flow #flw-flow-list li figure figcaption {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.4rem;
  line-height: 2;
  margin-left: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-list li figure figcaption, #mlp-top #flw-flow #flw-flow-list li figure figcaption {
    font-size: 2rem;
    line-height: 1.7;
    margin: 0.5rem 0 0 0;
  }
}
#mlp-flow #flw-flow #flw-flow-option, #mlp-top #flw-flow #flw-flow-option {
  margin-top: 12rem;
  border: 1px solid #f69440;
  padding: 0 5rem 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-option, #mlp-top #flw-flow #flw-flow-option {
    padding: 0 5rem 5rem;
    margin: 10rem 8rem;
    text-align: center;
  }
}
#mlp-flow #flw-flow #flw-flow-option .flw-flow-title, #mlp-top #flw-flow #flw-flow-option .flw-flow-title {
  position: relative;
  text-align: center;
  padding-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-option .flw-flow-title, #mlp-top #flw-flow #flw-flow-option .flw-flow-title {
    padding-top: 6rem;
  }
}
#mlp-flow #flw-flow #flw-flow-option .flw-flow-title i, #mlp-top #flw-flow #flw-flow-option .flw-flow-title i {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 11.6rem;
  height: 7.2rem;
  background-color: #1c1c1c;
}
#mlp-flow #flw-flow #flw-flow-option .flw-flow-title i:before, #mlp-flow #flw-flow #flw-flow-option .flw-flow-title i:after, #mlp-top #flw-flow #flw-flow-option .flw-flow-title i:before, #mlp-top #flw-flow #flw-flow-option .flw-flow-title i:after {
  position: absolute;
  display: block;
  content: " ";
  background-color: #fff;
  width: 7.2rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#mlp-flow #flw-flow #flw-flow-option .flw-flow-title i:after, #mlp-top #flw-flow #flw-flow-option .flw-flow-title i:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#mlp-flow #flw-flow #flw-flow-option #flw-flow-option-list, #mlp-top #flw-flow #flw-flow-option #flw-flow-option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-option #flw-flow-option-list, #mlp-top #flw-flow #flw-flow-option #flw-flow-option-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 4rem;
    width: 61.7rem;
  }
}
#mlp-flow #flw-flow #flw-flow-option #flw-flow-option-list li, #mlp-top #flw-flow #flw-flow-option #flw-flow-option-list li {
  width: calc((100% - 4rem) / 2);
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow #flw-flow-option #flw-flow-option-list li, #mlp-top #flw-flow #flw-flow-option #flw-flow-option-list li {
    width: calc((100% - 10rem) / 2);
  }
}
#mlp-flow #flw-flow .btn-box, #mlp-top #flw-flow .btn-box {
  margin-top: 10rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow .btn-box, #mlp-top #flw-flow .btn-box {
    margin-top: 7rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-flow .btn-box li:nth-child(3), #mlp-top #flw-flow .btn-box li:nth-child(3) {
    width: auto;
  }
}
#mlp-flow #flw-trial .sec-title, #mlp-top #flw-trial .sec-title {
  margin-bottom: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-trial .sec-title, #mlp-top #flw-trial .sec-title {
    margin-bottom: 4rem;
  }
}
#mlp-flow #flw-trial + #flw-shop, #mlp-top #flw-trial + #flw-shop {
  padding-top: 0;
}
#mlp-flow #flw-shop #flw-shop-box, #mlp-top #flw-shop #flw-shop-box {
  margin-top: 3rem;
}
#mlp-flow #flw-shop #flw-shop-box dl.toggle_contents dd, #mlp-top #flw-shop #flw-shop-box dl.toggle_contents dd {
  display: none;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-shop #flw-shop-box dl, #mlp-top #flw-shop #flw-shop-box dl {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(n+2), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(n+2) {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(1), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(2), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(3), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(4), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(5), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(6), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #mlp-flow #flw-shop #flw-shop-box dl:nth-of-type(7), #mlp-top #flw-shop #flw-shop-box dl:nth-of-type(7) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}
#mlp-flow #flw-shop #flw-shop-box dl dt, #mlp-top #flw-shop #flw-shop-box dl dt {
  font-size: 2.8rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
#mlp-flow #flw-shop #flw-shop-box dl dt.toggle_title, #mlp-top #flw-shop #flw-shop-box dl dt.toggle_title {
  position: relative;
  cursor: pointer;
}
#mlp-flow #flw-shop #flw-shop-box dl dt.toggle_title.selected .toggle_btn:before, #mlp-top #flw-shop #flw-shop-box dl dt.toggle_title.selected .toggle_btn:before {
  content: normal;
}
#mlp-flow #flw-shop #flw-shop-box dl dt span.toggle_btn, #mlp-top #flw-shop #flw-shop-box dl dt span.toggle_btn {
  position: absolute;
  top: 35%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #F69440;
  display: block;
  width: 5rem;
  height: 5rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
}
#mlp-flow #flw-shop #flw-shop-box dl dt span.toggle_btn:before, #mlp-flow #flw-shop #flw-shop-box dl dt span.toggle_btn:after, #mlp-top #flw-shop #flw-shop-box dl dt span.toggle_btn:before, #mlp-top #flw-shop #flw-shop-box dl dt span.toggle_btn:after {
  display: block;
  content: "";
  background-color: #000;
  position: absolute;
  width: 1.2rem;
  height: 0.17rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#mlp-flow #flw-shop #flw-shop-box dl dt span.toggle_btn:before, #mlp-top #flw-shop #flw-shop-box dl dt span.toggle_btn:before {
  width: 0.2rem;
  height: 1.2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-shop #flw-shop-box dl dt span.toggle_btn, #mlp-top #flw-shop #flw-shop-box dl dt span.toggle_btn {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-shop #flw-shop-box dl dt, #mlp-top #flw-shop #flw-shop-box dl dt {
    font-size: 2rem;
  }
}
#mlp-flow #flw-shop #flw-shop-box dl dd, #mlp-top #flw-shop #flw-shop-box dl dd {
  padding: 1rem;
}
#mlp-flow #flw-shop #flw-shop-box dl dd ul li, #mlp-top #flw-shop #flw-shop-box dl dd ul li {
  font-size: 2.8rem;
  padding-left: 1em;
  line-height: 1.6;
  word-break: break-word;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-shop #flw-shop-box dl dd ul li, #mlp-top #flw-shop #flw-shop-box dl dd ul li {
    font-size: 2rem;
  }
}
#mlp-flow #flw-shop #flw-shop-box dl dd ul li:before, #mlp-top #flw-shop #flw-shop-box dl dd ul li:before {
  display: inline-block;
  content: " ";
  background-color: #f69440;
  border-radius: 100vw;
  width: 0.3571428571em;
  height: 0.3571428571em;
  float: left;
  margin-left: -1em;
  margin-top: 0.6428571429em;
}
#mlp-flow #flw-shop #flw-shop-box dl dd ul li:nth-child(n+2), #mlp-top #flw-shop #flw-shop-box dl dd ul li:nth-child(n+2) {
  margin-top: 0.2em;
}
#mlp-flow #flw-shop #flw-shop-box dl dd ul li a span, #mlp-top #flw-shop #flw-shop-box dl dd ul li a span {
  display: inline;
}
#mlp-flow #flw-campaign, #mlp-top #flw-campaign {
  background-color: #fff3e8;
}
#mlp-flow #flw-campaign #flw-campaign-title > span, #mlp-top #flw-campaign #flw-campaign-title > span {
  display: block;
  font-size: 3.6rem;
  font-weight: bold;
  color: #f69440;
  text-align: center;
  border-bottom: 1px solid #f69440;
  padding-bottom: 2rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-title > span, #mlp-top #flw-campaign #flw-campaign-title > span {
    font-size: 2.4rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2rem;
  }
}
#mlp-flow #flw-campaign #flw-campaign-title > strong, #mlp-top #flw-campaign #flw-campaign-title > strong {
  display: block;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6666666667;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-title > strong, #mlp-top #flw-campaign #flw-campaign-title > strong {
    font-size: 3.8rem;
    line-height: 1.5789473684;
  }
}
#mlp-flow #flw-campaign #flw-campaign-list, #mlp-top #flw-campaign #flw-campaign-list {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-list, #mlp-top #flw-campaign #flw-campaign-list {
    margin-top: 5rem;
    padding: 0 6rem;
  }
}
#mlp-flow #flw-campaign #flw-campaign-list li, #mlp-top #flw-campaign #flw-campaign-list li {
  padding: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-list li, #mlp-top #flw-campaign #flw-campaign-list li {
    padding: 2.5rem 3.5rem;
  }
}
#mlp-flow #flw-campaign #flw-campaign-list li:nth-child(1), #mlp-top #flw-campaign #flw-campaign-list li:nth-child(1) {
  background-color: #f3f3f3;
}
#mlp-flow #flw-campaign #flw-campaign-list li:nth-child(n+2), #mlp-top #flw-campaign #flw-campaign-list li:nth-child(n+2) {
  background-color: #fff;
}
#mlp-flow #flw-campaign #flw-campaign-list li dl, #mlp-top #flw-campaign #flw-campaign-list li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-list li dl, #mlp-top #flw-campaign #flw-campaign-list li dl {
    font-size: 2rem;
  }
}
#mlp-flow #flw-campaign #flw-campaign-list li dl dt, #mlp-top #flw-campaign #flw-campaign-list li dl dt {
  width: 3em;
  color: #f69440;
}
#mlp-flow #flw-campaign #flw-campaign-list li dl dd, #mlp-top #flw-campaign #flw-campaign-list li dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#mlp-flow #flw-campaign #flw-campaign-list li p, #mlp-top #flw-campaign #flw-campaign-list li p {
  font-size: 2.6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign #flw-campaign-list li p, #mlp-top #flw-campaign #flw-campaign-list li p {
    font-size: 1.3rem;
  }
}
#mlp-flow #flw-campaign .btn-box, #mlp-top #flw-campaign .btn-box {
  margin-top: 13rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-flow #flw-campaign .btn-box, #mlp-top #flw-campaign .btn-box {
    display: block;
  }
}

/*---------------------------------------------------------
mlp-service
---------------------------------------------------------*/
#mlp-service #mlp-head {
  padding-bottom: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #mlp-head {
    padding-bottom: 0;
  }
}
#mlp-service #mlp-head .page-title .jp {
  letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #mlp-nav .btn {
    width: 36rem;
  }
}
#mlp-service #svc-about {
  background-color: #fff7fc;
}
#mlp-service #svc-about #svc-lead .logo-cocoro {
  display: block;
  width: 14.2rem;
  margin: 0 auto;
}
#mlp-service #svc-about #svc-lead #svc-lead-txt {
  font-size: 3.6rem;
  font-weight: bold;
  color: #ba1073;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  #mlp-service #svc-about #svc-lead #svc-lead-txt {
    margin: 0 -1em;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-lead #svc-lead-txt {
    font-size: 3rem;
  }
}
#mlp-service #svc-about #svc-lead #svc-lead-img {
  margin-top: 13rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-lead #svc-lead-img {
    margin: 4.5rem auto 0;
    width: 91.4rem;
  }
}
#mlp-service #svc-about #svc-graph {
  background-color: #fff;
  margin: 10rem calc(50% - 50vw) 0;
  padding: 6rem 3rem 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph {
    margin: 10rem 4rem 0;
    padding: 5rem 5rem 6rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #ba1073;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-title {
    font-size: 3rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-list {
  margin: 4rem 1rem 0;
  text-align: center;
  padding: 0.5rem 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-list {
    margin: 4rem 0 0;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-list li {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-list li {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box {
  position: relative;
  margin-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box {
    width: 79rem;
    margin: 5rem auto 0;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail {
  margin-top: 4.5rem;
  padding: 0 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail {
    margin: 0;
    padding: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl {
    position: absolute;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-of-type(n+2) {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-of-type(n+2) dt:before {
    position: absolute;
    display: block;
    content: " ";
    border-bottom: 2.5rem solid #f69440;
    border-right: 1.3rem solid transparent;
    border-left: 1.3rem solid transparent;
    top: 1px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dt {
  position: relative;
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.2857142857;
  padding: 1rem;
  padding-left: 1.5em;
  letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dt {
    font-size: 2rem;
    padding: 0.5rem 1rem;
    line-height: 1.2;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dt > span {
  display: block;
  float: left;
  margin-left: -1em;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dt > span {
    display: none;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dd {
  text-align: center;
  border: 1px solid;
  padding: 1rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dd {
    background-color: #fff;
    text-align: left;
    padding: 1rem 0.5rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dd span {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  vertical-align: 0.1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dd span {
    display: block;
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl dd span:nth-child(n+2) {
    margin-left: 0.5em;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(1) {
    top: 11.6rem;
    left: -2.4rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(1) dt {
  background-color: #ba1073;
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(1) dd {
  position: relative;
  border-color: #ba1073;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(1) dd:before {
    position: absolute;
    display: block;
    content: " ";
    background: url(../img/service/svc-graph-beak.png) no-repeat center center/contain;
    width: 3.4rem;
    height: 2.4rem;
    bottom: 1px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    left: 12rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(2) {
    top: 26.1rem;
    left: 31.5rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(2) dt {
  background-color: #ec1f97;
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(2) dt:before {
  left: 2rem;
  border-bottom-color: #ec1f97;
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(2) dd {
  border-color: #ec1f97;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(3) {
    top: 16.4rem;
    left: 58.8rem;
    width: 26.6rem;
  }
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(3) dt {
  background-color: #f69440;
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(3) dt:before {
  left: 3.6rem;
  border-bottom-color: #f69440;
}
#mlp-service #svc-about #svc-graph #svc-graph-box #svc-graph-detail dl:nth-child(3) dd {
  border-color: #f69440;
}
#mlp-service #svc-about #svc-detail {
  margin-top: 13rem;
  border: 1px solid #ba1073;
  padding: 0 1.5rem 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail {
    margin-top: 11rem;
    padding: 0 4rem 6rem;
  }
}
#mlp-service #svc-about #svc-detail #svc-detail-title {
  position: relative;
  background-color: #ba1073;
  margin: 0 -1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 3rem 0.5rem 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail #svc-detail-title {
    font-size: 3rem;
    margin: 0 -4rem;
    padding: 1rem 0;
  }
}
#mlp-service #svc-about #svc-detail #svc-detail-title .title {
  font-weight: bold;
}
#mlp-service #svc-about #svc-detail #svc-detail-title .txt {
  font-size: 2.8rem;
  font-weight: normal;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail #svc-detail-title .txt {
    font-size: 2rem;
  }
}
#mlp-service #svc-about #svc-detail #svc-detail-title .txt a {
  color: #fff;
}
#mlp-service #svc-about #svc-detail #svc-detail-title .txt a span {
  border-color: #fff;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec {
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec {
    margin-top: 5rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dt {
  background-color: #f69440;
  padding: 3rem 2rem;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dt {
    padding: 2rem 4rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dt .svc-detail-title {
  font-size: 3.6rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dt .svc-detail-title {
    font-size: 2.6rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dt p {
  font-size: 2.8rem;
  font-weight: normal;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dt p {
    font-size: 2rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dt .link-underline {
  color: #fff;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dt .link-underline span {
  border-color: #fff;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dd {
  margin-top: 4.5rem;
  padding: 0 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dd {
    margin-top: 3.5rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li:nth-child(n+2) {
  margin-top: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li:nth-child(n+2) {
    margin-top: 4rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li .svc-detail-subtitle {
  font-size: 3.6rem;
  font-weight: bold;
  color: #f69440;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li .svc-detail-subtitle {
    font-size: 2rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li p {
  font-size: 2.8rem;
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec dd ul li p {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(n+2) {
  position: relative;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(1) dt {
  position: relative;
  background-color: #ba1073;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(1) dd {
  border-left-color: #ba1073;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(1) dd .svc-detail-subtitle {
  color: #ba1073;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(1) dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 -3rem 0;
  }
  #mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(1) dd ul li {
    width: calc((100% - 4.5rem) / 2);
    margin: 0 0 3rem 0;
  }
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(2):before {
  border-left-color: #ba1073;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(2) dt {
  background-color: #720a48;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(2) dd {
  border-left-color: #720a48;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(2) dd .svc-detail-subtitle {
  color: #720a48;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(3):before {
  border-left-color: #720b48;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(3) dt {
  background-color: #cb509a;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(3) dd {
  border-left-color: #cb509a;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(3) dd .note {
  margin-top: 0;
}
#mlp-service #svc-about #svc-detail .svc-detail-sec:nth-of-type(3) dd .note li {
  margin-top: 0;
}
#mlp-service #svc-about #svc-howto {
  border-top: 1px solid #ba1073;
  margin-top: 13rem;
  padding-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto {
    margin-top: 13rem;
    padding-top: 9rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto #svc-howto-title {
    text-align: center;
  }
}
#mlp-service #svc-about #svc-howto #svc-howto-title span {
  position: relative;
  display: inline-block;
  font-size: 3.6rem;
  font-weight: bold;
  color: #ba1073;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding-left: 8.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto #svc-howto-title span {
    font-size: 3rem;
    padding-left: 9rem;
  }
}
#mlp-service #svc-about #svc-howto #svc-howto-title span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/service/logo-cocoro.png) no-repeat center center/contain;
  width: 6.4rem;
  height: 6.4rem;
  top: 0.5rem;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto #svc-howto-title span:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#mlp-service #svc-about #svc-howto #svc-howto-txt {
  font-size: 2.8rem;
  text-align: center;
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto #svc-howto-txt {
    font-size: 2rem;
    margin-top: 4rem;
  }
}
#mlp-service #svc-about #svc-howto #app-list-title {
  font-size: 2.8rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #ba1073;
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto #app-list-title {
    font-size: 2rem;
    text-align: center;
    margin-top: 4rem;
  }
}
#mlp-service #svc-about #svc-howto .app-list {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-service #svc-about #svc-howto .app-list {
    margin-top: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  #svc-contact {
    background-image: url(../img/service/svc-contact-bg-sp.jpg);
  }
}
#svc-contact .contact-title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #ba1073;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
  #svc-contact .contact-title {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}
#svc-contact .contact-txt {
  font-size: 2.8rem;
  line-height: 1.7142857143;
  margin-left: 4rem;
}
@media print, screen and (min-width: 768px) {
  #svc-contact .contact-txt {
    font-size: 2rem;
    margin-left: 0;
    margin-top: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  #svc-contact .btn-box {
    margin-top: 9rem;
  }
}

#svc-support #svc-support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 4rem -1rem -2rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-list {
    margin: 4rem -0.7rem -1.4rem;
  }
}
#svc-support #svc-support-list li {
  width: calc((100% - 4rem) / 2);
  margin: 0 1rem 2rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-list li {
    width: calc((100% - 4.3rem) / 3);
    margin: 0 0.7rem 1.4rem;
  }
}
#svc-support #svc-support-list li dl dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #f69440;
  height: 9rem;
  font-size: 2.4rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-list li dl dt {
    height: 6rem;
    font-size: 1.8rem;
  }
}
#svc-support #svc-support-list li dl dt:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/service/svc-arrow.png) no-repeat center center/contain;
  width: 5.7rem;
  height: 2.3rem;
  bottom: -1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#svc-support #svc-support-list li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 6rem;
  background-color: #f69440;
  font-size: 2.4rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  letter-spacing: -0.05em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-list li dl dd {
    height: 6rem;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
  }
}


#svc-support #svc-support-table {
  margin-top: 4.0rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table {
    margin-top: 4.5rem;
    padding: 0 4.0rem;
  }
}
#svc-support #svc-support-table #svc-support-table-title {
  text-align: center;
}
#svc-support #svc-support-table #svc-support-table-title span {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4285714286;
  border: 1px solid #f69440;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  padding: 0.5em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table #svc-support-table-title span {
    font-size: 2.4rem;
  }
}
#svc-support #svc-support-table table {
  width: 100%;
  table-layout: fixed;
  margin-top: 4.5rem;
}
#svc-support #svc-support-table table th, #svc-support #svc-support-table table td {
  border: 1px solid #000;
  vertical-align: middle;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#svc-support #svc-support-table table thead td {
  border: none;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table thead td {
    width: 27.2727272727%;
  }
}
#svc-support #svc-support-table table thead td:nth-of-type(1) {
  width: 7%;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table thead td:nth-of-type(1) {
    width: 13.6363636364%;
  }
}
#svc-support #svc-support-table table thead td:nth-of-type(2) {
  width: 14%;
  width: 13.6363636364%;
}
#svc-support #svc-support-table table thead th {
  background-color: #f69440;
  text-align: center;
  padding: 1.5rem 0;
}
#svc-support #svc-support-table table thead th span {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table thead th span {
    font-size: 1.8rem;
  }
}
#svc-support #svc-support-table table thead th strong {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4285714286;
  margin-top: 0.2em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table thead th strong {
    font-size: 2.2rem;
  }
}
#svc-support #svc-support-table table thead tr:first-of-type th {
  background-color: #000;
  font-size: 2.8rem;
  color: #fff;
  padding: 0.2em;
  padding-bottom: 0.3em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table thead tr:first-of-type th {
    font-size: 1.8rem;
  }
}
#svc-support #svc-support-table table tbody th {
  background-color: #f7f7f7;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3333333333;
  padding: 3.0rem 1.0rem;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody th {
    font-size: 1.8rem;
    padding: 1.5rem 1.5rem 1.5rem 2.75rem;
    line-height: inherit;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #svc-support #svc-support-table table tbody th.service-title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: center;
  }
}
#svc-support #svc-support-table table tbody th.service-subtitle {
  padding: 0.5em;
}
#svc-support #svc-support-table table tbody th.service-subtitle sup {
  bottom: 0;
}
#svc-support #svc-support-table table tbody th.service-subtitle small {
  display: block;
  font-weight: normal;
  font-size: 1.0rem;
  letter-spacing: -0.01em;
  margin-top: -0.5em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody th.service-subtitle small {
    font-size: 1.6rem;
    margin-top: 0;
    letter-spacing: 0;
  }
}
#svc-support #svc-support-table table tbody td {
  font-size: 2.8rem;
  text-align: center;
  padding: 3.0rem 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody td {
    font-size: 1.8rem;
    padding: 2.0rem 3.0rem;
  }
}
#svc-support #svc-support-table table tbody td.table-dl {
  padding: 0;
  vertical-align: top;
  height: 1px;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody td.table-dl dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.3333333333;
    height: 100%;
  }
}
#svc-support #svc-support-table table tbody td.table-dl dl dt {
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding: 0.5em 0;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody td.table-dl dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    border-right: 1px solid #000;
    padding: 0 3.0rem;
  }
}
#svc-support #svc-support-table table tbody td.table-dl dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.3rem;
  text-align: center;
  padding: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table table tbody td.table-dl dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.8rem;
    height: auto;
  }
}
#svc-support #svc-support-table table tbody td.table-dl dl dd sup {
  bottom: auto;
}


#svc-support .note {
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  #svc-support .note {
    letter-spacing: 0.025em;
  }
}
@media print, screen and (min-width: 768px) {
  #svc-support .note {
    margin-top: 2rem;
    padding: 0 2.5rem;
  }
}
#svc-support .btn-box {
  margin-top: 9rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support .btn-box {
    margin-top: 6rem;
  }
}
#svc-support .campaign-banner {
	max-width: 600px;
	margin: 50px auto;
}

/*---------------------------------------------------------
SHARP側で追記　2021/11/16
---------------------------------------------------------*/
.inquirynumber-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media print, screen and (min-width: 768px) {
  .inquirynumber-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 20px;
  }
}
/*---------------------------------------------------------
mlp-newslog
---------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  #mlp-newslog #top-pickup .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mlp-newslog #top-news {
  margin: 12rem 0 14rem;
}

#mlp-newslog #top-news .sec-news-title {
  font-size: 5.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media print, screen and (min-width: 768px) {
  #mlp-newslog #top-news .sec-news-title {
    font-size: 6rem;
  }
}
#mlp-newslog #top-news .top-news-list {
  margin-top: 5rem;
}

#mlp-newslog #top-news .top-news-list li {
  border-bottom: 1px solid #f69440;
}

#mlp-newslog #top-news .top-news-list li:first-child {
  border-top: 1px solid #f69440;
}

#mlp-newslog #top-news .top-news-list li a {
  display: block;
  padding: 2rem 3rem 2rem 6rem;
}

@media print, screen and (min-width: 768px) {
  #mlp-newslog #top-news .top-news-list li a {
    padding: 2.5rem 2.5rem 2.5rem 21.5rem;
  }
}
#mlp-newslog #top-news .top-news-list li a .date {
  position: relative;
  display: block;
}

@media print, screen and (min-width: 768px) {
  #mlp-newslog #top-news .top-news-list li a .date {
    float: left;
    margin-left: -15rem;
  }
}
#mlp-newslog #top-news .top-news-list li a .date:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1rem;
  height: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3rem;
}

#mlp-newslog #top-news .top-news-list li a p {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

#top-news .top-news-list .juyo {
  display: inline;
  color: red;
}

.bnr-rental-list ul {
  margin: -4rem 0;
}

@media print, screen and (min-width: 768px) {
  .bnr-rental-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -4rem;
  }
}
.bnr-rental-list ul li {
/*  width: 60.6rem;*/
  width: 100%;
  margin: 4rem auto;
}

@media print, screen and (min-width: 768px) {
  .bnr-rental-list ul li {
    width: 42.2rem;
    margin: 4rem;
  }
}
.bnr-rental-list#top-bnr {
  padding: 6rem 0 0;
}

.bnr-rental-list#menu-bnr {
  padding: 6rem 0 0;
}

/* イベント終了告知用文字色 */
.newsloginfotext {
  color: rgb(143, 0, 0);
  font-weight: bold;
}

/*---------------------------------------------------------
mlp-what-mlp
---------------------------------------------------------*/
#mlp-what-mlp #wrk-lead {
  padding-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead {
    padding-top: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead .inner {
    position: relative;
  }
}
#mlp-what-mlp #wrk-lead figure {
  width: 50.9rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead figure {
    position: absolute;
    top: 11.6rem;
    right: 2.6rem;
    width: 47.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  #mlp-what-mlp #wrk-lead figure {
    right: 12.6rem;
  }
}
#mlp-what-mlp #wrk-lead #what-lead-txt {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead #what-lead-txt {
    position: relative;
    margin-top: 0;
  }
}
#mlp-what-mlp #wrk-lead #what-lead-txt .title-underline {
  font-size: 4.2rem;
  line-height: 2;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead #what-lead-txt p {
    width: 53rem;
  }
  #mlp-what-mlp #wrk-lead #what-lead-txt p.hang {
    width: 55.5rem;
  }
}
#mlp-what-mlp #wrk-lead #what-lead-txt p:nth-of-type(n+2) {
  margin-top: 1em;
}
#mlp-what-mlp #wrk-lead #what-lead-txt > div {
  margin-top: 1em;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead #what-lead-txt > div {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
  }
}
#mlp-what-mlp #wrk-lead #what-lead-logo {
  margin-top: 7.5rem;
}
#mlp-what-mlp #wrk-lead #what-lead-logo .catch-orange {
  font-size: 2.2rem;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.2em;
}
#mlp-what-mlp #wrk-lead #what-lead-logo strong {
  display: block;
  max-width: 69.3rem;
  margin: 2rem auto;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead #what-lead-logo strong {
    max-width: 96rem;
  }
}
#mlp-what-mlp #wrk-lead .note {
  margin-top: 8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #wrk-lead .note {
    text-align: right;
  }
  #mlp-what-mlp #wrk-lead .note span {
    display: inline;
    float: none;
    margin: 0 1em 0 0;
  }
}
#mlp-what-mlp .what-sec {
  padding-bottom: 0;
}
#mlp-what-mlp .what-sec .strong {
  font-weight: bold;
}
#mlp-what-mlp .what-sec .what-sec-txt {
  padding-left: 4.5rem;
}
#mlp-what-mlp .what-sec .what-sec-txt .what-sec-subtitle {
  font-size: 2.6rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec .what-sec-txt .what-sec-subtitle {
    font-size: 2.2rem;
    margin-top: 0;
  }
}
#mlp-what-mlp .what-sec .what-sec-list {
  margin-top: 6rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec .what-sec-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -8rem;
  }
}
#mlp-what-mlp .what-sec .what-sec-list .title {
  background-color: #f69440;
  border: solid #f69440 1px;
  border-radius: 10rem;
  color: #fff;
  text-align: center;
  margin: 0 0.5rem 3rem 0.5rem;
  padding: 1rem 0;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec .what-sec-list li {
    width: 45.7627118644%;
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-what-mlp .what-sec .what-sec-list li:nth-child(n+2) {
    margin-top: 5.5rem;
  }
}
#mlp-what-mlp .what-sec .what-sec-list li dl {
  margin-top: 2rem;
}
#mlp-what-mlp .what-sec .what-sec-list li dl dt {
  font-size: 3.6rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec .what-sec-list li dl dt {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec#what-sec-02 .what-sec-list li:nth-child(1), #mlp-what-mlp .what-sec#what-sec-03 .what-sec-list li:nth-child(1) {
    margin-left: auto;
    margin-right: auto;
  }
}
#mlp-what-mlp .what-sec#what-sec-04 .what-sec-list .sub-list li {
  list-style: disc;
  margin: 0 4.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-sec#what-sec-04 .what-sec-list .sub-list li {
    width: 91.5254237288%;
    margin: 0 5rem;
  }
}
#mlp-what-mlp .what-scene {
  position: relative;
  margin-top: 12rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene {
    margin-top: 8rem;
  }
}
#mlp-what-mlp .what-scene:before {
  position: absolute;
  display: block;
  content: " ";
  border-top: 3.5rem solid #fff;
  border-right: 7rem solid transparent;
  border-left: 7rem solid transparent;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene:before {
    border-top: 2.8rem solid #fff;
    border-right: 5.2rem solid transparent;
    border-left: 5.2rem solid transparent;
  }
}
#mlp-what-mlp .what-scene .what-scene-title {
  font-size: 3.2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-title {
    font-size: 2.4rem;
  }
}
#mlp-what-mlp .what-scene .what-scene-list {
  margin-top: 7.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4rem -2rem -4rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-list li {
    width: calc((100% - 12rem) / 3);
    margin: 0 2rem 4rem;
  }
}
@media only screen and (max-width: 767px) {
  #mlp-what-mlp .what-scene .what-scene-list li:nth-child(n+2) {
    margin-top: 7rem;
  }
}
#mlp-what-mlp .what-scene .what-scene-list li figure {
  position: relative;
}
#mlp-what-mlp .what-scene .what-scene-list li figure figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 5rem;
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-list li figure figcaption {
    left: 3rem;
    font-size: 2.4rem;
  }
}
#mlp-what-mlp .what-scene .what-scene-list li p {
  margin-top: 2rem;
  font-size: 2.8rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-list li p {
    font-size: 2rem;
  }
}
#mlp-what-mlp .what-scene .what-scene-list li .note {
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .what-scene-list li .note {
    font-size: 1.3rem;
  }
}
#mlp-what-mlp .what-scene .btn {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp .what-scene .btn {
    width: 45rem;
  }
}
#mlp-what-mlp #what-support {
  overflow: hidden;
}
#mlp-what-mlp #what-support .inner {
  position: relative;
}
#mlp-what-mlp #what-support #what-support-lead {
  font-size: 3rem;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support #what-support-lead {
    font-size: 2.6rem;
    padding-top: 3rem;
  }
}
#mlp-what-mlp #what-support #what-support-catch {
  font-size: 3.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support #what-support-catch {
    font-size: 3.2rem;
    margin-top: 5rem;
  }
}
#mlp-what-mlp #what-support #what-support-catch strong {
  color: #f69440;
}
#mlp-what-mlp #what-support #what-support-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 7rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support #what-support-img {
    margin: 0;
  }
}
#mlp-what-mlp #what-support #what-support-img li {
  width: 40.5333333333vw;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support #what-support-img li {
    position: absolute;
    width: 34rem;
  }
  #mlp-what-mlp #what-support #what-support-img li:first-child {
    top: 0;
    left: -13rem;
  }
  #mlp-what-mlp #what-support #what-support-img li:last-child {
    top: 28rem;
    right: -13rem;
  }
}
#mlp-what-mlp #what-support #what-support-txt {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support #what-support-txt {
    margin-top: 10rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-what-mlp #what-support .btn-box {
    margin-top: 6rem;
  }
}

#mlp-index {
  margin: auto 0;
  padding-top: 0;
}
@media print, screen and (min-width: 768px) {
  #mlp-index {
    margin: auto 0;
  }
}
#mlp-index h2 {
  color: #fff;
  font-weight: bold;
  font-size: 5rem;
  margin: 6rem 0 4rem 0;
  line-height: 2.2;
  background-color: #333;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-index h2 {
    font-size: 3rem;
    margin: 5rem 0 2rem 0;
    padding: 0 3rem;
  }
}
#mlp-index .figure + h2 {
  color: #fff;
  font-weight: bold;
  font-size: 5rem;
  margin: 3rem 0 4rem 0;
  line-height: 2.2;
  background-color: #333;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-index .figure + h2 {
    font-size: 3rem;
    margin: 2rem 0 2rem 0;
    padding: 0 3rem;
  }
}
#mlp-index .title02 {
  color: #f69440;
  font-weight: bold;
  font-size: 4rem;
  margin: 2rem auto 1rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  border-bottom: 1px solid #f69440;
  padding-bottom: 0.2em;
  line-height: normal;
}
@media print, screen and (min-width: 768px) {
  #mlp-index .title02 {
    font-size: 2.5rem;
    margin: 1rem auto 1rem;
    height: 8rem;
  }
}
@media print, screen and (min-width: 768px) {
  #mlp-index ul {
    width: 100%;
    margin-right: 5rem;
  }
}
#mlp-index ul li {
  list-style-type: none;
  font-size: 2.5rem;
}
#mlp-index ul li a {
  display: inline-block;
  position: relative;
  padding: 0.3em 0.3em 0.3em 40px;
  font-size: 3.2rem;
  color: #333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  #mlp-index ul li a {
    font-size: 2rem;
    margin: 0.25rem auto 0rem;
  }
}
#mlp-index a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border: 2px solid #aaaaaa;
  border-radius: 50vh;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#mlp-index a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 11px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 3px;
  height: 3px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#mlp-index a:hover {
  text-decoration: underline;
}
#mlp-index a:hover::before {
  background-color: #333;
}
#mlp-index a:hover::after {
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
#mlp-index .index-img {
  margin-top: 6rem;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #mlp-index .index-img {
    width: 100%;
  }
}

#top-commercialmovie {
  padding: 14rem 0;
}

.btn-top {
  margin-right: auto;
  margin-left: 50%;
}/*# sourceMappingURL=common.css.map */


/* 202209追記↓ */
.urethanetip-table {
  width: 100%;
  max-width: 600px;
}
.urethanetip-table td {
  border: 0px solid #f00;
  text-align: left;
  padding-bottom: 1rem;
}

.text-urethanetip1 {
  display: inline-block;
  line-height: 1.2em;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background:#c10081;
}

.text-urethanetip2 {
  display: inline-block;
  line-height: 1.2em;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background:#3993d8;
}

.text-urethanetip3 {
  display: inline-block;
  line-height: 1.2em;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background:#a20000;
}

span.campaign008 {
  color: #ff0000;
  font-weight: lighter;
}

table.campaign008 {
  text-align: left;
}


/* 2022年11月 お客様の声 */
.ratingbyusers {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.ratingbyusers .faceiconmale {
  float: left;
  margin-right: -90px;
  width: 80px;
  font-size: small;
  text-align: center;
}

.ratingbyusers .faceiconmale img{
  width: 100%;
  height: auto;
  border: solid 4px #3854b0;
  border-radius: 50%;
}

.ratingbyusers .faceiconfemale {
  float: left;
  margin-right: -90px;
  width: 80px;
  font-size: small;
  text-align: center;
}

.ratingbyusers .faceiconfemale img{
  width: 100%;
  height: auto;
  border: solid 4px #ea779f;
  border-radius: 50%;
}

.ratingbyusers .ratingbyuserchatting {
  width: 100%;
}

.ratingbyusersays {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #efeeea;
}

.ratingbyusersays:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #efeeea;
}

.ratingbyusersays p {
  margin: 0;
  padding: 0;
}


/* 2022年12月　保証サービスの自己負担額の表 */
#svc-support #svc-support-table-02 {
  margin-top: 4rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 {
    margin-top: 4.5rem;
    padding: 0 4rem;
  }
}
#svc-support #svc-support-table-02 table {
  width: 100%;
  table-layout: fixed;
  margin-top: 4.5rem;
}
#svc-support #svc-support-table-02 table th, #svc-support #svc-support-table-02 table td {
  border: 1px solid #000;
  vertical-align: middle;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#svc-support #svc-support-table-02 table thead td {
  border: none;
  width: 16%;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table thead td {
    width: 21%;
  }
}
#svc-support #svc-support-table-02 table thead th {
  text-align: center;
  padding: 1.5rem 0;
}
#svc-support #svc-support-table-02 table thead th strong {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.4285714286;
  margin-top: 0.2em;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table thead th strong {
    font-size: 2.2rem;
  }
}
#svc-support #svc-support-table-02 table tbody th {
  background-color: #f7f7f7;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3333333333;
  padding: 3rem 1rem;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody th {
    font-size: 1.8rem;
    padding: 1.5rem 1.5rem 1.5rem 2.75rem;
    line-height: inherit;
    text-align: left;
  }
}
#svc-support #svc-support-table-02 table tbody td {
  font-size: 2.8rem;
  text-align: center;
  padding: 3rem 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody td {
    font-size: 1.8rem;
    padding: 2rem 3rem;
  }
}
#svc-support #svc-support-table-02 table tbody td.table-dl {
  padding: 0;
  vertical-align: top;
  height: 1px;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody td.table-dl dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.3333333333;
    height: 100%;
  }
}
#svc-support #svc-support-table-02 table tbody td.table-dl dl dt {
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding: 0.5em 0;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody td.table-dl dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    border-right: 1px solid #000;
    padding: 0 3.0rem;
  }
}
#svc-support #svc-support-table-02 table tbody td.table-dl dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.3rem;
  text-align: center;
  padding: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody td.table-dl dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.8rem;
    height: auto;
  }
}
#svc-support #svc-support-table-02 table tbody td.table-dl dl dd sup {
  bottom: auto;
}
#svc-support #svc-support-table-02 table tbody td.colorf7 {
  background-color: #f7f7f7;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3333333333;
  padding: 1.5rem 0.5rem;
  width: 21%;
}
@media print, screen and (min-width: 768px) {
  #svc-support #svc-support-table-02 table tbody td.colorf7 {
    font-size: 1.8rem;
    width: 23%;
  }
}

/* 2024年2月　mlp-column-detail-10 */
.mlp-column-detail-10 .clm-01-merit-box p {
	text-align: center!important;
}
.mlp-column-detail-10 .clm-01-merit-box:last-child p {
	color: #FF0000;
}
@media print, screen and (min-width: 768px) {
	.mlp-column-detail-10 .clm-01-merit-box p {
		width: 34rem!important;
	}
}


/* 2024年5月　table-contents */
.table-contents {
	max-width: 788px;
	margin: 0 -20px;
	padding: 24px 17px 31px 17px;
	box-sizing: border-box;
	background: #F0F0F0;
	color: #000000;
}

.table-contents .table-contents-head {
	background: url(../img/common/icon-tablecontents.svg) no-repeat 0 50%;
	background-size: 47px 47px;
	margin-bottom: 26px;
	padding-left: 53px;
	line-height: 47px;
	font-size: 18px;
	font-weight: 700;
	color: #F69440;
}

.table-contents ul li {
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 1em;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
}

.table-contents ul li ul li {
	margin-left: 1em;
	margin-top: 0.5em;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
}

.table-contents ul li a {
	display: block;
}

.table-contents ul li a:hover {
	text-decoration: underline;
}

.table-contents ul li:last-child {
	margin-bottom: 0;
}

.table-contents ul li:before {
	display: block;
	content: '';
	position: absolute;
	top: 0.6em;
	left: 0.2em;
	border-radius: 0.15em;
	background: #000000;
	width: 0.3em;
	height: 0.3em;
}

@media print, screen and (min-width: 768px) {
	.table-contents {
		padding: 24px 24px 31px 24px;
		margin: 0 auto;
	}

	.table-contents .table-contents-head {
		font-size: 20px;
	}

	.table-contents ul li {
		font-size: 20px;
	}

	.table-contents ul li ul {
		margin: 1em 0;
	}

	.table-contents ul li ul li {
		font-size: 20px;
	}
}


/* 2024年7月　table-contents */
.table01 {
	margin: 1em 0;
	border: 1px solid #000;
	width: 100%;
}

.table01 th,
.table01 td {
	border: 1px solid #000;
	padding: 10px;
}

.table01 th {
	background-color: #fff3e9;
}
@media print, screen and (min-width: 768px) {
	.table01 th,
	.table01 td {
		padding: 20px;
	}
}
/* 2024年8月9日 サービスについてのお知らせ */
.svc-information {
	margin: 2em 1em 3em;
	padding: 1em 1em 1em;
	border: 5px solid #f77;
	text-align: left;
	border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
	.svc-information {
		margin: 2em 5em 3em;
		padding: 1em 2em 1em;
		border: 5px solid #f77;
		text-align: left;
		border-radius: 10px;
	}
}