@charset "UTF-8";
@font-face{
  font-family:"GenJyu";
  src:url("../font/GenJyuuGothic-Regular.woff") format("truetype");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:"GenJyu";
  src:url("../font/GenJyuuGothic-Medium.woff") format("truetype");
  font-weight:500;
  font-style:normal;
}
@font-face{
  font-family:"GenJyu";
  src:url("../font/GenJyuuGothic-Bold.woff") format("truetype");
  font-weight:700;
  font-style:normal;
}
@font-face{
  font-family:"GenJyu";
  src:url("../font/GenJyuuGothic-Heavy.woff") format("truetype");
  font-weight:900;
  font-style:normal;
}

.page-trial{
  margin:0;
  padding-top:0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial{
    font-size:0.92625em;
    display:flex;
    height:100vh;
    justify-content:center;
    align-items:center;
    background:#e8f8da;
    overflow:hidden;
    gap:27px;
  }
}

.page-trial a,
.page-trial button{
  transition:all 0.4s ease;
}

.page-trial a:hover,
.page-trial button:hover{
  opacity:0.6;
}

.page-trial .mainContents *{
  color:#222;
  letter-spacing:0.03em;
}

.page-trial .mainContents img{
  width:100%;
}

.page-trial .l-pcLeft{
  display:none;
}
@media screen and (min-width: 768px){

  .page-trial .l-pcLeft{
    display:flex;
    width:33%;
    justify-content:center;
    align-items:center;
    padding:0 1em;
  }
}

.page-trial .l-pcRight{
  display:none;
}
@media screen and (min-width: 768px){

  .page-trial .l-pcRight{
    width:33%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 1em;
  }

  .page-trial .l-pcRight__img{
    max-width:19.8611111111%;
  }
}
@media screen and (min-width: 768px){

  .page-trial .l-frame{
    min-width:485px;
    width:485px;
    height:90%;
    border-radius:50px;
    border:25px solid #fff;
    background:#fff;
    overflow:hidden;
    margin:auto;
  }
}

.page-trial .l-frame__inner{
  overflow:visible;
}
@media screen and (min-width: 768px){

  .page-trial .l-frame__inner{
    height:100%;
    overflow-y:auto;
  }
}
@media screen and (min-width: 768px){

  .page-trial .l-frame__inner::-webkit-scrollbar{
    display:none;
    -ms-overflow-style:none;
    scrollbar-width:none;
    overflow:-moz-scrollbars-none;
    -moz-appearance:none;
    -webkit-appearance:none;
            appearance:none;
  }
}

.page-trial .l-inner{
  width:92vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .l-inner{
    width:393px;
  }
}

.page-trial .p-trialHeader{
  position:relative;
  z-index:1;
}

.page-trial .p-trialHeader__logo{
  position:absolute;
  left:0;
  top:0;
  width:38.1333333333vw;
  padding:2.1333333333vw 4.2666666667vw;
  border-radius:0 0 6.6666666667vw 0;
  background:#fff;
}
@media screen and (min-width: 768px){

  .page-trial .p-trialHeader__logo{
    width:163px;
    padding:9px 18px;
    border-radius:0 0 29px 0;
    background:#fff;
  }
}

.page-trial .p-trialHeader__icon{
  position:absolute;
  width:30.1333333333vw;
  top:2.1333333333vw;
  right:2.1333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-trialHeader__icon{
    width:129px;
    top:9px;
    right:9px;
  }

  .page-trial .p-trialHeader__icon img{
    width:100%;
    max-width:unset;
  }
}

.page-trial .p-mainVisual{
  position:relative;
}

.page-trial .p-mainVisual__img{
  padding-bottom:38.9333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-mainVisual__img{
    padding-bottom:166px;
  }
}

.page-trial .p-mainVisual__text{
  width:52.5333333333vw;
  color:#5bb647;
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:1;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:78.9333333333vw;
  left:50%;
  transform:translateX(-50%);
  border-radius:4.8vw;
  padding:2.6666666667vw 4.2666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-mainVisual__text{
    width:225px;
    font-size:18px;
    top:337px;
    border-radius:21px;
    padding:11px 18px;
  }
}

.page-trial .p-mainVisual__text::before{
  content:"";
  background:url(../images/trial/peppy01.webp) no-repeat center/contain;
  width:38.9333333333vw;
  height:13.8666666667vw;
  position:absolute;
  bottom:7.4666666667vw;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-mainVisual__text::before{
    width:166px;
    height:59px;
    bottom:32px;
  }
}

.page-trial .p-mainVisual__title{
  width:85.0666666667vw;
  position:absolute;
  top:96.8vw;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-mainVisual__title{
    width:364px;
    top:414px;
  }
}

.page-trial .p-springCta{
  background:#fbff7e;
}

.page-trial .p-springCta__inner{
  padding:8vw 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__inner{
    padding:34px 0;
  }
}

.page-trial .p-springCta__text{
  width:-moz-fit-content;
  width:fit-content;
  color:#5bb647;
  font-size:3.7333333333vw;
  font-weight:700;
  line-height:1;
  padding:2.1333333333vw 2.6666666667vw;
  border-radius:4.2666666667vw;
  background:#fff;
  position:relative;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__text{
    font-size:16px;
    padding:9px 11px;
    border-radius:18px;
  }
}

.page-trial .p-springCta__text span{
  color:#f74e8c;
  font-weight:700;
}

.page-trial .p-springCta__text::before{
  content:"";
  background:url(../images/trial/02_01_3x.webp) no-repeat center/contain;
  width:28.2666666667vw;
  height:21.0666666667vw;
  position:absolute;
  left:50%;
  bottom:100%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__text::before{
    width:121px;
    height:90px;
  }
}

.page-trial .p-springCta__text::after{
  content:"";
  background:url(../images/trial/02_parts01.svg) no-repeat center/contain;
  width:2.1333333333vw;
  height:1.8666666667vw;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__text::after{
    width:9px;
    height:8px;
  }
}

.page-trial .p-springCta__btn{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.1333333333vw;
  width:80vw;
  height:17.0666666667vw;
  border-radius:2.6666666667vw;
  background:url(../images/bg-red.png) center no-repeat;
  box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  margin:4.5333333333vw auto 0;
  position:relative;
  animation:swell 4s ease-out infinite;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__btn{
    gap:9px;
    border-radius:11px;
    width:342px;
    height:73px;
    margin-top:19px;
  }
}

.page-trial .p-springCta__btnIcon1{
  width:5.6565333333vw;
  padding-top:1.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__btnIcon1{
    width:24px;
    padding-top:6px;
  }
}

.page-trial .p-springCta__btnIcon2{
  position:absolute;
  width:4.8vw;
  right:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__btnIcon2{
    width:21px;
    right:11px;
  }
}

.page-trial .p-springCta__btnText{
  color:#fff;
  font-size:4vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0.05em;
}
@media screen and (min-width: 768px){

  .page-trial .p-springCta__btnText{
    font-size:17px;
  }
}

