@charset "UTF-8";

html {font-size: 62.5%;}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}

#Contents .slick-dots li.slick-active button{width: .5rem;height: .5rem;}
#Contents .slick-dots li button{width: .5rem;height: .5rem;}
#Contents .slick-dots li.slick-active button:before {background-color: #777777;content: "";border-radius: 5px;}
#Contents .slick-dots li button:before {background-color: #B1B1B1;content: "";border-radius: 5px;opacity: 1 !important;}
#Contents .slick-dots li.slick-active button{background: none;}
/* #Contents .slick-dots {display: block !important;} */
#Contents .main-inner video,svg ,#Contents img{width: 100%;height: auto;}
#Header,#Foot {display: block;}
#Wrap {width: 100%;overflow-x: hidden;}
body .main-area {margin-top: -39px;}
a img:hover {opacity: 0.8;-webkit-transition: 0.6s;transition: 0.6s;}
a{-webkit-transition: 0.6s;transition: 0.6s;-webkit-tap-highlight-color:rgba(0,0,0,0);}


/* ====================================================================
                                  ⬇︎ animation ⬇︎
==================================================================== */

/* #Contents .scrollFade.done {opacity: 1;transform: translate(0, 0);} */
/* #Contents .scrollFade {opacity: 0;transform: translateY(100px);transition: all 1s;} */
#Contents .fade {transition: all 3s;opacity: 0;visibility: hidden;transform: translate(0px, 0px);}
#Contents .fadein {opacity: 1;visibility: visible;transform: translate(0px, 0px);}
/*#Contents .loadFade{animation:fadeIn ease 2s;}
@keyframes fadeIn{
    from{opacity: 0;}
    to{opacity: 1; }
}*/
#Contents .loadFade{opacity: 0;transform: translateY(100px);transition: all 1s;}
#Contents .loadFade.done{opacity: 1;transform: translate(0, 0);}
#Contents .scrollFadeBg{position: relative;}
#Contents .scrollFadeBg::before {content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 20;
}
.scrollFadeBg.done::before{width: 0 !important;}
.scrollFadeBg::before{transition: all 1s;}


#Contents .first-ttlBlock::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}
#Contents .loadFade.done::after{width: 100% !important;}
#Contents .loadFade::after {width: 0;transition: all .6s;}

#Contents .scrollFade1 {opacity: 0;transform: translateX(15rem);transition: all 1s;}
#Contents .scrollFade1.done1  {opacity: 1;transform: translate(0, 0);}

#Contents .scrollFade2 {opacity: 0;transform: translateX(15rem);transition: all 1s;transition-delay: 1s;}
#Contents .scrollFade2.done2  {opacity: 1;transform: translate(0, 0);}
#Contents .scrollFade3 {opacity: 0;transform: translateX(15rem);transition: all 1s;}
#Contents .scrollFade3.done3  {opacity: 1;transform: translate(0, 0);}

#Contents .scrollFade4 {opacity: 0;transform: translateX(-15rem);transition: all 1s;transition-delay: 1s;}
#Contents .scrollFade4.done4  {opacity: 1;transform: translate(0, 0);}
#Contents .scrollFade5 {opacity: 0;transform: translateX(-15rem);transition: all 1s;}
#Contents .scrollFade5.done5  {opacity: 1;transform: translate(0, 0);}


/* ====================================================================
                                  ⬆︎ animation ⬆︎
==================================================================== */


/* ====================================================================
                                  ⬇︎ for all ⬇︎
==================================================================== */
.main-container {
    width: 100%;

    margin: 0 auto;
    margin-top: 8.5rem;
    font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
    font-feature-settings: "palt";
    color: #000000;
    line-height: 1;
    text-align: center
}
#Contents .relative{
  position: relative;
}

#Contents .calluna{font-family: calluna, serif;font-weight: 400;font-style: normal;color: #000000;}
/* #Contents h3{font-family: adobe-garamond-pro, serif;font-weight: 600;font-style: normal;color: #000000;} */
#Contents h4{font-family: futura-pt, sans-serif;font-weight: 400;font-style: normal;color: #000000;}
#Contents .acumin-pro{font-family: acumin-pro, sans-serif;font-weight: bold;font-style: normal;}

