@charset "UTF-8";

html {
  font-size: 62.5%;
}


body {
  width: 100%;
}


img,
video,
svg {
  width: 100%;
  height: auto;
}


#FU220610toiledeJouy a,
#FU220610toiledeJouy picture {
  display: block;
}

#FU220610toiledeJouy .price span {
  display: inline-block;
  border-bottom: 1px solid #333333;
}

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

main {
  overflow-x: hidden;
}
/*==========================
			共通
=========================*/

.back_pc{
    position: relative;
    /* background: url(../img/pc.jpg);  */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 140rem;
    background-position-y: -25.8rem;
    overflow: hidden;
}
/* .back_pc::before{
  content: "";
  position: absolute;
  background: url(../img/pc02.jpg); 
  background-repeat: no-repeat;
  width: 140rem;
  height: 400rem;
  background-size: 140rem;
  margin: auto;
  top: 1534.9rem;
  left: 0;
  right: 0;
} */

#FU220610toiledeJouy {
  width: 140rem;
  margin: auto;
  margin-bottom: 12rem;
  padding-top: 3rem;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
  /*overflow-x: hidden;*/
}

.text-box{
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
  margin-top: 3.65rem;
  margin-bottom: 1.85rem;
  overflow: hidden;
}

.ta_c {
  text-align: center;
}

.ta_c span{
  justify-content: center;
}

.credit{
  font-family: mauritius-cond, serif;
  font-size: 1.3rem;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.005em;
  line-height: 1.75;
  color: #595757;
}

.SP-flex_column{
  display: flex;
  justify-content: space-between;
}

.flex,
.flex.sp_only{
  display: flex;
}

@media screen and (min-width: 768px) {
  .link__wrapper, .link__content {
    visibility: visible;
    opacity: 1;
  }
}
.link__content {
  position: absolute;
  z-index: 2;
}
.link__content span {
  display: inline-block;
}
.link__bg {
  display: block;
  width: 100%;
  height: 100%;
}
.link__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.link__wrapper a{
  display: inline-block!important;
  font-weight: 500;
}
.js-showLink {
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
.js-showLink:hover .link__wrapper, .js-showLink:hover .link__content {
    visibility: visible;
    opacity: 1;
  }
}
.js-fade-credit {
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  cursor: pointer;
}

.js-fade-credit.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*==========================
          top
=========================*/
.top{
  margin: 0 auto;
  margin-bottom: 12.6rem;
}
.TOP_img-box{
  width: 100%;
  position: relative;
  margin-bottom: 11.1rem;
}
.top-img{
  width: 100%;
  margin-bottom: 12.4rem;
}
.top-img a:hover{
  opacity: 1!important;
}
.top .img01{
  width: 11.1rem;
  margin: 0 auto;
}
.top_text-box {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-family: yu-gothic-pr6n, sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  color: #333333;
  letter-spacing: 0.11em;
  line-height: 2.36;
}
.top_text-box.__02 {
  margin-bottom: 12.5rem;
}

/*=======//top==============================================*/