.page-trial .p-info{
  background:#e8f8da;
  margin-top:29.3333333333vw;
  margin-bottom:29.3333333333vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-info{
    margin-top:125px;
    margin-bottom:125px;
  }
}

.page-trial .p-info::before{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts01_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  bottom:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-info::before{
    height:76px;
  }
}

.page-trial .p-info::after{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts09_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  top:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-info::after{
    height:76px;
  }
}

.page-trial .p-info__inner{
  width:89.3333333333vw;
  padding:2.6666666667vw 0 8vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__inner{
    width:382px;
    padding:11px 0 34px;
  }
}

.page-trial .p-info__title{
  width:76.8vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__title{
    width:328px;
  }
}

.page-trial .p-info__img{
  width:53.3333333333vw;
  margin:13.3333333333vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__img{
    width:228px;
    margin-top:57px;
  }
}

.page-trial .p-info__desc{
  font-size:4vw;
  font-weight:500;
  line-height:160%;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__desc{
    font-size:17px;
    margin-top:11px;
  }
}

.page-trial .p-info__note{
  display:block;
  text-align:right;
  font-size:3.2vw;
  font-weight:500;
  line-height:160%;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__note{
    font-size:14px;
  }
}

.page-trial .p-info__point{
  width:38.4vw;
  margin:13.3333333333vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__point{
    width:164px;
    margin-top:57px;
  }
}

.page-trial .p-info__list{
  display:flex;
  flex-direction:column;
  gap:6.4vw;
  margin-top:8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__list{
    gap:27px;
    margin-top:34px;
  }
}

.page-trial .p-info__item{
  position:relative;
}

.page-trial .p-info__item::before{
  content:"";
  width:7.2vw;
  height:9.3333333333vw;
  position:absolute;
  top:-1.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__item::before{
    width:31px;
    height:40px;
    top:-6px;
  }
}

.page-trial .p-info__item--item1::before{
  content:"";
  background:url(../images/trial/03_point1_3x.webp) no-repeat center/contain;
  right:16vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__item--item1::before{
    right:68px;
  }
}

.page-trial .p-info__item--item2::before{
  content:"";
  background:url(../images/trial/03_point2_3x.webp) no-repeat center/contain;
  left:16vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__item--item2::before{
    left:68px;
  }
}

.page-trial .p-info__item--item3::before{
  content:"";
  background:url(../images/trial/03_point3_3x.webp) no-repeat center/contain;
  right:16vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__item--item3::before{
    right:68px;
  }
}

.page-trial .p-info__item--item4::before{
  content:"";
  background:url(../images/trial/03_point4_3x.webp) no-repeat center/contain;
  left:16vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__item--item4::before{
    left:68px;
  }
}

.page-trial .p-info__itemTitle{
  text-align:center;
  color:#5bb647;
  font-size:3.2vw;
  font-weight:700;
  line-height:1;
  width:22.1333333333vw;
  height:5.3333333333vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemTitle{
    width:95px;
    height:23px;
    font-size:14px;
  }
}

.page-trial .p-info__itemTitle span{
  color:#5bb647;
  font-family:"GenJyu", sans-serif;
  font-size:4.8vw;
  font-weight:700;
  line-height:1;
  margin-left:0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemTitle span{
    font-size:21px;
    margin-left:2px;
  }
}

.page-trial .p-info__itemTitle::before{
  content:"";
  background:url(../images/trial/03_parts08.svg) no-repeat center/contain;
  width:1.6vw;
  height:5.3333333333vw;
  position:absolute;
  top:0;
  left:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemTitle::before{
    width:7px;
    height:23px;
  }
}

.page-trial .p-info__itemTitle::after{
  content:"";
  background:url(../images/trial/03_parts07.svg) no-repeat center/contain;
  width:1.6vw;
  height:5.3333333333vw;
  position:absolute;
  top:0;
  right:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemTitle::after{
    width:7px;
    height:23px;
  }
}

.page-trial .p-info__itemBox{
  background:#fff;
  border-radius:5.3333333333vw;
  padding:6.4vw 0;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemBox{
    border-radius:23px;
    padding:27px 0;
    margin-top:11px;
  }
}

.page-trial .p-info__itemText{
  text-align:center;
  font-size:3.7333333333vw;
  font-weight:500;
  line-height:1;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemText{
    font-size:16px;
  }
}

.page-trial .p-info__itemText strong{
  display:block;
  margin-top:3.2vw;
  text-align:center;
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:1;
}
@media screen and (min-width: 768px){

  .page-trial .p-info__itemText strong{
    margin-top:14px;
    font-size:18px;
  }
}

.page-trial .p-info__itemText span{
  color:#5bb647;
  font-weight:700;
}

.page-trial .p-spring__inner{
  background:#ffef93;
  border-radius:5.3333333333vw;
  padding:4vw 4vw 8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__inner{
    border-radius:23px;
    padding:17px 17px 34px;
  }
}

.page-trial .p-spring__img{
  width:100%;
  margin-bottom:4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__img{
    margin-bottom:17px;
  }
}

.page-trial .p-spring__noteTtl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  font-size:3.4666666667vw;
  font-weight:500;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteTtl{
    cursor:pointer;
    font-size:15px;
  }
}

.page-trial .p-spring__noteTtl span{
  width:5.4666666667vw;
  height:5.4666666667vw;
  border-radius:5.4666666667vw;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  background:#ff64ac;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteTtl span{
    width:23px;
    height:23px;
    border-radius:23px;
  }
}

.page-trial .p-spring__noteTtl span::before, .page-trial .p-spring__noteTtl span::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  height:1.523px;
  width:10.66px;
  background-color:#fff;
  transition:all 0.3s ease;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteTtl span::before, .page-trial .p-spring__noteTtl span::after{
    height:2px;
    width:12px;
  }
}

.page-trial .p-spring__noteTtl span::before{
  opacity:1;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%) rotate(-90deg);
}

.page-trial .p-spring__noteTtl.is-active span::before{
  transform:translate(-50%, -50%) rotate(0deg);
}

.page-trial .p-spring__noteTtl.is-active span::after{
  transform:translate(-50%, -50%) rotate(180deg);
}

.page-trial .p-spring__noteTtl.is-active + .p-spring__noteBox{
  max-height:800vw;
  transition:all 0.5s ease;
  margin-top:8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteTtl.is-active + .p-spring__noteBox{
    max-height:1000px;
    margin-top:34px;
  }
}

.page-trial .p-spring__noteBox{
  max-height:0;
  overflow:hidden;
  transition:all 0.5s ease;
}

.page-trial .p-spring__noteBox dt{
  font-size:3.4666666667vw;
  font-weight:500;
  line-height:1;
  padding-bottom:2.6666666667vw;
  margin-bottom:2.6666666667vw;
  border-bottom:1px solid #fff;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteBox dt{
    font-size:15px;
    padding-bottom:11px;
    margin-bottom:11px;
  }
}

.page-trial .p-spring__noteBox dd{
  font-size:3.4666666667vw;
  font-weight:400;
  line-height:180%;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteBox dd{
    font-size:15px;
  }
}

