@charset "utf-8";
/* CSS Document */

  /*******************
    LP style - toleety
    ********************/
  html , body {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  /* content
  --------------------------------------------------*/
  #toleety , #toleety-footer {
    font-size: 14px;
    font-size: 3.7333vw;
    font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color:#303030;
    line-height:1.5em;
  }
  @media screen and (min-width:750px){
    #toleety , #toleety-footer {
      font-size: 28px;
      max-width: 750px;
      margin: 0 auto;
    }
  }
  #toleety a , #toleety-footer a{
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
  }
  #toleety a:hover, #toleety-footer a:hover{
    text-decoration: underline;
  }
  #toleety span, #toleety-footer span {
    font-size: inherit;
    font-weight: inherit;
  }
  #toleety img ,
  #toleety-footer img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
  }
  #toleety img.img-t ,
  #toleety-footer img.img-t {
    vertical-align: top;
  }
  /* cart css reset */

  #toleety header ,
  #toleety h1 ,
  #toleety h2 ,
  #toleety h3 ,
  #toleety p ,
  #toleety section {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #toleety-footer footer ,
  #toleety-footer div,
  #toleety-footer p {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }
  #toleety-footer ul,
  #toleety-footer li {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    list-style: none;
  }
  /*----------------------------------------*/
  #toleety .box {
    position: relative;
    z-index: 3;
  }
  #toleety .box + .box {
    z-index: 2;
  }
  #toleety .animarea {
    position: relative;
    overflow: hidden;
  }
  #toleety .rakuten {
    position: relative;
  }
  #toleety .rakuten__up {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  #toleety .wagamama__text_01 {
    position: absolute;
    top: 3.7em;
    left: 4.3em;
    width: 17.5%;
  }

  #toleety .wagamama .wagamama__text_02 {
    position: absolute;
    top: 3.7em;
    left: 12.4em;
    width: 38%;
    transition-delay: .5s;
  }

  #toleety .charm_01_01_text_01 {
    position: absolute;
    top: 9.5em;
    left: 20em;
    width: 7.21%;
  }
  #toleety .charm .charm_01_01_text_02 {
    position: absolute;
    top: 9.5em;
    left: 17em;
    width: 8.8%;
    transition-delay: .5s;
  }
  #toleety .charm_02_01_text_01 {
    position: absolute;
    top: 10.5em;
    left: 20em;
    width: 9.34%;
  }
  #toleety .charm .charm_02_01_text_02 {
    position: absolute;
    top: 10.5em;
    left: 17em;
    width: 8.95%;
    transition-delay: .5s;
  }


  #toleety .keep__gif {
    position: absolute;
    top: 0;
    left: calc(20 / 750 * 100% );
    width: calc(710 / 750 * 100%);
  }
  #toleety .keep__arrow--01 {
    position: absolute;
    bottom: calc(66 / 530 * 100%);
    left: calc(115 / 750 * 100%);
    width: calc(213 / 750 * 100%);
    z-index: 3;
  }
  #toleety .keep__arrow--02 {
    position: absolute;
    bottom: calc(115 / 600 * 100%);
    left: calc(56 / 750 * 100%);
    width: calc(233 / 750 * 100%);
    z-index: 3;
  }

  #toleety .powernet__arrow--01 {
    position: absolute;
    top: calc(149 / 600 * 100%);
    left: calc(124 / 750 * 100%);
    width: calc(258 / 750 * 100%);
    z-index: 3;
  }
  #toleety .powernet__arrow--02 {
    position: absolute;
    top: calc(170 / 600 * 100%);
    right: calc(125 / 750 * 100%);
    width: calc(136 / 750 * 100%);
    z-index: 3;
  }
  #toleety .powernet__bal {
    position: absolute;
    top: calc(30 / 600 * 100%);
    left: calc(20 / 750 * 100%);
    width: calc(121 / 750 * 100%);
    z-index: 4;
  }
  #toleety .powernet__mp4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  #toleety .powernet__mp4size {
    position: relative;
    display: block;
    width: calc(640 / 750 * 100%);
    margin: 0 auto;
    padding-bottom: calc(360 / 750 * 100%);
    height: 0;
    overflow: hidden;
  }
  #toleety #player ,
  #toleety .powernet__mp4size video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #toleety #player {
    background: #f5f5f5;
  }

  #toleety .produce {
    display: block;
    margin: clamp(55px,calc(110 / 750 * 100%),110px) auto 0;
  }
  #toleety .produce__mp4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  #toleety .produce__mp4size {
    position: relative;
    display: block;
    width: calc(690 / 750 * 100%);
    margin: 0 auto;
    padding-bottom: calc(390 / 750 * 100%);
    height: 0;
    overflow: hidden;
  }
  #toleety .produce__mp4size video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #toleety .u-komi__box {
    display: block;
    box-sizing: border-box;
    padding: calc(10 / 750 * 100%);
    margin: 0 auto;
  }
  #toleety .total__counter {
    position: absolute;
    top: calc( 317 / 960 * 100%);
    left: calc( 29 / 750 * 100%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    z-index: 2;
  }
  #toleety .total__counter__reel {
    width: calc(82 / 750 * 100%);
    position: relative;
    height: 0;
    padding-bottom: calc(192 / 750 * 100%);
    background-position: top left;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  #toleety .total__counter__reel--01 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_01.png");
    width: calc(106 / 750 * 100%);
  }
  #toleety .total__counter__reel--02 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_02.png");
  }
  #toleety .total__counter__reel--03 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_03.png");
  }
  #toleety .total__counter__reel--comma {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_comma.png");
    width: calc(32 / 750 * 100%);
  }
  #toleety .total__counter__reel--04 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_04.png");
  }
  #toleety .total__counter__reel--05 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_05.png");
  }
  #toleety .total__counter__reel--06 {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_06.png");
  }
  #toleety .total__counter__reel--mai {
    background-image: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/countreel_mai.png");
    width: calc(106 / 750 * 100%);
  }

  #toleety .reel {
    display: block;
    animation-iteration-count: infinite;
    animation-timing-function: steps(10,start);
    animation-duration: 0.5s;
    animation-name: counterreel;
  }
  #toleety .reel--stop {
    display: block;
    animation-iteration-count:1;
    animation-timing-function: steps(10,start);
    animation-duration: 1.0s;
    animation-name: counterreel--stop0;
  }
  #toleety .reel--stop.total__counter__reel--01 {
    display: block;
    animation-iteration-count: 1;
    animation-timing-function: steps(7,start);
    animation-duration: 0.7s;
    animation-name: counterreel--stop7;
    animation-fill-mode: forwards;
  }
  @keyframes counterreel {
    0% {
      background-position: 0% 0%;
    }
    100% {
      background-position: 0% calc(100% - clamp(0px,calc(192 / 750 * 100vw),192px));
    }
  }

  @keyframes counterreel--stop0 {
    0% {
      background-position: 0% 0%;
    }
    50% {
      background-position: 0% calc(100% - clamp(0px,calc(192 / 750 * 100vw),192px));
    }
    51% {
      background-position: 0% 0%;
    }
    100% {
      background-position: 0% calc(100% - clamp(0px,calc(192 / 750 * 100vw),192px));
    }
  }

  @keyframes counterreel--stop7 {
    0% {
      background-position: 0% 0%;
    }
    100% {
      background-position: 0% calc(100% + clamp(0px,calc(384 / 750 * 100vw),372px));
    }
  }


  #toleety .total__counter__kirakira {
    position: absolute;
    top: calc( 317 / 960 * 100%);
    left: 0;
    width: 100%;
    z-index: 3;
  }

  /*-----------------------------------------*/
  #toleety .mb2 {
    margin-bottom: 2em;
  }
  #toleety .cta__box {
    position: relative;
    /*! margin: 0 auto ; */
  }

  #toleety .cta__text {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: calc(10 / 750 * 100%);
    text-align: center;
    font-size: clamp(12px,calc(24 / 750 * 100vw),24px);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.5em;
    color: #ea0434;
  }
  #toleety .cta .cta__text {
    padding-top: calc(40 / 750 * 100%);
  }
  #toleety .cta__btn {
    position: absolute;
    bottom: calc(4 / 400 * 100%);
    left: calc(123 / 750 * 100%);
    width: calc(534 / 750 * 100%);
  }
  #toleety .cta__box--recset .cta__btn {
    position: absolute;
    bottom: calc(12 / 472 * 100%);
  }
  #toleety .cta__box--att .cta__btn {
    bottom: calc(28 / 400 * 100%);
  }
  #toleety .cta__btn--single {
    position: absolute;
    bottom: calc(20 / 340 * 100%);
    left: calc(296 / 750 * 100%);
    width: calc(384 / 750 * 100%);
  }
  #toleety .cta__text + .cta__box {
    margin-top: calc(30 / 750 * 100%);
  }

  #toleety .cta__text + .cta__box--recset {
    margin-top: 0;
  }
  #toleety .bra-shorts {
    background: #ebeff9;
    box-sizing: border-box;
    padding-bottom: calc(90 / 750 * 100%);
  }
  #toleety .bra {
    background: #ffede9;
    box-sizing: border-box;
    padding-bottom: calc(90 / 750 * 100%);
  }


  /*-----------------------------------------*/
  #toleety .nayami__gh {
    position: absolute;
    top: calc(308 / 850 * 100%);
    left: calc(20 / 750 * 100%);
    width: calc(422 / 750 * 100%);
    z-index: 2;
  }
  #toleety .nayami__gh svg {
    width: 100%;
    display: block;
  }
  #toleety .nayami__text {
    position: absolute;
    top: calc(450 / 850 * 100%);
    right: calc(390 / 750 * 100%);
    width: calc(253 / 750 * 100%);
    z-index: 3;
  }
  #toleety .nayami__text__01 {
    position: absolute;
    top: 10.5em;
    right: 1em;
    width: 40.6%;
    z-index: 10;
    transition-delay: 1.5s;
  }
  #toleety .nayami__text__02 {
    position: absolute;
    top: 16.5em;
    right: 1em;
    width: 40.6%;
    z-index: 10;
    transition-delay: 3s;
  }
  #toleety .nayami__text__03 {
    position: absolute;
    top: 22.5em;
    right: 1em;
    width: 40.6%;
    z-index: 10;
    transition-delay: 4.5s;
  }
  #toleety .scene__ttl {
    position: absolute;
    top: calc(30 / 1110 * 100%);
    left: calc(90 / 750 * 100%);
    width: calc(570 / 750 * 100%);
    z-index: 3;
  }
  #toleety .scene__ttlbox {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #toleety .scene__ttlbox h2 {
    position: relative;
    z-index: 3;
  }
  #toleety .scene__ttlmarker {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #53608a;
    width: 100%;
    height: 0;
    padding-bottom: calc(100 / 570 * 100%);
    z-index: 2;
  }
  #toleety .scene__ttlmarker--01 {
    bottom: auto;
    top: 0;
    left: calc(50 / 570 * 100%);
    width: calc(470 / 570 * 100%);
  }
  #toleety .wagamama__text {
    position: absolute;
    top: calc(21 / 954 * 100%);
    left: calc(89 / 750 * 100%);
    width: calc(546 / 750 * 100%);
  }

  #toleety .wagamama__icon_01 {
    position: absolute;
    top: 10em;
    left: 0;
    width: 30.8%;
  }
  #toleety .wagamama__icon_02 {
    position: absolute;
    top: 6em;
    left: 7.5em;
    width: 38.4%;
    transition-delay: .2s;
  }
  #toleety .wagamama__icon_03 {
    position: absolute;
    top: 5.5em;
    left: 16.5em;
    width: 37.6%;
    transition-delay: .4s;
  }
  #toleety .wagamama__icon_04 {
    position: absolute;
    top: 19em;
    right: 0;
    width: 30.8%;
    transition-delay: .6s;
  }
  #toleety .wagamama__icon_05 {
    position: absolute;
    top: 23.5em;
    left: 9.3em;
    width: 38.3%;
    transition-delay: .8s;
  }
  #toleety .wagamama__icon_06 {
    position: absolute;
    top: 22em;
    left: 0;
    width: 37.8%;
    transition-delay: 1s;
  }
  #toleety .charm_01_13_test {
    position: absolute;
    top: 9em;
    left: 2em;
    width: 29%;
  }
  #toleety .rakuniutukushi_text_01 {
    position: absolute;
    top: 3.5em;
    left: 2em;
    width: 18.95%;
  }



  #toleety .charm__sttl {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%,0,0);
    width: 100%;
  }
  #toleety .charm__sttl--01 {
    width: calc(587 / 750 * 100%);
  }
  #toleety .charm__sttl--02 {
    width: calc(580 / 750 * 100%);
  }
  #toleety .charm__redarea--01 {
    position: absolute;
    top: calc(152 / 676 * 100%);
    right: calc(48 / 750 * 100%);
    width: calc(304 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm__redarea--02 {
    position: absolute;
    top: calc(296 / 620 * 100%);
    left: calc(35 / 750 * 100%);
    width: calc(355 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm__sttl--03 {
    width: calc(620 / 750 * 100%);
  }
  #toleety .charm__mp4 {
    position: absolute;
    bottom: 0 ;
    left: 0;
    width: 100%;
  }
  #toleety .charm__mp4item {
    position: relative;
    display: block;
    margin: 0 auto;
    height: 0;
    width: calc(600 / 750 * 100%);
    padding-bottom: calc(340 / 750 * 100%);
  }
  #toleety .charm__mp4item video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #toleety .charm__sttl--04 {
    width: calc(580 / 750 * 100%);
    bottom: calc(360 / 720 * 100%);
  }
  #toleety .charm__sttl--05 {
    width: calc(570 / 750 * 100%);
  }
  #toleety .charm02__arrow--01 {
    position: absolute;
    bottom: calc(37 / 560 * 100%);
    left: calc(112 / 750 * 100%);
    width: calc(213 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__arrow--02 {
    position: absolute;
    bottom: calc(107 / 620 * 100%);
    left: calc(57 / 750 * 100%);
    width: calc(213 / 750 * 100%);
    z-index: 2;
  }

  #toleety .charm__sttl--06 {
    width: calc(620 / 750 * 100%);
  }
  #toleety .charm02__arrow--03 {
    position: absolute;
    top: calc(192 / 470 * 100%);
    left: calc(130 / 750 * 100%);
    width: calc(256 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__arrow--04 {
    position: absolute;
    top: calc(320 / 470 * 100%);
    left: calc(160 / 750 * 100%);
    width: calc(181 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm__sttl--07 {
    width: calc(600 / 750 * 100%);
  }

  #toleety .charm02__arrow--05 {
    position: absolute;
    top: calc(162 / 460 * 100%);
    left: calc(60 / 750 * 100%);
    width: calc(77 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__arrow--06 {
    position: absolute;
    top: calc(162 / 460 * 100%);
    left: calc(300 / 750 * 100%);
    width: calc(78 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__redarea--01 {
    position: absolute;
    top: calc(209 / 460 * 100%);
    left: calc(90 / 750 * 100%);
    width: calc(268 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm__sttl--08 {
    width: calc(604 / 750 * 100%);
  }
  #toleety .charm02__redarea--02 {
    position: absolute;
    top: calc(303 / 470 * 100%);
    left: calc(165 / 750 * 100%);
    width: calc(207 / 750 * 100%);
    z-index: 2;
  }

  #toleety .structure__ba {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 calc(90 / 750 * 100%);
    width: 100%;
  }
  #toleety .structure__ba--02 {
    top: calc(310 / 812 * 100%);
  }
  #toleety .structure__ba img {
    width: auto;
    height: auto;
    margin-left: 0;
  }
  #toleety .structure__ba:after {
    content: "";
    display: block;
    background: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/ba_bg.png") no-repeat bottom right;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: calc(570 / 750 * 100%);
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-48.5%,3%,0);
  }
  #toleety .cocoen--ba {
    z-index: 3;
    position: relative;
  }

  #toleety .charm02__text--01 {
    position: absolute;
    top: calc(105 / 730 * 100%);
    left: calc(57 / 750 * 100%);
    width: calc(250 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__text--01 p {
    position: relative;
    z-index: 3;
  }
  #toleety .charm02__text--02 p {
    position: relative;
    z-index: 3;
  }
  #toleety .charm02__text--02 {
    position: absolute;
    top: calc(105 / 730 * 100%);
    right: calc(60 / 750 * 100%);
    width: calc(280 / 750 * 100%);
    z-index: 2;
  }
  #toleety .charm02__text--01 .charm02__marker--01 {
    position: absolute;
    top: 0;
    left: calc(40 / 250 * 100%);
    width: calc(170 / 250 * 100%);
    height: 0;
    padding-bottom: calc(70 / 250 * 100%);
    background: #d74828;
    display: block;
    z-index: 1;
  }
  #toleety .charm02__text--01 .charm02__marker--02 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: calc(70 / 250 * 100%);
    background: #d74828;
    display: block;
    z-index: 1;
    transition-delay: .2s;
  }
  #toleety .charm02__text--02 .charm02__marker--01 {
    position: absolute;
    top: calc(4 / 280 * 100%);
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: calc(70 / 280 * 100%);
    background: #d74828;
    display: block;
    z-index: 1;
  }
  #toleety .charm02__text--02 .charm02__marker--02 {
    position: absolute;
    bottom: 0;
    left: calc(70 / 280 * 100%);
    width: calc(140 / 280 * 100%);
    height: 0;
    padding-bottom: calc(70 / 280 * 100%);
    background: #d74828;
    display: block;
    z-index: 1;
    transition-delay: .2s;
  }

  #toleety .staff {
    margin: 0 auto;
  }
  #toleety .staff__box {
    position: relative;
  }
  #toleety .staff_text_01 {
    position: absolute;
    top: 2em;
    left: 1em;
    width: 46.9%;
  }
  #toleety .staff_text_02 {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 48.5%;
    transition-delay: .3s;
  }
  #toleety .staff .box:after{
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    background: #fefdde;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #toleety .staff__slider {
    z-index: 3;
    position: relative;
  }
  #toleety .staff__slider__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    gap: clamp(10px,calc(20 / 750 * 100vw),20px);
    margin: calc(20 / 750 * 100%) auto calc(40 / 750 * 100%);
  }
  #toleety .staff__slider__select select {
    font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
    padding: .5em;
    color: #3f3f3f;
    border: 1px solid #ACACAC;
    border-radius: .3em;
    text-align: center;
  }
  #toleety .staff__slider .item {
    box-sizing: border-box;
    padding: 0 clamp(25px,calc(50 / 750 * 100vw),50px);
  }
  #toleety .staff__slider .slick-prev {
    background: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/staff_nav_l.png");
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: clamp(25px,calc(50 / 750 * 100vw),50px);
    width: clamp(20px,calc(40 / 750 * 100vw),40px);
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0,-50%,0);
    z-index: 10;
  }
  #toleety .staff__item--empty {
    text-align: center;
    font-size: 0.92em;
    padding: 1em 0;
    box-sizing: border-box;
  }
  #toleety .staff__slider .slick-next {
    background: url("https://d2w53g1q050m78.cloudfront.net/toleetycom/uploads/img/lp/20260424/staff_nav_r.png");
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: clamp(25px,calc(50 / 750 * 100vw),50px);
    width: clamp(20px,calc(40 / 750 * 100vw),40px);
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0,-50%,0);
    z-index: 10;
  }

  #toleety .staff__slider .slick-disabled {
    visibility: hidden;
  }
  #toleety .staff__slider .slick-num {
    text-align: center;
  }

  #toleety .faq {
    background: #e9edf3;
    box-sizing: border-box;
    padding: calc(60 / 750 * 100%) calc(20 / 750 * 100%) calc(60 / 750 * 100%);
  }
  #toleety .faq__ttl {
    width: calc( 360 / 710 * 100%);
    margin: 0 auto;
  }
  #toleety .faq__item {
    display: block;
    margin: calc(40 / 710 * 100%) auto;
  }
  #toleety .faq__item--q {
    cursor: pointer;
    display: block;
    position: relative;
    margin: 0 auto;
  }
  #toleety .faq__item--q:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0.8em;
    transition: all .5s ease;
    transform: rotate(0deg);
    opacity: 1;
  }
  #toleety .faq__item--q:after {
    content: "";
    display: block;
    width: 1.2em;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0.8em;
    transition: all .5s ease;
    transform: rotate(90deg);
    opacity: 1;
  }
  #toleety .faq__item--open.faq__item--q:before {
    content: "";
    transform: rotate(90deg);
    opacity: 0;
  }
  #toleety .faq__item--open.faq__item--q:after {
    content: "";
    transform: rotate(180deg);
    opacity: 1;
  }

  #toleety .tel {
    width: calc(700 / 750 * 100%);
    margin: calc(40 / 750 * 100%) auto;
  }

  #toleety .voice__box {
    position: relative;
  }
  #toleety .voice__box__text_01 {
    position: absolute;
    top: 4em;
    left: 2.5em;
    width: 39.4%;
  }
  #toleety .voice__box__text_02 {
    position: absolute;
    top: 3.8em;
    right: 2.5em;
    width: 46.1%;
  }
  #toleety .voice__box__text_03 {
    position: absolute;
    top: 3.7em;
    left: 2.5em;
    width: 45.8%;
  }
  /*---------------------------*/

  #toleety .product {
    margin: 0 auto;
    position: relative;
  }
  #toleety .product__ttl {
    margin: calc(30 / 750 * 100%) auto calc(30 / 750 * 100%);
    position: relative;
    width: calc(690 / 750 * 100%);
    padding: 0;
  }
  #toleety .product__box {
    box-sizing: border-box;
    position: relative;
    width: calc(690 / 750 * 100%);
    z-index: 2;
    margin: 0 auto 0;
    padding: 0;
  }
  #toleety .product__box dt {
    text-align: center;
    position: relative;
    margin: 1em auto;
    padding: 0;
  }
  #toleety .product__box dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d83a15;
    z-index: 1;
  }
  #toleety .product__box dt span {
    color: #d83a15;
    font-size: calc(26 / 28 * 1em);
    font-weight: 500;
    background: #fff;
    display: inline-block;
    padding: 0 0.5em;
    z-index: 2;
    position: relative;
  }

  #toleety .product__box dd {
    padding: 0;
    position: relative;
    text-align: center;
    margin: 0 auto;
  }
  #toleety .product__box p {
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    font-size: calc(24 / 28 * 1em);
    line-height: calc(40 / 24 * 1em);
  }
  #toleety .product__box .text--indent {
    text-align: left;
    box-sizing: border-box;
    padding-left: 1em;
    text-indent: -1em;
  }
  #toleety .sizetable {
    display: block;
    margin: 0 auto 1em;
    width: calc(650 / 690 * 100%);
  }
  #toleety .product__box .cta__text {
    margin: 1em auto;
  }
  #toleety #gotop {
    position: relative;
    display: block;
    cursor: pointer;
    width: calc(100 / 750 * 100%);
    margin: calc(60 / 750 * 100%) calc(20 / 750 * 100%) calc(20 / 750 * 100%) auto;
  }





  /*----------------------------------------*/
  /*---------------------------------------------*/
  .mfp-bg {
    background: #4d4d4d;
    opacity: 0.5;
  }
  .mfp-auto-cursor .mfp-content {
    background: #fff;
    max-width: 720px;
    width: calc(720 / 750 * 100%);
    margin: 0 auto;
  }
  .cancel_modal {
    margin: 0 auto;
  }
  .cancel_modal div {
    margin: 0 auto;
    display: block;
    padding: 0;
  }
  .cancel_modal .modal__box {
    max-height: 90svh;
  }
  .cancel_modal img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .mfp-close-btn-in .mfp-close {
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    line-height: 1em;
  }
  .simplebar-track.simplebar-vertical {
    width: 6px;
  }
  .simplebar-track {
    right: clamp(0px,calc(10 / 720 * 100%), 10px);
  }
  .cancel_modal .simplebar-scrollbar {
    background: transparent;
  }
  .simplebar-scrollbar.simplebar-visible:before {
    background: #afafaf;
    opacity: 1;
  }
  .cancel_modal .modal__box .red a {
    color: #f00;
  }
  .cancel_modal .modal__dl {
    color: #474048;
    border: 1px solid #1e170f;
    box-sizing: border-box;
    width: calc(670 / 720 * 100%);
    margin: calc(30 / 720 * 100%) auto;
    box-sizing: border-box;
    padding: calc(30 / 670 * 100%);
  }
  .cancel_modal .modal__dl dt {
    border-bottom: 1px solid;
    font-size: calc(22 / 28 * 1em);
    line-height: calc(56 / 24 / 1em);
  }
  .cancel_modal .modal__dl dd {
    box-sizing: border-box;
    padding: 0;
    font-size: calc(18 / 28 * 1em);
    line-height: calc(28 / 18 / 1em);
    margin: 0 auto;
  }
  /*---------------------------*/
  /*-------------------------------------------
  form
  -----------------------------------------------*/
  #formarea {
    box-sizing: border-box;
    width: 100%;
    margin: 1em auto;
    padding: 0;
  }


  /*-------------------------------------------
  footer
  -----------------------------------------------*/
  #toleety-footer {
    position: relative;
    display: block;
    margin: calc(60 / 750 * 100%) auto 0;
    background: #53608a;
    color: #fff;
    box-sizing: border-box;
    padding: calc(30 / 750 * 100%) 0 0;
  }
  #toleety-footer .footer__logo {
    width: calc(270 / 750 * 100%);
    display: block;
    margin: calc(40 / 750 * 100%) auto;
  }
  #toleety-footer .footer__link {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    gap:clamp(15px,calc(30 / 750 * 100vw),30px) clamp(30px,calc(60 / 750 * 100vw),60px);
    width: calc(500 / 750 * 100%);
  }
  #toleety-footer li {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    letter-spacing: 0.06em;
    font-weight: 400;
  }
  #toleety-footer .footer__linkicon {
    width: clamp(20px,calc(40 / 750 * 100vw),40px);
    display: inline-block;
  }
  #toleety-footer .footer__sns {
    margin: calc(35 / 750 * 100%) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    gap: clamp(10px,calc(20 / 750 * 100vw),20px);
  }
  #toleety-footer .footer__snsicon {
    display: block;
    margin: 0;
    width: calc(50 / 750 * 100%);
  }
  #toleety-footer .footer__nav {
    margin: calc(80 / 750 * 100%) auto calc(50 / 750 * 100%);
    text-align: center;
  }
  #toleety-footer .footer__nav li {
    margin: calc(20 / 750 * 100%) auto;
  }
  #toleety-footer #copy {
    background: #3f3f3f;
    text-align: center;
    font-size: calc(18 / 28 * 1em);
    box-sizing: border-box;
    padding: 1em 0;
  }
  /*-------------------------------------------
  animation
  -----------------------------------------------*/
  #toleety .fadein {
    display: block;
    opacity: 1;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  #toleety .animhide .fadein {
    display: block;
    opacity: 0;
    -webkit-transform:translate3d(0,3em,0);
    -ms-transform: translate3d(0,3em,0);
    -o-transform: translate3d(0,3em,0);
    transform: translate3d(0,3em,0);
    -webkit-filter: blur(0.5em);
    -o-filter: blur(0.5em);
    filter: blur(0.5em);
  }

  #toleety .slideleft {
    display: block;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    opacity: 1;
  }
  #toleety .animhide .slideleft {
    display: block;
    -webkit-transform: translate3d(-50%,0,0);
    -ms-transform: translate3d(-50%,0,0);
    -o-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    opacity: 0;
  }

  #toleety .slideright {
    display: block;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    opacity: 1;
  }
  #toleety .animhide .slideright {
    display: block;
    -webkit-transform: translate3d(50%,0,0);
    -ms-transform: translate3d(50%,0,0);
    -o-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    opacity: 0;
  }

  #toleety .fadein-up {
    display: block;
    opacity: 1;

    transform: scale(1);
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  #toleety .animhide .fadein-up {
    display: block;
    opacity: 0;
    transform: scale(.2);
  }



  #toleety .arrow--cb {
    display: block;
    animation: arrow--cb 1.6s infinite ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  @keyframes arrow--cb {
    0% {
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
      opacity: 0;
    }
    20% {
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
      opacity: 1;
    }
    60% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    80% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 0;
    }
  }

  #toleety .arrow--lr {
    display: block;
    animation: arrow--lr 1.6s infinite ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  @keyframes arrow--lr {
    0% {
      clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
      opacity: 0;
    }
    20% {
      clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
      opacity: 1;
    }
    60% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    80% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 0;
    }
  }
  #toleety .arrow--rl {
    display: block;
    animation: arrow--rl 1.6s infinite ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  @keyframes arrow--rl {
    0% {
      clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
      opacity: 0;
    }
    20% {
      clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
      opacity: 1;
    }
    60% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    80% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 1;
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      opacity: 0;
    }
  }


  #toleety .blink {
    display: block;
    animation: blink 1.8s infinite linear;
  }

  @keyframes blink {
    0% {
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }


  #toleety .marker {
    display: block;
    transition: all .5s ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  #toleety .animhide .marker {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
  }

  #toleety .marker-down {
    display: block;
    transition: all .5s ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  #toleety .animhide .marker-down {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  }


  /* shine */
  .shine{
    position: relative;
    overflow: hidden;
  }
  .shine:before {
    content: "";
    width: 200%;
    height: 200%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
    position: absolute;
    top: -50%;
    left: -50%;
    -webkit-animation-name: shine;
    -moz-animation-name: shine;
    -o-animation-name: shine;
    animation-name: shine;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  @-webkit-keyframes shine {
    from, 0% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
    20% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
      transform: translate3d( 100%, 0, 0) rotate(45deg);
      opacity: 1;
    }
    80% {
      -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
      transform: translate3d( 100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
    to, 100% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
  }
  @keyframes shine {
    from, 0% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
    20% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
      transform: translate3d( 100%, 0, 0) rotate(45deg);
      opacity: 1;
    }
    80% {
      -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
      transform: translate3d( 100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
    to, 100% {
      -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
      -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
      transform: translate3d( -100%, 0, 0) rotate(45deg);
      opacity: 0;
    }
  }


  /* expand */
  .expand {
    -webkit-animation-name: expand;
    -moz-animation-name: expand;
    -o-animation-name: expand;
    animation-name: expand;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  @-webkit-keyframes expand {
    from, 0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to, 100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes expand {
    from, 0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to, 100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }