@charset "UTF-8";

@import url('http://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700;900&display=swap');

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: baseline; 

 font-family: 'Roboto', sans-serif;

 font-weight: 300;}



html {

  line-height: 1; }



ol, ul {

  list-style: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle; }



q, blockquote {

  quotes: none; }

  q:before, q:after, blockquote:before, blockquote:after {

    content: "";

    content: none; }



a img {

  border: none; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block; }



header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

  background-size: cover;

  z-index: 999; }

  @media screen and (max-width: 1200px) {

    header {

      width: 1200px; } }

  header.header_fixed {

    position: fixed;

    top: 0;

    width: 100%; }

    header.header_fixed .header_inner h1 {

      width: 58px;

      padding: 22px 0 16px 9px; }

    header.header_fixed .header_inner nav {

      /* width: 650px; */ }

    header.header_fixed .header_inner .logo_box {

      width: 320px;

      padding: 17px 0px; }

  header:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

    background-size: cover;

    width: 100%;

    height: 4px; }

  header .header_inner {

    width: calc(100% - 60px);

    max-width: 1515px;

    margin: auto;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 0 30px; }

    @media screen and (max-width: 1200px) {

      header .header_inner {

        width: 1123px; } }

    header .header_inner h1 {

      width: 68px;

      padding: 23px 0 23px 9px; }

    header .header_inner nav {

      padding: 0 101px 0 47px;

      width: 693px; }

      @media screen and (max-width: 1575px) {

        header .header_inner nav {

          padding: 0px 2% 0 2%;

          width: 621px; } }

      header .header_inner nav ul {

        display: flex; }

        header .header_inner nav ul li {

          padding: 0 18px; }

          @media screen and (max-width: 1575px) {

            header .header_inner nav ul li {

              padding: 0 10px; } }

          header .header_inner nav ul li:first-child {

            padding-left: 0; }

          header .header_inner nav ul li:last-child {

            padding-right: 0; }

          header .header_inner nav ul li a {

            display: block;

            position: relative; }

            header .header_inner nav ul li a .over {

              position: absolute;

              opacity: 0;

              -moz-transition: all 0.3s ease;

              -o-transition: all 0.3s ease;

              -webkit-transition: all 0.3s ease;

              transition: all 0.3s ease; }

            header .header_inner nav ul li a.current .over {

              opacity: 1; }

            header .header_inner nav ul li a:hover {

              opacity: 1; }

              header .header_inner nav ul li a:hover .over {

                opacity: 1; }

    header .header_inner .logo_box {

      display: flex;

      align-items: center;

      padding: 17px 0px; }

      header .header_inner .logo_box p {

        padding: 0 8px; }

        header .header_inner .logo_box p:first-child {

          padding-left: 0; }

        header .header_inner .logo_box p:last-child {

          padding-right: 0; }

    header .header_inner .nav_buy {

      margin-left: 27px; }

  header .navToggle {

    display: none; }

  @media screen and (max-width: 639px) {

    header {

      position: fixed;

      width: 100%; }

      header .header_inner {

        width: calc(100% - 40px);

        max-width: none;

        padding: 0 20px;

        justify-content: flex-start; }

        header .header_inner h1 {

          width: 15%;

          max-width: 68px;

          padding: 16px 0; }

        header .header_inner nav {

          padding: 0;

          width: 100%; }

          header .header_inner nav ul li {

            padding: 0;

            margin: 12% auto; }

            header .header_inner nav ul li:first-child {

              padding-left: 0; }

            header .header_inner nav ul li:last-child {

              padding-right: 0; }

            header .header_inner nav ul li:nth-child(1) {

              width: 31%;

              max-width: 213px; }

            header .header_inner nav ul li:nth-child(2) {

              width: 31%;

              max-width: 213px; }

            header .header_inner nav ul li:nth-child(3) {

              width: 31%;

              max-width: 213px; }

            header .header_inner nav ul li:nth-child(4) {

              width: 31%;

              max-width: 213px; }

            header .header_inner nav ul li:nth-child(5) {

              width: 28%;

              max-width: 213px; }

            header .header_inner nav ul li a {

              display: block;

              position: relative; }

              header .header_inner nav ul li a.current:before {

                content: "";

                position: absolute;

                top: 50%;

                left: -9vw;

                -webkit-transform: translate(0%, -50%);

                transform: translate(0%, -50%);

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/current_nav.png);

                background-repeat: no-repeat;

                background-size: contain;

                width: 5vw;

                max-width: 26px;

                height: 7.5vw; }

              header .header_inner nav ul li a .over {

                position: absolute;

                opacity: 0;

                -moz-transition: all 0.3s ease;

                -o-transition: all 0.3s ease;

                -webkit-transition: all 0.3s ease;

                transition: all 0.3s ease; }

              header .header_inner nav ul li a:hover:before {

                content: "";

                position: absolute;

                top: 50%;

                left: -9vw;

                -webkit-transform: translate(0%, -50%);

                transform: translate(0%, -50%);

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/current_nav.png);

                background-repeat: no-repeat;

                background-size: contain;

                width: 5vw;

                max-width: 26px;

                height: 7.5vw; }

              header .header_inner nav ul li a:hover .over {

                opacity: 1; }

            header .header_inner nav ul li.nav_item_link {

              display: flex !important;

              align-items: center;

              justify-content: space-between;

              flex-wrap: wrap;

              width: 92%;

              margin: 10% auto 0; }

              header .header_inner nav ul li.nav_item_link p {

                width: 52.7%; }

                header .header_inner nav ul li.nav_item_link p:nth-child(1) {

                  width: 100%;

                  margin-bottom: 2.6%; }

                header .header_inner nav ul li.nav_item_link p:nth-child(2) {

                  margin-left: -2.8%; }

                header .header_inner nav ul li.nav_item_link p:nth-child(3) {

                  margin-right: -2.8%; }

                header .header_inner nav ul li.nav_item_link p a {

                  padding: 0; }

        header .header_inner .logo_box {

          padding: 10px 18% 10px 6%; }

          header .header_inner .logo_box p {

            padding: 0 6px; }

            header .header_inner .logo_box p:nth-child(1) {

              max-width: 46px; }

            header .header_inner .logo_box p:nth-child(2) {

              max-width: 145px; }

            header .header_inner .logo_box p:nth-child(3) {

              max-width: 94px; }

        header .header_inner .nav_buy {

          margin-left: 0;

          display: none; }

      header .nav_custom {

        position: fixed;

        z-index: 2;

        top: 0;

        left: 0;

        transform: translateY(-100%);

        transition: all 0.6s;

        width: 100%;

        height: 100vh;

        overflow: hidden;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg); }

        header .nav_custom ul {

          margin: 0 auto;

          padding: 0;

          width: 95%;

          display: block !important;

          text-align: center;

          position: absolute;

          left: 50%;

          top: 52%;

          -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%); }

          header .nav_custom ul li {

            text-align: center; }

            header .nav_custom ul li a {

              display: block;

              padding: 0;

              position: relative; }

        header .nav_custom.active {

          transform: translateY(0%); }

      header .navToggle {

        display: block;

        position: fixed;

        right: 2.5%;

        top: 18px;

        padding: 7.9%;

        background-color: #009b8a;

        cursor: pointer;

        z-index: 999;

        text-align: center;

        -webkit-transition: all .35s ease-in-out;

        -moz-transition: all .35s ease-in-out;

        transition: all .35s ease-in-out; }

        header .navToggle:after {

          content: "";

          position: absolute;

          top: 50%;

          left: 50%;

          -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

          width: 75%;

          height: 75%;

          border: 2px solid #f4de77; }

        header .navToggle.active {

          background-color: unset; }

          header .navToggle.active:after {

            content: none; }

      header .navToggle span {

        display: block;

        position: absolute;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        width: 50%;

        border-bottom: 2px solid #fff;

        -webkit-transition: all .35s ease-in-out;

        -moz-transition: all .35s ease-in-out;

        transition: all .35s ease-in-out; }

      header .navToggle.active span {

        border-bottom: 2px solid #845102; }

      header .navToggle span:nth-child(1) {

        top: 34%; }

      header .navToggle span:nth-child(2) {

        top: 50%; }

      header .navToggle span:nth-child(3) {

        top: 65%; }

      header .navToggle.active span:nth-child(1) {

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(-45deg);

        -moz-transform: translate(-50%, -50%) rotate(-45deg);

        transform: translate(-50%, -50%) rotate(-45deg); }

      header .navToggle.active span:nth-child(2) {

        display: none; }

      header .navToggle.active span:nth-child(3) {

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(45deg);

        -moz-transform: translate(-50%, -50%) rotate(45deg);

        transform: translate(-50%, -50%) rotate(45deg); } }



footer {

  width: 100%; }

  @media screen and (max-width: 1200px) {

    footer {

      width: 1200px; } }

  footer .twitter_btn {

    margin: 45px auto 50px;

    text-align: center; }

  footer .banner_list {

    width: 95%;

    max-width: 1257px;

    margin: 0 auto 65px;

    display: flex;

    align-items: center;

    justify-content: space-between; }

    footer .banner_list li {

      margin: 0 10px; }

      footer .banner_list li:first-child {

        margin-left: 0; }

      footer .banner_list li:last-child {

        margin-right: 0; }

  footer .footer_nav {

    text-align: center; }

    footer .footer_nav ul {

      color: #215265;

      font-family: 'Roboto', "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;

      display: flex;

      align-items: center;

      justify-content: center;

      width: 850px;

      margin: 0 auto 20px; }

      footer .footer_nav ul li {

        margin-right: 20px;

        padding-right: 20px;

        border-right: 1px solid #215265; }

        footer .footer_nav ul li:last-child {

          margin-right: 0;

          padding-right: 0;

          border-right: none; }

  footer .rating {

    width: 878px;

    text-align: center;

    margin: 40px auto; }

  footer .caption {

    font-size: 16px;

    width: 915px;

    margin: 0 auto 50px;

    line-height: 2;

    text-align: center; }

  footer .copyright {

    font-size: 12px; line-height:1.21;

    width: 915px;

    margin: 0 auto 40px;

    text-align: center; }

  footer .language_switch {

    width: 620px;

    margin: 0 auto 35px;

    display: flex;

    align-items: center;

    justify-content: space-between; }

    footer .language_switch li {

      width: 180px;

      font-size: 18px;

      background-color: #834e00;

      text-align: center;

     font-family:  'Roboto',  Arial, Helvetica, sans-serif; }

      footer .language_switch li a {

        display: block;

        padding: 16px 0;

        color: #fff; }

  footer .sns {

    width: 150px;

    margin: 0 auto 100px;

    display: flex;

    align-items: center;

    justify-content: space-between; }

  @media screen and (max-width: 639px) {

    footer {

      width: 100%; }

      footer .twitter_btn {

        margin: 8% auto 6%;

        width: 94%; }

      footer .banner_list {

        width: 80%;

        max-width: none;

        margin: 0 auto 13%;

        display: block;

        text-align: center; }

        footer .banner_list li {

          margin: 0 auto 10%; }

          footer .banner_list li:first-child {

            margin-left: auto; }

          footer .banner_list li:last-child {

            margin-right: auto;

            margin-bottom: 0; }

      footer .footer_nav ul {

        width: 100%;

        margin: 0 auto 6px;

        flex-wrap: wrap;

        font-size: 12px;

        line-height: 1.3; }

        footer .footer_nav ul li {

          margin-bottom: 18px;

          width: calc(33.333% - 42px); }

          footer .footer_nav ul li:nth-child(3) {

            margin-right: 0;

            padding-right: 0;

            border-right: none; }

      footer .rating {

        width: 95%;

        margin: 5% auto 8%; }

      footer .caption {

        font-size: 12px;

        width: 95%;

        margin: 0 auto 10%; }

      footer .copyright {

        font-size: 12px;

        width: 95%;

        margin: 0 auto 8%; }

      footer .language_switch {

        width: 95%;

        margin: 0 auto 10%; }

        footer .language_switch li {

          width: 31.5%;

          max-width: 180px;

          font-size: 13px; }

      footer .sns {

        width: 95%;

        margin: 0 auto 10%;

        justify-content: center; }

        footer .sns li {

          width: 33.333%;

          max-width: 40px;

          margin: 0 5px; }

          footer .sns li:first-child {

            margin-left: 0; }

          footer .sns li:last-child {

            margin-right: 0; } }



article {

  /*padding-top: 93px;*/ }

  article .mv {

    position: relative;

    z-index: 1;

    overflow: hidden; }

    @media screen and (max-width: 1200px) {

      article .mv {

        width: 1200px; } }

    article .mv:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px;

      z-index: 6; }

    article .mv p img {

      width: 100%; }

    article .mv .mv_firis {

      position: absolute;

      z-index: 2;

      /*bottom: -55px;*/

      /*left: 172px;*/

      top: 8px;

      right: 77%;

      -webkit-transform: translate(50%, 0%);

      transform: translate(50%, 0%);

      width: 38%; }

      @media screen and (max-width: 1200px) {

        article .mv .mv_firis {

          left: -45px;

          right: auto;

          width: 570px;

          -webkit-transform: none;

          transform: none; } }

    article .mv .mv_sophie {

      position: absolute;

      z-index: 3;

      /*bottom: -276px;*/

      /*left: 575px;*/

      top: -49px;

      right: 50.5%;

      -webkit-transform: translate(50%, 0%);

      transform: translate(50%, 0%);

      width: 45%; }

      @media screen and (max-width: 1200px) {

        article .mv .mv_sophie {

          bottom: -270px;

          left: 240px;

          right: auto;

          width: 690px;

          -webkit-transform: none;

          transform: none; } }

    article .mv .mv_lydie {

      position: absolute;

      z-index: 2;

      /*bottom: 210px;*/

      /*left: 1111px;*/

      /*right: 24%;*/

      top: 41px;

      right: 0;

      width: 38%;

      /*max-width: 621px;*/ }

      @media screen and (max-width: 1200px) {

        article .mv .mv_lydie {

          bottom: 175px;

          left: 660px;

          right: auto;

          width: 572px;

          -webkit-transform: none;

          transform: none; } }

    article .mv .mv_catch {

      position: absolute;

      z-index: 4;

      top: 174px;

      /* left: 945px; */

      right: 30.3%;

      -webkit-transform: translate(50%, 0%);

      transform: translate(50%, 0%);

      width: 807px; }

      @media screen and (max-width: 1200px) {

        article .mv .mv_catch {

          top: 200px;

          left: 460px;

          right: auto;

          width: 760px;

          -webkit-transform: none;

          transform: none; } }

    article .mv ul {

      /*width: 1470px;*/

      width: 100%;

      max-width: 1476px;

      margin: auto;

      padding: 437px 0 30px;

      display: flex;

      align-items: flex-start;

      justify-content: space-between;

      position: relative;

      z-index: 5; }

      @media screen and (max-width: 1200px) {

        article .mv ul {

          width: 1183px; } }

    @media screen and (max-width: 639px) {

      article .mv {

        overflow: hidden;

        width: 100%; }

        article .mv .mv_firis {

          top: -2%;

          bottom: auto;

          left: -16%;

          right: auto;

          width: 78%;

          max-width: 480px; }

        article .mv .mv_sophie {

          top: auto;

          bottom: 25px;

          left: 53%;

          right: auto;

          -webkit-transform: translate(-50%, 0%);

          transform: translate(-50%, 0%);

          width: 92%;

          max-width: 530px; }

        article .mv .mv_lydie {

          top: 1.5%;

          bottom: auto;

          left: 23%;

          right: auto;

          width: 84%;

          max-width: 510px; }

        article .mv .mv_catch {

          position: absolute;

          z-index: 4;

          top: 35%;

          /*left: 945px;*/

          left: auto;

          right: 50%;

          -webkit-transform: translate(50%, 0%);

          transform: translate(50%, 0%);

          width: 100%;

          max-width: 807px; }

        article .mv ul {

          width: 95%;

          max-width: none;

          padding: 94% 0 30px;

          justify-content: center;

          flex-wrap: wrap;

          z-index: 5; }

          article .mv ul li {

            width: 50%; }

            article .mv ul li:nth-child(1) {

              -webkit-box-ordinal-group: 2;

              -ms-flex-order: 2;

              -webkit-order: 2;

              order: 2; }

            article .mv ul li:nth-child(2) {

              width: 50.01%;

              -webkit-box-ordinal-group: 1;

              -ms-flex-order: 1;

              -webkit-order: 1;

              order: 1; }

            article .mv ul li:nth-child(3) {

              -webkit-box-ordinal-group: 3;

              -ms-flex-order: 3;

              -webkit-order: 3;

              order: 3; } }

  article .item {

    position: relative;

    z-index: 2;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

    background-size: cover;

    padding: 48px 20px 70px; }

    @media screen and (max-width: 1200px) {

      article .item {

        width: calc(1200px - 40px); } }

    article .item:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px; }

    article .item ul {

      display: flex;

      align-items: flex-start;

      justify-content: space-between;

      /*width: 1400px;*/

      width: 100%;

      max-width: 1400px;

      margin: auto; }

      @media screen and (max-width: 1200px) {

        article .item ul {

          width: 1144px; } }

      article .item ul li {

        width: 475px; }

        article .item ul li:nth-child(1) .item_title {

          margin: 10px auto 9px; }

        article .item ul li:nth-child(1) div .item_img {

          padding: 50px 0px 16px 5px; }

          @media screen and (max-width: 1460px) {

            article .item ul li:nth-child(1) div .item_img {

              width: 78%;

              padding: 5.4% 0 0 5px; } }

        article .item ul li:nth-child(1) div .item_price {

          margin-top: -23px;

          padding-bottom: 14px; }

        article .item ul li:nth-child(2) div .item_img {

          padding: 49px 0px 10px 5px; }

          @media screen and (max-width: 1460px) {

            article .item ul li:nth-child(2) div .item_img {

              padding: 5.6% 0 0 5px;

              width: 85%; } }

        article .item ul li:nth-child(2) div .item_price {

          margin-top: -21px;

          margin-left: 6px;

          padding-bottom: 17px; }

        article .item ul li:nth-child(3) div .item_img {

          padding: 33px 0 0 3px; }

          @media screen and (max-width: 1460px) {

            article .item ul li:nth-child(3) div .item_img {

              padding: 6.7% 0 0 3px;

              width: 72%; } }

        article .item ul li:nth-child(3) div .item_price {

          margin-top: -17px;

          margin-left: 8px;

          padding-bottom: 17px; }

        article .item ul li .item_title {

          text-align: center; }

        article .item ul li div {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/item_bg.png);

          background-size: 100% 105%; }

          article .item ul li div a {

            display: block; }

            article .item ul li div a .item_img {

              text-align: center; }

              @media screen and (max-width: 1460px) {

                article .item ul li div a .item_img {

                  margin: auto; } }

            article .item ul li div a .item_price {

              text-align: center; }

    article .item .item_link {

      display: flex;

      align-items: center;

      justify-content: space-between;

      flex-wrap: wrap;

      width: 980px;

      margin: 45px auto 0; }

      article .item .item_link p {

        width: calc(50% + 18px); }

        article .item .item_link p:nth-child(1) {

          width: 100%;

          margin-bottom: 30px; }

        article .item .item_link p:nth-child(2) {

          margin-left: -18px; }

        article .item .item_link p:nth-child(3) {

          margin-right: -18px; }

    @media screen and (max-width: 639px) {

      article .item {

        padding: 45px 0;

        width: 100%; }

        article .item ul {

          display: block;

          width: 100%;

          max-width: none; }

          article .item ul li {

            width: 100%;

            max-width: 437px;

            margin: 0 auto 30px; }

            article .item ul li:nth-child(1) .item_title {

              width: 24%;

              max-width: 105px;

              margin: 0 auto 10px; }

            article .item ul li:nth-child(1) div .item_img {

              width: 85%;

              padding: 8% 0 0 0; }

            article .item ul li:nth-child(1) div .item_price {

              width: 82%;

              margin: -20px auto 0;

              padding-bottom: 13px; }

            article .item ul li:nth-child(2) .item_title {

              width: 50%;

              max-width: 240px;

              margin: 0 auto; }

            article .item ul li:nth-child(2) div .item_img {

              padding: 8% 0 0 0;

              width: 90%; }

            article .item ul li:nth-child(2) div .item_price {

              width: 82%;

              margin: -20px auto 0;

              padding-bottom: 13px; }

            article .item ul li:nth-child(3) .item_title {

              width: 87%;

              max-width: 412px;

              margin: 0 auto; }

            article .item ul li:nth-child(3) div .item_img {

              padding: 8% 0 0 0;

              width: 80%; }

            article .item ul li:nth-child(3) div .item_price {

              width: 82%;

              margin: -20px auto 0;

              padding-bottom: 13px; }

        article .item .item_link {

          width: 92%;

          margin: 10% auto 0; }

          article .item .item_link p {

            width: 52.7%; }

            article .item .item_link p:nth-child(1) {

              width: 100%;

              margin-bottom: 2.6%; }

            article .item .item_link p:nth-child(2) {

              margin-left: -2.8%; }

            article .item .item_link p:nth-child(3) {

              margin-right: -2.8%; } }

  article .about {

    overflow-x: hidden; }

    @media screen and (max-width: 1200px) {

      article .about {

        width: 1200px; } }

    article .about .frame {

      width: 98%;

      max-width: 1180px;

      margin: 88px auto 58px;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bg.png);

      background-size: 100% 100%;

      position: relative; }

      @media screen and (max-width: 1200px) {

        article .about .frame {

          width: 1147px; } }

      article .about .frame:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_top.png);

        background-size: 100% 100%;

        width: 100%;

        height: 80px;

        z-index: 2; }

      article .about .frame:after {

        content: "";

        position: absolute;

        bottom: 0;

        left: 0;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bottom.png);

        background-size: 100% 100%;

        width: 100%;

        height: 80px;

        z-index: 2; }

      article .about .frame .frame_box {

        width: 95%;

        max-width: 1116px;

        margin: auto;

        position: relative; }

        article .about .frame .frame_box:after {

          content: "";

          position: absolute;

          left: 449px;

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration.png);

          background-size: cover;

          width: 218px;

          height: 54px; }

        article .about .frame .frame_box:nth-child(1) {

          padding: 30px 0 85px; }

          article .about .frame .frame_box:nth-child(1):after {

            bottom: 8px; }

          article .about .frame .frame_box:nth-child(1) .frame_box_inner {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point1_box.png); }

            article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

              padding: 54px 63px 41px;

              text-align: center; }

              article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

                margin-top: 12px;

                margin-left: 6px; }

              article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text p.frame_btn {

                margin-top: 23px; }

            article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_img {

              top: 10px;

              left: 440px; }

            article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_chara {

              bottom: -20px;

              left: 656px;

              width: 615px; }

              article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_chara img {

                display: block; }

        article .about .frame .frame_box:nth-child(2) {

          padding: 10px 0 114px; }

          article .about .frame .frame_box:nth-child(2):after {

            bottom: 29px; }

          article .about .frame .frame_box:nth-child(2) .frame_box_inner {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/sophie_dx_box.png); }

            article .about .frame .frame_box:nth-child(2) .frame_box_inner:after {

              content: "";

              position: absolute;

              bottom: 8px;

              left: 966px;

              background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/sophie_dx_box_decoration.png);

              background-size: cover;

              width: 173px;

              height: 158px; }

            article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_text {

              padding: 82px 82px 87px;

              text-align: center;

              width: 465px;

              margin: auto 0 auto auto; }

              article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_text p:nth-child(2) {

                margin-top: 26px;

                margin-left: 5px; }

            article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_img {

              top: 3px;

              left: 235px;

              z-index: 2; }

            article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_chara {

              bottom: -124px;

              left: -144px;

              width: 592px; }

        article .about .frame .frame_box:nth-child(3) {

          padding: 10px 0 112px; }

          article .about .frame .frame_box:nth-child(3):after {

            bottom: 23px; }

          article .about .frame .frame_box:nth-child(3) .frame_box_inner {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/firis_dx_box.png); }

            article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text {

              padding: 74px 80px 85px;

              text-align: center; }

              article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text p:nth-child(2) {

                margin-top: 24px;

                margin-left: 6px; }

              article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text p.frame_btn {

                margin-top: 23px; }

            article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_img {

              top: -23px;

              left: 577px; }

            article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_chara {

              bottom: -136px;

              left: 670px;

              width: 545px; }

        article .about .frame .frame_box:nth-child(4) {

          padding: 10px 0 104px; }

          article .about .frame .frame_box:nth-child(4):after {

            bottom: 27px; }

          article .about .frame .frame_box:nth-child(4) .frame_box_inner {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/lydie_suelle_dx_box.png); }

            article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_text {

              padding: 54px 29px 72px;

              text-align: center;

              width: 465px;

              margin: auto 0 auto auto; }

              article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_text p:nth-child(2) {

                margin-top: 17px;

                margin-left: 3px;

                position: relative;

                z-index: 2; }

            article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_img {

              top: -19px;

              left: 342px;

              z-index: 2; }

            article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_chara {

              bottom: -133px;

              left: -115px;

              width: 664px; }

        article .about .frame .frame_box:nth-child(5) {

          padding: 10px 0 37px; }

          article .about .frame .frame_box:nth-child(5):after {

            content: none; }

          article .about .frame .frame_box:nth-child(5) .frame_box_inner {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/common_box.png); }

            article .about .frame .frame_box:nth-child(5) .frame_box_inner .frame_box_text {

              padding: 32px 120px 50px;

              text-align: center; }

              article .about .frame .frame_box:nth-child(5) .frame_box_inner .frame_box_text p:nth-child(2) {

                margin-top: 12px;

                margin-left: 3px; }

        article .about .frame .frame_box .frame_box_inner {

          position: relative;

          z-index: 3;

          display: flex;

          align-items: center;

          background-size: 100% 100%; }

          article .about .frame .frame_box .frame_box_inner .frame_box_img {

            position: absolute;

            z-index: 2; }

          article .about .frame .frame_box .frame_box_inner .frame_box_chara {

            position: absolute; }

    article .about .frame2 {

      margin: 58px auto; }

      article .about .frame2 .frame_box:nth-child(1) {

        padding: 30px 0 32px; }

        article .about .frame2 .frame_box:nth-child(1):after {

          content: none; }

        article .about .frame2 .frame_box:nth-child(1) .frame_box_inner {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point2_box.png); }

          article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

            padding: 74px 53px 94px;

            text-align: center;

            width: 465px;

            margin: auto 0 auto auto; }

            article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

              margin-top: 21px;

              margin-left: 0; }

          article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_img {

            top: -51px;

            left: -4px;

            z-index: 2; }

    article .about .frame3 {

      margin: 58px auto 135px; }

      article .about .frame3 .frame_box:nth-child(1) {

        padding: 30px 0; }

        article .about .frame3 .frame_box:nth-child(1):after {

          content: none; }

        article .about .frame3 .frame_box:nth-child(1) .frame_box_inner {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point3_box.png); }

          article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

            padding: 36px 49px 37px;

            text-align: center; }

            article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

              margin-top: 8px;

              margin-left: 5px; }

            article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p.frame_btn {

              margin-top: 18px; }

          article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_img {

            top: 3px;

            left: 235px;

            z-index: 2; }

          article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_chara {

            bottom: -124px;

            left: -144px;

            width: 592px; }

    @media screen and (max-width: 639px) {

      article .about {

        overflow-x: hidden;

        width: 100%; }

        article .about .frame {

          width: 94%;

          max-width: none;

          margin: 40px auto; }

          article .about .frame:before {

            height: 40px;

            background-repeat: no-repeat; }

          article .about .frame:after {

            height: 40px;

            background-repeat: no-repeat; }

          article .about .frame .frame_box {

            width: 96%;

            max-width: none; }

            article .about .frame .frame_box:after {

              left: 50%;

              -webkit-transform: translate(-50%, 0%);

              transform: translate(-50%, 0%);

              width: 37.5%;

              height: 6%;

              background-size: contain;

              background-repeat: no-repeat; }

            article .about .frame .frame_box:nth-child(1) {

              padding: 10px 0 23%; }

              article .about .frame .frame_box:nth-child(1):after {

                bottom: 4.5%; }

              article .about .frame .frame_box:nth-child(1) .frame_box_inner {

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point1_box_sp.png);

                display: block; }

                article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

                  padding: 12% 0 14px;

                  text-align: center; }

                  article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(1) {

                    margin: auto;

                    width: 80%;

                    max-width: 600px; }

                  article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

                    margin: 12px auto 0;

                    width: 64%;

                    max-width: 340px; }

                  article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_text p.frame_btn {

                    margin: 12px auto 0;

                    width: 64%;

                    max-width: 340px; }

                article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_img {

                  top: auto;

                  width: 93%;

                  bottom: -10px;

                  left: 50%;

                  -webkit-transform: translate(-50%, 0%);

                  transform: translate(-50%, 0%);

                  z-index: 3; }

                article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_chara {

                  bottom: 0;

                  left: 0;

                  width: 113%;

                  position: relative; }

                  article .about .frame .frame_box:nth-child(1) .frame_box_inner .frame_box_chara img {

                    display: block; }

            article .about .frame .frame_box:nth-child(2) {

              padding: 10px 0 15%; }

              article .about .frame .frame_box:nth-child(2):after {

                bottom: 5%; }

              article .about .frame .frame_box:nth-child(2) .frame_box_inner {

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/sophie_dx_box_sp.png);

                display: block;

                background-size: contain;

                background-repeat: no-repeat; }

                article .about .frame .frame_box:nth-child(2) .frame_box_inner:after {

                  bottom: 2%;

                  left: auto;

                  right: 12px;

                  width: 30%;

                  height: 21%;

                  background-size: contain;

                  background-repeat: no-repeat; }

                article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_text {

                  padding: 12% 0 25px;

                  width: auto;

                  margin: auto; }

                  article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_text p:nth-child(1) {

                    margin: auto;

                    width: 64%;

                    max-width: 364px; }

                  article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_text p:nth-child(2) {

                    margin: 12px auto 0;

                    width: 76%;

                    max-width: 437px; }

                article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_img {

                  top: auto;

                  bottom: 21.3%;

                  left: auto;

                  right: 0;

                  width: 59%;

                  max-width: 337px; }

                article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_chara {

                  bottom: 30px;

                  left: -18%;

                  width: 83%;

                  max-width: 478px;

                  position: relative; }

                  article .about .frame .frame_box:nth-child(2) .frame_box_inner .frame_box_chara img {

                    display: block; }

            article .about .frame .frame_box:nth-child(3) {

              padding: 10px 0 15%; }

              article .about .frame .frame_box:nth-child(3):after {

                bottom: 4%; }

              article .about .frame .frame_box:nth-child(3) .frame_box_inner {

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/firis_dx_box_sp.png);

                display: block;

                background-size: contain;

                background-repeat: no-repeat; }

                article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text {

                  padding: 12% 0 20px; }

                  article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text p:nth-child(1) {

                    margin: auto;

                    width: 68%;

                    max-width: 390px; }

                  article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_text p:nth-child(2) {

                    margin: 12px auto 0;

                    width: 84%;

                    max-width: 485px; }

                article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_img {

                  top: auto;

                  bottom: 50px;

                  left: 0;

                  width: 61%;

                  max-width: 350px; }

                article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_chara {

                  bottom: 0px;

                  left: auto;

                  right: -19%;

                  width: 85%;

                  max-width: 488px;

                  position: relative; }

                  article .about .frame .frame_box:nth-child(3) .frame_box_inner .frame_box_chara img {

                    display: block; }

            article .about .frame .frame_box:nth-child(4) {

              padding: 10px 0 5%; }

              article .about .frame .frame_box:nth-child(4):after {

                bottom: 7%; }

              article .about .frame .frame_box:nth-child(4) .frame_box_inner {

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/lydie_suelle_dx_box_sp.png);

                display: block;

                background-size: contain;

                background-repeat: no-repeat; }

                article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_text {

                  padding: 12% 0 20px;

                  width: auto;

                  margin: auto; }

                  article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_text p:nth-child(1) {

                    margin: auto;

                    width: 49%;

                    max-width: 282px; }

                  article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_text p:nth-child(2) {

                    margin: 12px auto 0;

                    width: 70%;

                    max-width: 398px; }

                article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_img {

                  top: auto;

                  bottom: 56px;

                  left: auto;

                  right: -4%;

                  z-index: 2;

                  width: 54%;

                  max-width: 330px; }

                article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_chara {

                  bottom: 0;

                  left: -5%;

                  width: 88%;

                  max-width: 515px;

                  position: relative; }

                  article .about .frame .frame_box:nth-child(4) .frame_box_inner .frame_box_chara img {

                    display: block; }

            article .about .frame .frame_box:nth-child(5) {

              padding: 10px 0; }

              article .about .frame .frame_box:nth-child(5):after {

                content: none; }

              article .about .frame .frame_box:nth-child(5) .frame_box_inner {

                background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/common_box_sp.png);

                display: block;

                background-size: contain;

                background-repeat: no-repeat; }

                article .about .frame .frame_box:nth-child(5) .frame_box_inner .frame_box_text {

                  padding: 12% 0 60%;

                  width: auto;

                  margin: auto; }

                  article .about .frame .frame_box:nth-child(5) .frame_box_inner .frame_box_text p:nth-child(1) {

                    margin: auto;

                    width: 46%;

                    max-width: 263px; }

                  article .about .frame .frame_box:nth-child(5) .frame_box_inner .frame_box_text p:nth-child(2) {

                    margin: 0 auto 5px;

                    width: 59%;

                    max-width: 336px; }

        article .about .frame2 {

          margin: 35px auto; }

          article .about .frame2 .frame_box:nth-child(1) {

            padding: 10px 0; }

            article .about .frame2 .frame_box:nth-child(1) .frame_box_inner {

              background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point2_box_sp.png);

              display: block;

              background-size: contain;

              background-repeat: no-repeat; }

              article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

                padding: 12% 0 74%;

                width: auto;

                margin: auto; }

                article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(1) {

                  margin: auto;

                  width: 80%;

                  max-width: 600px; }

                article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

                  margin: 12px auto 0;

                  width: 79%;

                  max-width: 455px; }

              article .about .frame2 .frame_box:nth-child(1) .frame_box_inner .frame_box_img {

                bottom: -6%;

                left: 50%;

                width: 100%; }

        article .about .frame3 {

          margin: 35px auto 60px; }

          article .about .frame3 .frame_box:nth-child(1) {

            padding: 10px 0; }

            article .about .frame3 .frame_box:nth-child(1) .frame_box_inner {

              background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/point3_box_sp.png);

              display: block;

              background-size: contain;

              background-repeat: no-repeat; }

              article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text {

                padding: 12% 0 56%;

                width: auto;

                margin: auto; }

                article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(1) {

                  margin: auto;

                  width: 22%;

                  max-width: 125px; }

                article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p:nth-child(2) {

                  margin: 8px auto 0;

                  width: 77%;

                  max-width: 440px; }

                article .about .frame3 .frame_box:nth-child(1) .frame_box_inner .frame_box_text p.frame_btn {

                  margin: 8px auto 0; } }

  article .spec {

    padding: 68px 0 90px;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

    background-size: cover;

    position: relative; }

    @media screen and (max-width: 1200px) {

      article .spec {

        width: 1200px; } }

    article .spec:before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px;

      z-index: 2; }

    article .spec:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px;

      z-index: 2; }

    article .spec h2 {

      width: 994px;

      margin: auto;

      text-align: center;

      position: relative; }

      article .spec h2:before {

        content: "";

        position: absolute;

        top: 50%;

        left: 0;

        -webkit-transform: translate(0%, -50%);

        transform: translate(0%, -50%);

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

        background-size: cover;

        width: 415px;

        height: 45px;

        z-index: 2; }

      article .spec h2:after {

        content: "";

        position: absolute;

        top: 50%;

        right: 0;

        -webkit-transform: translate(0%, -50%);

        transform: translate(0%, -50%);

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

        background-size: cover;

        width: 415px;

        height: 45px;

        z-index: 2; }

    article .spec .spectable {

      border-collapse: collapse;

      border: 2px solid #209b8a;

      width: 940px;

      margin: 50px auto 0px;

      font-size: 14px;

      line-height: 1.8;

      position: relative;

      z-index: 100; }

      article .spec .spectable tr {

        color: #209b8a;

        border: 1px solid #209b8a;

        padding-left: 25px; }

      article .spec .spectable th {

        color: #fff;

        background: #209b8a;

        width: 99px;

        padding-left: 20px;

        border: 1px solid #209b8a;

        font-weight: bold; }

      article .spec .spectable td {

        padding: 10px 0 10px 15px;

        background-color: #fff; }

      article .spec .spectable .pricedx {

        float: left;

        padding-right: 16px;

        border-right: 1px dotted #209b8a;

        width: 47%; }

      article .spec .spectable strong {

        font-weight: bold; }

      article .spec .spectable .pricesin {

        float: left;

        padding: 0 0 0 16px;

        width: 47%; }

    @media screen and (max-width: 639px) {

      article .spec {

        padding: 65px 0 40px;

        width: 100%; }

        article .spec h2 {

          width: 94%;

          margin: auto; }

          article .spec h2:before {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick_sp.png);

            background-size: contain;

            background-repeat: no-repeat;

            width: 36%;

            height: 78%; }

          article .spec h2:after {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick_sp.png);

            background-size: contain;

            background-repeat: no-repeat;

            width: 36%;

            height: 78%; }

          article .spec h2 img {

            width: 23%;

            max-width: 138px; }

        article .spec .spectable {

          width: 94%;

          margin: 30px auto 0px;

          font-size: 12px; }

          article .spec .spectable tr:nth-child(4) th {

            vertical-align: top; }

          article .spec .spectable th {

            width: 32%;

            padding-left: 15px; }

          article .spec .spectable td {

            width: 68%;

            padding: 6px 0 6px 15px; }

          article .spec .spectable .pricedx {

            float: none;

            padding-right: 0;

            border-right: none;

            border-bottom: 1px dotted #209b8a;

            width: 100%;

            padding-bottom: 26px;

            margin-bottom: 26px; }

          article .spec .spectable .pricesin {

            float: none;

            padding: 0;

            width: 100%; } }

  article .u-about {

    padding: 90px 0 103px;

    margin: auto;

    width: 1186px; }

    article .u-about .about_box {

      position: relative;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bg.png);

      background-repeat: no-repeat;

      background-position: center;

      background-size: 100% 100%;

      padding: 20px 0; }

      article .u-about .about_box:before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 81px;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_top.png);

        background-size: 100% 100%;

        background-repeat: no-repeat; }

      article .u-about .about_box:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 81px;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bottom.png);

        background-size: 100% 100%;

        background-repeat: no-repeat; }

      article .u-about .about_box div {

        position: relative;

        z-index: 2;

        text-align: center;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/about_bg.png);

        background-repeat: no-repeat;

        background-size: 96%;

        background-position: top center; }

        article .u-about .about_box div h2 {

          padding: 66px 0 41px 25px; }

        article .u-about .about_box div p {

          padding-bottom: 73px; }

    @media screen and (max-width: 639px) {

      article .u-about {

        padding: 10% 0;

        width: 95%; }

        article .u-about .about_box {

          padding: 18px 0; }

          article .u-about .about_box:before {

            height: 40px; }

          article .u-about .about_box:after {

            height: 40px; }

          article .u-about .about_box div {

            background-size: cover;

            width: 90%;

            margin: auto; }

            article .u-about .about_box div h2 {

              padding: 30px 15px 15px; }

            article .u-about .about_box div p {

              padding-bottom: 30px;

              width: 93%;

              margin: auto; } }

  @media screen and (max-width: 1200px) {

    article .atelier {

      width: 1200px; } }

  article .atelier .atelier_box {

    position: relative; }

    @media screen and (max-width: 1545px) {

      article .atelier .atelier_box {

        overflow: hidden; } }

    article .atelier .atelier_box:before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 5px;

      z-index: 2; }

    article .atelier .atelier_box .atelier_inner {

      width: 1500px;

      margin: 0 auto;

      position: relative; }

      @media screen and (max-width: 1545px) {

        article .atelier .atelier_box .atelier_inner {

          width: 98.5%; } }

      article .atelier .atelier_box .atelier_inner .chara_box div {

        position: absolute; }

      article .atelier .atelier_box .atelier_inner .check_box {

        position: absolute; }

      article .atelier .atelier_box .atelier_inner .text_box {

        width: 54%;

        max-width: 770px;

        background-repeat: no-repeat;

        background-size: 100% 100%;

        position: relative; }

        article .atelier .atelier_box .atelier_inner .text_box:before {

          content: "";

          position: absolute;

          left: 0;

          top: -58px;

          width: 100%;

          height: 70px;

          background-size: 100% 100%;

          background-repeat: no-repeat; }

        article .atelier .atelier_box .atelier_inner .text_box:after {

          content: "";

          position: absolute;

          left: 0;

          bottom: -58px;

          width: 100%;

          height: 70px;

          background-size: 100% 100%;

          background-repeat: no-repeat; }

        article .atelier .atelier_box .atelier_inner .text_box .text_inner {

          margin: 58px 32px;

          padding: 35px 0;

          text-align: center;

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/chara_text_bg.png);

          background-size: 100% 100%;

          background-repeat: no-repeat;

          position: relative;

          z-index: 2; }

          article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div {

            padding-bottom: 19px; }

            article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div h4 {

              padding: 0 20px 12px 25px; }

            article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div p {

              padding: 0 36px;

              font-size: 18px;

              color: #215265;

              text-align: left;

              line-height: 1.61; }

            article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul {

              display: flex;

              align-items: center;

              justify-content: flex-start;

              flex-wrap: wrap;

              width: 448px;

              margin: 0 auto; }

              article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li {

                width: 213px;

                margin: 0 8px 14px; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li:nth-child(2n) {

                  margin-right: 0; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li:nth-child(2n+1) {

                  margin-left: 0; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a {

                  display: block;

                  position: relative; }

                  article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a:before {

                    content: '';

                    position: absolute;

                    bottom: 9px;

                    right: 3px;

                    display: inline-block;

                    width: 13px;

                    height: 1px;

                    background-color: #fff;

                    z-index: 2; }

                  article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a:after {

                    content: '';

                    position: absolute;

                    bottom: 3px;

                    right: 9px;

                    display: inline-block;

                    width: 1px;

                    height: 13px;

                    background-color: #fff; }

                  article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a i {

                    position: absolute;

                    right: 0;

                    bottom: 0;

                    width: 0;

                    height: 0;

                    border-style: solid;

                    border-width: 0 0 32px 32px; }

                  article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a img {

                    display: block; }

            article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div:nth-child(2) {

              padding-bottom: 0; }

              article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div:nth-child(2) h4 {

                padding: 0 0 21px 34px; }

  article .atelier .sophie {

    padding: 30px 0 42px;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/sophie_bg.jpg);

    background-repeat: no-repeat;

    background-size: cover; }

    article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) {

      top: 11px;

      left: 198px; }

      @media screen and (max-width: 1545px) {

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) {

          left: 12.8vw; } }

      @media screen and (max-width: 1200px) {

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) {

          left: 154px; } }

      article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

        position: relative;

        z-index: 5; }

        @media screen and (max-width: 1545px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 35vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 420px; } }

      article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

        position: absolute;

        left: 154px;

        bottom: 131px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            left: 9.95vw;

            width: 22.4vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 268.8px;

            left: 119px; } }

    article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) {

      top: -44px;

      left: -17px; }

      @media screen and (max-width: 1545px) {

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) {

          left: -1.1vw; } }

      @media screen and (max-width: 1200px) {

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) {

          left: -13px; } }

      article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

        position: relative;

        z-index: 4; }

        @media screen and (max-width: 1545px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 30vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 360px; } }

      article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

        position: absolute;

        bottom: -137px;

        left: 19px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            bottom: -8.9vw;

            width: 22.4vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            width: 268.8px;

            left: 19px;

            bottom: -94px; } }

    article .atelier .sophie .atelier_inner .check_box {

      bottom: -30px;

      left: 15px; }

      @media screen and (max-width: 1545px) {

        article .atelier .sophie .atelier_inner .check_box {

          width: 44%; } }

    article .atelier .sophie .atelier_inner .text_box {

      margin: 0 0 0 auto;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/sophie_box_middle.png); }

      article .atelier .sophie .atelier_inner .text_box:before {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/sophie_box_top.png); }

      article .atelier .sophie .atelier_inner .text_box:after {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/sophie_box_bottom.png); }

      article .atelier .sophie .atelier_inner .text_box .text_inner h3 {

        padding: 0 0 24px 33px; }

      article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div ul {

        padding: 15px 0 0 20px; }

        article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div ul li a i {

          border-color: transparent transparent #4fa587 transparent; }

      article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

        padding: 15px 0 0 40px; }

  article .atelier .firis {

    padding: 24px 0 45px;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/firis_bg.jpg);

    background-repeat: no-repeat;

    background-size: cover; }

    article .atelier .firis .atelier_inner .chara_box div:nth-child(1) {

      top: 97px;

      right: 180px; }

      article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

        position: relative;

        z-index: 5; }

        @media screen and (max-width: 1545px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 33vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 395.66px; } }

      article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

        position: absolute;

        left: 0;

        bottom: 121px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 23vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 275.77px; } }

    article .atelier .firis .atelier_inner .chara_box div:nth-child(2) {

      top: -29px;

      right: -13px; }

      article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

        position: relative;

        z-index: 4; }

        @media screen and (max-width: 1545px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 37vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 443.63px; } }

      article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

        position: absolute;

        bottom: 134px;

        right: 7px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            width: 23vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            width: 275.77px; } }

    article .atelier .firis .atelier_inner .check_box {

      bottom: -30px;

      right: -3px; }

      @media screen and (max-width: 1545px) {

        article .atelier .firis .atelier_inner .check_box {

          width: 44%; } }

    article .atelier .firis .atelier_inner .text_box {

      margin: 0 auto 0 18px;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/firis_box_middle.png); }

      article .atelier .firis .atelier_inner .text_box:before {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/firis_box_top.png); }

      article .atelier .firis .atelier_inner .text_box:after {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/firis_box_bottom.png); }

      article .atelier .firis .atelier_inner .text_box .text_inner h3 {

        padding: 0 0 24px 33px; }

      article .atelier .firis .atelier_inner .text_box .text_inner .text_content div ul {

        padding: 15px 0 0 10px; }

        article .atelier .firis .atelier_inner .text_box .text_inner .text_content div ul li a i {

          border-color: transparent transparent #49aad7 transparent; }

      article .atelier .firis .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

        padding: 15px 0 0 10px; }

  article .atelier .lydie_suelle {

    padding: 24px 0 30px;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/lydie_suelle_bg.jpg);

    background-repeat: no-repeat;

    background-size: cover; }

    article .atelier .lydie_suelle:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 5px;

      z-index: 2; }

    article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) {

      top: 3px;

      left: -17px; }

      @media screen and (max-width: 1545px) {

        article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) {

          left: -1.1vw; } }

      @media screen and (max-width: 1200px) {

        article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) {

          left: -13px; } }

      article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

        position: relative;

        z-index: 5; }

        @media screen and (max-width: 1545px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 48vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 576px; } }

      article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

        position: absolute;

        left: 22px;

        bottom: -91px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 23vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 276px; } }

      article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(3) {

        position: absolute;

        left: 372px;

        bottom: -91px;

        z-index: 6; }

        @media screen and (max-width: 1545px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(3) {

            width: 23vw;

            left: 24.05vw; } }

        @media screen and (max-width: 1200px) {

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(3) {

            width: 276px;

            left: 290px; } }

    article .atelier .lydie_suelle .atelier_inner .check_box {

      bottom: -30px;

      left: 11px; }

      @media screen and (max-width: 1545px) {

        article .atelier .lydie_suelle .atelier_inner .check_box {

          width: 44%; } }

    article .atelier .lydie_suelle .atelier_inner .text_box {

      margin: 0 0 0 auto;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/lydie_suelle_box_middle.png); }

      article .atelier .lydie_suelle .atelier_inner .text_box:before {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/lydie_suelle_box_top.png); }

      article .atelier .lydie_suelle .atelier_inner .text_box:after {

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/lydie_suelle_box_bottom.png); }

      article .atelier .lydie_suelle .atelier_inner .text_box .text_inner h3 {

        padding: 0 0 24px 33px; }

      article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div {

        padding-bottom: 25px; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div ul {

          padding: 15px 0 0 14px; }

          article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div ul li a i {

            border-color: transparent transparent #bf418f transparent; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

          padding: 15px 0 0 12px; }

  @media screen and (max-width: 639px) {

    article .atelier {

      width: 100%; }

      article .atelier .atelier_box {

        overflow: hidden; }

        article .atelier .atelier_box .atelier_inner {

          width: 95%; }

          article .atelier .atelier_box .atelier_inner .check_box {

            position: relative; }

          article .atelier .atelier_box .atelier_inner .text_box {

            width: 100%;

            max-width: none; }

            article .atelier .atelier_box .atelier_inner .text_box:before {

              top: -8vw;

              height: 8vw;

              background-size: cover;

              background-position: top center; }

            article .atelier .atelier_box .atelier_inner .text_box:after {

              bottom: -8vw;

              height: 8vw;

              background-size: cover;

              background-position: bottom center; }

            article .atelier .atelier_box .atelier_inner .text_box .text_inner {

              margin: 35px auto;

              padding: 25px 0;

              width: 90%; }

              article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content {

                width: 93%;

                margin: auto; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div h4 {

                  padding: 0 12px 3.5vw; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div p {

                  width: 90%;

                  margin: 0 auto;

                  padding: 0;

                  font-size: 3.2vw; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul {

                  width: 90%; }

                  article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li {

                    width: 49%;

                    margin: 0 auto 5px; }

                    article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div ul li a img {

                      width: 100%; }

                article .atelier .atelier_box .atelier_inner .text_box .text_inner .text_content div:nth-child(2) h4 {

                  padding: 0; }

      article .atelier .sophie {

        padding: 30px 0; }

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) {

          top: auto;

          bottom: auto;

          left: auto;

          position: relative; }

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 80vw;

            left: 26vw;

            bottom: -120vw;

            z-index: 2;

            position: absolute; }

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 47vw;

            left: 71vw;

            bottom: -77vw;

            -webkit-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%); }

        article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) {

          top: auto;

          bottom: auto;

          left: auto;

          position: relative; }

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 70vw;

            z-index: 1;

            position: absolute;

            left: -15vw;

            bottom: -90vw; }

          article .atelier .sophie .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            width: 47vw;

            left: 25vw;

            bottom: -77vw;

            -webkit-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%); }

        article .atelier .sophie .atelier_inner .check_box {

          padding-top: 85%;

          width: 100%;

          left: 0;

          bottom: 0;

          z-index: 2; }

        article .atelier .sophie .atelier_inner .text_box .text_inner h3 {

          padding: 0 0 4vw;

          width: 70%;

          margin: auto; }

        article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div ul {

          padding: 15px 0 0; }

        article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div:nth-child(2) h4 {

          width: 30%;

          margin: 0 auto 15px; }

        article .atelier .sophie .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

          padding: 15px 0 0; }

      article .atelier .firis {

        padding: 30px 0; }

        article .atelier .firis .atelier_inner .chara_box div:nth-child(1) {

          top: auto;

          bottom: auto;

          left: auto;

          right: auto;

          position: relative; }

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 79vw;

            z-index: 2;

            position: absolute;

            left: -9vw;

            bottom: -112vw; }

          article .atelier .firis .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            position: absolute;

            bottom: -78vw;

            left: 1vw;

            right: auto;

            z-index: 6;

            width: 47vw; }

        article .atelier .firis .atelier_inner .chara_box div:nth-child(2) {

          top: auto;

          bottom: auto;

          left: auto;

          right: auto;

          position: relative; }

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(1) {

            width: 89vw;

            z-index: 1;

            position: absolute;

            left: 22vw;

            bottom: -130vw; }

          article .atelier .firis .atelier_inner .chara_box div:nth-child(2) p:nth-child(2) {

            position: absolute;

            bottom: -78vw;

            left: 47vw;

            right: auto;

            z-index: 6;

            width: 47vw; }

        article .atelier .firis .atelier_inner .check_box {

          padding-top: 85%;

          width: 100%;

          left: 0;

          bottom: 0;

          z-index: 2; }

        article .atelier .firis .atelier_inner .text_box {

          margin: 0 auto; }

          article .atelier .firis .atelier_inner .text_box .text_inner h3 {

            padding: 0 0 4vw;

            width: 70%;

            margin: auto; }

          article .atelier .firis .atelier_inner .text_box .text_inner .text_content div ul {

            padding: 15px 0 0; }

          article .atelier .firis .atelier_inner .text_box .text_inner .text_content div:nth-child(2) h4 {

            width: 30%;

            margin: 0 auto 15px; }

          article .atelier .firis .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

            padding: 15px 0 0; }

      article .atelier .lydie_suelle {

        padding: 30px 0; }

        article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) {

          top: auto;

          bottom: auto;

          left: auto;

          position: relative; }

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(1) {

            width: 108vw;

            left: -9vw;

            bottom: -94vw;

            z-index: 2;

            position: absolute; }

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(2) {

            width: 47vw;

            left: 71vw;

            bottom: -77vw;

            -webkit-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%); }

          article .atelier .lydie_suelle .atelier_inner .chara_box div:nth-child(1) p:nth-child(3) {

            width: 47vw;

            left: 25vw;

            bottom: -77vw;

            -webkit-transform: translate(-50%, 0%);

            transform: translate(-50%, 0%); }

        article .atelier .lydie_suelle .atelier_inner .check_box {

          padding-top: 85%;

          width: 100%;

          left: 0;

          bottom: 0;

          z-index: 2; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner h3 {

          padding: 0 0 4vw;

          width: 70%;

          margin: auto; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div ul {

          padding: 15px 0 0; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div:nth-child(2) h4 {

          width: 30%;

          margin: 0 auto 15px; }

        article .atelier .lydie_suelle .atelier_inner .text_box .text_inner .text_content div:nth-child(2) ul {

          padding: 15px 0 0; } }

  article .introduction {

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/introduction_bg.jpg);

    background-size: 100% 100%;

    padding: 37px 0 52px;

    position: relative; }

    @media screen and (max-width: 1200px) {

      article .introduction {

        width: 1200px; } }

    article .introduction:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 5px;

      z-index: 2; }

    article .introduction .introduction_box {

      width: 1185px;

      margin: auto;

      padding: 100px 0;

      text-align: center;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/introduction_box_bg.png);

      background-size: 100% 100%; }

      article .introduction .introduction_box h2 {

        position: relative;

        width: 1070px;

        margin: auto; }

        article .introduction .introduction_box h2:before {

          content: "";

          position: absolute;

          top: 50%;

          left: 0;

          -webkit-transform: translate(0%, -50%);

          transform: translate(0%, -50%);

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

          background-size: cover;

          width: 260px;

          height: 28px;

          z-index: 2; }

        article .introduction .introduction_box h2:after {

          content: "";

          position: absolute;

          top: 50%;

          right: 0;

          -webkit-transform: translate(0%, -50%);

          transform: translate(0%, -50%);

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

          background-size: cover;

          width: 260px;

          height: 28px;

          z-index: 2; }

      article .introduction .introduction_box .introduction_lead {

        padding: 29px 0px 40px;

        color: #fff;

        font-size: 20px;

        font-weight: bold;

        line-height: 1.5; }

      article .introduction .introduction_box div {

        display: flex;

        align-content: center;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/introduction_text_box.jpg);

        background-repeat: no-repeat;

        background-size: 100% 100%;

        width: 932px;

        padding: 61px;

        margin: 0 auto 28px; }

        article .introduction .introduction_box div.introduction_box2 {

          padding: 72px 61px; }

        article .introduction .introduction_box div p:nth-child(1) {

          width: 150px;

          margin-right: 31px;

          display: flex;

          align-items: center;

          justify-content: center; }

        article .introduction .introduction_box div p:nth-child(2) {

          width: 751px;

          color: #215265;

          text-align: left;

          line-height: 1.8; }

          article .introduction .introduction_box div p:nth-child(2) span {

            font-size: 35px;

            color: #834e00;

            display: block;

            font-weight: bold; }

    @media screen and (max-width: 639px) {

      article .introduction {

        background-size: 100% 100%;

        padding: 30px 0;

        width: 100%; }

        article .introduction .introduction_box {

          width: 95%;

          padding: 27vw 0 18vw;

          background-size: cover;

          background-position: center; }

          article .introduction .introduction_box h2 {

            width: 65%; }

            article .introduction .introduction_box h2:before {

              left: -10%;

              -webkit-transform: translate(0%, -50%) rotate(180deg);

              transform: translate(0%, -50%) rotate(180deg);

              width: 32px;

              height: 39px; }

            article .introduction .introduction_box h2:after {

              right: -10%;

              width: 32px;

              height: 39px; }

          article .introduction .introduction_box .introduction_lead {

            padding: 4% 0;

            width: 95%;

            margin: auto;

            font-size: 4.5vw; }

          article .introduction .introduction_box div {

            display: block;

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/about/introduction_text_box_sp.jpg);

            background-size: 100% 100%;

            width: calc(90% - 70px);

            padding: 35px;

            margin: 0 auto 25px; }

            article .introduction .introduction_box div.introduction_box2 {

              padding: 30px; }

            article .introduction .introduction_box div p:nth-child(1) {

              width: 31%;

              margin: 0 auto 12px; }

            article .introduction .introduction_box div p:nth-child(2) {

              width: 100%;

              font-size: 4vw; }

              article .introduction .introduction_box div p:nth-child(2) span {

                text-align: center;

                font-size: 4.5vw; } }

  @media screen and (max-width: 1200px) {

    article .product {

      width: 1200px; } }

  article .product h2 {

    width: 1096px;

    margin: 0 auto;

    text-align: center;

    padding: 80px 0;

    position: relative; }

    article .product h2:before {

      content: "";

      position: absolute;

      top: 50%;

      left: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

    article .product h2:after {

      content: "";

      position: absolute;

      top: 50%;

      right: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

  article .product .tab_box .tab_head {

    display: flex;

    justify-content: center;

    margin-bottom: 50px; }

    article .product .tab_box .tab_head li {

      margin: 0 8px; }

      article .product .tab_box .tab_head li:first-child {

        margin-left: 0; }

      article .product .tab_box .tab_head li:last-child {

        margin-right: 0; }

      article .product .tab_box .tab_head li a {

        display: block;

        position: relative; }

        article .product .tab_box .tab_head li a .tab_over {

          position: absolute;

          opacity: 0;

          -moz-transition: all 0.3s ease;

          -o-transition: all 0.3s ease;

          -webkit-transition: all 0.3s ease;

          transition: all 0.3s ease; }

        article .product .tab_box .tab_head li a:hover {

          opacity: 1; }

          article .product .tab_box .tab_head li a:hover .tab_over {

            opacity: 1; }

      article .product .tab_box .tab_head li.active a .tab_over {

        opacity: 1; }

  article .product .tab_box .tab_inner {

    padding: 50px 0;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

    background-size: cover;

    position: relative; }

    article .product .tab_box .tab_inner:before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px;

      z-index: 2; }

    article .product .tab_box .tab_inner:after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

      background-size: cover;

      width: 100%;

      height: 4px;

      z-index: 2; }

    article .product .tab_box .tab_inner .tab_content {

      display: none;

      width: 95%;

      max-width: 1345px;

      margin: auto; }

      article .product .tab_box .tab_inner .tab_content.show {

        display: block; }

      article .product .tab_box .tab_inner .tab_content h3 {

        text-align: center;

        margin-bottom: 35px; }

      article .product .tab_box .tab_inner .tab_content .product_atelier_box {

        background-repeat: no-repeat;

        background-size: 100% 100%;

        position: relative;

        padding: 45px;

        margin-top: 50px; }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box1 {

          margin-top: 0;

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_middle.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box1:before {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_top.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box1:after {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_bottom.png); }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box2 {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box2_middle.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box2:before {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box2_top.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box2:after {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box2_bottom.png); }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box3 {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box3_middle.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box3:before {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box3_top.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box3:after {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box3_bottom.png); }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box4 {

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_middle.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box4:before {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_top.png); }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box.product_box4:after {

            background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_box1_bottom.png); }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box:before {

          content: "";

          position: absolute;

          left: 0;

          top: -2px;

          width: 100%;

          height: 73px;

          background-size: 100% 100%;

          background-repeat: no-repeat; }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box:after {

          content: "";

          position: absolute;

          left: 0;

          bottom: -2px;

          width: 100%;

          height: 73px;

          background-size: 100% 100%;

          background-repeat: no-repeat; }

        article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner {

          position: relative;

          z-index: 3;

          background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product/product_contents_bg.png);

          background-size: 100% 100%;

          background-repeat: no-repeat;

          padding: 50px 25px; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner h4 {

            font-size: 32px;

            line-height: 1.3;

            text-align: center;

            color: #834e00;

            font-weight: bold; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_img {

            text-align: center;

            margin: 30px auto; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text {

            width: 610px;

            margin: auto; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li {

              font-size: 24px;

              color: #834e00;

              line-height: 1.5; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li.price_large {

                font-size: 28px;

                text-align: center;

                font-weight: bold;

                margin-top: 30px; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li.price_large strong {

                  font-size: 35px; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type {

            display: flex;

            justify-content: center;

            align-items: flex-start;

            margin-top: 30px; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li {

              width: 330px;

              margin: 0 15px; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li:first-child {

                margin-left: 0; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li:last-child {

                margin-right: 0; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div {

                position: relative; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div:after {

                  content: "";

                  position: absolute;

                  width: 100%;

                  height: 88%;

                  border: 5px solid #e0c67f;

                  top: 44px;

                  left: -4px;

                  z-index: -1; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .hardware {

                  font-size: 20px;

                  padding: 23px;

                  width: calc(300px - 46px);

                  margin: auto;

                  color: #fff;

                  background-color: #e0c67f;

                  text-align: center;

                  font-weight: bold; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .hardware sup {

                    font-size: 70%;

                    vertical-align: top; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .price {

                  font-size: 20px;

                  margin: 25px 0;

                  color: #834e00;

                  line-height: 1.3;

                  text-align: center; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .price strong {

                    font-size: 25px;

                    font-weight: bold; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list {

                  text-align: center;

                  padding-bottom: 25px; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li {

                    width: 100%;

                    margin: auto auto 15px; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li:first-child {

                      margin-left: auto; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li:last-child {

                      margin-right: auto;

                      margin-bottom: 0; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li a {

                      display: block; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_download_serial {

            margin-top: 35px; }

      article .product .tab_box .tab_inner .tab_content .product_atelier_download_serial {

        text-align: center;

        margin-top: 45px; }

        article .product .tab_box .tab_inner .tab_content .product_atelier_download_serial span {

          display: block;

          font-size: 18px;

          color: #834e00;

          margin-top: 15px; }

  @media screen and (max-width: 639px) {

    article .product {

      width: 100%; }

      article .product h2 {

        width: 34%;

        padding: 11% 0; }

        article .product h2:before {

          background-size: contain;

          background-repeat: no-repeat;

          width: 33vw;

          height: 4vw;

          left: -33vw; }

        article .product h2:after {

          background-size: contain;

          background-repeat: no-repeat;

          width: 33vw;

          height: 4vw;

          right: -33vw; }

      article .product .tab_box .tab_head {

        margin: 0 auto 7%;

        width: 95%; }

      article .product .tab_box .tab_inner {

        padding: 7% 0; }

        article .product .tab_box .tab_inner:before {

          background-size: 100% 100%; }

        article .product .tab_box .tab_inner:after {

          background-size: 100% 100%; }

        article .product .tab_box .tab_inner .tab_content {

          max-width: none; }

          article .product .tab_box .tab_inner .tab_content.show {

            display: block; }

          article .product .tab_box .tab_inner .tab_content h3 {

            margin-bottom: 4%; }

            article .product .tab_box .tab_inner .tab_content h3.product_box1_title {

              width: 26%;

              margin: 0 auto 4%; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_box {

            padding: 5%;

            margin-top: 6%; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_box:before {

              height: 5.5vw; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_box:after {

              height: 5.5vw; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner {

              padding: 5%; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner h4 {

                font-size: 4.6vw; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_img {

                margin: 5% auto; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text {

                width: 100%; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li {

                  font-size: 3.7vw; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li.price_large {

                    font-size: 4.2vw;

                    margin-top: 5%; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_text li.price_large strong {

                      font-size: 6.2vw; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type {

                display: block;

                margin-top: 5%; }

                article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li {

                  width: 100%;

                  margin: 0 0 10%; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li:last-child {

                    margin-bottom: 0; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div:after {

                    height: 93%; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .hardware {

                    font-size: 4.5vw;

                    padding: 5%;

                    width: 85%; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .price {

                    font-size: 4vw;

                    margin: 6% 0; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .price strong {

                      font-size: 4.5vw; }

                  article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list {

                    padding-bottom: 5%; }

                    article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li {

                      margin: auto auto 5%; }

                      article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_type li div .btn_list li a img {

                        width: 79%; }

              article .product .tab_box .tab_inner .tab_content .product_atelier_box .product_atelier_inner .product_atelier_download_serial {

                margin-top: 6%; }

          article .product .tab_box .tab_inner .tab_content .product_atelier_download_serial {

            margin-top: 7%; }

            article .product .tab_box .tab_inner .tab_content .product_atelier_download_serial span {

              font-size: 2.9vw;

              margin-top: 3%;

              line-height: 1.5; } }

  @media screen and (max-width: 1200px) {

    article .store_another {

      width: 1200px; } }

  article .store_another h2 {

    width: 1120px;

    margin: 0 auto;

    text-align: center;

    padding: 60px 0;

    position: relative; }

    article .store_another h2:before {

      content: "";

      position: absolute;

      top: 50%;

      left: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

    article .store_another h2:after {

      content: "";

      position: absolute;

      top: 50%;

      right: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

  article .store_another ul {

    width: 95%;

    max-width: 1360px;

    margin: auto;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-wrap: wrap; }

    article .store_another ul li {

      width: calc(25% - 30px);

      max-width: 310px;

      margin: 0 20px 50px;

      position: relative; }

      article .store_another ul li:before {

        content: "";

        position: absolute;

        width: 100%;

        height: 88%;

        border: 5px solid #e0c67f;

        bottom: 0;

        left: -6px;

        z-index: -1;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

        background-size: cover; }

      article .store_another ul li:nth-child(4n) {

        margin-right: 0; }

      article .store_another ul li:nth-child(4n+1) {

        margin-left: 0; }

      article .store_another ul li:nth-child(1) .benefits_text, article .store_another ul li:nth-child(2) .benefits_text, article .store_another ul li:nth-child(3) .benefits_text, article .store_another ul li:nth-child(4) .benefits_text {

        color: #834e00; }

      article .store_another ul li .product_store_name {

        width: calc(89.1% - 56px);

        margin: auto;

        padding: 28px;

        font-size: 21px;

        color: #fff;

        background-color: #834e00;

        text-align: center;

        display: flex;

        align-items: center;

        justify-content: center; }

      article .store_another ul li .benefits_img {

        text-align: center;

        margin: 30px auto; }

        article .store_another ul li .benefits_img a {

          width: 100%;

          max-width: 274px;

          margin: auto;

          display: block;

          position: relative; }

          article .store_another ul li .benefits_img a:before {

            content: '';

            position: absolute;

            bottom: 5px;

            right: -4px;

            display: inline-block;

            width: 20px;

            height: 2px;

            background-color: #fff;

            z-index: 2; }

          article .store_another ul li .benefits_img a:after {

            content: '';

            position: absolute;

            bottom: -4px;

            right: 5px;

            display: inline-block;

            width: 2px;

            height: 20px;

            background-color: #fff; }

          article .store_another ul li .benefits_img a i {

            position: absolute;

            right: -9px;

            bottom: -9px;

            width: 0;

            height: 0;

            border-style: solid;

            border-width: 0 0 50px 50px;

            border-color: transparent transparent #911d30 transparent; }

      article .store_another ul li .benefits_text {

        text-align: center;

        font-size: 18px;

        font-weight: bold;

        color: #215265;

        margin-bottom: 25px;

        line-height: 1.2;

        display: flex;

        justify-content: center;

        align-items: center; }

      article .store_another ul li .product_buy_btn {

        text-align: center;

        padding-bottom: 10px; }

  @media screen and (max-width: 639px) {

    article .store_another {

      width: 100%; }

      article .store_another h2 {

        width: 42%;

        padding: 11% 0; }

        article .store_another h2:before {

          background-size: contain;

          background-repeat: no-repeat;

          width: 26vw;

          height: 3vw;

          left: -28vw; }

        article .store_another h2:after {

          background-size: contain;

          background-repeat: no-repeat;

          width: 26vw;

          height: 3vw;

          right: -28vw; }

      article .store_another ul {

        width: 95%;

        max-width: none; }

        article .store_another ul li {

          width: 48%;

          max-width: none;

          margin: 0 2% 7%; }

          article .store_another ul li:before {

            height: 93%; }

          article .store_another ul li:nth-child(2n) {

            margin-right: 0; }

          article .store_another ul li:nth-child(2n+1) {

            margin-left: 0; }

          article .store_another ul li .product_store_name {

            width: 90%;

            margin: auto;

            padding: 8% 0;

            font-size: 3.2vw; }

          article .store_another ul li .benefits_img {

            margin: 8% auto; }

            article .store_another ul li .benefits_img a {

              width: 91%;

              max-width: none; }

              article .store_another ul li .benefits_img a:before {

                bottom: 1.4vw;

                right: 0vw;

                width: 4vw;

                height: 0.3vw; }

              article .store_another ul li .benefits_img a:after {

                bottom: -0.4vw;

                right: 1.7vw;

                width: 0.3vw;

                height: 4vw; }

              article .store_another ul li .benefits_img a i {

                right: -1vw;

                bottom: -1vw;

                border-width: 0 0 9vw 9vw; }

          article .store_another ul li .benefits_text {

            font-size: 3vw;

            margin-bottom: 6%; } }

  @media screen and (max-width: 1200px) {

    article .u-special {

      width: 1200px; } }

  article .u-special h2 {

    width: 1084px;

    margin: 90px auto 50px;

    text-align: center;

    position: relative; }

    article .u-special h2:before {

      content: "";

      position: absolute;

      top: 50%;

      left: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

    article .u-special h2:after {

      content: "";

      position: absolute;

      top: 50%;

      right: 0;

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/decoration_stick.png);

      background-size: cover;

      width: 415px;

      height: 45px;

      z-index: 2; }

  article .u-special .special_box {

    width: 94%;

    max-width: 1180px;

    margin: auto;

    position: relative;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bg.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    padding: 30px; }

    article .u-special .special_box:before {

      content: "";

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 81px;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_top.png);

      background-size: 100% 100%;

      background-repeat: no-repeat; }

    article .u-special .special_box:after {

      content: "";

      position: absolute;

      left: 0;

      bottom: 0;

      width: 100%;

      height: 81px;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/frame_bottom.png);

      background-size: 100% 100%;

      background-repeat: no-repeat; }

    article .u-special .special_box .special_inner {

      position: relative;

      z-index: 3;

      background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/special/special_txt_bg1.jpg);

      background-size: cover;

      background-repeat: no-repeat;

      padding: 70px 40px;

      text-align: center; }

      article .u-special .special_box .special_inner:before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 70px;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/special/special_txt_bg1_top.jpg);

        background-size: 100% 100%;

        background-repeat: no-repeat; }

      article .u-special .special_box .special_inner:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 70px;

        background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/special/special_txt_bg1_bottom.jpg);

        background-size: 100% 100%;

        background-repeat: no-repeat; }

      article .u-special .special_box .special_inner .update {

        text-align: center;

        display: inline-block;

        color: #fff;

        background-color: #911d30;

        border-radius: 3px;

        font-size: 20px;

        padding: 10px 18px;

        margin-bottom: 45px;

        font-weight: bold;

        line-height: 1.6; }

      article .u-special .special_box .special_inner .subtitle {

        font-size: 25px;

        color: #834e00;

        margin: 50px auto 30px;

        font-weight: bold;

        line-height: 1.6; }

      article .u-special .special_box .special_inner .specialtext {

        font-size: 20px;

        line-height: 1.6;

        color: #215265; }

      article .u-special .special_box .special_inner .specialimg_box {

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 70px; }

        article .u-special .special_box .special_inner .specialimg_box .specialimg {

          margin: 0 20px;

          width: 100%;

          max-width: 360px; }

          article .u-special .special_box .special_inner .specialimg_box .specialimg:first-child {

            margin-left: 0; }

          article .u-special .special_box .special_inner .specialimg_box .specialimg:last-child {

            margin-right: 0; }

          article .u-special .special_box .special_inner .specialimg_box .specialimg a {

            display: block;

            line-height: 0;

            position: relative; }

            article .u-special .special_box .special_inner .specialimg_box .specialimg a img {

              box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); }

            article .u-special .special_box .special_inner .specialimg_box .specialimg a:before {

              content: '';

              position: absolute;

              bottom: 14px;

              right: 5px;

              display: inline-block;

              width: 20px;

              height: 2px;

              background-color: #fff;

              z-index: 2; }

            article .u-special .special_box .special_inner .specialimg_box .specialimg a:after {

              content: '';

              position: absolute;

              bottom: 5px;

              right: 13px;

              display: inline-block;

              width: 2px;

              height: 20px;

              background-color: #fff; }

            article .u-special .special_box .special_inner .specialimg_box .specialimg a i {

              position: absolute;

              right: 0;

              bottom: 0;

              width: 0;

              height: 0;

              border-style: solid;

              border-width: 0 0 50px 50px;

              border-color: transparent transparent #009b8a transparent; }

  @media screen and (max-width: 639px) {

    article .u-special {

      width: 100%; }

      article .u-special h2 {

        width: 42%;

        margin: 11% auto; }

        article .u-special h2:before {

          background-size: contain;

          background-repeat: no-repeat;

          width: 27vw;

          height: 3vw;

          left: -28vw; }

        article .u-special h2:after {

          background-size: contain;

          background-repeat: no-repeat;

          width: 27vw;

          height: 3vw;

          right: -28vw; }

      article .u-special .special_box {

        width: 85%;

        max-width: none;

        padding: 5%; }

        article .u-special .special_box:before {

          height: 6vw; }

        article .u-special .special_box:after {

          height: 6vw; }

        article .u-special .special_box .special_inner {

          background-size: 100% 100%;

          padding: 6%; }

          article .u-special .special_box .special_inner:before {

            height: 5vw;

            z-index: -1; }

          article .u-special .special_box .special_inner:after {

            height: 5vw;

            z-index: -1; }

          article .u-special .special_box .special_inner .update {

            font-size: 3.2vw;

            padding: 4% 8%;

            margin-bottom: 7%; }

          article .u-special .special_box .special_inner .subtitle {

            font-size: 6vw;

            margin: 8% auto 6%; }

          article .u-special .special_box .special_inner .specialtext {

            font-size: 3.9vw; }

          article .u-special .special_box .special_inner .specialimg_box {

            margin-top: 6%; }

            article .u-special .special_box .special_inner .specialimg_box .specialimg {

              margin: 0 2%; }

              article .u-special .special_box .special_inner .specialimg_box .specialimg a img {

                box-shadow: 0px 0px 2.4vw rgba(0, 0, 0, 0.4); }

              article .u-special .special_box .special_inner .specialimg_box .specialimg a:before {

                bottom: 2.4vw;

                right: 0.6vw;

                width: 4vw;

                height: 0.3vw; }

              article .u-special .special_box .special_inner .specialimg_box .specialimg a:after {

                bottom: 0.6vw;

                right: 2.3vw;

                width: 0.3vw;

                height: 4vw; }

              article .u-special .special_box .special_inner .specialimg_box .specialimg a i {

                border-width: 0 0 9vw 9vw; } }



html {

  font-size: 100%;

  color: #000; }



body {

  position: relative;

  overflow-anchor: none;

  background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg.jpg);

  background-size: cover;

  background-attachment: fixed;

  background-position: center center; }



img {

  max-width: 100%;

  flex-shrink: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }



a {

  text-decoration: none;

  color: #000;

  -webkit-transition: all .3s;

  transition: all .3s; }

  a:visited {

    color: #000; }

  a:hover {

    opacity: 0.7; }



* {

  outline: none !important; }



#cboxClose {

  background: none;

  width: auto;

  height: auto; }



#cboxClose:hover {

  background-position: 0; }



#cboxOverlay {

  background: #000; }



#cboxLoadedContent {

  background: #fff; }



#cboxLoadedContent {

  padding: 0;

  overflow: auto;

  -moz-box-shadow: 0px 1px 10px #000000;

  -webkit-box-shadow: 0px 1px 10px #000000;

  box-shadow: 0px 1px 10px #000000; }



#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, #cboxTitle {

  top: 0; }



#colorbox, #cboxOverlay, #cboxWrapper {

  overflow: visible; }



#cboxTitle {

  color: #fff; }



#inline-content {

  /* インラインを使用する時のみ */

  margin: 20px; }



#ajax-wrap {

  /* ajaxを使用する時のみ */

  margin: 20px; }



/* ==========================================================================

   mar/pad

   ========================================================================== */

.mt--0 {

  margin-top: 0px !important; }



.mt--5 {

  margin-top: 5px !important; }



.mt--10 {

  margin-top: 10px !important; }



.mt--20 {

  margin-top: 20px !important; }



.mt--30 {

  margin-top: 30px !important; }



.mt--40 {

  margin-top: 40px !important; }



.mt--50 {

  margin-top: 50px !important; }



.mt--60 {

  margin-top: 60px !important; }



.mt--70 {

  margin-top: 70px !important; }



.mt--80 {

  margin-top: 80px !important; }



.mt--90 {

  margin-top: 90px !important; }



.mt--100 {

  margin-top: 100px !important; }



.mb--0 {

  margin-bottom: 0px !important; }



.mb--5 {

  margin-bottom: 5px !important; }



.mb--10 {

  margin-bottom: 10px !important; }



.mb--20 {

  margin-bottom: 20px !important; }



.mb--30 {

  margin-bottom: 30px !important; }



.mb--40 {

  margin-bottom: 40px !important; }



.mb--50 {

  margin-bottom: 50px !important; }



.mb--60 {

  margin-bottom: 60px !important; }



.mb--70 {

  margin-bottom: 70px !important; }



.mb--80 {

  margin-bottom: 80px !important; }



.mb--90 {

  margin-bottom: 90px !important; }



.mb--100 {

  margin-bottom: 100px !important; }



.mr--0 {

  margin-right: 0px !important; }



.mr--5 {

  margin-right: 5px !important; }



.mr--10 {

  margin-right: 10px !important; }



.mr--20 {

  margin-right: 20px !important; }



.mr--30 {

  margin-right: 30px !important; }



.mr--40 {

  margin-right: 40px !important; }



.mr--50 {

  margin-right: 50px !important; }



.mr--60 {

  margin-right: 60px !important; }



.mr--70 {

  margin-right: 70px !important; }



.mr--80 {

  margin-right: 80px !important; }



.mr--90 {

  margin-right: 90px !important; }



.mr--100 {

  margin-right: 100px !important; }



.ml--0 {

  margin-left: 0px !important; }



.ml--5 {

  margin-left: 5px !important; }



.ml--10 {

  margin-left: 10px !important; }



.ml--20 {

  margin-left: 20px !important; }



.ml--30 {

  margin-left: 30px !important; }



.ml--40 {

  margin-left: 40px !important; }



.ml--50 {

  margin-left: 50px !important; }



.ml--60 {

  margin-left: 60px !important; }



.ml--70 {

  margin-left: 70px !important; }



.ml--80 {

  margin-left: 80px !important; }



.ml--90 {

  margin-left: 90px !important; }



.ml--100 {

  margin-left: 100px !important; }



.pt--0 {

  padding-top: 0px !important; }



.pt--5 {

  padding-top: 5px !important; }



.pt--10 {

  padding-top: 10px !important; }



.pt--15 {

  padding-top: 15px !important; }



.pt--20 {

  padding-top: 20px !important; }



.pt--30 {

  padding-top: 30px !important; }



.pt--40 {

  padding-top: 40px !important; }



.pt--50 {

  padding-top: 50px !important; }



.pt--60 {

  padding-top: 60px !important; }



.pt--70 {

  padding-top: 70px !important; }



.pt--80 {

  padding-top: 80px !important; }



.pt--90 {

  padding-top: 90px !important; }



.pt--100 {

  padding-top: 100px !important; }



.pb--0 {

  padding-bottom: 0px !important; }



.pb--5 {

  padding-bottom: 5px !important; }



.pb--10 {

  padding-bottom: 10px !important; }



.pb--20 {

  padding-bottom: 20px !important; }



.pb--30 {

  padding-bottom: 30px !important; }



.pb--40 {

  padding-bottom: 40px !important; }



.pb--50 {

  padding-bottom: 50px !important; }



.pb--60 {

  padding-bottom: 60px !important; }



.pb--70 {

  padding-bottom: 70px !important; }



.pb--80 {

  padding-bottom: 80px !important; }



.pb--90 {

  padding-bottom: 90px !important; }



.pb--100 {

  padding-bottom: 100px !important; }



.pr--0 {

  padding-right: 0px !important; }



.pr--5 {

  padding-right: 5px !important; }



.pr--10 {

  padding-right: 10px !important; }



.pr--20 {

  padding-right: 20px !important; }



.pr--30 {

  padding-right: 30px !important; }



.pr--40 {

  padding-right: 40px !important; }



.pr--50 {

  padding-right: 50px !important; }



.pr--60 {

  padding-right: 60px !important; }



.pr--70 {

  padding-right: 70px !important; }



.pr--80 {

  padding-right: 80px !important; }



.pr--90 {

  padding-right: 90px !important; }



.pr--100 {

  padding-right: 100px !important; }



.pl--0 {

  padding-left: 0px !important; }



.pl--5 {

  padding-left: 5px !important; }



.pl--10 {

  padding-left: 10px !important; }



.pl--20 {

  padding-left: 20px !important; }



.pl--30 {

  padding-left: 30px !important; }



.pl--40 {

  padding-left: 40px !important; }



.pl--50 {

  padding-left: 50px !important; }



.pl--60 {

  padding-left: 60px !important; }



.pl--70 {

  padding-left: 70px !important; }



.pl--80 {

  padding-left: 80px !important; }



.pl--90 {

  padding-left: 90px !important; }



.pl--100 {

  padding-left: 100px !important; }



/* ==========================================================================

   全ページ共通

   ========================================================================== */

.sp-only {

  display: none !important; }



.sp-only__inline {

  display: none !important; }



.sp-only__flex {

  display: none !important; }



@media screen and (max-width: 639px) {

  .pc-only {

    display: none !important; }



  .sp-only {

    display: block !important; }



  .sp-only__inline {

    display: inline-block !important; }



  .sp-only__flex {

    display: flex !important; } }







.movie_emb_box{width: 98%; max-width: 1000px; margin: 10px auto 0 auto;}

.movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}

.movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}













.product {

	padding: 5% 0;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/product-bg.jpg);

    background-size: cover;

    position: relative;

}

.product-inbox{

    width: calc(85% - 6px);

    padding: 5%;

    max-width: 1096px;

    margin: 0 auto;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/bg1.jpg);

    border: solid 3px #e9cf66;



}



.product::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(https://www.koeitecmoamerica.com/mysteriousdx/share/images/line.png);

    background-size: cover;

    width: 100%;

    height: 4px;

    z-index: 2;

}



article .product h2{

width: 1096px;

margin: 0 auto;

text-align: center;

padding: 0 0 0 0;

position: relative;

margin-bottom: 80px;

}







.product h4 {

    font-size: 32px;

    line-height: 1.3;

    text-align: center;

    color: #834e00;

    font-weight: bold;

}





.pdc-box{

	width: 95%; max-width: 1000px; margin: 0 auto;

}

.pdc-boxlist li{padding: 2% 1.5%; text-align: center; color: #905f15;}



.pdc-boxlist{

 display: -webkit-flex;

 display: flex;

 -webkit-align-items: start; /* 縦方向中央揃え（Safari用） */

 align-items: start; /* 縦方向中央揃え */

     justify-content: space-between; /* 子要素をflexboxにより中央に配置する */

    align-items: space-between;  /* 子要素をflexboxにより中央に配置する */

}



.noimg{filter:alpha(opacity=40);

-moz-opacity:0.40;

-khtml-opacity:0.40;

opacity:0.40;}







@media screen and (max-width: 639px) {

.product {

    padding: 5% 0;

}



article .product h2{

    width: 30%;

    padding:5% 0;

    margin-bottom: 5%;

}



.product h4 {

    font-size: 3vw;

}

.pdc-boxlist li{ font-size: 2vw;}



.h2point{width: 90%; max-width: 1000px; margin: 0 auto;}



}









.half-banner{

width: 95%; max-width: 1000px; margin: 0 auto;

padding:3% 0;

}

.half-banner a{width: 49%; margin:0.5%; display: block;}

.half-banner img{width: 100%;}









.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}

.flex2{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}





/* wm-list */

.webm-box{padding-bottom:3%;}

.webm-title-main{ background:#834f02; color: #fff; font-size:25px; font-weight: 800; text-align: center; padding: 1.5% 0; border-bottom: solid 1px #834f02; margin-bottom:2%;}

.webm-title{width: 90%; max-width: 1000px; margin: 0 auto; padding-bottom: 0; text-align: center; font-size: 15px; font-weight: 800; color:#653d01;}

.wm-list{width: 90%; max-width: 800px; margin: 0 auto; padding: 2% 0;}

.wm-list li{width: 32%; margin:0.5%; text-align: center;}

.wm-list li a{width: 96%; padding: 4% 2%;  background:#009b8a; display: block; color: #fff;}



@media screen and (max-width: 730px) {



.webm-title-main{ background:#834f02; color: #fff; font-size:25px; font-weight: 800; text-align: center; padding: 1.5% 0; border-bottom: solid 1px #834f02; margin-bottom:3%;}





}