.page-trial .p-spring__noteCta{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3.2vw;
  width:65.0666666667vw;
  border-radius:26.6666666667vw;
  border:1px solid #e54a7a;
  background:#fff;
  padding:3.2vw 8.5333333333vw;
  margin:8vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteCta{
    width:278px;
    gap:14px;
    border-radius:114px;
    padding:14px 36px;
    margin-top:34px;
  }
}

.page-trial .p-spring__noteCta::after{
  content:"";
  display:block;
  width:3.2vw;
  height:6.6666666667vw;
  background:url(../images/trial/arrow_pink.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteCta::after{
    width:14px;
    height:29px;
  }
}

.page-trial .p-spring__noteCtaTxt{
  width:41.0666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteCtaTxt{
    width:176px;
  }
}

.page-trial .p-spring__noteCtaTxt span{
  display:block;
  text-align:center;
  color:#e54a7a;
  font-family:"GenJyu", sans-serif;
  font-size:3.7333333333vw;
  font-weight:700;
  line-height:130%;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-spring__noteCtaTxt span{
    font-size:16px;
  }
}

.page-trial .p-point{
  background:#e8f8da;
  padding:2.6666666667vw 0 8vw;
  position:relative;
  margin:29.3333333333vw 0 16vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point{
    padding:11px 0 34px;
    margin:125px 0 72px;
  }
}

.page-trial .p-point::before{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/06_parts01_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  bottom:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-point::before{
    height:76px;
  }
}

.page-trial .p-point::after{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts09_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  top:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-point::after{
    top:calc(100% - 2px);
    height:76px;
  }
}

.page-trial .p-point__inner{
  width:89.3333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__inner{
    width:382px;
  }
}

.page-trial .p-point__title{
  width:45.3333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__title{
    width:194px;
  }
}

.page-trial .p-point__list{
  display:flex;
  flex-direction:column;
  gap:10.6666666667vw;
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__list{
    gap:46px;
    margin-top:57px;
  }
}

.page-trial .p-point__item{
  background:#fff;
  border-radius:5.3333333333vw;
  padding:10.6666666667vw 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item{
    gap:27px;
    border-radius:23px;
    padding:46px 0;
  }
}

.page-trial .p-point__item::before, .page-trial .p-point__item::after{
  content:"";
  width:5.3333333333vw;
  height:5.3333333333vw;
  position:absolute;
  top:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item::before, .page-trial .p-point__item::after{
    width:23px;
    height:23px;
    top:-2px;
  }
}

.page-trial .p-point__item::before{
  background:url(../images/trial/06_01.svg) no-repeat center/contain;
  left:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item::before{
    left:-2px;
  }
}

.page-trial .p-point__item::after{
  background:url(../images/trial/06_02.svg) no-repeat center/contain;
  right:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item::after{
    right:-2px;
  }
}

.page-trial .p-point__item__inner{
  display:flex;
  flex-direction:column;
  gap:6.4vw;
  padding:0 6.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__inner{
    gap:24px;
    padding:0 25px;
  }
}

.page-trial .p-point__item__inner::before, .page-trial .p-point__item__inner::after{
  content:"";
  width:5.3333333333vw;
  height:5.3333333333vw;
  position:absolute;
  bottom:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__inner::before, .page-trial .p-point__item__inner::after{
    width:23px;
    height:23px;
    bottom:-2px;
  }
}

.page-trial .p-point__item__inner::before{
  background:url(../images/trial/06_03.svg) no-repeat center/contain;
  left:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__inner::before{
    left:-2px;
  }
}

.page-trial .p-point__item__inner::after{
  background:url(../images/trial/06_04.svg) no-repeat center/contain;
  right:-0.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__inner::after{
    right:-2px;
  }
}

.page-trial .p-point__item__header{
  width:22.1333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__header{
    width:95px;
  }
}

.page-trial .p-point__item__title{
  font-size:3.7333333333vw;
  font-weight:500;
  line-height:1;
  display:flex;
  flex-direction:column;
  text-align:center;
  width:100%;
  gap:3.2vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__title{
    font-size:16px;
    gap:14px;
  }
}

.page-trial .p-point__item__title > span{
  display:block;
  text-align:center;
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__title > span{
    font-size:18px;
  }
}

.page-trial .p-point__item__title > span > span{
  font-weight:700;
  color:#5bb647;
}

.page-trial .p-point__item__img{
  width:100%;
  margin:0 auto;
}

.page-trial .p-point__item__desc{
  font-size:3.7333333333vw;
  font-weight:400;
  line-height:210%;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__desc{
    font-size:16px;
  }
}

.page-trial .p-point__item__desc span{
  background:#fbff7e;
}

.page-trial .p-point__item__btn{
  display:block;
  width:39.7333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__btn{
    cursor:pointer;
    width:170px;
  }
}

.page-trial .p-point__item__event{
  display:flex;
  flex-direction:column;
  gap:4.2666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__event{
    gap:18px;
  }
}

.page-trial .p-point__item__eventTitle{
  width:29.6vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__eventTitle{
    width:127px;
  }
}

.page-trial .p-point__item__eventList{
  display:flex;
  flex-direction:column;
  gap:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__eventList{
    gap:11px;
  }
}

.page-trial .p-point__item__eventList > li{
  position:relative;
  font-size:3.4666666667vw;
  font-weight:400;
  line-height:160%;
  position:relative;
  padding-left:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__eventList > li{
    font-size:15px;
    padding-left:11px;
  }
}

.page-trial .p-point__item__eventList > li::before{
  content:"";
  width:1.6vw;
  height:1.6vw;
  border-radius:50%;
  background:#5bb647;
  display:block;
  position:absolute;
  top:2vw;
  left:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-point__item__eventList > li::before{
    width:7px;
    height:7px;
    top:9px;
  }
}

.page-trial .p-episode{
  position:relative;
}

.page-trial .p-episode__inner{
  padding:5.3333333333vw 0 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__inner{
    padding-top:23px;
  }
}

.page-trial .p-episode__title{
  width:76.8vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__title{
    width:328px;
  }
}

.page-trial .p-episode__cont{
  margin-top:13.3333333333vw;
  width:100%;
  overflow:hidden;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cont{
    margin-top:57px;
  }
}

.page-trial .p-episode__swiper{
  max-width:none;
  overflow:visible !important;
}

.page-trial .p-episode .swiper-slide{
  transition:transform 0.3s, opacity 0.3s;
  opacity:0.5;
  display:flex;
  justify-content:center;
}

.page-trial .p-episode .swiper-slide-active{
  opacity:1;
}

.page-trial .p-episode .swiper-pagination{
  position:static;
  margin-top:4.2666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode .swiper-pagination{
    margin-top:18px;
  }
}

.page-trial .p-episode .swiper-pagination-bullet-active{
  background:#5bb647;
}

.page-trial .p-episode__card{
  width:85.3333333333vw;
  min-height:133.3333333333vw;
  border-radius:5.3333333333vw;
  background:#fff;
  padding:5.3333333333vw;
  border:2px solid #5bb647;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__card{
    width:365px;
    min-height:570px;
    border-radius:23px;
    padding:23px;
  }
}