/*==========================
          sect01
=========================*/
.sect01 {
  margin-bottom: 36.3rem;
}
.sect01 .img01 {
  width: 48.3rem;
  margin: 0 auto 42.2rem;
}
.sect01 .img02 {
  position: relative;
  width: 68.9rem;
  margin: 0 auto 24.8rem;
}
.sect01 .img02::before {
  content: "";
  position: absolute;
  width: 44.3rem;
  height: 44.3rem;
  background-image: url(../img/design02.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -20.7rem;
  top: -21.6rem;
  z-index: 2;
}
.sect01 .img02::after {
  content: "";
  position: absolute;
  width: 43.4rem;
  height: 41.4rem;
  background-image: url(../img/design03.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -16.5rem;
  bottom: -25rem;
}
.sect01 .img03 {
  width: 46.7rem;
  margin: 0 auto 36.2rem;
}
.sect01 .img04 {
  position: relative;
  width: 48.5rem;
  margin: 0 auto 16.8rem;
}
.sect01 .img04::before {
  content: "";
  position: absolute;
  width: 41.7rem;
  height: 31rem;
  background-image: url(../img/design04.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -18.7rem;
  top: -22.8rem;
  z-index: -1;
}
.sect01 .img04::after {
  content: "";
  position: absolute;
  width: 23.9rem;
  height: 23.3rem;
  background-image: url(../img/design05.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -9.7rem;
  bottom: -13.9rem;
  z-index: -1;
}
.sect01 .img05 {
  width: 104.8rem;
  margin: 0 auto 7.3rem;
}
.sect01 .img06 {
  width: 48.5rem;
  margin: 0 auto 11.1rem;
}
.sect01 .img07 {
  width: 48.5rem;
  margin: 0 auto -8.9rem;
}
.sect01 .img08 {
  width: 46.2rem;
  margin-left: 6.5rem;
}
.sect01 .img09 {
  width: 113.3rem;
  margin-left: 15.9rem;
  margin-top: -19.7rem;
}
.sect01 .img10 {
  width: 24.3rem;
  margin-left: 61.2rem;
  margin-top: -5.9rem;
  margin-bottom: 23.3rem;
}
.sect01 .img11 {
  width: 68.8rem;
  margin: 0 auto 26.5rem;
}
.sect01 .img12 {
  position: relative;
  width: 50.1rem;
  margin-left: 47.1rem;
  margin-bottom: 39rem;
}
.sect01 .img12::before {
  content: "";
  position: absolute;
  width: 54.2rem;
  height: 44.6rem;
  background-image: url(../img/design06.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -53.6rem;
  top: 41.6rem;
}
.sect01 .img13 {
  position: relative;
  width: 46.8rem;
  margin: 0 auto 31.1rem;
}
.sect01 .img13::before {
  content: "";
  position: absolute;
  width: 47.7rem;
  height: 39.6rem;
  background-image: url(../img/design07.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -15.5rem;
  top: -20.2rem;
  z-index: -1;
}
.sect01 .img14 {
  position: relative;
  width: 68.8rem;
  margin: 0 auto 26.5rem;
}
.sect01 .img14::before {
  content: "";
  position: absolute;
  width: 63.2rem;
  height: 35.8rem;
  background-image: url(../img/design08.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -42rem;
  top: -20.4rem;
  z-index: 2;
}
.sect01 .img14::after {
  content: "";
  position: absolute;
  width: 41rem;
  height: 37.3rem;
  background-image: url(../img/design09.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -20.2rem;
  bottom: -20.3rem;
  z-index: -1;
}
/*=======//sect01==============================================*/


/*==========================
          sect02
=========================*/
  .sect02 {
    position: relative;
    margin-bottom: 23.1rem;
    text-align: center;
  }
  .sect02::before {
    content: "";
    position: absolute;
    width: 44.2rem;
    height: 36.4rem;
    background-image: url(../img/design10.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: -10.6rem;
    top: -25.4rem;
  }
  .sect02 h3{
  position: relative;
  margin-bottom: 5.6rem;
  font-family: mauritius-cond, serif;
  font-size: 3.2rem;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  }
  .sect02 h3::before {
    content: "";
    position: absolute;
    width: 3.7rem;
    height: 2.4rem;
    background-image: url(../img/design11.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    left: 0;
    right: 0;
    top: -2rem;
  }
  .sect02 .text p{
  font-size: 1.6rem;
  font-family: yu-gothic-pr6n, sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  color: #333333;
  letter-spacing: 0.05em;
  line-height: 1.78;
  }
  .sect02 .text p:nth-child(1){
    margin-bottom: 2.5rem;
  }
  .sect02 .text p:nth-child(2){
    margin-bottom: 4.4rem;
  }
  .sect02 .img15{
    width: 33.9rem;
    margin-left: 55.3rem;
    margin-bottom: 6.8rem;
  }
  .sect02 .novelty_wrap{
    position: relative;
  }
  .sect02 .novelty_wrap::after{
    content: "終了しました";
    position: absolute;
    width: 50%;
    height: 110%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(89,87,87,0.75);
    font-size: 2rem;
    font-family: yu-gothic-pr6n, sans-serif;
    font-feature-settings: "palt";
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
  .sect02 h4{
    margin-bottom: 1.6rem;
    font-family: mauritius-cond, serif;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
    color: #333333;
    letter-spacing: 0.022em;
    }
    .sect02 .sub-text {
      font-size: 1.3rem;
      font-family: yu-gothic-pr6n, sans-serif;
      font-feature-settings: "palt";
      font-weight: 600;
      color: #333333;
      letter-spacing: 0.11em;
      line-height: 1.69;
      }
/*=======//sect02==============================================*/

/*==========================
          sect03
=========================*/
.sect03{
  margin-bottom: 19.3rem;
}
.sect03 .img16{
  position: relative;
  width: 40.5rem;
  margin-left: 48.4rem;
  margin-bottom: 41rem;
}
.sect03 .img16::before {
  content: "";
  position: absolute;
  width: 46.1rem;
  height: 26.1rem;
  background-image: url(../img/design12.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -55.7rem;
  top: -19.1rem;
}
.sect03 .img16::after {
  content: "";
  position: absolute;
  width: 33.7rem;
  height: 28.7rem;
  background-image: url(../img/design13.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -50.4rem;
  top: 45.8rem;
}
.sect03 .img17{
  position: relative;
  width: 5.9rem;
  margin: 0 auto 4rem;
}

.card {
  position: relative;
  width: 15.2rem
}
.card:nth-child(1){
  margin-bottom: 1.4rem;
}

.sect03 ul{
  width: 97.1rem;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sect03 .blue{
  margin-bottom: 19.2rem;
}

.sect03 .img18{
  position: relative;
  width: 5.3rem;
  margin: 0 auto 4rem;
}

/*==========================
      staff
=========================*/
.staff{
  position: relative;
  text-align: center;
  color: #595757;
}
.staff h5{
  margin-bottom: 1.4rem;
  font-family: mauritius, serif;
  font-size: 1.26rem;
  font-weight: 400;
  font-style: normal;
}
.staff p{
  margin-bottom: 9.4rem;
  font-family: mauritius, serif;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
.staff a{
  display: inline-block!important;
}
.staff .img19{
  width: 9.3rem;
  margin: 0 auto 0.9rem;
}
.staff .check p{
  margin-bottom: 0;
  font-family: mauritius, serif;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
.staff .mark{
  position: relative;
}
.staff .mark::before{
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 1rem;
  background-image: url(../img/mark01.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  top: 0;
  right: -1.6rem;
  bottom: 0;
}
.staff .mark.__02::before{
  width: 0.74rem;
  height: 0.86rem;
  background-image: url(../img/mark02.png);
  right: -1.6rem;
}
.staff .mark.__03::before{
  width: 0.86rem;
  height: 1.2rem;
  background-image: url(../img/mark03.png);
  right: -1.8rem;
  top: 0.1rem;
}
.staff .mark.__04::before{
  width: 0.63rem;
  height: 1.12rem;
  background-image: url(../img/mark04.png);
  right: -1.6rem;
}
.staff .mark.__05::before{
  width: 0.77rem;
  height: 0.86rem;
  background-image: url(../img/mark05.png);
  right: -1.5rem;
}

/*=======//staff==============================================*/

/*==========================
      ボタン
=========================*/
.lp-button a {
  font-size: 1.3rem;
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  padding: 1.2rem 4.1rem 1.2rem;
  display: inline-block!important;
  color: #333333;
  border: 1px solid #8b8b8b;
  letter-spacing: 0.035em;
}

/*=======//ボタン==============================================*/

/*==========================
		アニメーション
=========================*/
/*-----↓カード---------------------*/
.card a {
  display: block;
}
.card_reverse, .card_reverse02, .card_reverse03, .card_reverse04 {
  position: absolute;
  top: 0;
  left: 0;
}
/* 表面の表示 */
.card_surface, .card_surface02, .card_surface03, .card_surface04 {
  transform: rotateY(0deg);
  transition: transform 300ms 150ms;
}
.card_reverse, .card_reverse02, .card_reverse03, .card_reverse04 {
  transform: rotateY(90deg);
  transition: transform 300ms;
}
/* 裏面の表示 */
.card_surface.active {
  transform:rotateY(90deg);
  transition: transform 300ms;
}
.card_reverse.active {
  transform:rotateY(0deg);
  transition: transform 300ms 150ms;
}

/* 裏面の表示 */
.card_surface03.active {
  transform:rotateY(90deg);
  transition: transform 300ms;
}
.card_reverse03.active {
  transform:rotateY(0deg);
  transition: transform 300ms 150ms;
}

/* 裏面の表示 */
.card_surface02.active {
  transform:rotateY(90deg);
  transition: transform 300ms;
}
.card_reverse02.active {
  transform:rotateY(0deg);
  transition: transform 300ms 150ms;
}
.card_surface04.active {
  transform:rotateY(90deg);
  transition: transform 300ms;
}
.card_reverse04.active {
  transform:rotateY(0deg);
  transition: transform 300ms 150ms;
}

.card_surface02.active.fixed {
  transform: rotateY(0deg);
  transition: transform 300ms 150ms;
}
.card_reverse02.active.fixed {
  transform: rotateY(90deg);
  transition: transform 300ms;
}
.card_surface04.active.fixed {
  transform: rotateY(0deg);
  transition: transform 300ms 150ms;
}
.card_reverse04.active.fixed {
  transform: rotateY(90deg);
  transition: transform 300ms;
}
/*-----↑カード---------------------*/

/*--------↓画像のフェード-----------*/
.js-fade-Vr {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
}
.js-fade-Vr.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.diagonal01{
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  opacity: 0;
  transform: translate(-50px, -150px);
  transition-timing-function: ease-out;
}
.diagonal01.active {
  opacity: 1;
  transform: translate(0, 0);
}
.diagonal02{
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  opacity: 0;
  transform: translate(-50px, -150px);
  transition-timing-function: ease-out;
  transition-delay: 1.2s;
}
.diagonal02.active {
  opacity: 1;
  transform: translate(0, 0);
}
.diagonal03{
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  opacity: 0;
  transform: translate(-50px, -150px);
  transition-timing-function: ease-out;
  transition-delay: 1.5s;
}
.diagonal03.active {
  opacity: 1;
  transform: translate(0, 0);
}
/*--------↑画像のフェード-----------*/


/*=======//アニメーション=========================================*/

/*IE対応*/
/* /* _:-ms-lang(x)::-ms-backdrop, .femi-logo svg#mask01 {
height: 7rem;
} */

_:-ms-lang(x)::-ms-backdrop, .link__content {
  top: 46%;
  }
_:-ms-lang(x)::-ms-backdrop, .img01 .link__content {
width: 48.3rem;
}
_:-ms-lang(x)::-ms-backdrop, .img02 .link__content {
  width: 68.9rem;
  }
_:-ms-lang(x)::-ms-backdrop, .img04 .link__content {
  width: 48.5rem;
  }
_:-ms-lang(x)::-ms-backdrop, .img06 .link__content {
  width: 48.5rem;
  }
_:-ms-lang(x)::-ms-backdrop, .img07 .link__content {
  width: 48.5rem;
  }
_:-ms-lang(x)::-ms-backdrop, .img11 .link__content {
  width: 68.8rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .img12 .link__content {
    width: 50.1rem;
    }
_:-ms-lang(x)::-ms-backdrop, .img13 .link__content {
  width: 46.8rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .img14 .link__content {
    width: 68.8rem;
    }
_:-ms-lang(x)::-ms-backdrop, .link__wrapper {
  display: block;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
margin: 0;
  }

/*=====PCのみ==============================*/
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }

  .pc-order01 {
    order: 1;
  }

  .pc-order02 {
    order: 2;
  }

  .pc-order03 {
    order: 3;
  }


}

/*=====//PCのみ==============================*/

/*=====タブレットのみ==============================*/
@media screen and (min-width: 768px) and (max-width: 1250px) {
  html {
    font-size: calc(10*(100vw/1400)) !important;
  }

  .sect02 .text-box {
    margin-left: 0.7rem;

  }

  .sect03 .model-box{
    width: 60.81rem;
  }

}
/*=====//タブレットのみ==============================*/

/*=====SPのみ==============================*/
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }

  

  /*==========================
			共通
=========================*/

 .back_sp {
   position: relative;
    /* background: url(../img/sp.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: -130px;
    background-size: 100%;
  }
/*   .back_sp::before{
  content: "";
  position: absolute;
  background: url(../img/sp02.jpg); 
  background-repeat: no-repeat;
  width: 100%;
  height: calc(10000*(100vw/750));
  background-size: 100%;
  margin: auto;
  top: calc(15930*(100vw/750));
  left: 0;
  right: 0;
} */


#FU220610toiledeJouy {
  width: calc(750*(100vw/750));
  margin: auto;
  margin-bottom: calc(150*(100vw/750));
  padding-top: 0;
  font-size: calc(26*(100vw/750));
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
}

/* .top_text-box{
  font-size: calc(26*(100vw/750));
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
  margin-bottom: calc(34*(100vw/750));
} */

.text-box{
  font-size: calc(26*(100vw/750));
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
  margin-top: calc(39*(100vw/750));
  margin-bottom: calc(80*(100vw/750));
}

.text-box_mb{
  margin-bottom: calc(37*(100vw/750));
}

.ta_c {
  text-align: center;
}

.flex{
  display: flex;
}

/* .link__wrapper, .link__content {
    visibility: visible !important;
    opacity: 1 !important;
  } */
/* .link__content {
    bottom: 6.66667vw;
    left: 6.66667vw;
  } */
/* .link__content span {
    margin-top: 1.33333vw;
  }
.link__margin {
    margin-top: 4.66667vw;
  } */
  .js-showLink.click .link__wrapper, .js-showLink.click .link__content {
    visibility: visible !important;
    opacity: 1 !important;
}
.credit {
  font-size: calc(14*(100vw/750));
  letter-spacing: -0.005em;
  line-height: 1.75;
}

  

/*==========================
          top
=========================*/
.top{
  margin: 0 auto;
  margin-bottom: calc(85*(100vw/750));
}
.TOP_img-box{
  width: 100%;
  position: relative;
  margin-bottom: calc(88.5*(100vw/750));
}
.top-img{
  width: 100%;
  margin-bottom: 0;
}
.top .img01{
  width: calc(111*(100vw/750));
  margin: 0 auto;
}
.top_text-box {
  margin-bottom: calc(19*(100vw/750));
  font-size: calc(16.6*(100vw/750));
  font-weight: 500;
  line-height: 2.27;
  letter-spacing: 0.07em;
}
.top_text-box.__02 {
  margin-bottom: calc(79*(100vw/750));
}

/*=======//top==============================================*/

/*==========================
          sect01
=========================*/
.sect01 {
  margin-bottom: calc(162*(100vw/750));
}
.sect01 .img01 {
  width: calc(513*(100vw/750));
  margin: 0 auto calc(315*(100vw/750));
}
.sect01 .img02 {
  width: 100%;
  margin: 0 auto calc(225*(100vw/750));
}
.sect01 .img02::before {
  width: calc(462*(100vw/750));
  height: calc(473*(100vw/750));
  left: calc(-149*(100vw/750));
  top: calc(-236*(100vw/750));
  z-index: -1;
}
.sect01 .img02::after {
  width: calc(464*(100vw/750));
  height: calc(442*(100vw/750));
  right: calc(-144*(100vw/750));
  bottom: calc(-280*(100vw/750));
  z-index: -1;
}
.sect01 .img03 {
  width:calc(493*(100vw/750));
  margin: 0 auto calc(304*(100vw/750));
}
.sect01 .img04 {
  width: calc(516*(100vw/750));
  margin: 0 auto calc(194*(100vw/750));
}
.sect01 .img04::before {
  width:calc(443.6*(100vw/750));
  height:calc(329.7*(100vw/750));
  left: calc(-198*(100vw/750));
  top: calc(-241*(100vw/750));
  z-index: -1;
}
.sect01 .img04::after {
  width: calc(254.6*(100vw/750));
  height: calc(247.6*(100vw/750));
  right: calc(-104*(100vw/750));
  bottom: calc(-147*(100vw/750));
  z-index: -1;
}
.sect01 .img05 {
  width: calc(848*(100vw/750));
  margin-left: calc(-116*(100vw/750));
  margin-bottom: calc(58*(100vw/750));
}
.sect01 .img06 {
  width: calc(516*(100vw/750));
  margin: 0 auto calc(157*(100vw/750));
}
.sect01 .img07 {
  width: calc(516*(100vw/750));
  margin: 0 auto calc(-73*(100vw/750));
}
.sect01 .img08 {
  width: calc(334.4*(100vw/750));
  margin-left: calc(-17*(100vw/750));
}
.sect01 .img09 {
  width: calc(821*(100vw/750));
  margin-left: calc(52*(100vw/750));
  margin-top: calc(-143*(100vw/750));
}
.sect01 .img10 {
  width: calc(177*(100vw/750));
  margin-left: calc(379*(100vw/750));
  margin-top: calc(-45*(100vw/750));
  margin-bottom: calc(284*(100vw/750));
}
.sect01 .img11 {
  width: 100%;
  margin: 0 auto calc(207*(100vw/750));
}
.sect01 .img12 {
  width: calc(470*(100vw/750));
  margin-left: calc(170*(100vw/750));
  margin-bottom: calc(540*(100vw/750));
}
.sect01 .img12::before {
  width: calc(514*(100vw/750));
  height: calc(423*(100vw/750));
  right: calc(-240*(100vw/750));
  top: calc(585*(100vw/750));
  display: none;
}
.sect01 .img12 .sp_d {
  position: absolute;
  width: calc(514*(100vw/750));
  height: calc(423*(100vw/750));
  right: calc(-240*(100vw/750));
  top: calc(585*(100vw/750));
}
.sect01 .img13 {
  width: calc(497*(100vw/750));
  margin: 0 auto calc(418*(100vw/750));
}
.sect01 .img13::before {
  width: calc(512.6*(100vw/750));
  height: calc(419*(100vw/750));
  left: calc(-163*(100vw/750));
  top: calc(-215*(100vw/750));
  z-index: -1;
}
.sect01 .img13::after {
  content: "";
  position: absolute;
  background-image: url(../img/design08.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(462*(100vw/750));
  height: calc(262*(100vw/750));
  right:calc(-162*(100vw/750));
  bottom: calc(-250*(100vw/750));
  z-index: -1;
}
.sect01 .img14 {
  width: 100%;
  margin: 0 auto;
}
.sect01 .img14::before {
  content: "";
  position: absolute;
  background-image: url(../img/design10.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(287*(100vw/750));
  height: calc(236*(100vw/750));
  left: calc(-76*(100vw/750));
  top: auto;
  bottom: calc(-182*(100vw/750));
  z-index: -1;
}
.sect01 .img14::after {
  display: none;
}
/*=======//sect01==============================================*/



/*==========================
          sect02
=========================*/
.sect02 {
  margin-bottom: calc(463*(100vw/750));
  text-align: center;
}
.sect02::before {
  width: calc(287*(100vw/750));
  height: calc(236*(100vw/750));
  left: calc(-76*(100vw/750));
  top: calc(-205*(100vw/750));
  display: none;
}
.sect02 h3{
margin-bottom: calc(53*(100vw/750));
font-size: calc(32*(100vw/750));
}
.sect02 h3::before {
  width: calc(37.5*(100vw/750));
  height: calc(24.5*(100vw/750));
  margin: auto;
  left: 0;
  right: 0;
  top: calc(-22*(100vw/750));
}
.sect02 .text p{
font-size: calc(16*(100vw/750));
font-weight: 600;
letter-spacing: 0.03em;
line-height: 1.78;
}
.sect02 .text p:nth-child(1){
  margin-bottom: calc(24*(100vw/750));
}
.sect02 .text p:nth-child(2){
  margin-bottom: calc(48*(100vw/750));
}
.sect02 .img15{
  width: calc(339*(100vw/750));
  margin-left: calc(226*(100vw/750));
  margin-bottom: calc(67*(100vw/750));
}
.sect02 .novelty_wrap::after{
  width: 90%;
  height: 110%;
  font-size: calc(24*(100vw/750));
}
.sect02 h4{
  margin-bottom: calc(16*(100vw/750));
  font-size:calc(14*(100vw/750));
  letter-spacing: 0.01em;
  }
  .sect02 .sub-text {
    font-size: calc(13*(100vw/750));
    letter-spacing: 0.06em;
    line-height: 1.69;
    }

/*=======//sect02==============================================*/



/*==========================
          sect03
=========================*/
.sect03{
  margin-bottom: calc(194*(100vw/750));
}
.sect03 .img16{
  width: calc(523*(100vw/750));
  margin-left: calc(94*(100vw/750));
  /* margin-bottom: calc(260*(100vw/750)); */
  margin-bottom: calc(370*(100vw/750));
}
.sect03 .img16::before {
  width: calc(461.6*(100vw/750));
  height: calc(261.5*(100vw/750));
  right: calc(-249*(100vw/750));
  top: calc(-318*(100vw/750));
}
.sect03 .img16::after {
  width: calc(336.6*(100vw/750));
  height: calc(286.6*(100vw/750));
  left: calc(-154*(100vw/750));
  top: calc(672*(100vw/750));
}
.sect03 .img17{
  width: calc(53*(100vw/750));
  margin: 0 auto calc(30*(100vw/750));
}

.card {
  width: calc(182*(100vw/750));
}
.card:nth-child(1){
  margin-bottom: calc(17*(100vw/750));
}
.card:nth-child(4){
  margin-bottom: calc(14*(100vw/750));
}
.card:nth-child(7){
  margin-bottom: calc(16*(100vw/750));
}

.sect03 ul{
  width: calc(574*(100vw/750));
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sect03 .blue{
  margin-bottom: calc(258*(100vw/750));
}

.sect03 .img18{
  width: calc(48*(100vw/750));
  margin: 0 auto calc(23*(100vw/750));
}
/*=======//sect03==============================================*/

/*==========================
      staff
=========================*/
.staff{
}
.staff h5{
  margin-bottom: calc(24*(100vw/750));
  font-size: calc(23*(100vw/750));
}
.staff p{
  margin-bottom: calc(120*(100vw/750));
  font-size: calc(22*(100vw/750));
  line-height: 1.75;
  letter-spacing: 0.01em;
}
.staff a{
  display: inline-block!important;
}
.staff .img19{
  width: calc(170*(100vw/750));
  margin: 0 auto calc(17*(100vw/750));
}
.staff .check p{
  font-size: calc(22*(100vw/750));
}
.staff .mark{
  position: relative;
}
.staff .mark::before{
  width: calc(15*(100vw/750));
  height: calc(18*(100vw/750));
  top: 0;
  right: calc(-28*(100vw/750));
  bottom: 0;
}
.staff .mark.__02::before{
  width: calc(13.5*(100vw/750));
  height: calc(15.7*(100vw/750));
  right: calc(-28*(100vw/750));
}
.staff .mark.__03::before{
  width: calc(15.7*(100vw/750));
  height: calc(18.5*(100vw/750));
  right: calc(-33*(100vw/750));
  top: calc(1*(100vw/750));
}
.staff .mark.__04::before{
  width: calc(11.5*(100vw/750));
  height: calc(20.4*(100vw/750));
  right: calc(-28*(100vw/750));
  top: calc(-2*(100vw/750));
}
.staff .mark.__05::before{
  width: calc(13.5*(100vw/750));
  height: calc(15.7*(100vw/750));
  right: calc(-28*(100vw/750));
}

/*=======//staff==============================================*/


/*==========================
      ボタン
=========================*/
.lp-button a {
  font-size: calc(26*(100vw/750));
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  padding: calc(25*(100vw/750)) calc(80.5*(100vw/750)) calc(25*(100vw/750));
  display: inline-block!important;
  color: #333333;
  border: 1px solid #8b8b8b;
  letter-spacing: 0.035em;
}

/*=======//ボタン==============================================*/



.ttl span {
          transition-delay: 1s;
}

.ttl.femi-logo span {
          transition-delay: 0;
}


.ttl2 span {
          transition-delay: 1.7s;
}



.ttl3 span {
          transition-delay: 2s;
}



/*=====//SPのみ==============================*/
}