#Contents .textUp.loadFade.done2{
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: .2s;
  animation-fill-mode: forwards;
}

#Contents .fontWeight02{
  font-weight: 600;
}

.contentsCredit a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* ====================================================================
                                  ⬆︎ for all ⬆︎
==================================================================== */

.main-area .main-inner {
  margin: auto !important;
  width: 100vw;
  max-width: 100%;
}




/* for pc */
@media only screen and (min-width: 600px) {

  /* ====================================================================
                                  ⬇︎ LP Area ⬇︎
==================================================================== */
body .main-area {
  margin-top: -66px;
}

body .main-area .sidebar-area {
  margin-top: 66px;
}
/* ====================================================================
                              ⬆︎ LP Area ⬆︎
==================================================================== */

    #Contents .slick-dots li.slick-active button:before {width: 1rem;height: 1rem;}
    #Contents .slick-dots li button:before {width: 1rem;height: 1rem;}
    #Contents .slick-dots li {width: 1rem !important;height: 1rem !important;margin: 0 .5rem !important;}
    #Contents .slick-dots {left: 0rem;bottom: -3rem !important;}
    #Contents .slick-dotted.slick-slider{margin-bottom: 5rem;}

    #Contents .slick-next:before {content: "" !important;}
    #Contents .slick-prev:before {content: "" !important;}
    #Contents .slick-prev:before, .slick-next:before {opacity: 1 !important;}
    #Contents .slick-arrow.slick-next {right: 2.7rem;}
    #Contents .slick-arrow.slick-prev {left: 2.6rem;}
    #Contents .slick-arrow::before, .slick-arrow::after { display: block;position: absolute;width: 1px;height: 13px;background: #000;left: 0px;}
    #Contents .slick-arrow::before {-webkit-transform: rotate(-53deg);transform: rotate(-53deg);left: 10px; bottom: 0px;}
    #Contents .slick-arrow.slick-prev::after {-webkit-transform: rotate(-53deg);transform: rotate(-53deg);left: 10px; bottom: 0px;}
    #Contents .slick-arrow::after {-webkit-transform: rotate(53deg);transform: rotate(53deg);left: 10px; bottom: -1px;}
    #Contents .slick-arrow.slick-prev::before{-webkit-transform: rotate(53deg);transform: rotate(53deg);left: 10px; bottom: -1px;}

    #Contents .slider2 .slick-next:before {content: "" !important;}
    #Contents .slider2 .slick-prev:before {content: "" !important;}
    #Contents .slider2 .slick-prev:before , .slick-next:before {opacity: 1 !important;}
    #Contents .slider2 .slick-arrow.slick-next {right: 2.7rem;}
    #Contents .slider2 .slick-arrow.slick-prev {right: 44.6rem !important;}
    #Contents .slider2 .slick-arrow::before , .slick-arrow::after { display: block;position: absolute;width: 1px;height: 13px;background: #000;left: 10px;}
    #Contents .slider2 .slick-prev.slick-arrow::before {-webkit-transform: rotate(53deg);transform: rotate(53deg);left: 10px; bottom: 0px;}
    #Contents .slider2 .slick-arrow::after , .slick-arrow.slick-prev::before{-webkit-transform: rotate(53deg);transform: rotate(53deg);left: 10px; bottom: -1px;}
    #Contents .slider2 .slick-arrow.slick-prev::after{-webkit-transform: rotate(-53deg);transform: rotate(-53deg);left: 10px; bottom: 0px;}


    .main-area::after {margin: 0 auto !important;}
    .spOnly{display: none;}
    .pcOnly{display: block;}


    #Contents {
        width: 100%;
        /* background-image: url(../img/page_pc.jpg); */
        /* background-image: url(../img/page_pc02.jpg); */
        background-size: 1400px;
        background-repeat: no-repeat;
        background-position-x: center;
         background-position-y: 57px;
        /* background-position-y: 10773px; */
    }
    .main-container {
        width: 100%;
        margin: 0 auto;
        font-feature-settings: "palt";
        line-height: 1;
        text-align: center;
        /* opacity: 0.6; */
    }
    .main-area.not{
        margin-top: 0px;
    }
    #Contents h2{
        font-size: 3.7rem;
        line-height: 1.1516;
        letter-spacing: 0;
    }
    #Contents h3{
      display: inline;
      font-size: 3.5rem;
      line-height: 1;
      letter-spacing: 0;
    }
    #Contents h4{
        font-size: 2.3rem;
        line-height: 1.5;
        letter-spacing: 0;
    }
    #Contents .lp-text{
        font-size: 1.6rem;
        letter-spacing: 0.12em;
        line-height: 2.06;
    }
    #Contents .contentsCredit{
        font-size: 1.4rem;
        line-height: 1.857;
        letter-spacing: 0.05em;
        margin-top: -1rem;
        font-family: acumin-pro, sans-serif;
        font-weight: 200;
        font-style: normal;
    }
    #Contents .flexItem{display: flex;width: 100%;margin: auto;justify-content:space-between;flex-wrap: wrap;}
    #Contents .row-reverse{flex-flow: row-reverse;}