.page-trial .p-episode__cardImg{
  width:64vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardImg{
    width:274px;
  }
}

.page-trial .p-episode__cardImg.card1::before{
  content:"";
  width:19.2vw;
  height:9.0666666667vw;
  background:url(../images/trial/ep1.svg) no-repeat center/contain;
  position:absolute;
  top:-3.4666666667vw;
  left:20.5333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardImg.card1::before{
    width:82px;
    height:39px;
    top:-15px;
    left:88px;
  }
}

.page-trial .p-episode__cardImg.card2::before{
  content:"";
  width:24.8vw;
  height:10.4vw;
  background:url(../images/trial/ep2.svg) no-repeat center/contain;
  position:absolute;
  top:-3.2vw;
  left:20.8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardImg.card2::before{
    width:106px;
    height:44px;
    top:-14px;
    left:89px;
  }
}

.page-trial .p-episode__cardImg.card3::before{
  content:"";
  width:26.6666666667vw;
  height:15.4666666667vw;
  background:url(../images/trial/ep3.svg) no-repeat center/contain;
  position:absolute;
  top:-6.6666666667vw;
  left:10.1333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardImg.card3::before{
    width:114px;
    height:66px;
    top:-29px;
    left:43px;
  }
}

.page-trial .p-episode__cardTxt{
  font-family:"GenJyu", sans-serif;
  font-size:4vw;
  font-weight:400;
  line-height:160%;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardTxt{
    font-size:17px;
    margin-top:11px;
  }
}

.page-trial .p-episode__cardTxt strong{
  font-weight:700;
}

.page-trial .p-episode__cardInfo{
  margin-top:2.6666666667vw;
  text-align:right;
  font-size:4.2666666667vw;
  font-weight:500;
  line-height:160%;
}
@media screen and (min-width: 768px){

  .page-trial .p-episode__cardInfo{
    font-size:18px;
    margin-top:11px;
  }
}

.page-trial .p-course{
  background:#e8f8da;
  margin-top:29.3333333333vw;
  margin-bottom:16vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-course{
    margin-top:125px;
    margin-bottom:72px;
  }
}

.page-trial .p-course::before{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts01_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  bottom:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-course::before{
    height:76px;
  }
}

.page-trial .p-course::after{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts09_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  top:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-course::after{
    height:76px;
  }
}

.page-trial .p-course__inner{
  padding-top:2.6666666667vw;
  padding-bottom:8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__inner{
    padding-top:11px;
    padding-bottom:34px;
  }
}

.page-trial .p-course__ttl{
  width:83.4666666667vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__ttl{
    width:357px;
  }
}

.page-trial .p-course__desc{
  font-family:"GenJyu", sans-serif;
  font-size:4vw;
  font-weight:500;
  line-height:160%;
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__desc{
    font-size:17px;
    margin-top:57px;
  }
}

.page-trial .p-course__nav{
  width:77.3333333333vw;
  margin-top:8vw;
  display:flex;
  flex-wrap:wrap;
  gap:2.6666666667vw;
  margin:8vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__nav{
    width:331px;
    gap:11px;
    margin-top:34px;
  }
}

.page-trial .p-course__nav + nav{
  border-top:1px solid #5bb647;
  padding-top:4vw;
  margin-top:4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__nav + nav{
    padding-top:17px;
    margin-top:17px;
  }
}

.page-trial .p-course__navItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:37.3333333333vw;
  height:11.7333333333vw;
  border-radius:5.8666666667vw;
  background:#fff;
  border:2px solid;
  padding-left:6.6666666667vw;
  padding-right:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__navItem{
    width:160px;
    height:50px;
    padding-left:29px;
    padding-right:11px;
    border-radius:25px;
    cursor:pointer;
  }
}

.page-trial .p-course__navItem.item1{
  border-color:#fabf13;
}

.page-trial .p-course__navItem.item2{
  border-color:#ff6fcc;
}

.page-trial .p-course__navItem.item3{
  border-color:#437ce0;
}

.page-trial .p-course__navItem.item4{
  border-color:#ff573a;
}

.page-trial .p-course__navItem.item5{
  border-color:#ff9300;
}

.page-trial .p-course__navItem.item6{
  border-color:#69d6de;
}

.page-trial .p-course__navItem.item7{
  border-color:#69d6de;
}

.page-trial .p-course__navBtn{
  font-family:"GenJyu", sans-serif;
  font-size:3.4666666667vw;
  font-weight:700;
  line-height:1;
  width:100%;
  height:100%;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__navBtn{
    cursor:pointer;
    font-size:15px;
  }
}

.page-trial .p-course__navBtn:hover{
  text-decoration:none;
}

.page-trial .p-course__navBtn span{
  width:3.7333333333vw;
  display:block;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-course__navBtn span{
    width:16px;
  }
}

.page-trial .p-course__swiper{
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__swiper{
    margin-top:57px;
  }
}

.page-trial .p-course__card{
  width:89.3333333333vw;
  padding:10.6666666667vw 2.4vw;
  border-radius:5.3333333333vw;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8vw;
  margin:0 auto;
  background:#fff;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card{
    width:382px;
    padding:46px 10px;
    border-radius:23px;
    gap:34px;
  }
}

.page-trial .p-course__card h3{
  width:78.6666666667vw;
  border-radius:6.4vw;
  background:#fff;
  text-align:center;
  font-family:"GenJyu", sans-serif;
  font-size:4.8vw;
  font-weight:700;
  line-height:1;
  text-align:center;
  border:2px solid;
  padding:4vw 2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card h3{
    width:336px;
    font-size:21px;
    border-radius:27px;
    padding:17px 11px;
  }
}

.page-trial .p-course__card h3.card1{
  color:#fabf13;
  border-color:#fabf13;
}

.page-trial .p-course__card h3.card2{
  color:#ff6fcc;
  border-color:#ff6fcc;
}

.page-trial .p-course__card h3.card3{
  color:#437ce0;
  border-color:#437ce0;
}

.page-trial .p-course__card h3.card4{
  color:#ff573a;
  border-color:#ff573a;
}

.page-trial .p-course__card h3.card5{
  color:#ff9300;
  border-color:#ff9300;
}

.page-trial .p-course__card h3.card6{
  color:#69d6de;
  border-color:#69d6de;
}

.page-trial .p-course__card__info{
  width:68vw;
  border-top:1px solid;
  border-bottom:1px solid;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card__info{
    width:291px;
  }
}

.page-trial .p-course__card__info.card1{
  border-color:#fabf13;
}

.page-trial .p-course__card__info.card2{
  border-color:#ff6fcc;
}

.page-trial .p-course__card__info.card3{
  border-color:#437ce0;
}

.page-trial .p-course__card__info.card4{
  border-color:#ff573a;
}

.page-trial .p-course__card__info.card5{
  border-color:#ff9300;
}

.page-trial .p-course__card__info.card6{
  border-color:#69d6de;
}

