@charset "UTF-8";
/* ------------------------------------------------- *
 *        変数　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *        デバイス分岐　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/*
*/
/* ------------------------------------------------- *
 *  ＠共通項目　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-weight: normal;
  font-style: normal;
  font-feature-settings: "palt"; }

body,
html {
  margin: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  background-color: #fff; }

.notosans {
  font-family: 'Noto Sans JP', sans-serif; }

.notoserif {
  font-family: 'Noto Serif JP', serif; }

.dinnarrow {
  font-family: din-2014-narrow, sans-serif;
  font-weight: 200;
  font-style: normal; }

a {
  text-decoration: none; }

img {
  vertical-align: bottom;
  /*width:100%;
  height:auto;*/ }
  @media only screen and (max-width: 767px) {
    img {
      max-width: 100%;
      height: auto; } }

img[src$=".svg"] {
  width: 100%;
  height: auto;
  z-index: 1; }

ul {
  list-style: none; }

/* PC・SP・TB分岐 */
.tbnone {
  display: block; }
  @media only screen and (max-width: 960px) {
    .tbnone {
      display: none; } }

.pcnone-tb {
  display: none; }
  @media only screen and (max-width: 960px) {
    .pcnone-tb {
      display: block; } }

.spnone {
  display: block; }
  @media only screen and (max-width: 767px) {
    .spnone {
      display: none; } }

.pcnone {
  display: none; }
  @media only screen and (max-width: 767px) {
    .pcnone {
      display: block; } }

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

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

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

.tb2 {
  display: none !important; }
  @media only screen and (max-width: 960px) {
    .tb2 {
      display: block !important; } }

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

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

/*　共通：マウスオーバーで画像を明るくする　*/
img.alpha {
  width: auto;
  margin: 0 auto;
  /*overflow: hidden;*/
  cursor: pointer;
  transition-duration: 0.3s; }

img.alpha:hover {
  opacity: 0.7;
  transition-duration: 0.3s; }

/*　共通：コンテンツがふわっとフェードイン　*/
.fadein {
  opacity: 0;
  transform: translateY(40px);
  transition-property: opacity, transform;
  transition-duration: 0.8s, 0.8s;
  transition-timing-function: ease, ease; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

/* ------------------------------------------------- *
 * ＠HEADER　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.header {
  position: fixed;
  z-index: 9000;
  width: 100%;
  height: 60px;
  left: 0;
  right: 0;
  top: 0;
  background-color: white;
  /* ハンバーガーメニュー・フルスクリーン */ }
  @media only screen and (max-width: 767px) {
    .header {
      height: 45px; } }
  .header .inner {
    position: relative;
    height: 60px;
    margin: auto;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*.en{
      width:60px;
      margin-right:55px;
      padding-top:19px;
      @include media(sp){
        width:45px;
        margin-right:40px;
      }
    }*/ }
    @media only screen and (max-width: 767px) {
      .header .inner {
        height: 45px;
        padding: 0 10px; } }
    .header .inner .logo {
      z-index: 9000;
      width: 260px; }
      @media only screen and (max-width: 767px) {
        .header .inner .logo {
          width: 40%;
          max-width: 150px;
          margin-top: -5px; } }
    .header .inner .bgm-btn1 {
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      appearance: none;
      z-index: 9000;
      width: 35px;
      margin-top: 2px;
      margin-right: 130px; 
      margin-left: auto;
    }
      @media only screen and (max-width: 767px) {
        .header .inner .bgm-btn1 {
          width: 30px;
          margin-right: 85px; } }
  .header .nav-area {
    position: fixed;
    z-index: 8990;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    opacity: 0;
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
    background-color: white;
    transition: all .1s;
    visibility: hidden; }
  .header .nav-area.active {
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible; }
  .header .nav-area ul.gnav {
    width: 100%;
    height: 100%;
    margin: 0 0 0 10%;
    padding-top: 80px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto; }
    @media only screen and (max-width: 767px) {
      .header .nav-area ul.gnav {
        margin: auto;
        padding-top: 60px; } }
  .header .nav-area ul.gnav li {
    list-style-type: none;
    display: block;
    margin: auto;
    margin-bottom: 2.5em;
    text-align: left;
    text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .header .nav-area ul.gnav li {
        margin-bottom: 1.5em; } }
    .header .nav-area ul.gnav li a {
      position: relative;
      display: inline-block;
      font-weight: normal;
      font-size: 18px;
      color: #000;
      letter-spacing: 0.125em;
      margin-left: 33%; }
      @media only screen and (max-width: 767px) {
        .header .nav-area ul.gnav li a {
          font-size: 4.8vw;
          margin-left: 25%; } }
      .header .nav-area ul.gnav li a:hover {
        color: #000; }
      .header .nav-area ul.gnav li a::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
        /* アニメーション用の設定 */
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform 0.3s; }
        @media only screen and (max-width: 767px) {
          .header .nav-area ul.gnav li a::after {
            display: none; } }
    .header .nav-area ul.gnav li .sub {
      margin-top: 20px;
      margin-bottom: 1.5em; }
      .header .nav-area ul.gnav li .sub li {
        margin-left: 30px;
        margin-bottom: 1.5em;
        margin-top: 5px;
        font-weight: normal;
        font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .header .nav-area ul.gnav li .sub {
          margin-left: 2em;
          margin-top: 10px;
          margin-bottom: 1.2em; }
          .header .nav-area ul.gnav li .sub li {
            margin-left: 1em;
            font-size: 3.733333%; } }
    .header .nav-area ul.gnav li a:hover::after {
      transform: scaleX(1);
      transform-origin: left center; }
  .header button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none; }
  .header .menu,
  .header .menu span,
  .header .menu_top,
  .header .menu_top span {
    display: inline-block;
    -webkit-transition: all 0.2s;
    transition: all .2s;
    box-sizing: border-box; }
  .header .menu,
  .header .menu_top {
    position: fixed;
    top: 19px;
    right: 25px;
    width: 40px;
    height: 40px;
    z-index: 9000; }
    @media only screen and (max-width: 767px) {
      .header .menu,
      .header .menu_top {
        top: 15px;
        right: 10px;
        width: 30px;
        height: 18px; } }
  .header .menu span,
  .header .menu_top span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    z-index: 10; }
  .header .menu_top span {
    background-color: #fff; }
  .header .menu span:nth-of-type(1),
  .header .menu_top span:nth-of-type(1) {
    top: 0px; }
  .header .menu span:nth-of-type(2),
  .header .menu_top span:nth-of-type(2) {
    top: 10px; }
    @media only screen and (max-width: 767px) {
      .header .menu span:nth-of-type(2),
      .header .menu_top span:nth-of-type(2) {
        top: 8px; } }
  .header .menu span:nth-of-type(3),
  .header .menu_top span:nth-of-type(3) {
    top: 20px; }
    @media only screen and (max-width: 767px) {
      .header .menu span:nth-of-type(3),
      .header .menu_top span:nth-of-type(3) {
        top: 16px; } }
  .header .menu.active span,
  .header .menu_top.active span {
    background-color: #000;
    margin-top: 0px; }
  .header .menu_top.active span {
    background-color: #000;
    margin-top: 0px; }
  .header .menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg); }
    @media only screen and (max-width: 767px) {
      .header .menu.active span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg); } }
  .header .menu.active span:nth-of-type(2) {
    opacity: 0; }
  .header .menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); }
    @media only screen and (max-width: 767px) {
      .header .menu.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg); } }
  .header .menu_top.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg); }
    @media only screen and (max-width: 767px) {
      .header .menu_top.active span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg); } }
  .header .menu_top.active span:nth-of-type(2) {
    opacity: 0; }
  .header .menu_top.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg); }
    @media only screen and (max-width: 767px) {
      .header .menu_top.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg); } }

/* //.headr */
/* ------------------------------------------------- *
 *  ＠FOOTER　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* SNS */