/* ====================================================================
                                  firstView
==================================================================== */

#Contents .firstview .firstArea{
  width: 100rem;
  margin: 1.8rem auto 0;
}
#Contents .firstview .textArea{
  margin: 7.4rem auto 7.1rem;
}
#Contents .firstview .textArea .lp-text:nth-of-type(1){
  margin: 2.5rem auto 2.3rem;
}

/* ====================================================================
                                  section
==================================================================== */

#Contents .sec1 ,
#Contents .sec2 ,
#Contents .sec3 {
  width: 100rem;
  margin: auto;
}
#Contents .sec1 li ,
#Contents .sec2 li ,
#Contents .sec3 li  {
  width: 49.2rem;
}

#Contents .sec1 {
  margin: 14rem auto 0;
}
#Contents .sec2 {
  margin: 14.2rem auto 14rem;
}
#Contents .sec3 {
  margin: 0 auto;
}
#Contents .sec4 {
  margin: 14.2rem auto 0;
}
#Contents .sec5 {
  margin: 15rem auto 0;
}


#Contents .imgBlock{
  width: 54rem;
}

#Contents .sec1 .textArea ,
#Contents .sec2 .textArea {
  margin-top: 3.4rem;
}
#Contents .sec3 .textArea {
  margin-top: 2.5rem;
}
#Contents .sec1 h4 ,
#Contents .sec2 h4 {
  margin-top: 1.9rem;
  font-size: 2rem;
}
#Contents .sec3 h4 {
  margin-top: 1.7rem;
  font-size: 2rem;
}
#Contents .sec1 .contentsCredit ,
#Contents .sec2 .contentsCredit ,
#Contents .sec3 .contentsCredit {
  margin-top: 0.2rem;
}

#Contents .lp-text.__1 {
  margin: 1.6rem 0 0 -0.8rem;
  font-size: 1.4rem;
  line-height: 2.142;
}
#Contents .sec3 .lp-text.__1 {
  margin: 2rem 0 0 -0.8rem;
}
#Contents .sec3 .lp-text.__1.__02 {
  margin: 1.8rem auto 0;
}
#Contents .sec3 .textArea:nth-child(3) {
  margin-top: 3.5rem;
}

/* ====================================================================
                                  PORFILE
==================================================================== */

#Contents .sec4 h4 {
  line-height: 2.806;
}
#Contents .sec4 .imgBlock {
  width: 30rem;
  margin: 1rem auto 2.9rem;
}
#Contents .sec4 .name {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.12em;
}
#Contents .sec4 .name_en {
  font-size: 1.4rem;
  letter-spacing: 0;
  margin: 1.2rem auto 0;
}
#Contents .sec4 .lp-text {
  margin: 2.2rem 0 0 -0.4rem;
}
#Contents .sec4 .__inst {
  font-size: 1.7rem;
  line-height: 2.529;
  font-weight: 300;
  margin: 0.9rem auto 0;
}

#Contents .border2{
  width: 100%;
  height: 1px;
  border-bottom: solid #212121 1px;
  z-index: -1;
  margin: 9.7rem auto 0;
}

/* ====================================================================
                                  staffText
==================================================================== */

  #Contents .staffText {
    width: 140rem;
    margin: 1.2rem auto 0;
    padding-left: 14rem;
  }
  #Contents .staffText p {
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.65;
  }
  #Contents .staffText p:nth-child(2) {
    margin: 2.1rem auto 0;
}

/* ====================================================================
                                  button
==================================================================== */

#Contents .btw{
  width: 46rem;
  margin: 5.5rem auto 10rem;
}


}

/* ====================================================================
                                  ブラウザー対応
==================================================================== */

/* ===== Safari  ===== */


/* ===== IE  ===== */
@media all and (-ms-high-contrast: none) {
  /* ここに書く */

}

/* ===== firfox  ===== */
@-moz-document url-prefix() {
  /* ここに書く */

}

/* ===== Chrome  ===== */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {

#Contents .contentsCredit{
  letter-spacing: 0em;
}
} */

/* ====================================================================
                                ブラウザー対応
==================================================================== */

/* for tablet */
@media screen and (max-width: 1200px) and (min-width: 561px) {
  html {font-size: calc(10* (100vw / 1400)) !important;}

  .main-area .main-inner {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* =============================================================================================================
================================================================================================================
                                  ⬇︎ SP ⬇︎
================================================================================================================
================================================================================================================*/

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

#Contents {
    /* background-image: url(../img/page_sp.jpg); */
    /* background-image: url(../img/page_sp02.jpg); */
    background-size: 375px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-position-y: 40px;
    /* background-position-y: 6512px; */
  }

  .main-area .main-inner {
    padding: 0 !important;
  }
  #Contents .main-area, .header .nav-wrapper{
    margin-bottom: 0;
  }

  .main-container {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: calc(1 *(100vw/750));
    font-feature-settings: "palt";
    line-height: 1;
    /* opacity: 0.6; */
    overflow: hidden;
    }

    .spOnly{display: block;}
    .pcOnly{display: none;}


    #Contents .slick-dots li.slick-active button:before {width: calc(12*(100vw/750));height: calc(12*(100vw/750));}
    #Contents .slick-dots li button:before {width: calc(12*(100vw/750));height: calc(12*(100vw/750));}
    #Contents .slick-dots li {width: calc(12*(100vw/750)) !important;height: calc(12*(100vw/750)) !important;margin: 0 calc(10*(100vw/750)) !important;}
    #Contents .slick-dots {left: calc(0*(100vw/750)) !important;bottom: calc(-36*(100vw/750)) !important;;text-align: center;}
    #Contents .slick-dotted.slick-slider{margin-bottom: 0;}
    #Contents .slick-dots li button {width: 0 !important;height: 0 !important;padding: 0 !important;}

    #Contents .slick-next:before {content: "" !important;}
    #Contents .slick-prev:before {content: "" !important;}
    #Contents .slick-next::after {content: "" !important;}
    #Contents .slick-prev::after {content: "" !important;}
    #Contents .slick-prev:before, .slick-next:before {opacity: 1 !important;}
    #Contents .slick-arrow.slick-next {right: calc(23*(100vw/750));}
    #Contents .slick-arrow.slick-prev {left: calc(0*(100vw/750));}
    #Contents .slick-prev , .slick-next {width: 50px !important;height: 50px !important;z-index: 100 !important;}
    #Contents .slick-arrow::before , .slick-arrow::after { display: block;position: absolute;width: 1px;height: 20px;background: #000;}
    #Contents .slick-arrow::before {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);left: 30px; bottom: 22px;}
    #Contents .slick-arrow.slick-prev::after {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);bottom: 5px;}
    #Contents .slick-arrow::after {-webkit-transform: rotate(30deg);transform: rotate(30deg);left: 30px; bottom: 5px;}
    #Contents .slick-arrow.slick-prev::before {-webkit-transform: rotate(30deg);transform: rotate(30deg);bottom: 22px;}
    #Contents .sec2 .slick-prev , #Contents .sec2 .slick-next {top: 44%;}

    #Contents .slider2 .slick-next:before {content: "" !important;}
    #Contents .slider2 .slick-prev:before {content: "" !important;}
    #Contents .slider2 .slick-next::after {content: "" !important;}
    #Contents .slider2 .slick-prev::after {content: "" !important;}
    #Contents .slider2 .slick-prev:before, .slick-next:before {opacity: 1 !important;}
    #Contents .slider2 .slick-arrow.slick-next {right: calc(23*(100vw/750));}
    #Contents .slider2 .slick-arrow.slick-prev {right: calc(650*(100vw/750));}
    #Contents .slider2 .slick-prev , .slick-next {width: 50px !important;height: 50px !important;z-index: 100 !important;}
    #Contents .slider2 .slick-arrow::before , .slick-arrow::after { display: block;position: absolute;width: 1px;height: 20px;background: #000;}
    #Contents .slider2 .slick-arrow::before {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);left: 30px; bottom: 22px;}
    #Contents .slider2 .slick-arrow.slick-prev::after {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);bottom: 5px;}
    #Contents .slider2 .slick-arrow::after {-webkit-transform: rotate(30deg);transform: rotate(30deg);left: 30px; bottom: 5px;}
    #Contents .slider2 .slick-arrow.slick-prev::before {-webkit-transform: rotate(30deg);transform: rotate(30deg);bottom: 22px;}


    .main-area::after {
      margin: 0 auto !important;
    }
    #Contents h2{
      font-size: calc(54*(100vw/750));
      line-height: 1;
      letter-spacing: 0;
    }
    #Contents h3{
      display: inline-block;
      font-size: calc(50*(100vw/750));
      line-height: 1.65;
      letter-spacing: 0;
    }
    #Contents h4{
      font-size: calc(36*(100vw/750));
      line-height: 1.38;
      letter-spacing: 0;
      margin-top: 0;
    }
    #Contents .lp-text{
      font-size: calc(24*(100vw/750));
      letter-spacing: 0.12em;
      line-height: 1.916;
    }
    #Contents .contentsCredit{
      font-family: acumin-pro, sans-serif;
      font-weight: 200;
      font-size: calc(22*(100vw/750));
      line-height: 1.81;
      letter-spacing: 0.05em;
      margin-top: calc(-4*(100vw/750));
    }

    #Contents .flexItem{
      display: flex;
      width: 100%;
      margin: auto;
      justify-content: flex-start;
      flex-wrap: wrap;
    }