.page-trial .p-course__card__info span{
  display:block;
  text-align:center;
  font-family:"GenJyu", sans-serif;
  font-size:3.2vw;
  font-weight:500;
  line-height:1;
  padding:2.1333333333vw 0 1.8666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card__info span{
    font-size:14px;
    padding:9px 0 8px;
  }
}

.page-trial .p-course__card__info span + span{
  border-top:1px solid;
}

.page-trial .p-course__card__info span + span.card1{
  border-color:#fabf13;
}

.page-trial .p-course__card__info span + span.card2{
  border-color:#ff6fcc;
}

.page-trial .p-course__card__info span + span.card3{
  border-color:#437ce0;
}

.page-trial .p-course__card__info span + span.card4{
  border-color:#ff573a;
}

.page-trial .p-course__card__info span + span.card5{
  border-color:#ff9300;
}

.page-trial .p-course__card__info span + span.card6{
  border-color:#69d6de;
}

.page-trial .p-course__card__lead{
  width:68vw;
  font-size:4vw;
  font-weight:400;
  line-height:200%;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card__lead{
    width:291px;
    font-size:17px;
  }
}

.page-trial .p-course__card__hosoku{
  color:#69d6de;
  text-align:center;
  font-family:"GenJyu", sans-serif;
  font-size:3.4666666667vw;
  font-weight:700;
  line-height:1;
  margin:-4vw auto -5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__card__hosoku{
    font-size:15px;
    margin:-17px auto -23px;
  }
}

.page-trial .p-course h4{
  text-align:center;
  font-family:"GenJyu", sans-serif;
  font-size:4.8vw;
  font-weight:700;
  line-height:140%;
  width:68vw;
  padding-bottom:2.6666666667vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-course h4{
    font-size:21px;
    width:291px;
    padding-bottom:11px;
  }
}

.page-trial .p-course h4::after{
  content:"";
  width:100%;
  height:2.1333333333vw;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .p-course h4::after{
    height:9px;
  }
}

.page-trial .p-course__oyako{
  width:100%;
}

.page-trial .p-course__oyako__ttl::after{
  background:url(../images/trial/08_1_03.svg) no-repeat center/contain;
}

.page-trial .p-course__oyako__detail{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:43.2vw;
  width:78.6666666667vw;
  margin:3.4666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detail{
    width:336px;
    height:185px;
    margin-top:15px;
  }
}

.page-trial .p-course__oyako__detail p{
  width:48vw;
  font-size:3.7333333333vw;
  font-weight:400;
  line-height:210%;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-decoration-color:#fabf13;
  text-underline-offset:4px;
  text-decoration-thickness:2px;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detail p{
    width:205px;
    font-size:16px;
  }
}

.page-trial .p-course__oyako__detailImg1{
  width:26.4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detailImg1{
    width:113px;
  }
}

.page-trial .p-course__oyako__detailImg2{
  width:40vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detailImg2{
    width:171px;
  }
}

.page-trial .p-course__oyako__detail2{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:37.8666666667vw;
  width:78.6666666667vw;
  margin:3.4666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detail2{
    width:336px;
    height:162px;
    margin-top:15px;
  }
}

.page-trial .p-course__oyako__detail2 p{
  width:34.6666666667vw;
  font-size:3.7333333333vw;
  font-weight:400;
  line-height:210%;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-decoration-color:#fabf13;
  text-underline-offset:4px;
  text-decoration-thickness:2px;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__oyako__detail2 p{
    width:148px;
    font-size:16px;
  }
}

.page-trial .p-course__children__ttl::after{
  background:url(../images/trial/08_2_01.svg) no-repeat center/contain;
}

.page-trial .p-course__children__detail p{
  width:78.6666666667vw;
  margin:2.6666666667vw auto 0;
  font-size:3.7333333333vw;
  font-weight:400;
  line-height:210%;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-decoration-color:#ff6fcc;
  text-underline-offset:4px;
  text-decoration-thickness:2px;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__children__detail p{
    width:336px;
    font-size:16px;
    margin-top:11px;
  }
}

.page-trial .p-course__children__detailImg1{
  width:74.6666666667vw;
  margin:3.4666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__children__detailImg1{
    width:319px;
    margin-top:15px;
  }
}

.page-trial .p-course__children__detailImg2{
  width:61.3333333333vw;
  margin:2.6666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__children__detailImg2{
    width:262px;
    margin-top:11px;
  }
}

.page-trial .p-course__elementary{
  width:100%;
  position:relative;
}

.page-trial .p-course__elementary__ttl::after{
  background:url(../images/trial/08_3_01.svg) no-repeat center/contain;
}

.page-trial .p-course__elementary__detail{
  position:relative;
  width:78.6666666667vw;
  margin:4.8vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__elementary__detail{
    width:336px;
    margin-top:21px;
  }
}

.page-trial .p-course__elementary__detail p{
  font-size:3.7333333333vw;
  font-weight:400;
  line-height:210%;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-decoration-color:#437ce0;
  text-underline-offset:4px;
  text-decoration-thickness:2px;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__elementary__detail p{
    font-size:16px;
    margin-top:11px;
  }
}

.page-trial .p-course__elementary__detailImg1{
  width:76vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__elementary__detailImg1{
    width:325px;
  }
}

.page-trial .p-course__elementary__detailImg2{
  width:61.3333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__elementary__detailImg2{
    width:262px;
  }
}

.page-trial .p-course__middleSchool__detail{
  width:78.6666666667vw;
  margin:-2.6666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__middleSchool__detail{
    width:336px;
    margin-top:-11px;
  }
}

.page-trial .p-course__middleSchool__detailImg1{
  width:76vw;
  border-radius:8vw;
  overflow:hidden;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__middleSchool__detailImg1{
    width:325px;
    border-radius:34px;
  }
}

.page-trial .p-course__middleSchool__detailImg2{
  width:61.3333333333vw;
  margin:5.3333333333vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__middleSchool__detailImg2{
    width:262px;
    margin-top:23px;
  }
}

.page-trial .p-course__highschool__detail{
  width:78.6666666667vw;
  margin:-2.6666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__highschool__detail{
    width:336px;
    margin-top:-11px;
  }
}

.page-trial .p-course__highschool__detailImg1{
  width:76vw;
  border-radius:8vw;
  overflow:hidden;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__highschool__detailImg1{
    width:325px;
    border-radius:34px;
  }
}

.page-trial .p-course__highschool__detailImg2{
  width:61.3333333333vw;
  margin:5.3333333333vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__highschool__detailImg2{
    width:262px;
    margin-top:23px;
  }
}

.page-trial .p-course__fee{
  width:78.6666666667vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee{
    width:336px;
  }
}

.page-trial .p-course__fee h4{
  width:100%;
  text-align:center;
  border-bottom:2px solid;
  font-family:"GenJyu", sans-serif;
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:1;
  padding-bottom:4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee h4{
    font-size:18px;
    padding-bottom:17px;
  }
}

.page-trial .p-course__fee.card1 h4{
  border-bottom-color:#fabf13;
}