.sec-sns {
  width: 100%;
  margin: 85px auto; }
  @media only screen and (max-width: 767px) {
    .sec-sns {
      margin: 0px auto 50px; } }
  .sec-sns .inner {
    width: 100%;
    padding: 0 10px; }
    .sec-sns .inner .heading {
      margin: 50px auto 25px;
      font-family: 'Noto Serif JP', serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 1;
      color: #666;
      letter-spacing: 0.075em; }
      @media only screen and (max-width: 767px) {
        .sec-sns .inner .heading {
          margin-bottom: 15px;
          font-size: 16px; } }
    .sec-sns .inner .box {
      margin: auto;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .sec-sns .inner .box .logo {
        width: 113px;
        margin-right: 50px; }
      .sec-sns .inner .box .fb {
        width: 19px;
        margin-right: 64px; }
      .sec-sns .inner .box .insta {
        width: 37px; }
      .sec-sns .inner .box .pint {
        width: 38px; }
      @media only screen and (max-width: 767px) {
        .sec-sns .inner .box .logo {
          width: 56px;
          margin-right: 35px; }
        .sec-sns .inner .box .fb {
          width: 10px;
          margin-right: 32px;
          margin-bottom: 3px; }
        .sec-sns .inner .box .insta {
          width: 19px;
          margin-bottom: 3px; }
        .sec-sns .inner .box .pint {
          width: 19px;
          margin-bottom: 3px; } }
    .sec-sns .inner .mails {
      margin: 0 auto 0;
      text-align: center;
      font-family: 'Noto Serif JP', serif;
      color: #666;
      text-align: center; }
      .sec-sns .inner .mails .txt-icon {
        width: 123px;
        padding-bottom: 10px;
        margin: 85px auto 30px;
        border-bottom: 1px solid #333; }
        @media only screen and (max-width: 767px) {
          .sec-sns .inner .mails .txt-icon {
            width: 25.3%;
            max-width: 95px;
            margin: 35px auto 15px; } }
      .sec-sns .inner .mails a {
        color: #666; }
      .sec-sns .inner .mails .box {
        margin: auto;
        text-align: center; }
        .sec-sns .inner .mails .box table {
          margin: auto;
          margin-bottom: 3px;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .sec-sns .inner .mails .box table th {
            font-weight: bold;
            text-align: left; }
          .sec-sns .inner .mails .box table td {
            padding-left: 1.5em;
            text-align: left; }
      @media only screen and (max-width: 767px) {
        .sec-sns .inner .mails {
          margin: 20px auto 0;
          font-size: 3.2vw; }
          .sec-sns .inner .mails .heading {
            font-size: 3.733333vw; } }

/* BACK TO TOP */
.sec-totop {
  position: relative;
  width: 100%;
  height: 100px;
  margin: auto;
  background-color: #d8dbde; }
  @media only screen and (max-width: 767px) {
    .sec-totop {
      height: 50px; } }
  .sec-totop .inner {
    width: 100%;
    padding-top: 40px; }
    @media only screen and (max-width: 767px) {
      .sec-totop .inner {
        padding-top: 20px; } }
    .sec-totop .inner .totop {
      position: relative;
      margin: auto;
      padding: 0;
      text-align: center;
      display: block;
      width: 30px;
      height: 30px;
      border-top: solid 1px #1a2e3f;
      border-right: solid 1px #1a2e3f;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: all .4s; }
      .sec-totop .inner .totop:hover {
        margin-top: -5px; }
      @media only screen and (max-width: 767px) {
        .sec-totop .inner .totop {
          width: 20px;
          height: 20px; } }



/* CONTACT PAGE LINK */

.footer .footer-btn-area {
  width: 580px;
  margin: 0 auto;
}

.footer .footer-btn-top {
  display: flex;
}

.footer .footer-btn-bottom {
  display: flex;
}

@media only screen and (max-width: 520px) {
  .footer .footer-btn-area {
    width: 100%;
  }
}
.footer .btn-catalog {
  width: 259px;
  height: 49px;
  border: 1px solid #032d80;
  text-align: center;
  cursor: pointer;
  position: relative;
  text-align: center;
  letter-spacing: 0.125em;
  overflow: hidden;
  background: url("../img/common/icon_arrow_bk.svg") no-repeat;
  background-position: center right 12px;
  background-size: 17px;
  background-color: #fff; 
  margin: 10px auto;
}
@media only screen and (max-width: 767px) {
  .footer .btn-catalog {
    margin-bottom: 20px;
  }

  .footer .footer-btn-top {
    display: block;
  }

  .footer .footer-btn-bottom {
    display: block;
  }
}

.footer .btn-catalog a {
  font-size: 14px;
  color: #00257b;
  text-decoration: none;
  line-height: 49px;
  transition: all .3s ease;
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.footer .btn-catalog .eff-4 {
  width: 259px;
  height: 49px;
  left: -259px;
  background: rgba(51, 51, 51, 0.7);
  position: absolute;
  transition: all .3s ease;
  z-index: 1;
}

.footer .btn-catalog:hover .eff-4 {
  left: 0; }
.footer .btn-catalog:hover a {
  color: #fff; }

/* FOOTER */
.footer {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .footer {
      height: 22px; } }
  .footer .copyright {
    width: 100%;
    padding-left: 25px;
    font-size: 13px;
    color: #808080;
    text-align: left;
    line-height: 40px;
    letter-spacing: 0.075em; }
    @media only screen and (max-width: 767px) {
      .footer .copyright {
        padding-left: 0;
        font-size: 2.9333333vw;
        text-align: center;
        line-height: 22px;
        letter-spacing: 0.05em; } }

/* ------------------------------------------------- *
 *  ＠SLIDE
 * ------------------------------------------------- */
/* *** アニメーション設定 *** */
/*右から左*/
@keyframes SlideLeft {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/*左から右*/
@keyframes SlideRight {
  0% {
    opacity: 0;
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/*上から下*/
@keyframes SlideDown {
  0% {
    opacity: 0;
    transform: translateY(-50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*下から上*/
@keyframes SlideUp {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/* ------------------------------------------------- *
 *  ＠HOME
 * ------------------------------------------------- */
/*　共通　*/
/* HEADER */
.home .header .bgm-btn {
  position: absolute;
  z-index: 9000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  width: 50px;
  top: 19px;
  right: 155px; }
  @media only screen and (max-width: 767px) {
    .home .header .bgm-btn {
      width: 40px;
      top: 14px;
      right: 95px; } }

.home .header .en-jp {
  position: absolute;
  z-index: 9000;
  width: 60px;
  right: 70px;
  top: 19px; }
  @media only screen and (max-width: 767px) {
    .home .header .en-jp {
      width: 45px;
      top: 15px;
      right: 45px; } }

#catalog {
  margin-top: -90px;
  padding-top: 90px; }

/* OPENING - LOADING */
#is-loading {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1008; }

#loading {
  display: none;
  position: fixed;
  width: 23.75%;
  height: auto;
  left: 38.7%;
  top: 25%; }
  @media only screen and (max-width: 767px) {
    #loading {
      width: 47.5%;
      left: 26.25%;
      top: 25%; } }

.logo-blur {
  filter: blur(0px);
  animation-name: blur;
  animation-duration: 3s; }

@keyframes blur {
  0% {
    filter: blur(15px); }
  100% {
    filter: blur(0); } }

/* FV */
.home .sec-fv {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  /* SCROLL */
  /* SLIDE部 */
  /* slide-text：ロゴに統一版 */
  /* //.slide-text */ }
  .home .sec-fv .fv-scroll-box {
    display: block;
    width: 100%;
    z-index: 5000;
    position: absolute;
    width: 45px;
    left: 0;
    right: 0;
    top: 98%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .home .sec-fv .fv-scroll-box {
        width: 9.7%;
        top: 97%; } }
    .home .sec-fv .fv-scroll-box .main-visual-scroll {
      animation: mainVisualFadeIn 1.5s ease-out 1s both;
      animation-delay: 3.3s;
      bottom: 6.4864864865%;
      color: #fff;
      left: 0;
      padding-top: 50px;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 10;
      font-size: 15px;
      font-size: 1.5rem; }
      .home .sec-fv .fv-scroll-box .main-visual-scroll span {
        background: rgba(255, 255, 255, 0.8);
        height: 28px;
        position: absolute;
        top: 40px;
        left: 50%;
        animation: sdb 2s infinite;
        width: 1px; }

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.12);
    transform: scale(1.12); } }

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.12);
    transform: scale(1.12); } }
  .home .sec-fv .swiper-slide {
    position: relative;
    z-index: 10; }
  .home .sec-fv .swiper-slide-active .slide-img,
  .home .sec-fv .swiper-slide-duplicate-active .slide-img,
  .home .sec-fv .swiper-slide-prev .slide-img {
    -webkit-animation: zoomUp 6.5s linear 0s;
    animation: zoomUp 6.5s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .home .sec-fv .slide-img {
    background-size: cover;
    background-position: center center;
    height: 100vh; }
  .home .sec-fv .slide-text {
    width: 100%;
    z-index: 999 !important; }
    .home .sec-fv .slide-text.look-into .text-01 img {
      position: absolute;
      width: 23.75%;
      height: auto;
      left: 38.7%;
      top: 25%; 
      z-index: 1000;
    }
      @media only screen and (max-width: 767px) {
        .home .sec-fv .slide-text.look-into .text-01 img {
          width: 47.5%;
          left: 26.25%;
          top: 25%; } }

/* //.home .sec-fv */
/* REIMEI */
.home .sec-reimei {
  z-index: 900;
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../img/pc_mv.jpg") no-repeat;
  background-position: center top;
  background-size: cover;
  margin: auto;
  text-align: center;
  /* MORE */
  /* SCROLL */ }
  @media only screen and (max-width: 767px) {
    .home .sec-reimei {
      height: 0;
      padding-bottom: 173.333333%;
      background: url("../img/sp_mv.jpg") no-repeat;
      background-position: center top;
      background-size: cover; } }
  .home .sec-reimei .logo_2020 {
    z-index: 901;
    position: fixed;
    top: 75px;
    left: 35px;
    width: 140px;
    z-index: 500; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .logo_2020 {
        top: 55px;
        left: 15px;
        width: 16%; } }
  .home .sec-reimei .text00 {
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    padding-top: 5vh; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text00 {
        font-size: 16px;
        padding-top: 2vh; } }
  .home .sec-reimei .text01 img {
    width: 5.78%;
    height: auto;
    margin-top: 4vh; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text01 img {
        width: 12.4%;
        height: auto;
        margin-top: 7.5vh; } }
  .home .sec-reimei .text02 img {
    width: 19%;
    height: auto;
    margin-top: 7vh; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text02 img {
        width: 37%;
        height: auto;
        margin-top: 3.5vh; } }
  .home .sec-reimei .text03 img {
    width: 16.4%;
    height: auto;
    margin-top: 7vh; }
    .home .sec-reimei .text03 img.en {
      width: 28.75%; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text03 img {
        width: 65%;
        height: auto;
        margin-top: 8.5vh; }
        .home .sec-reimei .text03 img.en {
          width: 80.6%; } }
  .home .sec-reimei .text04 img {
    width: 53.75%;
    height: auto;
    margin-top: 3.5vh;
    margin-bottom: 4.5vh; }
    .home .sec-reimei .text04 img.en {
      width: 49.45%; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text04 img {
        width: 80%;
        height: auto;
        margin-top: 6vh;
        margin-bottom: 4.5vh; }
        .home .sec-reimei .text04 img.en {
          width: 93.6%; } }
  .home .sec-reimei .anime-catchcopy .copy-0,
  .home .sec-reimei .anime-catchcopy .copy-1,
  .home .sec-reimei .anime-catchcopy .copy-2,
  .home .sec-reimei .anime-catchcopy .copy-3,
  .home .sec-reimei .anime-catchcopy .copy-4,
  .home .sec-reimei .anime-catchcopy .copy-5 {
    opacity: 0; }
  .home .sec-reimei .anime-catchcopy.active .copy-0 {
    margin: auto;
    -webkit-animation-name: copyFade0;
    animation-name: copyFade0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .home .sec-reimei .anime-catchcopy.active .copy-1 {
    margin: auto;
    -webkit-animation-name: copyFade1;
    animation-name: copyFade1;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .home .sec-reimei .anime-catchcopy.active .copy-2 {
    -webkit-animation-name: copyFade2;
    animation-name: copyFade2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .home .sec-reimei .anime-catchcopy.active .copy-3 {
    -webkit-animation-name: copyFade3;
    animation-name: copyFade3;
    -webkit-animation-duration: 2.75s;
    animation-duration: 2.75s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .home .sec-reimei .anime-catchcopy.active .copy-4 {
    margin: auto;
    -webkit-animation-name: copyFade4;
    animation-name: copyFade4;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .home .sec-reimei .anime-catchcopy.active .copy-5 {
    margin: auto;
    -webkit-animation-name: copyFade5;
    animation-name: copyFade5;
    -webkit-animation-duration: 4.25s;
    animation-duration: 4.25s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 4.25s;
    animation-delay: 4.25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running; }

@keyframes copyFade0 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes copyFade1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes copyFade2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes copyFade3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes copyFade4 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes copyFade5 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
  .home .sec-reimei .img-box {
    position: relative; }
  .home .sec-reimei .img-box .active {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 1s; }
  .home .sec-reimei .img-box:hover .active {
    opacity: 1; }
  .home .sec-reimei .text05 {
    position: relative;
    z-index: 4;
    overflow: hidden;
    cursor: pointer;
    width: 279px;
    height: 59px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    background: url("../img/common/icon_arrow.svg") no-repeat;
    background-position: center right 18px;
    background-size: 17px; }
    .home .sec-reimei .text05 a {
      display: block;
      position: relative;
      z-index: 5;
      font-size: 20px;
      color: #fff;
      text-decoration: none;
      line-height: 59px;
      transition: all .3s ease; }
    .home .sec-reimei .text05 .eff-4 {
      position: absolute;
      z-index: 0;
      width: 279px;
      height: 59px;
      left: -279px;
      background: rgba(0, 51, 51, 0.7);
      transition: all .3s ease; }
    .home .sec-reimei .text05:hover .eff-4 {
      left: 0; }
    .home .sec-reimei .text05:hover a {
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .text05 {
        width: 56%;
        height: 45px; }
        .home .sec-reimei .text05 a {
          font-size: 13px;
          line-height: 45px; } }
  .home .sec-reimei .reimei-scroll-box {
    display: none;
    width: 100%;
    z-index: 5000 !important;
    position: absolute;
    width: 45px;
    left: 0;
    right: 0;
    top: 98%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .home .sec-reimei .reimei-scroll-box {
        width: 9.7%;
        top: 97%; } }
    .home .sec-reimei .reimei-scroll-box .main-visual-scroll {
      animation: mainVisualFadeIn 1.5s ease-out 1s both;
      animation-delay: 3.3s;
      bottom: 6.4864864865%;
      color: #fff;
      left: 0;
      padding-top: 50px;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 10;
      font-size: 15px;
      font-size: 1.5rem; }
      .home .sec-reimei .reimei-scroll-box .main-visual-scroll span {
        background: rgba(255, 255, 255, 0.8);
        height: 28px;
        position: absolute;
        top: 40px;
        left: 50%;
        animation: sdb 2s infinite;
        width: 1px; }

/* NEXT */
.home .sec-next {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 950;
  margin: 0 auto;
  padding: 0;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .home .sec-next {
      height: 0;
      padding: 0 0 160%; } }
  .home .sec-next img {
    width: 100%; }
  .home .sec-next .inner {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0 0 55%; }
    @media only screen and (max-width: 767px) {
      .home .sec-next .inner {
        height: 100vh;
        padding: 0; } }
    .home .sec-next .inner ul {
      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; }
      .home .sec-next .inner ul li {
        position: relative;
        margin: 0;
        width: 25%;
        text-align: left;
        display: none;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .home .sec-next .inner ul li {
            width: 50%; } }
        .home .sec-next .inner ul li .anime-catchcopy1 .copy-1 {
          position: absolute;
          opacity: 0; }
        .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1 {
          top: 40px;
          left: 0;
          right: 0;
          z-index: 50;
          width: 13.35%;
          margin: auto;
          -webkit-animation-name: copyFade1;
          animation-name: copyFade1;
          -webkit-animation-duration: 2s;
          animation-duration: 2s;
          -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-direction: normal;
          animation-direction: normal;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          -webkit-animation-play-state: running;
          animation-play-state: running; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en1 {
            top: 30px;
            width: 49.375%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en2 {
            top: 30px;
            width: 41.875%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en3 {
            top: 30px;
            width: 54.0625%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en4 {
            top: 30px;
            width: 48.4375%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en5 {
            top: 30px;
            width: 40%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en6 {
            top: 30px;
            width: 42.5%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en7 {
            top: 30px;
            width: 49.5625%; }
          .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en8 {
            top: 30px;
            width: 61.875%; }
          @media only screen and (max-width: 767px) {
            .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1 {
              top: 18px;
              width: 10%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en1 {
                top: 15px;
                width: 42.3%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en2 {
                top: 15px;
                width: 35.2%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en3 {
                top: 15px;
                width: 42.1%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en4 {
                top: 15px;
                width: 41.87%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en5 {
                top: 15px;
                width: 34.1%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en6 {
                top: 15px;
                width: 38.4%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en7 {
                top: 15px;
                width: 42.3%; }
              .home .sec-next .inner ul li .anime-catchcopy1.active .copy-1.en8 {
                top: 15px;
                width: 52.9%; } }

@keyframes copyFade1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
        .home .sec-next .inner ul li .img-box {
          position: relative; }
        .home .sec-next .inner ul li .img-box .active {
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          transition: 0.8s; }
        .home .sec-next .inner ul li .img-box:hover .active {
          opacity: 1; }

/* CATALOG */
.home .sec-catalog {
  position: relative;
  z-index: 950;
  width: 100%;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 80px;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .home .sec-catalog {
      padding-top: 80px; } }
  .home .sec-catalog .inner {
    margin: auto;
    padding: 0 10px;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    color: #666; }
    .home .sec-catalog .inner .txt-icon {
      width: 143px;
      padding-bottom: 10px;
      margin: 0 auto 22px;
      border-bottom: 1px solid #333; }
      @media only screen and (max-width: 767px) {
        .home .sec-catalog .inner .txt-icon {
          width: 30%;
          max-width: 115px;
          margin: 0 auto 20px; } }
  .home .sec-catalog .bg {
    width: 100%;
    height: 530px;
    padding: 65px 0 90px;
    background: url("../img/pc_catalog_bg.jpg") no-repeat;
    background-position: center top;
    background-size: cover; }
    @media only screen and (max-width: 767px) {
      .home .sec-catalog .bg {
        height: 0;
        padding: 0 0 158%;
        background: url("../img/sp_catalog_bg.jpg") no-repeat;
        background-position: center center;
        background-size: cover; } }
    .home .sec-catalog .bg .subhead {
      margin: 0 auto 60px;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      letter-spacing: 0.2em; }
      @media only screen and (max-width: 767px) {
        .home .sec-catalog .bg .subhead {
          margin: 0 auto;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          color: #1a2e3f;
          letter-spacing: 0; } }
    .home .sec-catalog .bg .box {
      width: 100%;
      max-width: 830px;
      margin: auto;
      padding: 0 10px;
      display: flex;
      align-items: flex-top; 
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    }
      .home .sec-catalog .bg .box .image {
        width: 198px;
        margin-right: 13.25%; }
      @media only screen and (max-width: 767px) {
        .home .sec-catalog .bg .box {
          max-width: 100%;
          padding: 0 4%;
          flex-direction: column; }
          .home .sec-catalog .bg .box .image {
            width: 33.3%;
            margin: auto;
            margin-bottom: 25px; } }
      .home .sec-catalog .bg .box .txt .btn-catalog {
        width: 259px;
        height: 49px;
        border: 1px solid #032d80;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin-bottom: 20px;
        text-align: center;
        letter-spacing: 0.125em;
        overflow: hidden;
        background: url("../img/common/icon_arrow_bk.svg") no-repeat;
        background-position: center right 12px;
        background-size: 17px;
        background-color: #fff; }
        .home .sec-catalog .bg .box .txt .btn-catalog.en {
          letter-spacing: 0.125em; }
        .home .sec-catalog .bg .box .txt .btn-catalog a {
          font-size: 14px;
          color: #00257b;
          text-decoration: none;
          line-height: 49px;
          transition: all .3s ease;
          z-index: 2;
          position: relative; }
        .home .sec-catalog .bg .box .txt .btn-catalog .eff-4 {
          width: 259px;
          height: 49px;
          left: -259px;
          background: rgba(51, 51, 51, 0.7);
          position: absolute;
          transition: all .3s ease;
          z-index: 1; }
        .home .sec-catalog .bg .box .txt .btn-catalog:hover .eff-4 {
          left: 0; }
        .home .sec-catalog .bg .box .txt .btn-catalog:hover a {
          color: #fff; }
        @media only screen and (max-width: 767px) {
          .home .sec-catalog .bg .box .txt .btn-catalog {
            width: 56%;
            height: 45px;
            margin: 0 auto 20px;
            font-size: 12px;
            line-height: 45px;
            letter-spacing: 0.05em; }
            .home .sec-catalog .bg .box .txt .btn-catalog.en {
              letter-spacing: 0.05em; } }
      .home .sec-catalog .bg .box .txt .text {
        width: 100%;
        padding: 20px;
        color: #fff;
        font-size: 13px;
        line-height: 2;
        background-color: rgba(0, 25, 0, 0.8); }
        .home .sec-catalog .bg .box .txt .text.en {
          padding: 10px 20px;
          line-height: 1.7;
          white-space: initial; }
        @media only screen and (max-width: 767px) {
          .home .sec-catalog .bg .box .txt .text {
            width: 85%;
            margin: auto;
            padding: 5%;
            color: #fff;
            font-size: 12px;
            line-height: 2; }
            .home .sec-catalog .bg .box .txt .text.en {
              width: 94%; } }

/* サウンド */
.home .sound {
  position: fixed;
  z-index: 9990;
  top: 70px;
  right: 0;
  margin-right: 24px; }
  .home .sound .box .icon_speaker_on {
    width: 33px;
    margin-top: 15px;
    background: url("../img/common/icon_speaker_on.svg") no-repeat;
    background-position: center center;
    background-size: 33px auto; }
    .home .sound .box .icon_speaker_on:hover img {
      opacity: 0.25; }
  .home .sound .box .icon_speaker_off {
    width: 41px;
    background: url("../img/common/icon_speaker_off.svg") no-repeat;
    background-position: center center;
    background-size: 41px auto; }
    .home .sound .box .icon_speaker_off:hover img {
      opacity: 0; }
  .home .sound .box a {
    cursor: pointer;
    opacity: 1; }
  .home .sound .box img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .home .sound {
      top: 45px;
      margin-right: 15px; }
      .home .sound .box .icon_speaker_on {
        width: 24px;
        margin-top: 10px;
        background: none;
        /*background:url("../img/common/icon_speaker_on.svg") no-repeat;
        background-position:center center;
        background-size:24px auto;*/ }
        .home .sound .box .icon_speaker_on:hover img {
          opacity: 1; }
      .home .sound .box .icon_speaker_off {
        width: 30px;
        background: none;
        /*background:url("../img/common/icon_speaker_off.svg") no-repeat;
        background-position:center center;
        background-size:30px auto;*/ }
        .home .sound .box .icon_speaker_off:hover img {
          opacity: 1; } }

/* ------------------------------------------------- *
 *  ＠PRODUCT
 * ------------------------------------------------- */
/*　共通　*/
.product .header .en-jp {
  position: absolute;
  z-index: 9000;
  width: 60px;
  right: 70px;
  top: 19px; }
  @media only screen and (max-width: 767px) {
    .product .header .en-jp {
      width: 45px;
      top: 15px;
      right: 45px; } }

body.product {
  background: linear-gradient(-90deg, #000 0%, #000 12.5%, #fff 0%, #fff 12.5%); }
  @media only screen and (max-width: 767px) {
    body.product {
      background: #fff; } }

.product .whole {
  height: 100%;
  margin-bottom: 90px;
  border-bottom: 1px solid #d3d6d9; }
  @media only screen and (max-width: 767px) {
    .product .whole {
      margin-bottom: 45px; } }

/* PRODUCT-MV */
.product .sec-mv {
  width: 100%;
  height: 100%;
  margin-top: 60px; }
  @media only screen and (max-width: 767px) {
    .product .sec-mv {
      margin-top: 45px;
    }
    .product .sec-mv img[src$=".svg"] {
      width: auto;
    }
  }
  .product .sec-mv img {
    width: 100%; }
  .product .sec-mv .inner {
    position: relative;
    margin: auto;
    /* .title-box */
    /* 現在のスライドのスタイル */ }
    .product .sec-mv .inner .title-box {
      position: relative;
      z-index: 200; }
      @media only screen and (max-width: 767px) {
        .product .sec-mv .inner .title-box {
          position: fixed;
          z-index: 5000;
          top: 45px;
          left: 0;
          width: 100%;
          height: 50px;
          background-color: #000; } }
      .product .sec-mv .inner .title-box .control {
        position: fixed;
        height: 100%;
        top: 60px;
        right: 0;
        width: 12.5%;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          .product .sec-mv .inner .title-box .control {
            width: 100%;
            height: 50px;
            display: block; } }
        .product .sec-mv .inner .title-box .control .sp-title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 50px; }
        .product .sec-mv .inner .title-box .control .title {
          display: block;
          width: 27%;
          margin: 35px auto 70px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .product .sec-mv .inner .title-box .control .title {
              width: auto;
              max-width: 58%;
              margin: auto; }
              .product .sec-mv .inner .title-box .control .title.n01 {
                width: 50.3%;
                max-width: 188px; }
              .product .sec-mv .inner .title-box .control .title.n02 {
                width: 38.1%;
                max-width: 143px; }
              .product .sec-mv .inner .title-box .control .title.n03 {
                width: 51.2%;
                max-width: 192px; }
              .product .sec-mv .inner .title-box .control .title.n04 {
                width: 57.1%;
                max-width: 200px; }
              .product .sec-mv .inner .title-box .control .title.n05 {
                width: 48%;
                max-width: 180px; }
              .product .sec-mv .inner .title-box .control .title.n06 {
                width: 48.8%;
                max-width: 183px; }
              .product .sec-mv .inner .title-box .control .title.n07 {
                width: 50.9%;
                max-width: 191px; }
              .product .sec-mv .inner .title-box .control .title.n08 {
                width: 53.6%;
                max-width: 201px; } }
        .product .sec-mv .inner .title-box .control .pages {
          width: 80%;
          max-width: 159px;
          margin: auto;
          display: flex;
          justify-content: space-around;
          align-content: flex-start;
          align-items: flex-start; }
          @media only screen and (max-width: 767px) {
            .product .sec-mv .inner .title-box .control .pages {
              display: none; } }
          .product .sec-mv .inner .title-box .control .pages li {
            width: 26px; }
            .product .sec-mv .inner .title-box .control .pages li a {
              display: block; }
            .product .sec-mv .inner .title-box .control .pages li span {
              margin: 20px 0 0 auto;
              display: block;
              width: 17px;
              margin-right: 0;
              text-align: right; }
              @media only screen and (max-width: 767px) {
                .product .sec-mv .inner .title-box .control .pages li span {
                  width: 14px; } }
          .product .sec-mv .inner .title-box .control .pages li:last-child span {
            margin: 20px auto 0 0;
            margin-left: 0;
            text-align: left; }
          @media only screen and (max-width: 1280px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 80%; } }
          @media only screen and (max-width: 1200px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 75%; } }
          @media only screen and (max-width: 1140px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 70%; } }
          @media only screen and (max-width: 1080px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 65%; } }
          @media only screen and (max-width: 1000px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 60%; } }
          @media only screen and (max-width: 920px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 55%; } }
          @media only screen and (max-width: 860px) {
            .product .sec-mv .inner .title-box .control .pages {
              top: 50%; } }
        .product .sec-mv .inner .title-box .control .arrow_pre,
        .product .sec-mv .inner .title-box .control .arrow_next {
          width: 10px; }
        .product .sec-mv .inner .title-box .control .arrow_pre {
          margin-left: 4%; }
        .product .sec-mv .inner .title-box .control .arrow_next {
          margin-right: 4%; }
    .product .sec-mv .inner .swiper-container {
      margin-right: 12.5%;
      padding-bottom: 50px;
      background: #fff; }
      @media only screen and (max-width: 767px) {
        .product .sec-mv .inner .swiper-container {
          width: 100%;
          height: auto;
          margin-top: 95px;
          margin-right: 0;
          padding-bottom: 40px; } }
    .product .sec-mv .inner .swiper-pagination-bullet {
      width: 11px;
      height: 11px;
      margin: 0 22px;
      border-radius: 50%;
      border: 2px solid #444;
      background-color: #fff;
      opacity: 1; }
      .product .sec-mv .inner .swiper-pagination-bullet:hover {
        background-color: #111; }
      @media only screen and (max-width: 767px) {
        .product .sec-mv .inner .swiper-pagination-bullet {
          width: 9px;
          height: 9px;
          margin: 0 16px; } }
    .product .sec-mv .inner .swiper-pagination-bullet-active {
      width: 11px;
      height: 11px;
      margin: 0 22px;
      background: #333;
      border: 2px solid #333;
      opacity: 1; }
      @media only screen and (max-width: 767px) {
        .product .sec-mv .inner .swiper-pagination-bullet-active {
          width: 9px;
          height: 9px;
          margin: 0 16px; } }

/* PRODUCT */
.product .sec-product {
  width: 100%;
  margin-top: 40px;
  margin-right: 12.5%; }
  @media only screen and (max-width: 767px) {
    .product .sec-product {
      margin: auto;
      margin-top: 10px;
      margin-right: 0; } }
  .product .sec-product .inner {
    width: 87.5%;
    padding: 0 10px;
    /* /.content */ }
    @media only screen and (max-width: 767px) {
      .product .sec-product .inner {
        width: 100%;
        padding: 0 5%; } }
    .product .sec-product .inner .content {
      width: 100%;
      max-width: 896px;
      margin: auto;
      /* SLIDER-AREA */
      /*.sell{
        margin:-30px auto 50px;
        font-size:12px;
        text-align:left;
      }*/
      /* BUTTON-AREA */
      /* /.btn-area */ }
      @media only screen and (max-width: 767px) {
        .product .sec-product .inner .content {
          max-width: 100%; } }
      .product .sec-product .inner .content .name {
        margin: 0 auto 30px; }
        @media only screen and (max-width: 767px) {
          .product .sec-product .inner .content .name {
            margin: 0 auto 15px; } }
        .product .sec-product .inner .content .name.n01 {
          width: 123px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n01 {
              width: 21.3%;
              max-width: 160px; } }
        .product .sec-product .inner .content .name.n01-en {
          width: 307px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n01-en {
              width: 53.8%;
              max-width: 202px; } }
        .product .sec-product .inner .content .name.n02 {
          width: 73px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n02 {
              width: 12.4%;
              max-width: 93px; } }
        .product .sec-product .inner .content .name.n02-en {
          width: 199px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n02-en {
              width: 35.3%;
              max-width: 265px; } }
        .product .sec-product .inner .content .name.n03 {
          width: 174px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n03 {
              width: 29.7%;
              max-width: 223px; } }
        .product .sec-product .inner .content .name.n03-en {
          width: 235px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n03-en {
              width: 41.6%;
              max-width: 156px; } }
        .product .sec-product .inner .content .name.n04 {
          width: 23px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n04 {
              width: 4%;
              max-width: 30px; } }
        .product .sec-product .inner .content .name.n04-en {
          width: 185px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n04-en {
              width: 31.7%;
              max-width: 238px; } }
        .product .sec-product .inner .content .name.n05 {
          width: 220px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n05 {
              width: 35%;
              max-width: 197px; } }
        .product .sec-product .inner .content .name.n05-en {
          width: 303px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n05-en {
              width: 53.3%;
              max-width: 200px; } }
        .product .sec-product .inner .content .name.n06 {
          width: 72px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n06 {
              width: 12.4%;
              max-width: 93px; } }
        .product .sec-product .inner .content .name.n06-en {
          width: 140px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n06-en {
              width: 25.3%;
              max-width: 90px; } }
        .product .sec-product .inner .content .name.n07 {
          width: 73px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n07 {
              width: 12.5%;
              max-width: 94px; } }
        .product .sec-product .inner .content .name.n07-en {
          width: 104px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n07-en {
              width: 19.2%;
              max-width: 72px; } }
        .product .sec-product .inner .content .name.n08 {
          width: 73px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n08 {
              width: 12.5%;
              max-width: 94px; } }
        .product .sec-product .inner .content .name.n08-en {
          width: 173px; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .name.n08-en {
              width: 30.6%;
              max-width: 115px; } }
      .product .sec-product .inner .content .text {
        margin: 0 auto 90px;
        color: #333;
        font-family: "Noto Serif JP", serif !important;
        font-size: 14px;
        line-height: 2;
        text-align: center;
        letter-spacing: 0.3em;
        transform: scale(0.9, 1); }
        .product .sec-product .inner .content .text.en {
          letter-spacing: 0.2em; }
        @media only screen and (max-width: 767px) {
          .product .sec-product .inner .content .text {
            margin: 0 auto;
            font-size: 3.2vw;
            letter-spacing: 0.25em; } }
      .product .sec-product .inner .content .slider-area {
        position: relative;
        /* ADD-IMAGE */
        /* ADD-BTN */
        /*.add-btn{
          position: absolute;
          z-index:5000;
          top: 60%;
          left: 60%;
          width:auto;
          margin:0;
          @include media(sp){
            position: static;
            width:80%;
            margin:-30px auto 30px;
            text-align:center;
          }
          a{
            display:block;
            color:#000;
            &:hover{
              color:#fff;
            }
          }
          .btn{
            width:250px;
            height:40px;
            line-height: 40px;
            font-size:13px;
            font-weight:normal;
            padding-left:45px;
            text-align:left;
            background:url("../img/common/icon_blank_on.svg") no-repeat;
            background-position:center left 20px;
            background-size:13px;
            border:1px solid #000;
            background-color: #fff;
            transition: 0.4s;
            @include media(sp){
              width:100%;
              font-size:14px;
            }
            &.en{
              width:280px;
              @include media(sp){
                width:100%;
                margin:auto;
                padding-left:40px;
                font-size:13px;
              }
            }
            &:hover{
              background:url("../img/common/icon_blank_off.svg") no-repeat;
              background-position:center left 20px;
              background-size:13px;
              border:1px solid #000;
              background-color: #000;
            }

          }
          &.btn02{
            top: 50%;
          }
          &.btn03{
            top: 55%;
          }
          &.btn04{
            top: 48%;
          }
          &.btn05{
            top: 60%;
          }
          &.btn06{
            top: 60%;
          }
          &.btn07{
            top: 50%;
          }
          &.btn08{
            top: 70%;
          }
          &.btn04-en{
            top: 54%;
          }
          &.btn05-en{
            top: 63%;
          }
          &.btn06-en{
            top: 64%;
          }
          &.btn07-en{
            top: 52%;
          }
          &.btn08-en{
            top: 71%;
          }

        }*/
        /* /.swiper-container */ }
        @media only screen and (max-width: 767px) {
          .product .sec-product .inner .content .slider-area {
            width: 100%;
            height: auto;
            position: relative; }
            .product .sec-product .inner .content .slider-area .sell {
              font-size: 2.9333333vw; } }
        .product .sec-product .inner .content .slider-area .add-image-n08, 
        .product .sec-product .inner .content .slider-area .add-image-n08-en 
        {
          position: absolute;
          z-index: 5000;
          top: 34.5%;
          left: 59%;
          width: auto;
          margin: 0; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .slider-area .add-image-n08, 
            .product .sec-product .inner .content .slider-area .add-image-n08-en 
            {
              position: static;
              margin: -30px auto 60px;
              padding: 0; } }
        .product .sec-product .inner .content .slider-area .add-image-n08-en {
          top: 36%;
        }
        @media only screen and (max-width: 767px) {
          .product .sec-product .inner .content .slider-area .add-image-n08-en {
            position: static;
            margin: -45px auto 60px;
            padding: 0;
          }
        }
        .product .sec-product .inner .content .slider-area .swiper-container {
          width: 100%;
          max-width: 896px;
          height: auto;
          margin: auto;
          /* メインスライダー */
          /* サムネイル */ }
          .product .sec-product .inner .content .slider-area .swiper-container img {
            width: 100%; }
          .product .sec-product .inner .content .slider-area .swiper-container.slider08-en {
            height: 600px;
          }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .slider-area .swiper-container.slider08-en {
              height: auto;
            }
          }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .slider-area .swiper-container {
              max-width: 100%; } }
          .product .sec-product .inner .content .slider-area .swiper-container.slider {
            margin: 0 auto 20px; }
            .product .sec-product .inner .content .slider-area .swiper-container.slider.slider01, .product .sec-product .inner .content .slider-area .swiper-container.slider.slider07 {
              margin: 0 auto -30px; }
            @media only screen and (max-width: 767px) {
              .product .sec-product .inner .content .slider-area .swiper-container.slider {
                margin: 0 auto 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider.slider01, .product .sec-product .inner .content .slider-area .swiper-container.slider.slider07 {
                  margin: 0 auto 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider.slider03 {
                  margin: 30px auto 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider.slider04 {
                  margin: 20px auto 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider.slider05 {
                  margin: 20px auto 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider.slider08 {
                  margin: 20px auto 35px; } }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-button-next,
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-button-prev {
              display: none; }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide {
              position: relative;
              background-color: #fff; }

@keyframes fromleft {
  0% {
    left: 100%;
    opacity: 0; }
  100% {
    left: 60%;
    opacity: 1; } }

@keyframes fromRight {
  0% {
    left: 100%;
    opacity: 0; }
  100% {
    left: 60%;
    opacity: 1; } }

@keyframes fromRight2 {
  0% {
    left: 100%;
    opacity: 0; }
  100% {
    left: 60%;
    opacity: 1; } }

            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image {
              width: 60%;
              max-width: 540px;
              background-color: #fff; }
              .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image img {
                width: 100%; }
              @media only screen and (max-width: 767px) {
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image {
                  width: 100%;
                  max-width: 100%; } }
            @media only screen and (max-width: 767px) {
              .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content {
                margin-top: 160px;
                margin-bottom: 30px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.rows {
                  margin-top: 280px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content01 {
                  margin-top: 100px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content07 {
                  margin-top: 150px; } }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 {
              width: 100%;
              position: absolute;
              top: 0%;
              left: 60%;
              color: #333;
              /*font-family: 'Noto Serif JP', serif;*/
              font-size: 20px;
              font-weight: normal;
              letter-spacing: 0.05em; }
              .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 .sell {
                display: block;
                font-size: 11px;
                text-align: left; }
              @media only screen and (max-width: 767px) {
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 {
                  width: 100%;
                  position: static;
                  display: inline;
                  margin: auto;
                  padding-bottom: 4px;
                  font-size: 4.2666666vw;
                  text-align: center !important;
                  border-bottom: 1px solid #333; }
                  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 .sell {
                    padding-bottom: 6px;
                    font-size: 3.2vw;
                    border-bottom: none; } }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p,
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
              width: 100%;
              height: auto;
              position: absolute;
              top: 6%;
              left: 60%;
              color: #333;
              font-size: 14px;
              line-height: 1.7; }
              .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial,
              .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
                margin-top: 5px;
                margin-bottom: 30px;
                /*&::after{
                content:"";
                display: block;
                width:40px;
                height:1px;
                background-color: #333;
                margin-top:55px;
              }*/ }
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial span,
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial span {
                  display: block;
                  margin-top: 20px;
                  margin-bottom: 20px; }
              @media only screen and (max-width: 767px) {
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p,
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
                  position: static;
                  margin-top: 10px;
                  margin-left: 0;
                  font-size: 3.4666666vw;
                  line-height: 2;
                  letter-spacing: 0.1em; }
                  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial,
                  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
                    margin-top: 15px;
                    margin-bottom: 0;
                    /*&::after{
                  content:"";
                  width:20px;
                  margin-top:30px;
                }*/ }
                    .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial span,
                    .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial span {
                      margin-top: 0px;
                      margin-bottom: 0px; } }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
              top: 11.5%; }
              .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
                margin-bottom: 35px; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial::after {
                  margin-top: 45px; }
            .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5 {
              width: 100%;
              height: auto;
              font-size: 14px;
              font-weight: normal;
              position: absolute;
              top: 45%;
              left: 60%;
              color: #333;
              line-height: 2;
              /*&::before{
              content:"";
              display: block;
              width:40px;
              height:1px;
              background-color: #333;
              margin-bottom:30px;
            }*/ }
              @media only screen and (max-width: 767px) {
                .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5 {
                  position: static;
                  font-size: 3.4666666vw;
                  margin-top: 25px;
                  margin-left: 0;
                  letter-spacing: 0.15em; }
                  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5::before {
                    content: "";
                    width: 20px;
                    margin-top: 30px; } }
          .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail {
            margin: 0 auto 50px; }
            .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8 {
              margin: 50px auto 50px; }
            .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail img {
              width: 100%; }
            @media only screen and (max-width: 767px) {
              .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail {
                position: absolute;
                top: 45%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.rows {
                  top: 37%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail1 {
                  top: 35%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail5 {
                  top: 40%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail6 {
                  top: 38%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail7 {
                  top: 35%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8 {
                  top: 30%; } }
            .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap; }
              .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
                display: block;
                width: 25%;
                max-width: 116px;
                height: 116px;
                margin-right: 34px;
                margin-bottom: 34px;
                opacity: 1;
                overflow: hidden;
                cursor: pointer;
                transition: all .4s;
                opacity: 1;
                background-color: #fff;
                border: 1px solid white; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide img {
                  width: 100%; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
                  margin-right: 30%; }
                  @media only screen and (max-width: 970px) {
                    .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
                      margin-right: 20%; } }
                  @media only screen and (max-width: 860px) {
                    .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
                      margin-right: 10%; } }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:hover {
                  border: 1px solid rgba(51, 51, 51, 0.4);
                  opacity: 0.6; }
                .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
                  border: 1px solid #333;
                  opacity: 1; }
                @media only screen and (max-width: 767px) {
                  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
                    display: block;
                    width: 22%;
                    max-width: 22%;
                    height: 22%;
                    margin-right: 3.8%;
                    margin-bottom: 3.8%; }
                    .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
                      margin-right: 0; }
                    .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
                      border: 1px solid #333;
                      opacity: 1; } }
      .product .sec-product .inner .content .btn-area {
        width: 100%;
        max-width: 896px;
        margin: auto;
        margin-bottom: 135px; }
        @media only screen and (max-width: 767px) {
          .product .sec-product .inner .content .btn-area {
            max-width: 100%;
            margin-bottom: 65px;
            padding: 0; } }
        .product .sec-product .inner .content .btn-area .box {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .product .sec-product .inner .content .btn-area .box {
              flex-wrap: wrap; } }
          .product .sec-product .inner .content .btn-area .box li {
            display: block;
            margin-right: 10px;
            width: 24%;
            max-width: 212px;
            height: 70px;
            transition: all .4s;
            border: 1px solid #333; }
            .product .sec-product .inner .content .btn-area .box li a {
              height: 70px;
              color: #000;
              display: flex;
              justify-content: center;
              flex-direction: column;
              align-items: center;
              transition: all .4s; }
            .product .sec-product .inner .content .btn-area .box li .link {
              font-size: 14px;
              text-align: center; }
            .product .sec-product .inner .content .btn-area .box li .icon3 {
              width: 25px;
              margin: 0 auto 5px; }
            .product .sec-product .inner .content .btn-area .box li .iconD {
              width: 22px;
              margin: 0 auto 15px; }
            .product .sec-product .inner .content .btn-area .box li .iconC {
              width: 29px;
              margin: 0 auto 8px; }
            .product .sec-product .inner .content .btn-area .box li:hover {
              background-color: #ddd; }
            .product .sec-product .inner .content .btn-area .box li:last-child {
              margin-right: 0; }
            @media only screen and (max-width: 767px) {
              .product .sec-product .inner .content .btn-area .box li {
                display: block;
                margin-right: 2%;
                margin-bottom: 2%;
                width: 49%;
                max-width: 100%;
                height: 54px; }
                .product .sec-product .inner .content .btn-area .box li a {
                  height: 54px;
                  color: #000;
                  display: flex;
                  justify-content: center;
                  flex-direction: column;
                  align-items: center; }
                .product .sec-product .inner .content .btn-area .box li .link {
                  font-size: 2.9333333vw; }
                .product .sec-product .inner .content .btn-area .box li .icon3 {
                  width: 20px;
                  margin: 0 auto 2px; }
                .product .sec-product .inner .content .btn-area .box li .iconD {
                  width: 19px;
                  margin: 0 auto 5px; }
                .product .sec-product .inner .content .btn-area .box li .iconC {
                  width: 24px;
                  margin: 0 auto 3px; }
                .product .sec-product .inner .content .btn-area .box li:nth-child(even) {
                  margin-right: 0; } }

/* /sec-product */
/* PRODUCT-SUB */
.product .sec-subimage {
  width: 87.5%;
  margin: 0 auto 85px;
  margin-right: 12.5%; }
  .product .sec-subimage img {
    width: 100%; }
  .product .sec-subimage .inner {
    width: 100%; }
    .product .sec-subimage .inner .sub {
      width: 100%;
      display: flex;
      flex-direction: column; }
  @media only screen and (max-width: 767px) {
    .product .sec-subimage {
      width: 100%;
      margin: 0 auto 65px;
      margin-right: 0; } }

/* PRODUCT-ELEMENT */
.product .sec-element {
  width: 87.5%;
  margin: 0 auto;
  margin-right: 12.5%; }
  @media only screen and (max-width: 767px) {
    .product .sec-element {
      width: 100%;
      margin-right: 100%; } }
  .product .sec-element .inner {
    width: 100%;
    margin: auto;
    max-width: 896px;
    margin: auto;
    padding: 0 10px;
    /* /.box-XX */ }
    @media only screen and (max-width: 767px) {
      .product .sec-element .inner {
        max-width: 100%;
        padding: 0 5%; } }
    .product .sec-element .inner .txt-icon {
      width: 260px;
      padding-bottom: 10px;
      margin: 0 auto 30px;
      /*border-bottom: 1px solid #333; */
    }
      @media only screen and (max-width: 767px) {
        .product .sec-element .inner .txt-icon {
          /*width: 25.9%;*/
          max-width: 195px;
          margin: 0 auto 25px; }
      }
    .product .sec-element .inner .box-wood,
    .product .sec-element .inner .box-steel,
    .product .sec-element .inner .box-igusa {
      margin: auto;
      margin-bottom: 90px;
      text-align: left;
      /* /.wood,.steel */
      /* /.igusa */ }
      @media only screen and (max-width: 767px) {
        .product .sec-element .inner .box-wood,
        .product .sec-element .inner .box-steel,
        .product .sec-element .inner .box-igusa {
          margin-bottom: 50px; } }
      .product .sec-element .inner .box-wood .element-name,
      .product .sec-element .inner .box-steel .element-name,
      .product .sec-element .inner .box-igusa .element-name {
        width: 79px;
        margin-left: 0;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .product .sec-element .inner .box-wood .element-name,
          .product .sec-element .inner .box-steel .element-name,
          .product .sec-element .inner .box-igusa .element-name {
            width: 14%;
            margin-bottom: 12px; } }
      .product .sec-element .inner .box-wood .box-steel .element-name,
      .product .sec-element .inner .box-steel .box-steel .element-name,
      .product .sec-element .inner .box-igusa .box-steel .element-name {
        width: 82px; }
        @media only screen and (max-width: 767px) {
          .product .sec-element .inner .box-wood .box-steel .element-name,
          .product .sec-element .inner .box-steel .box-steel .element-name,
          .product .sec-element .inner .box-igusa .box-steel .element-name {
            width: 14%; } }
      .product .sec-element .inner .box-wood .wood,
      .product .sec-element .inner .box-wood .steel,
      .product .sec-element .inner .box-steel .wood,
      .product .sec-element .inner .box-steel .steel,
      .product .sec-element .inner .box-igusa .wood,
      .product .sec-element .inner .box-igusa .steel {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          .product .sec-element .inner .box-wood .wood,
          .product .sec-element .inner .box-wood .steel,
          .product .sec-element .inner .box-steel .wood,
          .product .sec-element .inner .box-steel .steel,
          .product .sec-element .inner .box-igusa .wood,
          .product .sec-element .inner .box-igusa .steel {
            flex-wrap: wrap; } }
        .product .sec-element .inner .box-wood .wood li,
        .product .sec-element .inner .box-wood .steel li,
        .product .sec-element .inner .box-steel .wood li,
        .product .sec-element .inner .box-steel .steel li,
        .product .sec-element .inner .box-igusa .wood li,
        .product .sec-element .inner .box-igusa .steel li {
          width: 13.5%;
          margin-right: 0.915%; }
          .product .sec-element .inner .box-wood .wood li.last,
          .product .sec-element .inner .box-wood .steel li.last,
          .product .sec-element .inner .box-steel .wood li.last,
          .product .sec-element .inner .box-steel .steel li.last,
          .product .sec-element .inner .box-igusa .wood li.last,
          .product .sec-element .inner .box-igusa .steel li.last {
            margin-right: 0; }
          .product .sec-element .inner .box-wood .wood li span,
          .product .sec-element .inner .box-wood .steel li span,
          .product .sec-element .inner .box-steel .wood li span,
          .product .sec-element .inner .box-steel .steel li span,
          .product .sec-element .inner .box-igusa .wood li span,
          .product .sec-element .inner .box-igusa .steel li span {
            display: block;
            margin-top: 3px;
            font-size: 12px;
            color: #333; }
          .product .sec-element .inner .box-wood .wood li img,
          .product .sec-element .inner .box-wood .steel li img,
          .product .sec-element .inner .box-steel .wood li img,
          .product .sec-element .inner .box-steel .steel li img,
          .product .sec-element .inner .box-igusa .wood li img,
          .product .sec-element .inner .box-igusa .steel li img {
            width: 100%; }
          @media only screen and (max-width: 767px) {
            .product .sec-element .inner .box-wood .wood li,
            .product .sec-element .inner .box-wood .steel li,
            .product .sec-element .inner .box-steel .wood li,
            .product .sec-element .inner .box-steel .steel li,
            .product .sec-element .inner .box-igusa .wood li,
            .product .sec-element .inner .box-igusa .steel li {
              width: 31%;
              margin-right: 3.5%;
              margin-bottom: 7%; }
              .product .sec-element .inner .box-wood .wood li:nth-child(3n),
              .product .sec-element .inner .box-wood .steel li:nth-child(3n),
              .product .sec-element .inner .box-steel .wood li:nth-child(3n),
              .product .sec-element .inner .box-steel .steel li:nth-child(3n),
              .product .sec-element .inner .box-igusa .wood li:nth-child(3n),
              .product .sec-element .inner .box-igusa .steel li:nth-child(3n) {
                margin-right: 0; }
              .product .sec-element .inner .box-wood .wood li span,
              .product .sec-element .inner .box-wood .steel li span,
              .product .sec-element .inner .box-steel .wood li span,
              .product .sec-element .inner .box-steel .steel li span,
              .product .sec-element .inner .box-igusa .wood li span,
              .product .sec-element .inner .box-igusa .steel li span {
                margin-top: 2px;
                font-size: 2.933333vw;
                text-align: left; }
                .product .sec-element .inner .box-wood .wood li span.slender,
                .product .sec-element .inner .box-wood .steel li span.slender,
                .product .sec-element .inner .box-steel .wood li span.slender,
                .product .sec-element .inner .box-steel .steel li span.slender,
                .product .sec-element .inner .box-igusa .wood li span.slender,
                .product .sec-element .inner .box-igusa .steel li span.slender {
                  font-size: 2.666666vw; } }
      .product .sec-element .inner .box-wood .igusa,
      .product .sec-element .inner .box-steel .igusa,
      .product .sec-element .inner .box-igusa .igusa {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap; }
        @media only screen and (max-width: 767px) {
          .product .sec-element .inner .box-wood .igusa,
          .product .sec-element .inner .box-steel .igusa,
          .product .sec-element .inner .box-igusa .igusa {
            flex-direction: column; } }
        .product .sec-element .inner .box-wood .igusa .box,
        .product .sec-element .inner .box-steel .igusa .box,
        .product .sec-element .inner .box-igusa .igusa .box {
          width: 31.47%;
          max-width: 282px;
          margin-right: 2.79%;
          margin-bottom: 50px; }
          .product .sec-element .inner .box-wood .igusa .box:nth-child(3n),
          .product .sec-element .inner .box-steel .igusa .box:nth-child(3n),
          .product .sec-element .inner .box-igusa .igusa .box:nth-child(3n) {
            margin-right: 0; }
          @media only screen and (max-width: 767px) {
            .product .sec-element .inner .box-wood .igusa .box,
            .product .sec-element .inner .box-steel .igusa .box,
            .product .sec-element .inner .box-igusa .igusa .box {
              width: 100%;
              max-width: 100%;
              margin-right: 0;
              margin-bottom: 35px; } }
          .product .sec-element .inner .box-wood .igusa .box .image,
          .product .sec-element .inner .box-wood .igusa .box .subimage,
          .product .sec-element .inner .box-steel .igusa .box .image,
          .product .sec-element .inner .box-steel .igusa .box .subimage,
          .product .sec-element .inner .box-igusa .igusa .box .image,
          .product .sec-element .inner .box-igusa .igusa .box .subimage {
            position: relative;
            width: 100%; }
            .product .sec-element .inner .box-wood .igusa .box .image img,
            .product .sec-element .inner .box-wood .igusa .box .subimage img,
            .product .sec-element .inner .box-steel .igusa .box .image img,
            .product .sec-element .inner .box-steel .igusa .box .subimage img,
            .product .sec-element .inner .box-igusa .igusa .box .image img,
            .product .sec-element .inner .box-igusa .igusa .box .subimage img {
              width: 100%; }
            .product .sec-element .inner .box-wood .igusa .box .image figcaption,
            .product .sec-element .inner .box-wood .igusa .box .subimage figcaption,
            .product .sec-element .inner .box-steel .igusa .box .image figcaption,
            .product .sec-element .inner .box-steel .igusa .box .subimage figcaption,
            .product .sec-element .inner .box-igusa .igusa .box .image figcaption,
            .product .sec-element .inner .box-igusa .igusa .box .subimage figcaption {
              position: absolute;
              color: #fff;
              font-size: 13px;
              bottom: 3px;
              right: 3px; }
              @media only screen and (max-width: 767px) {
                .product .sec-element .inner .box-wood .igusa .box .image figcaption,
                .product .sec-element .inner .box-wood .igusa .box .subimage figcaption,
                .product .sec-element .inner .box-steel .igusa .box .image figcaption,
                .product .sec-element .inner .box-steel .igusa .box .subimage figcaption,
                .product .sec-element .inner .box-igusa .igusa .box .image figcaption,
                .product .sec-element .inner .box-igusa .igusa .box .subimage figcaption {
                  font-size: 3.2vw;
                  bottom: 8px;
                  right: 12px; } }
          .product .sec-element .inner .box-wood .igusa .box .subimage,
          .product .sec-element .inner .box-steel .igusa .box .subimage,
          .product .sec-element .inner .box-igusa .igusa .box .subimage {
            margin-top: 5px; }
          .product .sec-element .inner .box-wood .igusa .box .text,
          .product .sec-element .inner .box-steel .igusa .box .text,
          .product .sec-element .inner .box-igusa .igusa .box .text {
            margin-top: 5px;
            font-size: 11px;
            color: #333;
            line-height: 1.75; }
            .product .sec-element .inner .box-wood .igusa .box .text .narrow,
            .product .sec-element .inner .box-steel .igusa .box .text .narrow,
            .product .sec-element .inner .box-igusa .igusa .box .text .narrow {
              font-size: 10px; }
            @media only screen and (max-width: 767px) {
              .product .sec-element .inner .box-wood .igusa .box .text,
              .product .sec-element .inner .box-steel .igusa .box .text,
              .product .sec-element .inner .box-igusa .igusa .box .text {
                font-size: 3.2vw; }
                .product .sec-element .inner .box-wood .igusa .box .text .narrow,
                .product .sec-element .inner .box-steel .igusa .box .text .narrow,
                .product .sec-element .inner .box-igusa .igusa .box .text .narrow {
                  font-size: 3.2vw; } }

/* /.sec-element */
/* CSS Document */
/*
html,body {
  width: 100%;
  overflow-x: hidden;
}*/
/* HEADER */
.concept .header .en-jp {
  position: absolute;
  z-index: 9000;
  width: 60px;
  right: 70px;
  top: 19px; }
  @media only screen and (max-width: 767px) {
    .concept .header .en-jp {
      width: 45px;
      top: 15px;
      right: 45px; } }

.concept {
  overflow-x: hidden; }
  @media only screen and (max-width: 767px) {
    .concept .sp_none {
      display: none; } }
  @media (min-width: 767px) {
    .concept .pc_none {
      display: none; } }
  .concept__hero {
    width: 100%;
    position: relative;
    background: url("../img/concept/img_hero.jpg") no-repeat top center/cover; }
    @media only screen and (max-width: 767px) {
      .concept__hero {
        background: url("../img/concept/img_hero_sp.jpg") no-repeat top center/cover; } }
    .concept__hero #js-dot {
      width: 100%;
      height: 100%; }
    .concept__hero__title {
      width: 21.875%;
      position: absolute;
      padding-top: 22.5%;
      left: 120px; }
      @media only screen and (max-width: 767px) {
        .concept__hero__title {
          width: 38.066667%;
          padding-top: 17%;
          left: 0;
          right: 0;
          margin: auto; } }
      @media (min-width: 767px) {
        .concept__hero__title.pc_none {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .concept__hero__title.sp_none {
          display: none; } }
    .concept__hero__item {
      width: 655px;
      padding-top: 66.03125%;
      padding-bottom: 16.79688%;
      padding-right: 64px;
      font-size: 13px;
      letter-spacing: .2em;
      line-height: 3.47222;
      color: #fff; }
      .concept__hero__item__wrap {
        display: flex;
        justify-content: flex-end; }
      .concept__hero__item.en {
        font-size: 13px;
        letter-spacing: 0;
        font-weight: normal; }
        @media only screen and (max-width: 767px) {
          .concept__hero__item.en {
            font-size: 12.25px; } }
      @media only screen and (max-width: 767px) {
        .concept__hero__item {
          font-size: 12.5px;
          letter-spacing: .05em;
          padding: 120% 30px 76px;
          line-height: 3.5;
          width: auto; } }
      .concept__hero__item__title {
        margin: 55px 0 20px;
        font-size: 18px;
        letter-spacing: .37em; }
        @media only screen and (max-width: 767px) {
          .concept__hero__item__title {
            font-size: 20px;
            margin-top: 0;
            text-align: center;
            margin-bottom: 40px; } }
        .concept__hero__item__title.en {
          font-size: 20px;
          letter-spacing: 0;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .concept__hero__item__title.en {
              font-size: 17px; } }
  .concept__look {
    position: relative;
    color: #fff;
    padding-bottom: 380px;
    background: #171815; }
    @media only screen and (max-width: 767px) {
      .concept__look {
        padding-top: 77px;
        padding-bottom: 77px; } }
    .concept__look__title {
      width: 32.8125%;
      position: absolute;
      top: 147px;
      left: 84px; }
      @media only screen and (max-width: 767px) {
        .concept__look__title {
          width: 221px;
          position: static;
          margin: 0 auto 118px; } }
      @media (min-width: 767px) {
        .concept__look__title.pc_none {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .concept__look__title.sp_none {
          display: none; } }
    .concept__look__item {
      font-size: 13px;
      line-height: 2.479484546723819;
      letter-spacing: .2em;
      max-width: 390px;
      margin-left: auto;
      margin-right: 7.5%; }
      .concept__look__item.en {
        font-size: 13px;
        letter-spacing: 0; }
        @media only screen and (max-width: 767px) {
          .concept__look__item.en {
            font-size: 12.25px; } }
      .concept__look__item__wrap {
        padding-top: 63.4%; }
        @media only screen and (max-width: 767px) {
          .concept__look__item__wrap {
            padding: 0 0 0 10%; } }
      @media only screen and (max-width: 767px) {
        .concept__look__item {
          padding-left: 0;
          font-size: 12.25px;
          line-height: 3;
          letter-spacing: .05em;
          max-width: 100%; } }
    .concept__look__textimg {
      width: 390px;
      position: absolute;
      bottom: 132px;
      right: 7.5%; }
      @media only screen and (max-width: 767px) {
        .concept__look__textimg {
          width: 286px;
          position: static;
          margin-top: 26px; }
          .concept__look__textimg.en {
            margin-top: 45px; } }
  .concept__into {
    padding-top: 154px; }
    @media only screen and (max-width: 767px) {
      .concept__into {
        padding-top: 66px; } }
    .concept__into__items {
      display: flex; }
      @media only screen and (max-width: 767px) {
        .concept__into__items {
          flex-direction: column; } }
    .concept__into__item {
      flex: 1 1 33.33%; }
      .concept__into__item__img {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        .concept__into__item {
          margin-bottom: 40px; }
          .concept__into__item:nth-of-type(2n) {
            text-align: right; }
          .concept__into__item__img {
            width: 79.2%; } }
      .concept__into__item__text {
        display: flex;
        margin-top: 27px; }
        .concept__into__item__text01 {
          width: 9.6%;
          margin-left: 70px; }
          @media only screen and (max-width: 767px) {
            .concept__into__item__text01 {
              width: 7.6%;
              margin-left: 13%; }
              .concept__into__item__text01.pursit {
                margin-left: 34%; } }
        .concept__into__item__text02 {
          width: 52%;
          margin: 84px 0 0 33px; }
          @media only screen and (max-width: 767px) {
            .concept__into__item__text02 {
              width: 59%;
              margin: 54px 0 0 6%; } }
        .concept__into__item__text03 {
          width: 25%;
          margin: 84px 0 0 24px; }
          @media only screen and (max-width: 767px) {
            .concept__into__item__text03 {
              width: 30%;
              margin: 48px 0 0 6%; } }
        .concept__into__item__text04 {
          width: 35%;
          margin: 84px 0 0 33px; }
          @media only screen and (max-width: 767px) {
            .concept__into__item__text04 {
              width: 42%;
              margin: 51px 0 0 9%; } }
  .concept__farm {
    overflow: hidden;
    background: url("../img/concept/bg_concept_farm.jpg") no-repeat bottom center/100%;
    padding-bottom: 70px; }
    @media only screen and (max-width: 767px) {
      .concept__farm {
        padding-bottom: 41px;
        background: url("../img/concept/bg_concept_farm_sp.jpg") no-repeat bottom -220px center/cover; } }
  .concept__now {
    overflow: hidden;
    position: relative;
    margin: 344px 14.0625% 0; }
    @media only screen and (max-width: 767px) {
      .concept__now {
        margin: 80px 0 0 0; } }
    .concept__now__text01 {
      float: left;
      width: 4%; }
      @media only screen and (max-width: 767px) {
        .concept__now__text01 {
          float: none;
          width: 7.5%;
          margin: auto; } }
    .concept__now__text02 {
      width: 34%;
      position: absolute;
      left: 11.5%; }
      @media only screen and (max-width: 767px) {
        .concept__now__text02 {
          position: static;
          width: 63%;
          margin: 20px auto 78px; } }
    .concept__now__img01 {
      float: right;
      width: 70%; }
      @media only screen and (max-width: 767px) {
        .concept__now__img01 {
          float: none;
          width: 87%;
          margin: 0 6%; } }
    .concept__now__text {
      color: #fff;
      font-size: 13px;
      line-height: 46px;
      letter-spacing: 0.15em;
      float: right;
      margin: 500px 90px 0 auto; }
      .concept__now__text.en {
        font-size: 13px;
        letter-spacing: 0;
        max-width: 603px; }
        @media only screen and (max-width: 767px) {
          .concept__now__text.en {
            font-size: 12.25px; } }
      @media only screen and (max-width: 767px) {
        .concept__now__text {
          float: none;
          margin: 76px 9% 0;
          font-size: 12.25px;
          line-height: 3; } }
  .concept__4 {
    max-width: 53%;
    margin-left: auto;
    margin-right: 12.734375%;
    margin-top: 88px; }
    @media only screen and (max-width: 767px) {
      .concept__4 {
        max-width: 90.5%;
        margin: 40px auto 0; } }
    @media (min-width: 767px) {
      .concept__4 .pc_none {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .concept__4 .sp_none {
        display: none; } }
  .concept__event {
    padding-bottom: 250px; }
    .concept__event__title {
      width: 93px;
      margin: 190px auto 22px; }
    .concept__event__items {
      display: flex;
      margin: 0 38px;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .concept__event__items {
          flex-direction: column; } }
    .concept__event__item {
      width: 32%; }
      @media only screen and (max-width: 767px) {
        .concept__event__item {
          width: 100%; }
          .concept__event__item:not(:last-child) {
            margin-bottom: 32.5px; } }
      .concept__event__item img {
        width: 100%; }

.dot {
  width: 4px;
  height: 4px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 0px 10px 2px #fff;
  border-radius: 20px;
  z-index: 2; }

.look {
  width: 100%;
  background-color: #171717;
  color: #000;
  line-height: 1.6;
  position: relative; }

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw; }

.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden; }

.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: run 7s 0s infinite;
  animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }

.lines .line:nth-child(1) {
  margin-left: -25%; }

.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.lines .line:nth-child(3) {
  margin-left: 25%; }

.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s; }

@-webkit-keyframes run {
  0% {
    top: -50%; }
  100% {
    top: 110%; } }

@keyframes run {
  0% {
    top: -50%; }
  100% {
    top: 110%; } }

/* ------------------------------------------------- *
 *  ＠PRODUCT
 * ------------------------------------------------- */
/*　共通　*/
.product .header .en-jp {
  position: absolute;
  z-index: 9000;
  width: 60px;
  right: 70px;
  top: 19px;
}

@media only screen and (max-width: 767px) {
  .product .header .en-jp {
    width: 45px;
    top: 15px;
    right: 45px;
  }
}

body.product {
  background: -webkit-gradient(linear, right top, left top, from(#000), color-stop(12.5%, #000), color-stop(0%, #fff), color-stop(12.5%, #fff));
  background: linear-gradient(-90deg, #000 0%, #000 12.5%, #fff 0%, #fff 12.5%);
}

@media only screen and (max-width: 767px) {
  body.product {
    background: #fff;
  }
}

.product .whole {
  height: 100%;
  margin-bottom: 90px;
  border-bottom: 1px solid #d3d6d9;
}

@media only screen and (max-width: 767px) {
  .product .whole {
    margin-bottom: 45px;
  }
}

/* PRODUCT-MV */
.product .sec-mv {
  width: 100%;
  height: 100%;
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv {
    margin-top: 45px;
  }
}

.product .sec-mv img {
  width: 100%;
}

.product .sec-mv .inner {
  position: relative;
  margin: auto;
  /* .title-box */
  /* 現在のスライドのスタイル */
}

.product .sec-mv .inner .title-box {
  position: relative;
  z-index: 200;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .title-box {
    position: fixed;
    z-index: 5000;
    top: 45px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #000;
  }
}

.product .sec-mv .inner .title-box .control {
  position: fixed;
  height: 100%;
  top: 60px;
  right: 0;
  width: 12.5%;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .title-box .control {
    width: 100%;
    height: 50px;
    display: block;
  }
}

.product .sec-mv .inner .title-box .control .sp-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}

.product .sec-mv .inner .title-box .control .title {
  display: block;
  width: 27%;
  margin: 35px auto 70px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .title-box .control .title {
    width: auto;
    max-width: 58%;
    margin: auto;
  }
  .product .sec-mv .inner .title-box .control .title.n01 {
    width: 50.3%;
    max-width: 188px;
  }
  .product .sec-mv .inner .title-box .control .title.n02 {
    width: 38.1%;
    max-width: 143px;
  }
  .product .sec-mv .inner .title-box .control .title.n03 {
    width: 51.2%;
    max-width: 192px;
  }
  .product .sec-mv .inner .title-box .control .title.n04 {
    width: 57.1%;
    max-width: 200px;
  }
  .product .sec-mv .inner .title-box .control .title.n05 {
    width: 48%;
    max-width: 180px;
  }
  .product .sec-mv .inner .title-box .control .title.n06 {
    width: 48.8%;
    max-width: 183px;
  }
  .product .sec-mv .inner .title-box .control .title.n07 {
    width: 50.9%;
    max-width: 191px;
  }
  .product .sec-mv .inner .title-box .control .title.n08 {
    width: 53.6%;
    max-width: 201px;
  }
}

.product .sec-mv .inner .title-box .control .pages {
  width: 80%;
  max-width: 159px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .title-box .control .pages {
    display: none;
  }
}

.product .sec-mv .inner .title-box .control .pages li {
  width: 26px;
}

.product .sec-mv .inner .title-box .control .pages li a {
  display: block;
}

.product .sec-mv .inner .title-box .control .pages li span {
  margin: 20px 0 0 auto;
  display: block;
  width: 17px;
  margin-right: 0;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .title-box .control .pages li span {
    width: 14px;
  }
}

.product .sec-mv .inner .title-box .control .pages li:last-child span {
  margin: 20px auto 0 0;
  margin-left: 0;
  text-align: left;
}

@media only screen and (max-width: 1280px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 80%;
  }
}

@media only screen and (max-width: 1200px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 75%;
  }
}

@media only screen and (max-width: 1140px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 70%;
  }
}

@media only screen and (max-width: 1080px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 65%;
  }
}

@media only screen and (max-width: 1000px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 60%;
  }
}

@media only screen and (max-width: 920px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 55%;
  }
}

@media only screen and (max-width: 860px) {
  .product .sec-mv .inner .title-box .control .pages {
    top: 50%;
  }
}

.product .sec-mv .inner .title-box .control .arrow_pre,
.product .sec-mv .inner .title-box .control .arrow_next {
  width: 10px;
}

.product .sec-mv .inner .title-box .control .arrow_pre {
  margin-left: 4%;
}

.product .sec-mv .inner .title-box .control .arrow_next {
  margin-right: 4%;
}

.product .sec-mv .inner .swiper-container {
  margin-right: 12.5%;
  padding-bottom: 50px;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .swiper-container {
    width: 100%;
    height: auto;
    margin-top: 95px;
    margin-right: 0;
    padding-bottom: 40px;
  }
}

.product .sec-mv .inner .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin: 0 22px;
  border-radius: 50%;
  border: 2px solid #444;
  background-color: #fff;
  opacity: 1;
}

.product .sec-mv .inner .swiper-pagination-bullet:hover {
  background-color: #111;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 16px;
  }
}

.product .sec-mv .inner .swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  margin: 0 22px;
  background: #333;
  border: 2px solid #333;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .product .sec-mv .inner .swiper-pagination-bullet-active {
    width: 9px;
    height: 9px;
    margin: 0 16px;
  }
}

/* PRODUCT */
.product .sec-product {
  width: 100%;
  margin-top: 40px;
  margin-right: 12.5%;
}

@media only screen and (max-width: 767px) {
  .product .sec-product {
    margin: auto;
    margin-top: 70px;
    margin-right: 0;
  }
}

.product .sec-product .inner {
  width: 87.5%;
  padding: 0 10px;
  /* /.content */
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner {
    width: 100%;
    padding: 0 5%;
  }
}

.product .sec-product .inner .content {
  width: 100%;
  max-width: 896px;
  margin: auto;
  /* SLIDER-AREA */
  /*.sell{
        margin:-30px auto 50px;
        font-size:12px;
        text-align:left;
      }*/
  /* BUTTON-AREA */
  /* /.btn-area */
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content {
    max-width: 100%;
  }
}

.product .sec-product .inner .content .name {
  margin: 0 auto 30px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name {
    margin: 0 auto 15px;
  }
}

.product .sec-product .inner .content .name.n01 {
  width: 123px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n01 {
    width: 21.3%;
    max-width: 160px;
  }
}

.product .sec-product .inner .content .name.n01-en {
  width: 307px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n01-en {
    width: 53.8%;
    max-width: 202px;
  }
}

.product .sec-product .inner .content .name.n02 {
  width: 73px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n02 {
    width: 12.4%;
    max-width: 93px;
  }
}

.product .sec-product .inner .content .name.n02-en {
  width: 199px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n02-en {
    width: 35.3%;
    max-width: 265px;
  }
}

.product .sec-product .inner .content .name.n03 {
  width: 174px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n03 {
    width: 29.7%;
    max-width: 223px;
  }
}

.product .sec-product .inner .content .name.n03-en {
  width: 235px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n03-en {
    width: 41.6%;
    max-width: 156px;
  }
}

.product .sec-product .inner .content .name.n04 {
  width: 23px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n04 {
    width: 4%;
    max-width: 30px;
  }
}

.product .sec-product .inner .content .name.n04-en {
  width: 185px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n04-en {
    width: 31.7%;
    max-width: 238px;
  }
}

.product .sec-product .inner .content .name.n05 {
  width: 220px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n05 {
    width: 35%;
    max-width: 197px;
  }
}

.product .sec-product .inner .content .name.n05-en {
  width: 303px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n05-en {
    width: 53.3%;
    max-width: 200px;
  }
}

.product .sec-product .inner .content .name.n06 {
  width: 72px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n06 {
    width: 12.4%;
    max-width: 93px;
  }
}

.product .sec-product .inner .content .name.n06-en {
  width: 140px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n06-en {
    width: 25.3%;
    max-width: 90px;
  }
}

.product .sec-product .inner .content .name.n07 {
  width: 73px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n07 {
    width: 12.5%;
    max-width: 94px;
  }
}

.product .sec-product .inner .content .name.n07-en {
  width: 104px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n07-en {
    width: 19.2%;
    max-width: 72px;
  }
}

.product .sec-product .inner .content .name.n08 {
  width: 73px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n08 {
    width: 12.5%;
    max-width: 94px;
  }
}

.product .sec-product .inner .content .name.n08-en {
  width: 173px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .name.n08-en {
    width: 30.6%;
    max-width: 115px;
  }
}

.product .sec-product .inner .content .text {
  margin: 0 auto 90px;
  color: #333;
  font-family: "Noto Serif JP", serif !important;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.3em;
  -webkit-transform: scale(0.9, 1);
          transform: scale(0.9, 1);
}

.product .sec-product .inner .content .text.en {
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .text {
    margin: 0 auto;
    font-size: 3.2vw;
    letter-spacing: 0.25em;
  }
}

.product .sec-product .inner .content .slider-area {
  position: relative;
  /* ADD-IMAGE */
  /* /.swiper-container */
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area {
    width: 100%;
    height: auto;
    position: relative;
  }
  .product .sec-product .inner .content .slider-area .sell {
    font-size: 2.9333333vw;
  }
}

.product .sec-product .inner .content .slider-area .add-image-n08 {
  position: absolute;
  z-index: 5000;
  top: 34.5%;
  left: 59%;
  width: auto;
  margin: 0 0 80px auto;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .add-image-n08 {
    position: static;
    margin: -30 auto 60px;
    padding: 0;
  }
}

.product .sec-product .inner .content .slider-area .add-image-n08-en {
  top: 36%;
}
@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .add-image-n08-en {
    position: static;
    margin: -45px auto 60px;
    padding: 0;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container {
  width: 100%;
  max-width: 896px;
  height: auto;
  margin: auto;
  overflow:visible;
  /* メインスライダー */
  /* サムネイル */
}

.product .sec-product .inner .content .slider-area .swiper-container img {
  width: 100%;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider08-en {
  height: 600px;
}
@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider08-en {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container {
    max-width: 100%;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider {
  margin: 0 auto 20px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider.slider01, .product .sec-product .inner .content .slider-area .swiper-container.slider.slider07 {
  margin: 0 auto -30px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider {
    margin: 0 auto 35px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider.slider01, .product .sec-product .inner .content .slider-area .swiper-container.slider.slider07 {
    margin: 0 auto 35px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider.slider03 {
    margin: 30px auto 35px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider.slider04 {
    margin: 20px auto 35px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider.slider05 {
    margin: 20px auto 35px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider.slider08 {
    margin: 20px auto 35px;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-button-next,
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-button-prev {
  display: none;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide {
  position: relative;
  background-color: #fff;
}

@-webkit-keyframes fromleft {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}

@keyframes fromleft {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}

@-webkit-keyframes fromRight {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}

@keyframes fromRight {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}

@-webkit-keyframes fromRight2 {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}

@keyframes fromRight2 {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 60%;
    opacity: 1;
  }
}


.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide-active .txt4 {
  -webkit-animation: fromRight 1.5s ease-in-out;
          animation: fromRight 1.5s ease-in-out;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image {
  width: 60%;
  max-width: 540px;
  background-color: #fff;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .main-image {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content {
    margin-top: 160px;
    margin-bottom: 50px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.rows {
    margin-top: 280px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content01 {
    margin-top: 200px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content03 {
    margin-top: 300px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content05 {
    margin-top: 150px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content06 {
    margin-top: 260px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content07 {
    margin-top: 150px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content08 {
    margin-top: 360px;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .slide-content.content08-en {
    height: 700px;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 60%;
  color: #333;
  /*font-family: 'Noto Serif JP', serif;*/
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.05em;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 .sell {
  display: block;
  font-size: 11px;
  text-align: left;
  color: #00257b;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 {
    width: 100%;
    position: static;
    display: inline;
    margin: auto;
    padding-bottom: 4px;
    font-size: 4.2666666vw;
    text-align: center !important;
    border-bottom: 1px solid #333;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h4 .sell {
    padding-bottom: 6px;
    font-size: 3.2vw;
    border-bottom: none;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p,
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
  width: 100%;
  height: auto;
  position: absolute;
  top: 6%;
  left: 60%;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial,
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
  margin-top: 5px;
  margin-bottom: 30px;
  /*&::after{
                content:"";
                display: block;
                width:40px;
                height:1px;
                background-color: #333;
                margin-top:55px;
              }*/
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial span,
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial span {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p,
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
    position: static;
    margin-top: 10px;
    margin-left: 0;
    font-size: 3.4666666vw;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial,
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
    margin-top: 15px;
    margin-bottom: 0;
    /*&::after{
                  content:"";
                  width:20px;
                  margin-top:30px;
                }*/
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.serial span,
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial span {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add {
  top: 11.5%;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial {
  margin-bottom: 35px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content p.sell-add.serial::after {
  margin-top: 45px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5 {
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 45%;
  left: 60%;
  color: #333;
  line-height: 2;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con05 {
  top: 50%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con08 {
  top: 32%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con04-en {
  top: 42%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con05-en {
  top: 40%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con06-en {
  top: 38%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con07-en {
  top: 38%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5.con08-en {
  top: 32.5%;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5 {
    position: static;
    font-size: 3.4666666vw;
    margin-top: 25px;
    margin-left: 0;
    letter-spacing: 0.15em;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content h5::before {
    content: "";
    width: 20px;
    margin-top: 30px;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .txt4 {
  position: absolute;
  left: 60%;
  top: 65%;
  color: #333;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .txt4 {
    margin-top: 10px;
    position: static;
  }
}


.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn {
  position: absolute;
  z-index: 5000;
  top: 60%;
  left: 60%;
  width: auto;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn {
    position: static;
    width: 80%;
    margin: 20px auto 30px;
    text-align: center;
  }
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn a {
  display: block;
  color: #000;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn a:hover {
  color: #fff;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn .btn {
  width: 250px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: normal;
  padding-left: 45px;
  text-align: left;
  background: url("../img/common/icon_blank_on.svg") no-repeat;
  background-position: center left 20px;
  background-size: 13px;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn .btn {
    width: 100%;
    font-size: 14px;
  }
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn .btn.en {
  width: 240px;
  text-align: center;
  padding-left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn .btn.en {
    width: 100%;
    margin: auto;
    padding-left: 40px;
    font-size: 13px;
    letter-spacing: -0.015em;
  }
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn .btn:hover {
  color: #fff;
  background: url("../img/common/icon_blank_off.svg") no-repeat;
  background-position: center left 20px;
  background-size: 13px;
  border: 1px solid #000;
  background-color: #000;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn01 {
  top: 67%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn02 {
  top: 70%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn03 {
  top: 65%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn04 {
  top: 70%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn05 {
  top: 73%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn06 {
  top: 70%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn07 {
  top: 67%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn08 {
  top: 91.5%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn01-en {
  top: 72%;
  display: none;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn02-en {
  display: none;
  top: 70%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn03-en {
  display: none;
  top: 70%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn04-en {
  display: none;
  top: 82%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn05-en {
  top: 75%;
}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn06-en {
  top: 78%;
  display: none;

}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn07-en {
  top: 68%;
  display: none;

}
.product .sec-product .inner .content .slider-area .swiper-container.slider .swiper-slide .slide-content .add-btn.btn08-en {
  top: 91%;
  display: none;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail {
  margin: 0 auto 50px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8 {
  margin: 50px auto 50px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8-en {
  margin: 90px auto 50px;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail {
    position: absolute;
    top: 45%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.rows {
    top: 37%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail1 {
    top: 40%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail5 {
    top: 40%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail5-en {
    top: 40%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail6 {
    top: 38%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail7 {
    top: 32%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail7-en {
    top: 30%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8 {
    top: 30%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail.thumbnail8-en {
    top: 23%;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
  display: block;
  width: 25%;
  max-width: 116px;
  height: 116px;
  margin-right: 34px;
  margin-bottom: 34px;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .4s;
  transition: all .4s;
  opacity: 1;
  background-color: #fff;
  border: 1px solid white;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
  margin-right: 30%;
}

@media only screen and (max-width: 970px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
    margin-right: 20%;
  }
}

@media only screen and (max-width: 860px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
    margin-right: 10%;
  }
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:hover {
  border: 1px solid rgba(51, 51, 51, 0.4);
  opacity: 0.6;
}

.product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #333;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
    display: block;
    width: 22%;
    max-width: 22%;
    height: 22%;
    margin-right: 3.8%;
    margin-bottom: 3.8%;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide:nth-child(4n) {
    margin-right: 0;
  }
  .product .sec-product .inner .content .slider-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #333;
    opacity: 1;
  }
}

.product .sec-product .inner .content .btn-area {
  width: 100%;
  max-width: 896px;
  margin: auto;
  margin-bottom: 135px;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .btn-area {
    max-width: 100%;
    margin-bottom: 65px;
    padding: 0;
  }
}

.product .sec-product .inner .content .btn-area .box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .btn-area .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.product .sec-product .inner .content .btn-area .box li {
  display: block;
  margin-right: 10px;
  width: 24%;
  max-width: 212px;
  height: 70px;
  -webkit-transition: all .4s;
  transition: all .4s;
  border: 1px solid #333;
}

.product .sec-product .inner .content .btn-area .box li a {
  height: 70px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.product .sec-product .inner .content .btn-area .box li .link {
  font-size: 14px;
  text-align: center;
}

.product .sec-product .inner .content .btn-area .box li .icon3 {
  width: 25px;
  margin: 0 auto 5px;
}

.product .sec-product .inner .content .btn-area .box li .iconD {
  width: 22px;
  margin: 0 auto 15px;
}

.product .sec-product .inner .content .btn-area .box li .iconC {
  width: 29px;
  margin: 0 auto 8px;
}

.product .sec-product .inner .content .btn-area .box li:hover {
  background-color: #ddd;
}

.product .sec-product .inner .content .btn-area .box li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .product .sec-product .inner .content .btn-area .box li {
    display: block;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 49%;
    max-width: 100%;
    height: 54px;
  }
  .product .sec-product .inner .content .btn-area .box li a {
    height: 54px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product .sec-product .inner .content .btn-area .box li .link {
    font-size: 2.9333333vw;
  }
  .product .sec-product .inner .content .btn-area .box li .icon3 {
    width: 20px;
    margin: 0 auto 2px;
  }
  .product .sec-product .inner .content .btn-area .box li .iconD {
    width: 19px;
    margin: 0 auto 5px;
  }
  .product .sec-product .inner .content .btn-area .box li .iconC {
    width: 24px;
    margin: 0 auto 3px;
  }
  .product .sec-product .inner .content .btn-area .box li:nth-child(even) {
    margin-right: 0;
  }
}

/* /sec-product */
/* PRODUCT-SUB */
.product .sec-subimage {
  width: 87.5%;
  margin: 0 auto 85px;
  margin-right: 12.5%;
}

.product .sec-subimage img {
  width: 100%;
}

.product .sec-subimage .inner {
  width: 100%;
}

.product .sec-subimage .inner .sub {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .product .sec-subimage {
    width: 100%;
    margin: 0 auto 65px;
    margin-right: 0;
  }
}

/* PRODUCT-ELEMENT */
.product .sec-element {
  width: 87.5%;
  margin: 0 auto;
  margin-right: 12.5%;
}

@media only screen and (max-width: 767px) {
  .product .sec-element {
    width: 100%;
    margin-right: 100%;
  }
}

.product .sec-element .inner {
  width: 100%;
  margin: auto;
  max-width: 896px;
  margin: auto;
  padding: 0 10px;
  /* /.box-XX */
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner {
    max-width: 100%;
    padding: 0 5%;
  }
}

.product .sec-element .inner .txt-icon {
  width: 260px;
  padding-bottom: 10px;
  margin: 0 auto 30px;
  /*border-bottom: 1px solid #333;*/
  position: relative;
}

.product .sec-element .inner .txt-icon:after {
  content: '';
  position: absolute;
  color: #333;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  height: 1px;/*線の太さ*/
  width: 130px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .txt-icon {
    /*width: 25.9%;*/
    max-width: 195px;
    margin: 0 auto 25px;
  }

  .product .sec-element .inner .txt-icon:after {

    width: 80px;
  }
}

.product .sec-element .inner .box-wood,
.product .sec-element .inner .box-steel,
.product .sec-element .inner .box-igusa {
  margin: auto;
  margin-bottom: 90px;
  text-align: left;
  /* /.wood,.steel */
  /* /.igusa */
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood,
  .product .sec-element .inner .box-steel,
  .product .sec-element .inner .box-igusa {
    margin-bottom: 50px;
  }
}

.product .sec-element .inner .box-wood .element-name,
.product .sec-element .inner .box-steel .element-name,
.product .sec-element .inner .box-igusa .element-name {
  width: 79px;
  margin-left: 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .element-name,
  .product .sec-element .inner .box-steel .element-name,
  .product .sec-element .inner .box-igusa .element-name {
    width: 34%;
    margin-bottom: 12px;
  }
}

.product .sec-element .inner .box-wood .box-steel .element-name,
.product .sec-element .inner .box-steel .box-steel .element-name,
.product .sec-element .inner .box-igusa .box-steel .element-name {
  width: 82px;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .box-steel .element-name,
  .product .sec-element .inner .box-steel .box-steel .element-name,
  .product .sec-element .inner .box-igusa .box-steel .element-name {
    width: 14%;
  }
}

.product .sec-element .inner .box-wood .wood,
.product .sec-element .inner .box-wood .steel,
.product .sec-element .inner .box-steel .wood,
.product .sec-element .inner .box-steel .steel,
.product .sec-element .inner .box-igusa .wood,
.product .sec-element .inner .box-igusa .steel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .wood,
  .product .sec-element .inner .box-wood .steel,
  .product .sec-element .inner .box-steel .wood,
  .product .sec-element .inner .box-steel .steel,
  .product .sec-element .inner .box-igusa .wood,
  .product .sec-element .inner .box-igusa .steel {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.product .sec-element .inner .box-wood .wood li,
.product .sec-element .inner .box-wood .steel li,
.product .sec-element .inner .box-steel .wood li,
.product .sec-element .inner .box-steel .steel li,
.product .sec-element .inner .box-igusa .wood li,
.product .sec-element .inner .box-igusa .steel li {
  width: 13.5%;
  margin-right: 0.915%;
}

.product .sec-element .inner .box-wood .wood li.last,
.product .sec-element .inner .box-wood .steel li.last,
.product .sec-element .inner .box-steel .wood li.last,
.product .sec-element .inner .box-steel .steel li.last,
.product .sec-element .inner .box-igusa .wood li.last,
.product .sec-element .inner .box-igusa .steel li.last {
  margin-right: 0;
}

.product .sec-element .inner .box-wood .wood li span,
.product .sec-element .inner .box-wood .steel li span,
.product .sec-element .inner .box-steel .wood li span,
.product .sec-element .inner .box-steel .steel li span,
.product .sec-element .inner .box-igusa .wood li span,
.product .sec-element .inner .box-igusa .steel li span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #333;
}

.product .sec-element .inner .box-wood .wood li img,
.product .sec-element .inner .box-wood .steel li img,
.product .sec-element .inner .box-steel .wood li img,
.product .sec-element .inner .box-steel .steel li img,
.product .sec-element .inner .box-igusa .wood li img,
.product .sec-element .inner .box-igusa .steel li img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .wood li,
  .product .sec-element .inner .box-wood .steel li,
  .product .sec-element .inner .box-steel .wood li,
  .product .sec-element .inner .box-steel .steel li,
  .product .sec-element .inner .box-igusa .wood li,
  .product .sec-element .inner .box-igusa .steel li {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 7%;
  }
  .product .sec-element .inner .box-wood .wood li:nth-child(3n),
  .product .sec-element .inner .box-wood .steel li:nth-child(3n),
  .product .sec-element .inner .box-steel .wood li:nth-child(3n),
  .product .sec-element .inner .box-steel .steel li:nth-child(3n),
  .product .sec-element .inner .box-igusa .wood li:nth-child(3n),
  .product .sec-element .inner .box-igusa .steel li:nth-child(3n) {
    margin-right: 0;
  }
  .product .sec-element .inner .box-wood .wood li span,
  .product .sec-element .inner .box-wood .steel li span,
  .product .sec-element .inner .box-steel .wood li span,
  .product .sec-element .inner .box-steel .steel li span,
  .product .sec-element .inner .box-igusa .wood li span,
  .product .sec-element .inner .box-igusa .steel li span {
    margin-top: 2px;
    font-size: 2.933333vw;
    text-align: left;
  }
  .product .sec-element .inner .box-wood .wood li span.slender,
  .product .sec-element .inner .box-wood .steel li span.slender,
  .product .sec-element .inner .box-steel .wood li span.slender,
  .product .sec-element .inner .box-steel .steel li span.slender,
  .product .sec-element .inner .box-igusa .wood li span.slender,
  .product .sec-element .inner .box-igusa .steel li span.slender {
    font-size: 2.666666vw;
  }
}

.product .sec-element .inner .box-wood .igusa,
.product .sec-element .inner .box-steel .igusa,
.product .sec-element .inner .box-igusa .igusa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .igusa,
  .product .sec-element .inner .box-steel .igusa,
  .product .sec-element .inner .box-igusa .igusa {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.product .sec-element .inner .box-wood .igusa .box,
.product .sec-element .inner .box-steel .igusa .box,
.product .sec-element .inner .box-igusa .igusa .box {
  width: 31.47%;
  max-width: 282px;
  margin-right: 2.79%;
  margin-bottom: 20px;
}

.product .sec-element .inner .box-wood .igusa .box:nth-child(3n),
.product .sec-element .inner .box-steel .igusa .box:nth-child(3n),
.product .sec-element .inner .box-igusa .igusa .box:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .igusa .box,
  .product .sec-element .inner .box-steel .igusa .box,
  .product .sec-element .inner .box-igusa .igusa .box {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
  }
}

.product .sec-element .inner .box-wood .igusa .box .image,
.product .sec-element .inner .box-wood .igusa .box .subimage,
.product .sec-element .inner .box-steel .igusa .box .image,
.product .sec-element .inner .box-steel .igusa .box .subimage,
.product .sec-element .inner .box-igusa .igusa .box .image,
.product .sec-element .inner .box-igusa .igusa .box .subimage {
  position: relative;
  width: 100%;
}

.product .sec-element .inner .box-wood .igusa .box .image img,
.product .sec-element .inner .box-wood .igusa .box .subimage img,
.product .sec-element .inner .box-steel .igusa .box .image img,
.product .sec-element .inner .box-steel .igusa .box .subimage img,
.product .sec-element .inner .box-igusa .igusa .box .image img,
.product .sec-element .inner .box-igusa .igusa .box .subimage img {
  width: 100%;
  margin-top: 5px;
}

.product .sec-element .inner .box-wood .igusa .box .image p,
.product .sec-element .inner .box-wood .igusa .box .subimage p,
.product .sec-element .inner .box-steel .igusa .box .image p,
.product .sec-element .inner .box-steel .igusa .box .subimage p,
.product .sec-element .inner .box-igusa .igusa .box .image p,
.product .sec-element .inner .box-igusa .igusa .box .subimage p {
  font-weight: bold;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .igusa .box .image p,
  .product .sec-element .inner .box-wood .igusa .box .subimage p,
  .product .sec-element .inner .box-steel .igusa .box .image p,
  .product .sec-element .inner .box-steel .igusa .box .subimage p,
  .product .sec-element .inner .box-igusa .igusa .box .image p,
  .product .sec-element .inner .box-igusa .igusa .box .subimage p {
    font-size: 3.2vw;
  }
}

.product .sec-element .inner .box-wood .igusa .box .image figcaption,
.product .sec-element .inner .box-wood .igusa .box .subimage figcaption,
.product .sec-element .inner .box-steel .igusa .box .image figcaption,
.product .sec-element .inner .box-steel .igusa .box .subimage figcaption,
.product .sec-element .inner .box-igusa .igusa .box .image figcaption,
.product .sec-element .inner .box-igusa .igusa .box .subimage figcaption {
  position: absolute;
  color: #fff;
  font-size: 13px;
  bottom: 3px;
  right: 8px;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .igusa .box .image figcaption,
  .product .sec-element .inner .box-wood .igusa .box .subimage figcaption,
  .product .sec-element .inner .box-steel .igusa .box .image figcaption,
  .product .sec-element .inner .box-steel .igusa .box .subimage figcaption,
  .product .sec-element .inner .box-igusa .igusa .box .image figcaption,
  .product .sec-element .inner .box-igusa .igusa .box .subimage figcaption {
    font-size: 3.2vw;
    bottom: 8px;
    right: 12px;
  }
}

.product .sec-element .inner .box-wood .igusa .box .subimage,
.product .sec-element .inner .box-steel .igusa .box .subimage,
.product .sec-element .inner .box-igusa .igusa .box .subimage {
  margin-top: 5px;
}

.product .sec-element .inner .box-wood .igusa .box .text,
.product .sec-element .inner .box-steel .igusa .box .text,
.product .sec-element .inner .box-igusa .igusa .box .text {
  margin-top: 5px;
  font-size: 11px;
  color: #333;
  line-height: 1.75;
}

.product .sec-element .inner .box-wood .igusa .box .text .narrow,
.product .sec-element .inner .box-steel .igusa .box .text .narrow,
.product .sec-element .inner .box-igusa .igusa .box .text .narrow {
  font-size: 10px;
}

@media only screen and (max-width: 767px) {
  .product .sec-element .inner .box-wood .igusa .box .text,
  .product .sec-element .inner .box-steel .igusa .box .text,
  .product .sec-element .inner .box-igusa .igusa .box .text {
    font-size: 3.2vw;
  }
  .product .sec-element .inner .box-wood .igusa .box .text .narrow,
  .product .sec-element .inner .box-steel .igusa .box .text .narrow,
  .product .sec-element .inner .box-igusa .igusa .box .text .narrow {
    font-size: 3.2vw;
  }
}

/* /.sec-element */
/* CSS Document */
/*
html,body {
  width: 100%;
  overflow-x: hidden;
}*/
/* HEADER */
.concept .header .en-jp {
  position: absolute;
  z-index: 9000;
  width: 60px;
  right: 70px;
  top: 19px;
}

@media only screen and (max-width: 767px) {
  .concept .header .en-jp {
    width: 45px;
    top: 15px;
    right: 45px;
  }
}

.concept {
  overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  .concept .sp_none {
    display: none;
  }
}

@media (min-width: 767px) {
  .concept .pc_none {
    display: none;
  }
}

.concept__hero {
  width: 100%;
  position: relative;
  background: url("../img/concept/img_hero.jpg") no-repeat top center/cover;
}

@media only screen and (max-width: 767px) {
  .concept__hero {
    background: url("../img/concept/img_hero_sp.jpg") no-repeat top center/cover;
  }
}

.concept__hero #js-dot {
  width: 100%;
  height: 100%;
}

.concept__hero__title {
  width: 21.875%;
  position: absolute;
  padding-top: 22.5%;
  left: 120px;
}

@media only screen and (max-width: 767px) {
  .concept__hero__title {
    width: 38.066667%;
    padding-top: 17%;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.concept__hero__item {
  width: 655px;
  padding-top: 66.03125%;
  padding-bottom: 16.796875%;
  padding-right: 64px;
  font-size: 13px;
  letter-spacing: .2em;
  line-height: 3.4722222222;
  color: #fff;
}

.concept__hero__item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.concept__hero__item.en {
  font-size: 13px;
  letter-spacing: 0;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .concept__hero__item.en {
    font-size: 12.25px;
  }
}

@media only screen and (max-width: 767px) {
  .concept__hero__item {
    font-size: 12.5px;
    letter-spacing: .05em;
    padding: 120% 30px 76px;
    line-height: 3.5;
    width: auto;
  }
}

.concept__hero__item__title {
  margin: 55px 0 20px;
  font-size: 18px;
  letter-spacing: .37em;
}

@media only screen and (max-width: 767px) {
  .concept__hero__item__title {
    font-size: 20px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
  }
}

.concept__hero__item__title.en {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .concept__hero__item__title.en {
    font-size: 17px;
  }
}

.concept__look {
  position: relative;
  color: #fff;
  padding-bottom: 380px;
  background: #171815;
}

@media only screen and (max-width: 767px) {
  .concept__look {
    padding-top: 77px;
    padding-bottom: 77px;
  }
}

.concept__look__title {
  width: 32.8125%;
  position: absolute;
  top: 147px;
  left: 84px;
}

@media only screen and (max-width: 767px) {
  .concept__look__title {
    width: 221px;
    position: static;
    margin: 0 auto 118px;
  }
}

.concept__look__item {
  font-size: 13px;
  line-height: 2.479484546723819;
  letter-spacing: .2em;
  max-width: 390px;
  margin-left: auto;
  margin-right: 7.5%;
}

.concept__look__item.en {
  font-size: 13px;
  letter-spacing: 0;
}

@media only screen and (max-width: 767px) {
  .concept__look__item.en {
    font-size: 12.25px;
  }
}

.concept__look__item__wrap {
  padding-top: 63.4%;
}

@media only screen and (max-width: 767px) {
  .concept__look__item__wrap {
    padding: 0 0 0 10%;
  }
}

@media only screen and (max-width: 767px) {
  .concept__look__item {
    padding-left: 0;
    font-size: 12.25px;
    line-height: 3;
    letter-spacing: .05em;
    max-width: 100%;
  }
}

.concept__look__textimg {
  width: 390px;
  position: absolute;
  bottom: 132px;
  right: 7.5%;
}

@media only screen and (max-width: 767px) {
  .concept__look__textimg {
    width: 286px;
    position: static;
    margin-top: 26px;
  }
  .concept__look__textimg.en {
    margin-top: 45px;
  }
}

.concept__into {
  padding-top: 154px;
}

@media only screen and (max-width: 767px) {
  .concept__into {
    padding-top: 66px;
  }
}

.concept__into__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .concept__into__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.concept__into__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
}

.concept__into__item__img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .concept__into__item {
    margin-bottom: 40px;
  }
  .concept__into__item:nth-of-type(2n) {
    text-align: right;
  }
  .concept__into__item__img {
    width: 79.2%;
  }
}

.concept__into__item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
}

.concept__into__item__text01 {
  width: 9.6%;
  margin-left: 70px;
}

@media only screen and (max-width: 767px) {
  .concept__into__item__text01 {
    width: 7.6%;
    margin-left: 13%;
  }
  .concept__into__item__text01.pursit {
    margin-left: 34%;
  }
}

.concept__into__item__text02 {
  width: 52%;
  margin: 84px 0 0 33px;
}

@media only screen and (max-width: 767px) {
  .concept__into__item__text02 {
    width: 59%;
    margin: 54px 0 0 6%;
  }
}

.concept__into__item__text03 {
  width: 25%;
  margin: 84px 0 0 24px;
}

@media only screen and (max-width: 767px) {
  .concept__into__item__text03 {
    width: 30%;
    margin: 48px 0 0 6%;
  }
}

.concept__into__item__text04 {
  width: 35%;
  margin: 84px 0 0 33px;
}

@media only screen and (max-width: 767px) {
  .concept__into__item__text04 {
    width: 42%;
    margin: 51px 0 0 9%;
  }
}

.concept__farm {
  overflow: hidden;
  background: url("../img/concept/bg_concept_farm.jpg") no-repeat bottom center/100%;
  padding-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .concept__farm {
    padding-bottom: 41px;
    background: url("../img/concept/bg_concept_farm_sp.jpg") no-repeat bottom -220px center/cover;
  }
}

.concept__now {
  overflow: hidden;
  position: relative;
  margin: 344px 14.0625% 0;
}

@media only screen and (max-width: 767px) {
  .concept__now {
    margin: 80px 0 0 0;
  }
}

.concept__now__text01 {
  float: left;
  width: 4%;
}

@media only screen and (max-width: 767px) {
  .concept__now__text01 {
    float: none;
    width: 7.5%;
    margin: auto;
  }
}

.concept__now__text02 {
  width: 34%;
  position: absolute;
  left: 11.5%;
}

@media only screen and (max-width: 767px) {
  .concept__now__text02 {
    position: static;
    width: 63%;
    margin: 20px auto 78px;
  }
}

.concept__now__img01 {
  float: right;
  width: 70%;
}

@media only screen and (max-width: 767px) {
  .concept__now__img01 {
    float: none;
    width: 87%;
    margin: 0 6%;
  }
}

.concept__now__text {
  color: #fff;
  font-size: 13px;
  line-height: 46px;
  letter-spacing: 0.15em;
  float: right;
  margin: 500px 90px 0 auto;
}

.concept__now__text.en {
  font-size: 13px;
  letter-spacing: 0;
  max-width: 603px;
}

@media only screen and (max-width: 767px) {
  .concept__now__text.en {
    font-size: 12.25px;
  }
}

@media only screen and (max-width: 767px) {
  .concept__now__text {
    float: none;
    margin: 76px 9% 0;
    font-size: 12.25px;
    line-height: 3;
  }
}

.concept__4 {
  max-width: 53%;
  margin-left: auto;
  margin-right: 12.734375%;
  margin-top: 88px;
}

@media only screen and (max-width: 767px) {
  .concept__4 {
    max-width: 90.5%;
    margin: 40px auto 0;
  }
}

.concept__event {
  padding-bottom: 250px;
}

.concept__event__title {
  width: 93px;
  margin: 190px auto 22px;
}

.concept__event__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 38px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .concept__event__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.concept__event__item {
  width: 32%;
}

@media only screen and (max-width: 767px) {
  .concept__event__item {
    width: 100%;
  }
  .concept__event__item:not(:last-child) {
    margin-bottom: 32.5px;
  }
}

.concept__event__item img {
  width: 100%;
}

.dot {
  width: 4px;
  height: 4px;
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 2px #fff;
          box-shadow: 0px 0px 10px 2px #fff;
  border-radius: 20px;
  z-index: 2;
}

.look {
  width: 100%;
  background-color: #171717;
  color: #000;
  line-height: 1.6;
  position: relative;
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
}

.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: run 7s 0s infinite;
  animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.lines .line:nth-child(1) {
  margin-left: -25%;
}

.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.lines .line:nth-child(3) {
  margin-left: 25%;
}

.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

@-webkit-keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

/* ------------------------------------------------- *
 *  ＠Contact
 * ------------------------------------------------- */
/*　共通　*/
.lin-contact {
  margin: 100px auto 50px auto;
  width: 800px;
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .lin-contact {
    margin-bottom: 30px;
  }
}
.lin-contact__headline {
  margin-bottom: 30px;
  font-size: 30px;
  color: #5b5b5b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}
.lin-contact__headline-switch {
  padding: 10px;
  box-sizing: border-box;
  width: 200px;
  background: #fff;
  outline: 0;
  border: 1px solid #bdbdbd;
  border-radius: 10px;

}
.lin-contact__headline-link {
  color: #5b5b5b;
  width: 100%;
  height: 100%;
  display: block;
}

.lin-contact__exp {
  margin-bottom: 30px;
  font-size: 13px;
}
.lin-contact__form-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lin-contact__form-list {
  width: 360px;
  margin-bottom: 30px;
  
}
@media only screen and (max-width: 767px) {
  .lin-contact {
    width: 100%;
    margin-top: 60px;
  }
  .lin-contact__form-list {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    
  }
  .lin-contact__headline {
    display: block;
    padding-right: 0;
    text-align: center;
  }
  
}
.lin-contact__form-list.txt-area {
  width: 100%;  
}
.lin-contact__form-list.txt-area textarea{
  width: 100%;
  font-weight: 300;
  font-size: 15px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #5b5b5b;
  background-color: #fff!important;
  outline: 0;
  color: #595955;
  font-family: 'Noto Sans JP', sans-serif;
}
.lin-contact__form-list input,select{
  width: 100%;
  font-weight: 300;
  font-size: 15px;
  height: 51px;
  background-color: #fff!important;
  padding: 0 1.33333rem;
  border: 1px solid #5b5b5b;
  outline: 0;
  color: #595955;
  font-family: 'Noto Sans JP', sans-serif;
}


.lin-contact__form-list select {
  -webkit-appearance: none;
	-moz-appearance: none;
  appearance: none;
}
.lin-contact__form-list select option{
  width: 100%;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.41667rem;
  height: 3.33333rem;
  background-color: #fff;
  padding: 0 1.33333rem;
  border: 1px solid #5b5b5b;
  outline: 0;
  color: #595955;
}
.lin-contact__form-submit {
  padding: 0 1.04167rem;
  background-color: #fff;
  color: #5b5b5b;
  min-width: 185px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #bdbdbd;
  outline: 0;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-label {
  display: block;
  font-weight: normal;
  margin-bottom: 0.75rem;
}

/*@media screen and (min-width: 769px) {*/
/*  .form-label {*/
/*    margin-bottom: 1.5rem;*/
/*  }*/
/*}*/

form-radio.wpcf7-form-control-wrap label::before,
.form-radio.wpcf7-form-control-wrap label::after {
  content: none;
}

.form-radio.wpcf7-form-control-wrap label {
  padding-left: 0;
  margin-right: 0;
}

.form-radio.wpcf7-form-control-wrap label .wpcf7-list-item-label {
  position: relative;
  display: inline-flex;
  font-size: 0.8rem;
  padding-left: 3rem;
  margin-right: 3rem;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 769px) {
  .form-radio.wpcf7-form-control-wrap label .wpcf7-list-item-label {
    font-size: 1rem;
    padding-left: 3rem;
  }
}

.form-radio.wpcf7-form-control-wrap label .wpcf7-list-item-label:hover {
  cursor: pointer;
}

.form-radio.wpcf7-form-control-wrap label .wpcf7-list-item-label::before {
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  display: inline-block;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  transition: 0.3s;
}

.form-radio.wpcf7-form-control-wrap label .wpcf7-list-item-label::after {
  position: absolute;
  left: 0.6rem;
  top: 0.6rem;
  display: inline-block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #576772;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}

.form-radio.wpcf7-form-control-wrap label input[type=radio] {
  display: none;
}

.form-radio.wpcf7-form-control-wrap label input[type=radio]:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}

.form-radio:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 769px) {
  .form-radio:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}

.form-radio input[type=radio] {
  display: none;
}

.form-radio input[type=radio]:checked + label::after {
  opacity: 1;
}

.form-radio label {
  position: relative;
  display: inline-flex;
  font-size: 1.3rem;
  padding-left: 2.7rem;
  margin-right: 3rem;
}

@media screen and (min-width: 769px) {
  .form-radio label {
    font-size: 1.5rem;
    padding-left: 3.5rem;
  }
}

.form-radio label:hover {
  cursor: pointer;
}

.form-radio label span {
  line-height: 1.8;
  color: #858E95;
  margin: 0;
}

.thanks{
  width: 94%;
  max-width: 830px;
  margin: 60px auto;
  padding-top: 60px;
  min-height: 600px;
}

.thanks h2{
  padding-top: 54px;
  text-align: center;
  background: url(../img/thanks.png) no-repeat top center;
  background-size: 55px 44px;
  font-size: 20px;
  font-weight: 400;
}

.thanks div{
  margin-top: 30px;
  font-size: 13px;
  background: #f1f1f1;
  padding: 30px 50px;
}

.thanks a{
  width: 100%;
  max-width: 250px;
  margin: 40px auto 0;
  height: 48px;
  border: 1px #c2c2c2 solid;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/arrow_left_b.png) no-repeat left 11px center;
  background-size: 6px 12px;
  color: #333;
}
div.wpcf7 .ajax-loader {
  display: none !important;
}

/* iphoneでContact Form 7 で送信、確認、戻るボタンが正常に表示されない対策 */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
 
.wpcf7-submit, .wpcf7-back, .wpcf7-confirm {
font-size: 14px;
padding: 0px 16px;
background: #e9e9e9;
color: #363B3F;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 4px #dcdcdc;
}

.wpcf7-submit:hover {
background-color: #dcdcdc;
}

.wpcf7-back:hover {
  background-color: #dcdcdc;
}
.wpcf7-confirm:hover {
  background-color: #dcdcdc;
}

@keyframes onAutoFillStart { from {} to {}}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}
/*# sourceMappingURL=style.css.map */

.l-main {
  margin-top: 5rem;
}

@media screen and (min-width: 414px) {
  .l-main {
    margin-top: 7.5rem;
  }
}
@media screen and (min-width: 576px) {
  .l-main {
    margin-top: 10rem;
  }
}

.l-container {
  padding: 0 2.5rem 0;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 1201px) {
  .l-container {
    padding: 0;
  }
}

@media screen and (max-width:1200px){
  .l-container {
    max-width: 100%;
  }
}

.upholsteryRank h3 {
  margin-bottom: 20px;
}

.upholsteryRank__content {
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
}

.upholsteryRank__left {
  width: 100px;
  margin-right: 20px;
}


.upholstery__list {
  display: flex;
  flex-wrap: wrap;

}

.upholstery__list .upholstery__item {
  width: 15%;
  margin-bottom: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 520px) {
  .upholstery__list .upholstery__item {
    width: 45%;
    margin-right: 10px;
  }
}

/*.upholstery__list::after {*/
/*  display: block;*/
/*  content: '';*/
/*  width: 15%;*/
/*}*/


.upholsteryRank__type {
  width: 90%;
}

.upholsteryRank__left h5 {
  font-size: 13px;
}

.upholsteryRank__bottom {
  margin-top: 30px;
}

.upholstery__list .upholstery__item a {
  position: relative;
  padding-bottom: 100%;
}

.upholstery__list .upholstery__item a {
  display: block;
  margin-bottom: 1rem;
}

.upholstery__list .upholstery__item a img {
  width: 100%;
  height: auto;
  position: absolute;
}


.lum-lightbox-inner img {
  width: 300px !important;/* スワイプ範囲含む横幅調整 */
}
@media screen and (max-width: 520px) {
  .lum-lightbox-inner img {
    max-width: 100% !important;/* スワイプ範囲含む横幅調整 */
  }
}

@media screen and (max-width: 520px) {
  .l-container {
    padding: 0 1rem 0;
  }

  .upholsteryRank__left {
    margin-right: 10px;
  }
}

.lin-product-imgArea {
  min-height: 500px;
}  
.txt-icon img[src$=".svg"] {
  width: auto;
}
.element-name img[src$=".svg"] {
  width: auto;
}

.element-name.paste-pattern-title {
  margin-top: 70px;
}

@media screen and (max-width: 520px) {
  .element-name.paste-pattern-title img[src$=".svg"]{
    max-width: inherit;
    width: 300px;
  }
}

.paste-pattern-table {
  width: 100%;
  font-family: Robotto;
  font-weight: normal;
}

.paste-pattern-table td{
  width: 28%;
  max-width: 28%;

}

@media screen and (max-width: 520px) {
  .paste-pattern-table td{
    width: 25%;
    max-width: 25%;

  }


}

.paste-pattern-table thead {
  background-color: rgb(239, 240, 240);
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  color: #7A7A7A;
  line-height: 1.8;

}

.paste-pattern-table thead,tbody th,td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #C5C5C5;
}

.paste-pattern-table thead th:first-child {
  height: 50px;
}

.paste-pattern-table thead th {
  width: 28%;

}

.paste-pattern-table th:first-child{
  background-color: rgb(239, 240, 240);
  width: 16%;
  height: 150px;
}

@media screen and (max-width: 520px) {
  .paste-pattern-table th:first-child{
    width: 25%;
  }

  .paste-pattern-table thead th {
    width: 25%;

  }
}

.paste-pattern-table tbody td {
  /*display: flex;*/
  /*align-items: center;*/
  padding: 10px 20px;
}

@media screen and (max-width: 520px) {
  .paste-pattern-table tbody td div {
    overflow-x: scroll;
    width:250px;
  }
}

.paste-pattern-table tbody td img{
  /*display: flex;*/
  /*align-items: center;*/
  width: 100%;
}

@media screen and (max-width: 520px) {
  .paste-pattern-table tbody td img{
    width: 500px;
    max-width: inherit;

  }
}


.paste-pattern-table ul.box {
  /*width: 30%;*/
}
.paste-pattern-table li.image {
  position: relative;
  width:200px;
}


.product-accordion {
  width: 87.5%;
  margin: 20px auto 50px;
  margin-right: 12.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-accordion .accordion-btn {
  background-color: rgb(239, 240, 240);
  width: 500px;
  height: 60px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  color: #000;
  position: relative;


}

@media screen and (max-width: 520px) {
  .product-accordion {
    margin-right: auto;
  }
  .product-accordion .accordion-btn {
     width: 300px;
  }
}

.product-accordion .accordion-btn:after {
  position: absolute;
  bottom: 25px;
  right: 20px;
  content: '';
  padding: 0;
  width: 20px;
  height: 20px;
  border-top: solid 1px #1a2e3f;
  border-right: solid 1px #1a2e3f;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  transition: all .4s;
}

.product-accordion .accordion-btn.active:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 16px;
}
.hide-area {
  display: none;
}

/*.swiper-slide.lin-product-imgArea {*/
/*  display: none;*/
/*}*/

/*.lin-product-imgArea.swiper-slide-duplicate-active {*/
/*  display: block !important;*/
/*}*/

/*.swiper-slide-prev.swiper-slide-duplicate,.swiper-slide-next.swiper-slide-duplicate {*/
/*  display: none;*/
/*}*/

.slide-img-top {
  position:relative;
  width: 100%;
  height: 100%;
}

.slide-img-top img {
  position:absolute;
  right: 0;
  transition:all 2s ease-in-out;
  object-fit: cover;
  width: 100%;
  height: 100vh;
  opacity:0;
}