/* ====================================================================
                                   ⬇︎ animation ⬇︎
==================================================================== */

    #Contents .scrollFade2 {opacity: 0;transform: translateX(15rem);transition: all 1s;transition-delay: 0.5s;}
    #Contents .scrollFade2.done2  {opacity: 1;transform: translate(0, 0);}
    #Contents .scrollFade3 {opacity: 0;transform: translateX(15rem);transition: all 1s;}
    #Contents .scrollFade3.done3  {opacity: 1;transform: translate(0, 0);}

    #Contents .scrollFade4 {opacity: 0;transform: translateX(-15rem);transition: all 1s;transition-delay: 0.5s;}
    #Contents .scrollFade4.done4  {opacity: 1;transform: translate(0, 0);}
    #Contents .scrollFade5 {opacity: 0;transform: translateX(-15rem);transition: all 1s;}
    #Contents .scrollFade5.done5  {opacity: 1;transform: translate(0, 0);}

/* ====================================================================
                                  firstView
==================================================================== */

    #Contents .firstview .firstArea{
      width: 100%;
      margin: calc(78*(100vw/750)) auto 0;
    }
    #Contents .firstview .textArea{
      margin: calc(81*(100vw/750)) auto calc(81*(100vw/750));
    }
    #Contents .firstview .textArea span{
      margin: calc(26*(100vw/750)) auto 0;
      display: inline-block;
    }
    #Contents .firstview .textArea .lp-text:nth-of-type(1){
      margin: calc(43*(100vw/750)) auto calc(36*(100vw/750));
    }