.page-trial .p-course__fee.card2 h4{
  border-bottom-color:#ff6fcc;
}

.page-trial .p-course__fee.card3 h4{
  border-bottom-color:#437ce0;
}

.page-trial .p-course__fee.card4 h4{
  border-bottom-color:#ff573a;
}

.page-trial .p-course__fee.card5 h4{
  border-bottom-color:#ff9300;
}

.page-trial .p-course__fee.card6 h4{
  border-bottom-color:#69d6de;
}

.page-trial .p-course__fee dl{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee dl{
    margin-top:23px;
  }
}

.page-trial .p-course__fee dl + dl{
  margin-top:0.8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee dl + dl{
    margin-top:3px;
  }
}

.page-trial .p-course__fee dl dt{
  display:flex;
  align-items:center;
  width:38.1333333333vw;
  min-height:8.8vw;
  color:#fff;
  font-size:2.9333333333vw;
  font-weight:500;
  line-height:160%;
  letter-spacing:0.05em;
  padding:1.6vw 0 1.6vw 4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee dl dt{
    width:163px;
    min-height:38px;
    font-size:13px;
    padding:7px 0 7px 17px;
  }
}

.page-trial .p-course__fee dl dt.card1{
  background:#fabf13;
}

.page-trial .p-course__fee dl dt.card2{
  background:#ff6fcc;
}

.page-trial .p-course__fee dl dt.card3{
  background:#437ce0;
}

.page-trial .p-course__fee dl dt.card4{
  background:#ff573a;
}

.page-trial .p-course__fee dl dt.card5{
  background:#ff9300;
}

.page-trial .p-course__fee dl dt.card6{
  background:#69d6de;
}

.page-trial .p-course__fee dl dd{
  background:#f6f6f6;
  width:39.7333333333vw;
  min-height:8.8vw;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  text-align:right;
  font-size:3.4666666667vw;
  font-weight:500;
  line-height:160%;
  letter-spacing:0.05em;
  padding:1.6vw 2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee dl dd{
    width:170px;
    min-height:38px;
    font-size:15px;
    padding:7px 11px;
  }
}

.page-trial .p-course__fee dl dd.height{
  height:12.8vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee dl dd.height{
    height:55px;
  }
}

.page-trial .p-course__fee small{
  display:block;
  font-size:2.6666666667vw;
  font-weight:400;
  line-height:160%;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__fee small{
    font-size:11px;
    margin-top:11px;
  }
}

.page-trial .p-course__prepImg{
  width:76vw;
  border-radius:8vw;
  overflow:hidden;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__prepImg{
    width:325px;
    border-radius:34px;
  }
}

.page-trial .p-course__onlineImg{
  width:76vw;
  border-radius:8vw;
  overflow:hidden;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-course__onlineImg{
    width:325px;
    border-radius:34px;
  }
}

.page-trial .p-course .swiper-pagination{
  position:static;
  margin-top:4.2666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-course .swiper-pagination{
    margin-top:18px;
  }
}

.page-trial .p-course .swiper-pagination-bullet-active{
  background:#5bb647;
}

.page-trial .p-lesson{
  padding:5.3333333333vw 0 18.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lesson{
    padding:23px 0 80px;
  }
}

.page-trial .p-lesson__inner{
  width:89.3333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-lesson__inner{
    width:382px;
  }
}

.page-trial .p-lesson__title{
  width:76.8vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-lesson__title{
    width:328px;
  }
}

.page-trial .p-lesson__desc{
  font-size:4vw;
  font-weight:500;
  line-height:160%;
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lesson__desc{
    font-size:17px;
    margin-top:57px;
  }
}

.page-trial .p-lesson__desc span{
  color:#5bb647;
  font-weight:700;
}

.page-trial .p-lessonPoint{
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint{
    margin-top:57px;
  }
}

.page-trial .p-lessonPoint__ttl{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  border-radius:2.6666666667vw;
  background:#f9be00;
  color:#fff;
  text-align:center;
  font-size:4.8vw;
  font-weight:700;
  line-height:140%;
  padding:2.1333333333vw 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__ttl{
    font-size:21px;
    border-radius:11px;
    padding:9px 0;
  }
}

.page-trial .p-lessonPoint__card{
  background:#e8f8da;
  border-radius:2.6666666667vw;
  padding:5.3333333333vw 0 5.3333333333vw 3.2vw;
  margin-top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__card{
    border-radius:11px;
    padding:23px 0 23px 14px;
    margin-top:23px;
  }
}

.page-trial .p-lessonPoint__card--card3{
  padding-bottom:9.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__card--card3{
    padding-bottom:40px;
  }
}

.page-trial .p-lessonPoint__head{
  display:flex;
  align-items:center;
  gap:4.2666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__head{
    gap:18px;
  }
}

.page-trial .p-lessonPoint__headIcon{
  width:16vw;
  height:16vw;
  border-radius:50%;
  background:#5bb647;
  display:flex;
  justify-content:center;
  align-items:center;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__headIcon{
    width:68px;
    height:72px;
  }
}

.page-trial .p-lessonPoint__headIconTxt{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:7.3144vw;
  font-weight:400;
  line-height:0.9;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__headIconTxt{
    font-size:31px;
  }
}

.page-trial .p-lessonPoint__headIconTxt span{
  color:#fff;
  font-size:2.7429333333vw;
  font-weight:700;
  line-height:160%;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__headIconTxt span{
    font-size:12px;
  }
}

.page-trial .p-lessonPoint__headTtl{
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:140%;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__headTtl{
    font-size:18px;
  }
}

.page-trial .p-lessonPoint__body{
  margin-top:5.3333333333vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__body{
    margin-top:23px;
  }
}

.page-trial .p-lessonPoint__bodyTxt{
  font-size:3.7333333333vw;
  font-weight:500;
  line-height:160%;
  width:50.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__bodyTxt{
    width:217px;
    font-size:16px;
  }
}

.page-trial .p-lessonPoint__bodyTxt span{
  text-decoration:underline;
  text-decoration-color:#fffa62;
  text-decoration-thickness:4px;
  text-underline-offset:-3px;
}

.page-trial .p-lessonPoint__bodyImgWrap{
  position:absolute;
  top:0;
  right:0;
}

.page-trial .p-lessonPoint__bodyImg{
  width:35.4666666667vw;
  position:absolute;
  right:0;
  top:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__bodyImg{
    width:152px;
  }
}

.page-trial .p-lessonPoint__list{
  display:flex;
  width:82.6666666667vw;
  justify-content:space-between;
  margin-top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__list{
    width:353px;
    margin-top:23px;
  }
}

.page-trial .p-lessonPoint__listItem{
  width:26.6666666667vw;
  position:relative;
  padding-top:6.4933333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__listItem{
    width:114px;
    padding-top:28px;
  }
}

.page-trial .p-lessonPoint__listItemTxt{
  position:absolute;
  top:0;
  width:26.3981333333vw;
  height:10.2608vw;
  background:url(../images/trial/point_fukidashi.svg) no-repeat center/contain;
  text-align:center;
  color:#5bb647;
  font-size:2.6666666667vw;
  font-weight:700;
  line-height:110%;
  padding:2.1333333333vw 0 5.5626666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-lessonPoint__listItemTxt{
    width:113px;
    height:44px;
    font-size:11px;
    padding:9px 0 24px;
  }
}

.page-trial .p-flow{
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow{
    margin-top:57px;
  }
}

.page-trial .p-flow__ttl{
  position:relative;
  background:#f9be00;
  border-radius:2.6666666667vw;
  color:#fff;
  text-align:center;
  font-size:4.8vw;
  font-weight:700;
  line-height:140%;
  padding:2.1333333333vw 0;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__ttl{
    border-radius:11px;
    font-size:21px;
    padding:9px 0;
  }
}

.page-trial .p-flow__list{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5.6vw;
  margin-top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__list{
    gap:24px;
    margin-top:23px;
  }
}

.page-trial .p-flow__listItem{
  position:relative;
  padding-left:9.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listItem{
    padding-left:40px;
  }
}

.page-trial .p-flow__listItem--item1::before, .page-trial .p-flow__listItem--item2::before, .page-trial .p-flow__listItem--item3::before{
  content:"";
  width:2px;
  background:#5bb647;
  position:absolute;
  left:1.6vw;
  top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listItem--item1::before, .page-trial .p-flow__listItem--item2::before, .page-trial .p-flow__listItem--item3::before{
    left:7px;
    top:23px;
  }
}

.page-trial .p-flow__listItem--item1::before{
  height:37.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listItem--item1::before{
    height:160px;
  }
}

.page-trial .p-flow__listItem--item2::before{
  height:49.6vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listItem--item2::before{
    height:212px;
  }
}

.page-trial .p-flow__listItem--item3::before{
  height:44vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listItem--item3::before{
    height:188px;
  }
}

.page-trial .p-flow__listTtl{
  position:relative;
  display:flex;
  align-items:center;
  font-size:4.2666666667vw;
  font-weight:700;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listTtl{
    font-size:18px;
  }
}

.page-trial .p-flow__listTtl span{
  color:#5bb647;
  font-size:10.6666666667vw;
  font-weight:400;
  display:inline-block;
  width:14.2050666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listTtl span{
    width:61px;
    font-size:46px;
  }
}

.page-trial .p-flow__listTtl::before{
  content:"";
  width:3.7333333333vw;
  height:3.7333333333vw;
  border-radius:50%;
  background:#5bb647;
  position:absolute;
  left:-9.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listTtl::before{
    width:16px;
    height:16px;
    left:-40px;
  }
}

.page-trial .p-flow__listBox{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:2.6666666667vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listBox{
    gap:11px;
  }
}

.page-trial .p-flow__listText{
  font-size:4vw;
  font-weight:500;
  line-height:153.333%;
  width:50.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listText{
    font-size:17px;
    width:217px;
  }
}

.page-trial .p-flow__listText a{
  color:#5bb647;
  font-weight:700;
  text-decoration:underline;
}

.page-trial .p-flow__listImg{
  width:26.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listImg{
    width:114px;
  }
}

.page-trial .p-flow__listNote{
  font-size:3.2vw;
  font-weight:400;
  line-height:150%;
  letter-spacing:0;
  display:block;
  margin-top:2.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__listNote{
    font-size:14px;
    margin-top:11px;
  }
}

.page-trial .p-flow__img{
  width:80vw;
  margin:2.6666666667vw 0 0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-flow__img{
    width:342px;
    margin-top:11px;
  }
}

.page-trial .search-classroomBox{
  background:#e8f8da;
  padding-top:18.6666666667vw;
  margin-bottom:16vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox{
    padding-top:80px;
    margin-bottom:72px;
  }
}

.page-trial .search-classroomBox::before{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/06_parts01_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  background-color:#fff;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox::before{
    height:76px;
  }
}

.page-trial .search-classroomBox::after{
  content:"";
  width:100%;
  height:calc(16vw + 4px);
  background:url(../images/trial/03_parts09_3x.webp) no-repeat center/100% 100%;
  position:absolute;
  top:calc(100% - 2px);
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox::after{
    height:76px;
  }
}

.page-trial .search-classroomBox__inner{
  width:89.3333333333vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox__inner{
    width:382px;
  }
}

.page-trial .search-classroomBox h2{
  width:69.0666666667vw;
  margin:0 auto 13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox h2{
    width:295px;
    margin-bottom:57px;
  }
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox .btn{
    gap:11px;
  }
}

.page-trial .search-classroomBox .btn > li > a{
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox .btn > li > a{
    height:57px;
    border-radius:29px;
    border-width:1px;
    box-shadow:rgba(0, 0, 0, 0.15) 2px 2px 1px;
    font-size:0.697em;
  }
}

.page-trial .search-classroomBox .btn > li > a > span{
  color:#5bb647;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .page-trial .search-classroomBox .btn > li > a > span{
    font-size:1.5em;
    margin-left:0;
  }
}

.page-trial .search-classroomBox .btn > li > a > img{
  width:revert-layer !important;
}

.page-trial .p-faq__inner{
  width:89.3333333333vw;
  padding-top:5.3333333333vw;
  padding-bottom:13.3333333333vw;
  border-bottom:1px solid #5bb647;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__inner{
    width:382px;
    padding-top:23px;
    padding-bottom:57px;
  }
}

.page-trial .p-faq__ttl{
  width:76.8vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__ttl{
    width:328px;
  }
}

.page-trial .p-faq__list{
  display:flex;
  flex-direction:column;
  gap:5.3333333333vw;
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__list{
    gap:23px;
    margin-top:57px;
  }
}

.page-trial .p-faq__q{
  margin-left:4.2666666667vw;
  padding:3.2vw 14.4vw 3.2vw 5.3333333333vw;
  background:#e8f8da;
  border-radius:2.1333333333vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__q{
    margin-left:18px;
    padding:14px 62px 14px 23px;
    border-radius:9px;
  }
}

.page-trial .p-faq__q:hover{
  cursor:pointer;
}

.page-trial .p-faq__q::before{
  content:"";
  width:4.2666666667vw;
  height:4.2666666667vw;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:100%;
  background:url(../images/trial/faq_fukidashi.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__q::before{
    width:18px;
    height:18px;
    right:calc(100% - 1px);
  }
}

.page-trial .p-faq__q.is-active .p-faq__qIcon::before{
  transform:translate(-50%, -50%) rotate(0deg);
}

.page-trial .p-faq__q.is-active .p-faq__qIcon::after{
  transform:translate(-50%, -50%) rotate(180deg);
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__q.is-active .p-faq__qIcon::after{
    left:8px;
    top:50%;
    transform:translateY(-50%);
  }
}

.page-trial .p-faq__q.is-active + .p-faq__a{
  max-height:100vh;
}

.page-trial .p-faq__qTxt{
  font-family:"GenJyu", sans-serif;
  font-weight:500;
  font-size:4vw;
  line-height:1.3333333333;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__qTxt{
    font-size:17px;
  }
}

.page-trial .p-faq__qIcon{
  width:6.4vw;
  height:6.4vw;
  border-radius:50%;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:5.3333333333vw;
  background:#5bb647;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__qIcon{
    width:27px;
    height:27px;
    right:23px;
  }
}