/* ====================================================================
                                  section
==================================================================== */

  #Contents .sec1 ,
  #Contents .sec2 ,
  #Contents .sec3 {
    width: 100%;
    margin: auto;
  }
  #Contents .sec1 .sp_li01 ,
  #Contents .sec2 .sp_li01 ,
  #Contents .sec3 .sp_li01  {
    width: calc(630*(100vw/750));
    margin: calc(55*(100vw/750)) auto calc(60*(100vw/750));
  }
  #Contents .sec1 .sp_li02 ,
  #Contents .sec2 .sp_li02 ,
  #Contents .sec3 .sp_li02  {
    width: 100%;
  }

  #Contents .sec1 {
    margin: calc(114*(100vw/750)) auto 0;
  }
  #Contents .sec2 {
    margin: calc(154*(100vw/750)) auto 0;
  }
  #Contents .sec3 {
    margin: calc(155*(100vw/750)) auto 0;
  }
  #Contents .sec4 {
    margin: calc(155*(100vw/750)) auto 0;
  }
  #Contents .sec5 {
    margin: calc(153*(100vw/750)) auto 0;
  }


  #Contents .imgBlock{
    width: 54rem;
  }

  #Contents .sec1 .textArea ,
  #Contents .sec2 .textArea {
    margin-top: calc(54*(100vw/750));
  }
  #Contents .sec3 .textArea {
    margin-top: calc(60*(100vw/750));
  }
  #Contents .sec1 h4 ,
  #Contents .sec2 h4 ,
  #Contents .sec3 h4 {
    font-size: calc(34*(100vw/750));
  }
  #Contents .sec1 .contentsCredit ,
  #Contents .sec2 .contentsCredit ,
  #Contents .sec3 .contentsCredit {
    margin-top: calc(0*(100vw/750));
  }

  #Contents .lp-text.__1 {
    margin: calc(34*(100vw/750)) 0 0 0;
    font-size: calc(22*(100vw/750));
    line-height: 2;
  }
  #Contents .sec2 .lp-text.__1 {
    margin: calc(30*(100vw/750)) 0 0 calc(-5*(100vw/750));
  }
  #Contents .sec3 .lp-text.__1 {
    margin: calc(32*(100vw/750)) 0 0 0;
  }
  #Contents .sec3 .lp-text.__1.__02 {
    margin: calc(34*(100vw/750)) auto 0;
  }
  #Contents .sec3 .textArea:nth-child(3) {
    margin-top: calc(52*(100vw/750));
  }

  /* ====================================================================
                                    PORFILE
  ==================================================================== */

  #Contents .sec4 h4 {
    line-height: 2.806;
  }
  #Contents .sec4 .imgBlock {
    width: calc(400*(100vw/750));
    margin: calc(14*(100vw/750)) auto calc(49*(100vw/750));
  }
  #Contents .sec4 .name {
    font-size: calc(30*(100vw/750));
    font-weight: bold;
    letter-spacing: 0.12em;
  }
  #Contents .sec4 .name_en {
    font-size: calc(22*(100vw/750));
    letter-spacing: 0;
    margin: calc(17*(100vw/750)) auto 0;
  }
  #Contents .sec4 .lp-text {
    margin: calc(38*(100vw/750)) 0 0 0;
  }
  #Contents .sec4 .__inst {
    font-size: calc(26*(100vw/750));
    line-height: 2.529;
    font-weight: 300;
    margin: calc(18*(100vw/750)) auto 0;
  }

  #Contents .border2{
    width: 100%;
    height: 1px;
    border-bottom: solid #212121 1px;
    z-index: -1;
    margin: calc(110*(100vw/750)) auto 0;
  }

/* ====================================================================
                                  staffText
==================================================================== */

  #Contents .staffText {
    margin: calc(32*(100vw/750)) auto 0;
    padding-left: calc(50*(100vw/750));
  }
  #Contents .staffText p {
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    text-align: left;
    font-size: calc(22*(100vw/750));
    letter-spacing: 0.05em;
    line-height: 1.81;
  }
  #Contents .staffText p:nth-child(2) {
    margin: calc(40*(100vw/750)) auto 0;
  }

/* ====================================================================
                                  button
==================================================================== */

  #Contents .btw{
    width: calc(460*(100vw/750));
    margin-top: calc(122*(100vw/750));
    margin-bottom: calc(118*(100vw/750));
    margin-left: auto;
    margin-right: auto;
  }


}