.page-trial .p-faq__qIcon::before, .page-trial .p-faq__qIcon::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  height:0.4vw;
  width:2.8vw;
  background-color:#fff;
  transition:all 0.3s ease;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__qIcon::before, .page-trial .p-faq__qIcon::after{
    height:2px;
    width:12px;
  }
}

.page-trial .p-faq__qIcon::before{
  opacity:1;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%) rotate(-90deg);
}

.page-trial .p-faq__a{
  max-height:0;
  overflow:hidden;
  transition:all 0.5s ease;
  padding-left:6.6666666667vw;
  padding-right:4vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__a{
    padding-left:29px;
    padding-right:17px;
  }
}

.page-trial .p-faq__aTxt{
  font-family:"GenJyu", sans-serif;
  font-weight:500;
  font-size:4vw;
  line-height:1.6;
  letter-spacing:0;
  padding-top:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .p-faq__aTxt{
    font-size:17px;
    line-height:27px;
    padding-top:23px;
  }
}

.page-trial .c-cta{
  background:#fbff7e;
  margin-top:13.3333333333vw;
  padding:0;
}
@media screen and (min-width: 768px){

  .page-trial .c-cta{
    margin-top:57px;
    padding:0;
  }
}

.page-trial .c-cta__inner{
  padding:10.6666666667vw 0;
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__inner{
    padding:46px 0;
  }
}

.page-trial .c-cta__title{
  width:77.0666666667vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__title{
    width:329px;
  }
}

.page-trial .c-cta__title::after{
  content:"";
  width:66.4vw;
  height:1.0666666667vw;
  background:#fff;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__title::after{
    width:284px;
    height:5px;
  }
}

.page-trial .c-cta__desc{
  background:#fff;
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  justify-content:center;
  align-items:center;
  position:relative;
  border-radius:4.2666666667vw;
  font-size:3.7333333333vw;
  font-weight:700;
  line-height:1;
  padding:2.1333333333vw 2.6666666667vw;
  margin:4.2666666667vw auto 0;
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__desc{
    border-radius:18px;
    font-size:16px;
    padding:9px 11px;
    margin-top:18px;
  }
}

.page-trial .c-cta__desc span{
  color:#5bb647;
  font-weight:700;
}

.page-trial .c-cta__desc::after{
  content:"";
  background:url(../images/trial/02_parts01.svg) no-repeat center/contain;
  width:2.1333333333vw;
  height:1.8666666667vw;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__desc::after{
    width:9px;
    height:8px;
  }
}

.page-trial .c-cta__btn{
  display:block;
  width:80.8vw;
  margin:2.4vw auto 0;
  animation:swell 4s ease-out infinite;
}
@media screen and (min-width: 768px){

  .page-trial .c-cta__btn{
    width:345px;
    margin-top:10px;
    cursor:pointer;
  }
}

.page-trial .c-floatBtn{
  position:fixed;
  width:8.5333333333vw;
  height:52.8vw;
  right:0;
  bottom:13.3333333333vw;
  z-index:1000;
}
@media screen and (min-width: 768px){

  .page-trial .c-floatBtn{
    position:sticky;
    width:60px;
    height:269px;
    bottom:50%;
    transform:translateY(50%);
  }
}

.page-trial .c-floatBtn button{
  display:block;
  width:100%;
  height:100%;
  background:url(../images/trial/float_sp.webp) no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-trial .c-floatBtn button{
    background:url(../images/trial/float_pc.webp) no-repeat center/contain;
    cursor:pointer;
  }
}

.page-trial .gFooter{
  margin-top:13.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-trial .gFooter{
    margin-top:57px;
  }

  .page-trial .gFooter .wrapper{
    padding:0 21px;
  }

  .page-trial .gFooter .lessonBox{
    padding:46px 0 57px;
    margin-top:30px;
  }

  .page-trial .gFooter .lessonBox .contTtl{
    font-size:1.307em;
    margin-bottom:30px;
  }

  .page-trial .gFooter .lessonBox .contTtl img{
    width:revert-layer;
  }

  .page-trial .gFooter .lessonBox .contTxt{
    margin-top:30px;
  }

  .page-trial .gFooter .lessonBox .contTxt::before{
    width:19px;
    height:32px;
    right:calc(100% + 7px);
  }

  .page-trial .gFooter .lessonBox .contTxt::after{
    width:19px;
    height:32px;
    left:calc(100% + 7px);
  }

  .page-trial .gFooter .lessonBox .lessonBtn{
    gap:26px;
    max-width:371px;
    height:80px;
    border:2px solid #fff;
    border-radius:11px;
    box-shadow:rgba(0, 0, 0, 0.15) 2px 2px 1px;
    font-size:1.23em;
    margin-top:11px;
    margin-bottom:23px;
  }

  .page-trial .gFooter .lessonBox .lessonBtn img{
    width:revert-layer;
  }

  .page-trial .gFooter .lessonBox .f-contactBox{
    display:block;
    max-width:none;
    gap:0px;
  }

  .page-trial .gFooter .lessonBox .f-contactBox .lessonTel{
    flex-direction:row;
    align-items:center;
    gap:16px;
  }

  .page-trial .gFooter .lessonBox .f-contactBox .lessonTel p{
    font-size:0.769em;
  }

  .page-trial .gFooter .lessonBox .f-contactBox .lessonTel p span{
    padding-right:0;
  }

  .page-trial .gFooter .lessonBox .f-contactBox .lessonTel a{
    font-size:1.92em;
  }

  .page-trial .gFooter .lessonBox .f-contactBox .requestBox{
    margin-top:30px;
  }

  .page-trial .gFooter .snsBox{
    display:block;
    padding:72px 18px;
  }

  .page-trial .gFooter .snsBox .contTtl{
    display:block;
    margin-bottom:17px;
    font-size:1.23em;
  }

  .page-trial .gFooter .snsList{
    gap:29px;
  }

  .page-trial .gFooter .fNav{
    padding:57px 23px 120px;
  }

  .page-trial .gFooter .fNav p.top a{
    font-size:0.769em;
  }

  .page-trial .gFooter .fNav .fNav_2nd{
    justify-content:normal;
    row-gap:57px;
  }

  .page-trial .gFooter .fNav .fNav_2nd > li{
    width:50%;
    max-width:100%;
  }

  .page-trial .gFooter .fNav .fNav_2nd > li dl dt a{
    font-size:0.769em;
  }

  .page-trial .gFooter .fNav .fNav_2nd > li dl dd a{
    font-size:0.769em;
    padding-left:14px;
    background-size:6px auto;
  }

  .page-trial .gFooter .fNav .fNav_2nd > li ul li a{
    font-size:0.769em;
  }
}