@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;
}
@media screen and (min-width: 768px){

  .page-summer_campaign{
    padding-top:70px;
  }
}

.page-summer_campaign .p-mainvisual img{
  width:100%;
}

.page-summer_campaign .p-mainvisual__inner{
  position:relative;
}

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

  .page-summer_campaign .p-mainvisual__fv{
    max-width:1080px;
  }
}

.page-summer_campaign .p-mainvisual__age{
  position:absolute;
  top:3.0769230769vw;
  left:-2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__age{
    width:140px;
    top:48px;
    left:auto;
    right:20px;
  }
}

.page-summer_campaign .p-mainvisual__ttl{
  width:100%;
  margin:16px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__ttl{
    max-width:800px;
  }
}

.page-summer_campaign .p-mainvisual__cta{
  margin-top:16px;
}

.page-summer_campaign .p-mainvisual__ctaLead{
  text-align:center;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1.4;
  letter-spacing:1px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__ctaLead{
    font-size:20px;
  }
}

.page-summer_campaign .p-mainvisual__ctaLead span{
  color:#2eabff;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-thickness:10%;
  text-underline-offset:auto;
  text-underline-position:from-font;
}

.page-summer_campaign .p-mainvisual__ctaFukidashi{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:1.0256410256vw;
  width:-moz-fit-content;
  width:fit-content;
  margin:16px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__ctaFukidashi{
    gap:4px;
  }
}

.page-summer_campaign .p-mainvisual__ctaFukidashi__img{
  width:20.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__ctaFukidashi__img{
    width:79px;
  }
}

.page-summer_campaign .p-mainvisual__ctaFukidashi__txt{
  width:-moz-fit-content;
  width:fit-content;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.4;
  letter-spacing:1px;
  padding:3.5435897436vw 0 3.5435897436vw 1.5384615385vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-mainvisual__ctaFukidashi__txt{
    font-size:18px;
    padding:13.82px 0 13.82px 6px;
  }
}

.page-summer_campaign .p-mainvisual__ctaFukidashi__txt span{
  color:#ff0801;
  font-weight:700;
}

.page-summer_campaign .p-mainvisual__ctaFukidashi__txt::before{
  content:"";
  width:32px;
  height:1px;
  background:#222;
  position:absolute;
  left:0;
  top:6px;
  rotate:-20deg;
}

.page-summer_campaign .p-mainvisual__ctaFukidashi__txt::after{
  content:"";
  width:32px;
  height:1px;
  background:#222;
  position:absolute;
  left:0;
  bottom:6px;
  rotate:20deg;
}

.page-summer_campaign .p-cta{
  background:#fcef63;
  margin:64px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta{
    margin:80px 0;
  }
}

.page-summer_campaign .p-cta__inner{
  padding-top:76px;
  padding-bottom:30px;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__inner{
    padding-top:110px;
  }
}

.page-summer_campaign .p-cta__img{
  width:106px;
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__img{
    width:170px;
    top:-27px;
  }
}

.page-summer_campaign .p-cta__img img{
  width:100%;
}

.page-summer_campaign .p-cta__txt1{
  text-align:center;
  font-size:20px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:1px;
  margin:0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__txt1{
    font-size:24px;
  }
}

.page-summer_campaign .p-cta__txt1 span{
  color:#ff583f;
  font-size:24px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-underline-offset:4px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__txt1 span{
    font-size:28px;
    text-decoration-thickness:4px;
  }
}

.page-summer_campaign .p-cta__txt2{
  text-align:center;
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:1px;
  margin:10px 0 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__txt2{
    font-size:16px;
  }
}

.page-summer_campaign .p-cta__fukidashi{
  color:#ff583f;
  text-align:center;
  font-size:16px;
  font-weight:700;
  line-height:1.8;
  letter-spacing:1px;
  width:-moz-fit-content;
  width:fit-content;
  margin:16px auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__fukidashi{
    font-size:18px;
  }
}

.page-summer_campaign .p-cta__fukidashi::before{
  content:"";
  width:17px;
  height:19px;
  background:url(../images/v2/cta_item.svg) no-repeat center/contain;
  position:absolute;
  right:calc(100% + 4px);
  top:50%;
  transform:translateY(-50%);
}

.page-summer_campaign .p-cta__fukidashi::after{
  content:"";
  width:17px;
  height:19px;
  background:url(../images/v2/cta_item.svg) no-repeat center/contain;
  position:absolute;
  top:50%;
  left:calc(100% + 4px);
  transform:translateY(-50%) rotateY(180deg);
}

.page-summer_campaign .p-cta__btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:10px;
  max-width:82.0512820513vw;
  width:100%;
  height:70px;
  padding:12px;
  margin:12px auto 0;
  transition:0.3s;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__btn{
    max-width:400px;
  }
}

.page-summer_campaign .p-cta__btn--btn1{
  background:#5bb647;
  box-shadow:0 4px 0 0 #209e05;
}

.page-summer_campaign .p-cta__btn--btn2{
  background:#ff583f;
  box-shadow:0 4px 0 0 #952b1b;
  margin-top:-1px;
}

.page-summer_campaign .p-cta__btn:hover{
  opacity:1;
  box-shadow:unset;
  transform:translateY(4px);
}

.page-summer_campaign .p-cta__btn__txt{
  width:100%;
  max-width:66.1538461538vw;
  text-align:center;
  color:#fff;
  font-size:4.1025641026vw;
  font-weight:700;
  letter-spacing:1.6px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__btn__txt{
    max-width:100%;
    text-align:center;
    font-size:18px;
    letter-spacing:1.8px;
  }
}

.page-summer_campaign .p-cta__btn__txt span{
  font-size:4.8717948718vw;
  font-weight:700;
  letter-spacing:1.9px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__btn__txt span{
    font-size:21px;
    letter-spacing:2.1px;
  }
}

.page-summer_campaign .p-cta__btn__icon{
  width:4.6153846154vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__btn__icon{
    width:20px;
  }
}

.page-summer_campaign .p-cta__btn__icon img{
  width:100%;
}

.page-summer_campaign .p-cta__btn2{
  background:#fff;
  border:1px solid #5bb647;
  box-shadow:0 2px 0 0 #5bb647;
  border-radius:999px;
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:248px;
  width:100%;
  height:50px;
  margin:16px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-cta__btn2{
    max-width:250px;
  }
}

.page-summer_campaign .p-cta__btn2__icon{
  max-width:9.2307692308vw;
}

.page-summer_campaign .p-cta__btn2__icon img{
  width:100%;
}

.page-summer_campaign .p-cta__btn2__txt{
  color:#5bb647;
  font-size:3.3333333333vw;
  font-weight:700;
}

.page-summer_campaign .p-cta__btn3{
  background:#fff;
  border:1px solid #437ce0;
  box-shadow:0 2px 0 0 #437ce0;
  border-radius:999px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  max-width:248px;
  width:100%;
  height:50px;
  padding-left:20px;
  padding-right:10px;
  margin:16px auto 0;
}

.page-summer_campaign .p-cta__btn3__icon{
  max-width:36px;
  padding-top:3px;
}

.page-summer_campaign .p-cta__btn3__icon img{
  width:100%;
}

.page-summer_campaign .p-cta__btn3__txt{
  color:#437ce0;
  font-size:13px;
  font-weight:700;
}

.page-summer_campaign .p-cta__btn3__arrow{
  width:7px;
}

.page-summer_campaign .c-cta{
  background:#fcef63;
  padding-bottom:30px;
  margin:64px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta{
    margin:80px 0;
  }
}

.page-summer_campaign .c-cta__inner{
  padding-top:76px;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__inner{
    padding-top:110px;
  }
}

.page-summer_campaign .c-cta__inner--summer{
  padding-top:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__inner--summer{
    padding-top:110px;
  }
}

.page-summer_campaign .c-cta__img{
  width:106px;
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__img{
    width:170px;
    top:-27px;
  }
}

.page-summer_campaign .c-cta__img img{
  width:100%;
}

.page-summer_campaign .c-cta__img--summer{
  top:-70px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__img--summer{
    top:-27px;
  }
}

.page-summer_campaign .c-cta__txt1{
  text-align:center;
  font-size:20px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:1px;
  margin:0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__txt1{
    font-size:24px;
  }
}

.page-summer_campaign .c-cta__txt1 span{
  color:#ff583f;
  font-size:24px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-underline-offset:4px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__txt1 span{
    font-size:28px;
    text-decoration-thickness:4px;
  }
}

.page-summer_campaign .c-cta__txt2{
  text-align:center;
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:1px;
  margin:10px 0 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__txt2{
    font-size:16px;
  }
}

.page-summer_campaign .c-cta__fukidashi{
  color:#ff583f;
  text-align:center;
  font-size:16px;
  font-weight:700;
  line-height:1.8;
  letter-spacing:1px;
  width:-moz-fit-content;
  width:fit-content;
  margin:16px auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__fukidashi{
    font-size:18px;
  }
}

.page-summer_campaign .c-cta__fukidashi::before{
  content:"";
  width:17px;
  height:19px;
  background:url(../images/v2/cta_item.svg) no-repeat center/contain;
  position:absolute;
  right:calc(100% + 4px);
  top:50%;
  transform:translateY(-50%);
}

.page-summer_campaign .c-cta__fukidashi::after{
  content:"";
  width:17px;
  height:19px;
  background:url(../images/v2/cta_item.svg) no-repeat center/contain;
  position:absolute;
  top:50%;
  left:calc(100% + 4px);
  transform:translateY(-50%) rotateY(180deg);
}

.page-summer_campaign .c-cta__btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:10px;
  max-width:300px;
  width:100%;
  height:70px;
  padding:12px;
  margin:12px auto 0;
  transition:0.3s;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__btn{
    max-width:400px;
  }
}

.page-summer_campaign .c-cta__btn--btn1{
  background:#5bb647;
  box-shadow:0 4px 0 0 #209e05;
}

.page-summer_campaign .c-cta__btn--btn2{
  background:#ff583f;
  box-shadow:0 4px 0 0 #952b1b;
}

.page-summer_campaign .c-cta__btn:hover{
  opacity:1;
  box-shadow:unset;
  transform:translateY(4px);
}

.page-summer_campaign .c-cta__btn__txt{
  width:100%;
  max-width:258px;
  text-align:center;
  color:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:1.6px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__btn__txt{
    max-width:100%;
    text-align:center;
    font-size:18px;
    letter-spacing:1.8px;
  }
}

.page-summer_campaign .c-cta__btn__txt span{
  font-size:19px;
  font-weight:700;
  letter-spacing:1.9px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__btn__txt span{
    font-size:21px;
    letter-spacing:2.1px;
  }
}

.page-summer_campaign .c-cta__btn__icon{
  width:18px;
}

.page-summer_campaign .c-cta__btn__icon img{
  width:100%;
}

.page-summer_campaign .c-cta__btn2{
  background:#fff;
  border:1px solid #5bb647;
  box-shadow:0 2px 0 0 #5bb647;
  border-radius:999px;
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:248px;
  width:100%;
  height:50px;
  margin:16px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__btn2{
    max-width:250px;
  }
}

.page-summer_campaign .c-cta__btn2__icon{
  max-width:36px;
}

.page-summer_campaign .c-cta__btn2__icon img{
  width:100%;
}

.page-summer_campaign .c-cta__btn2__txt{
  color:#5bb647;
  font-size:13px;
  font-weight:700;
}

.page-summer_campaign .c-cta__btn3{
  background:#fff;
  border:1px solid #437ce0;
  box-shadow:0 2px 0 0 #437ce0;
  border-radius:999px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  max-width:248px;
  width:100%;
  height:50px;
  padding-left:20px;
  padding-right:10px;
  margin:16px auto 0;
}

.page-summer_campaign .c-cta__btn3__icon{
  max-width:36px;
  padding-top:3px;
}

.page-summer_campaign .c-cta__btn3__icon img{
  width:100%;
}

.page-summer_campaign .c-cta__btn3__txt{
  color:#437ce0;
  font-size:13px;
  font-weight:700;
}

.page-summer_campaign .c-cta__btn3__arrow{
  width:7px;
}

.page-summer_campaign .c-cta__summer{
  width:-moz-fit-content;
  width:fit-content;
  margin:80px auto -30px;
}

.page-summer_campaign .c-cta__summer > p{
  color:#363636;
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:1.5;
  letter-spacing:1px;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__summer > p{
    font-size:18px;
  }
}

.page-summer_campaign .c-cta__summer > p span{
  color:#2eabff;
  font-size:5.1282051282vw;
  font-weight:700;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__summer > p span{
    font-size:20px;
  }
}

.page-summer_campaign .c-cta__summer > p::before{
  content:"";
  width:1.5em;
  height:1px;
  background:#363636;
  position:absolute;
  bottom:2.8205128205vw;
  right:100%;
  rotate:40deg;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__summer > p::before{
    bottom:16px;
  }
}

.page-summer_campaign .c-cta__summer > p::after{
  content:"";
  width:1.5em;
  height:1px;
  background:#363636;
  position:absolute;
  bottom:2.8205128205vw;
  left:100%;
  rotate:-40deg;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .c-cta__summer > p::after{
    bottom:16px;
  }
}

.page-summer_campaign .p-lesson{
  background:#f1f9ff;
  position:relative;
  margin:0 0 80px;
}

.page-summer_campaign .p-lesson::after{
  content:"";
  display:block;
  width:100vw;
  height:30px;
  position:absolute;
  bottom:-29px;
  clip-path:polygon(50% 100%, 0 0, 100% 0);
  background:#f1f9ff;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson::after{
    width:100%;
    max-width:1080px;
    left:50%;
    transform:translateX(-50%);
  }
}

.page-summer_campaign .p-lesson img{
  width:100%;
}

.page-summer_campaign .p-lesson__inner{
  width:89.7435897436vw;
  padding:60px 0;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson__inner{
    max-width:1080px;
  }
}

.page-summer_campaign .p-lesson__ttl{
  width:72.8205128205vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson__ttl{
    width:284px;
  }
}

.page-summer_campaign .p-lesson__ttl span{
  color:#5bb647;
  display:block;
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:900;
  line-height:1;
  letter-spacing:0.9px;
  margin-bottom:10px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson__ttl span{
    font-size:18px;
    letter-spacing:0.9px;
  }
}

.page-summer_campaign .p-lesson__lead{
  color:#222;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:160%;
  letter-spacing:0.45px;
  padding:0 1.9230769231vw;
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson__lead{
    text-align:center;
    font-size:16px;
    letter-spacing:0.48px;
    margin-top:20px;
  }
}

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

.page-summer_campaign .p-lesson .p-point{
  margin-top:48px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point{
    margin-top:64px;
  }
}

.page-summer_campaign .p-lesson .p-point__ttl{
  position:relative;
  background:#e8f8da;
  border-radius:2.5641025641vw;
  color:#222;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:140%;
  padding:8px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__ttl{
    width:800px;
    border-radius:10px;
    font-size:24px;
    margin:0 auto;
  }
}

.page-summer_campaign .p-lesson .p-point__ttl span{
  display:block;
  text-align:center;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1.4;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__ttl span{
    font-size:15px;
  }
}

.page-summer_campaign .p-lesson .p-point__ttl::before{
  content:"";
  width:8.9743589744vw;
  height:9.2307692308vw;
  background:url(../images/summer/taiken_beach-ball.svg) no-repeat center/contain;
  position:absolute;
  top:-2.9384615385vw;
  left:-2.8205128205vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__ttl::before{
    width:35px;
    height:36px;
    top:-11.46px;
    left:-11px;
  }
}

.page-summer_campaign .p-lesson .p-point__ttl::after{
  content:"";
  width:12.7153846154vw;
  height:15.6025641026vw;
  background:url(../images/summer/taiken_sandal.svg) no-repeat center/contain;
  position:absolute;
  bottom:-2.9230769231vw;
  right:2.4128205128vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__ttl::after{
    width:49.59px;
    height:60.85px;
    bottom:-11.4px;
    right:9.41px;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__inner{
    max-width:1080px;
    margin:20px auto 0;
    display:flex;
    justify-content:space-between;
  }
}

.page-summer_campaign .p-lesson .p-point__card{
  background:#fff;
  border-radius:2.5641025641vw;
  padding-top:17.15px;
  margin-top:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__card{
    border-radius:10px;
    margin-top:0;
  }
}

.page-summer_campaign .p-lesson .p-point__card--card1{
  padding-bottom:22.5px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__card--card1{
    width:49.0740740741%;
    padding:31px 19px 23.85px;
  }
}

.page-summer_campaign .p-lesson .p-point__card--card2{
  padding-bottom:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__card--card2{
    width:100%;
    padding:15px 18px 14.76px 14px;
  }
}

.page-summer_campaign .p-lesson .p-point__card--card3{
  padding-bottom:23.34px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__card--card3{
    width:100%;
    padding:15px 13px 11px 15px;
  }
}

.page-summer_campaign .p-lesson .p-point__head{
  display:flex;
  align-items:center;
  gap:1.5384615385vw;
  margin-left:3.8205128205vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__head{
    gap:6px;
    margin-left:0;
  }
}

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

  .page-summer_campaign .p-lesson .p-point__headIcon{
    width:60px;
    height:60px;
  }
}

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

  .page-summer_campaign .p-lesson .p-point__headIconTxt{
    font-size:27.429px;
  }
}

.page-summer_campaign .p-lesson .p-point__headIconTxt span{
  font-size:2.6374358974vw;
  font-weight:700;
  line-height:160%;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__headIconTxt span{
    font-size:10.286px;
  }
}

.page-summer_campaign .p-lesson .p-point__headTtl{
  color:#000;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:140%;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__headTtl{
    font-size:16px;
  }
}

.page-summer_campaign .p-lesson .p-point__headTtl__small{
  display:block;
  white-space:nowrap;
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:140%;
  margin-bottom:4px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__headTtl__small{
    white-space:wrap;
    font-size:15px;
    margin-bottom:0;
  }
}

.page-summer_campaign .p-lesson .p-point__headTtl .greenCol{
  color:#5bb647;
  font-weight:700;
}

.page-summer_campaign .p-lesson .p-point__body{
  margin-top:1em;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__body{
    margin-top:0;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyTxt{
  color:#000;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:160%;
  letter-spacing:0.42px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyTxt{
    font-size:14px;
  }
}

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

.page-summer_campaign .p-lesson .p-point__bodyTxt--txt1{
  width:50vw;
  margin-left:3.4076923077vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyTxt--txt1{
    max-width:304px;
    width:28.1481481481vw;
    margin-left:0;
    margin-top:19.14px;
    padding-bottom:26px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyTxt--txt2{
  width:80vw;
  margin-left:3.8461538462vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyTxt--txt2{
    max-width:358px;
    width:33.1481481481vw;
    margin-top:6.24px;
    margin-left:0;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyTxt--txt3{
  margin-top:1.7948717949vw;
  margin-left:3.8461538462vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyTxt--txt3{
    max-width:364px;
    width:33.7037037037vw;
    margin-top:6px;
    margin-left:0;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyTxt--txt4{
  width:46.9230769231vw;
  margin-left:5vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyTxt--txt4{
    max-width:366px;
    width:33.8888888889vw;
    margin-top:10px;
    margin-left:0;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImgWrap{
  position:absolute;
  bottom:0;
  right:0;
}

.page-summer_campaign .p-lesson .p-point__bodyImgTxt{
  display:block;
  color:#2eabff;
  text-align:center;
  font-size:3.0769230769vw;
  font-weight:500;
  line-height:160%;
  letter-spacing:0.36px;
  position:absolute;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImgTxt{
    font-size:12px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImgTxt--txt1{
  width:22.3076923077vw;
  transform:rotate(10.564deg);
  right:6.6666666667vw;
  bottom:16.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImgTxt--txt1{
    width:87px;
    right:6px;
    bottom:68px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImgTxt--txt2{
  width:15.8974358974vw;
  bottom:25.641025641vw;
  right:8.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImgTxt--txt2{
    width:62px;
    bottom:104px;
    right:18.4px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImgTxt::before{
  display:block;
  position:absolute;
  content:"";
  width:1px;
  height:6.9230769231vw;
  background:#2eabff;
  transform:rotate(-30deg);
  left:-1em;
  bottom:-1px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImgTxt::before{
    height:25px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImgTxt::after{
  display:block;
  position:absolute;
  content:"";
  width:1px;
  height:6.9230769231vw;
  background:#2eabff;
  transform:rotate(30deg);
  right:-1em;
  bottom:-1px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImgTxt::after{
    height:25px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImg{
  position:absolute;
}

.page-summer_campaign .p-lesson .p-point__bodyImg--img1{
  width:41.7948717949vw;
  right:0;
  bottom:-3.8461538462vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImg--img1{
    max-width:221.171px;
    width:20.4787962963vw;
    right:-11px;
    bottom:0;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImg--img2{
  width:33.5897435897vw;
  right:7.6923076923vw;
  bottom:-20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImg--img2{
    max-width:131px;
    width:12.1296296296vw;
    right:4px;
    bottom:-14.76px;
  }
}

.page-summer_campaign .p-lesson .p-point__bodyImg--img3{
  width:30.7692307692vw;
  right:3.0769230769vw;
  bottom:-23.34px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__bodyImg--img3{
    max-width:120px;
    width:11.1111111111vw;
    right:-2px;
    bottom:-11px;
  }
}

.page-summer_campaign .p-lesson .p-point__list{
  display:flex;
  width:100%;
  max-width:86.6666666667vw;
  justify-content:space-between;
  margin:9.4871794872vw auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__list{
    max-width:492px;
    margin-top:52px;
  }
}

.page-summer_campaign .p-lesson .p-point__listItem{
  width:28.2051282051vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__listItem{
    width:32.7863821138%;
  }
}

.page-summer_campaign .p-lesson .p-point__listItemTxt{
  position:absolute;
  top:-6.2538461538vw;
  left:50%;
  transform:translateX(-50%);
  border-radius:12.8205128205vw;
  background:#5bb647;
  text-align:center;
  color:#fff;
  font-size:calc(12/375 * 100vw);
  font-weight:700;
  line-height:160%;
  padding:0.9692307692vw 3.3333333333vw;
  white-space:nowrap;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__listItemTxt{
    top:-24.53px;
    left:50%;
    transform:translateX(-50%);
    width:-moz-max-content;
    width:max-content;
    border-radius:20px;
    font-size:12px;
    padding:4.52px 13.5px;
  }
}

.page-summer_campaign .p-lesson .p-point__listItemTxt--item1{
  right:0;
  left:auto;
  transform:none;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__listItemTxt--item1{
    right:auto;
    left:50%;
    transform:translateX(-50%);
  }
}

.page-summer_campaign .p-lesson .p-point__listItemTxt--item3{
  width:vw3(103);
  padding-left:1.5384615385vw;
  padding-right:1.5384615385vw;
}

.page-summer_campaign .p-lesson .p-point__listItemTxt::after{
  content:"";
  display:block;
  background:url(../images/summer/point_fukidashi.svg) no-repeat center/contain;
  width:4.1025641026vw;
  height:3.0769230769vw;
  position:absolute;
  top:calc(100% - 1px);
  left:4.6153846154vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__listItemTxt::after{
    width:16px;
    height:12px;
    left:18px;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-point__cardWrap{
    display:flex;
    flex-direction:column;
    gap:20px;
    width:49.0740740741%;
  }
}

.page-summer_campaign .p-lesson .p-voice{
  margin-top:48px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice{
    margin-top:64px;
  }
}

.page-summer_campaign .p-lesson .p-voice__ttl{
  position:relative;
  background:#e8f8da;
  border-radius:2.5641025641vw;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:140%;
  padding:8px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__ttl{
    width:800px;
    border-radius:10px;
    font-size:24px;
    margin:0 auto;
  }
}

.page-summer_campaign .p-lesson .p-voice__ttl span{
  display:block;
  text-align:center;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1.4;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__ttl span{
    font-size:15px;
  }
}

.page-summer_campaign .p-lesson .p-voice__ttl::before{
  content:"";
  width:12.2525641026vw;
  height:6.3753846154vw;
  background:url(../images/summer/taiken_sunglass.svg) no-repeat center/contain;
  position:absolute;
  top:-1.1692307692vw;
  left:-1.1974358974vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__ttl::before{
    width:47.785px;
    height:24.864px;
    top:-4.56px;
    left:-4.67px;
  }
}

.page-summer_campaign .p-lesson .p-voice__ttl::after{
  content:"";
  width:10.7058974359vw;
  height:10.5369230769vw;
  background:url(../images/summer/taiken_hitode.svg) no-repeat center/contain;
  position:absolute;
  bottom:-2.9846153846vw;
  right:-2.8487179487vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__ttl::after{
    width:41.753px;
    height:41.094px;
    bottom:-11.64px;
    right:-11.11px;
  }
}

.page-summer_campaign .p-lesson .p-voice__swiper{
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__swiper{
    width:auto;
    margin-top:40px;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__swiper .swiper-wrapper{
    display:flex;
    justify-content:space-between;
    max-width:1080px;
    width:100%;
    margin:0 auto;
    transform:none !important;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__swiper .swiper-slide{
    max-width:258px;
    width:23.8888888889% !important;
    margin-right:0 !important;
  }
}

.page-summer_campaign .p-lesson .p-voice__card{
  position:relative;
}

.page-summer_campaign .p-lesson .p-voice__text{
  width:100%;
  min-height:56.4102564103vw;
  background:#fff;
  border-radius:5.1282051282vw;
  padding:5.1282051282vw;
  color:#222426;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:180%;
  letter-spacing:0.56px;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__text{
    min-height:220px;
    border-radius:20px;
    padding:19px;
    font-size:14px;
  }
}

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

.page-summer_campaign .p-lesson .p-voice__text::after{
  content:"";
  display:block;
  width:3.0769230769vw;
  height:3.0769230769vw;
  background:url(../images/voice_fukidashi.svg) no-repeat center/contain;
  position:absolute;
  left:6.6666666667vw;
  top:calc(100% - 1px);
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__text::after{
    width:12px;
    height:12px;
    left:26px;
  }
}

.page-summer_campaign .p-lesson .p-voice__box{
  display:flex;
  align-items:center;
  gap:2.0512820513vw;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__box{
    gap:8px;
    margin-top:16px;
  }
}

.page-summer_campaign .p-lesson .p-voice__img{
  width:15.3846153846vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__img{
    width:60px;
  }
}

.page-summer_campaign .p-lesson .p-voice__name{
  color:#222426;
  font-size:3.5897435897vw;
  font-weight:500;
  letter-spacing:1.12px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice__name{
    font-size:14px;
  }
}

.page-summer_campaign .p-lesson .p-voice .swiper-pagination{
  position:static;
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-voice .swiper-pagination{
    display:none;
  }
}

.page-summer_campaign .p-lesson .p-voice .swiper-pagination-bullet-active{
  background:#2eabff;
}

.page-summer_campaign .p-lesson .p-flow{
  margin-top:48px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow{
    position:relative;
    padding-bottom:35px;
    margin:50px auto 0;
  }
}

.page-summer_campaign .p-lesson .p-flow__ttl{
  position:relative;
  background:#e8f8da;
  border-radius:2.5641025641vw;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:140%;
  padding:8px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__ttl{
    width:800px;
    border-radius:10px;
    font-size:24px;
    margin:0 auto;
  }
}

.page-summer_campaign .p-lesson .p-flow__ttl span{
  display:block;
  text-align:center;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1.4;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__ttl span{
    font-size:15px;
  }
}

.page-summer_campaign .p-lesson .p-flow__ttl::before{
  content:"";
  width:10.7692307692vw;
  height:12.6820512821vw;
  background:url(../images/summer/taiken_jouice.svg) no-repeat center/contain;
  position:absolute;
  top:-7.8102564103vw;
  left:0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__ttl::before{
    width:42px;
    height:49.46px;
    top:-30.46px;
    left:0;
  }
}

.page-summer_campaign .p-lesson .p-flow__ttl::after{
  content:"";
  width:16.1538461538vw;
  height:19.4871794872vw;
  background:url(../images/summer/taiken_icecream.svg) no-repeat center/contain;
  position:absolute;
  bottom:-2.458974359vw;
  right:-6.0743589744vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__ttl::after{
    width:63px;
    height:76px;
    bottom:-9.59px;
    right:-23.69px;
  }
}

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

  .page-summer_campaign .p-lesson .p-flow__list{
    gap:28px;
    margin:20px auto 0;
    width:620px;
  }
}

.page-summer_campaign .p-lesson .p-flow__list::before{
  display:block;
  content:"";
  width:2px;
  height:102.5641025641vw;
  background:#5bb647;
  position:absolute;
  left:1.5384615385vw;
  top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__list::before{
    height:455px;
    left:6px;
    top:20px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listItem{
  width:79.2307692308vw;
  margin-left:auto;
  margin-right:1.9230769231vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listItem{
    width:571px;
    margin-right:0;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listItem:nth-of-type(2){
    margin-top:28px;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listItem:last-of-type{
    position:relative;
    margin-top:40px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listTtl{
  position:relative;
  display:flex;
  align-items:center;
  color:#000;
  font-size:4.1025641026vw;
  font-weight:700;
  letter-spacing:0.48px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listTtl{
    font-size:16px;
  }
}

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

  .page-summer_campaign .p-lesson .p-flow__listTtl span{
    width:53.269px;
    font-size:40px;
  }
}

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

  .page-summer_campaign .p-lesson .p-flow__listTtl::before{
    width:14px;
    height:14px;
    left:-48.67px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listBox{
  display:flex;
  align-items:center;
  gap:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listBox{
    gap:10px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listBox--box1{
  margin-top:1.2820512821vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listBox--box1{
    margin-top:5px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listBox--box2{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listBox--box2{
    margin-top:21px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listText{
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:153.333%;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listText{
    font-size:15px;
  }
}

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

.page-summer_campaign .p-lesson .p-flow__listText--text1{
  width:42.8205128205vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listText--text1{
    width:383px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listText--text2{
  width:46.6666666667vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listText--text2{
    width:383px;
  }
}

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

  .page-summer_campaign .p-lesson .p-flow__listImg{
    width:100px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listNote{
  color:#000;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:150%;
  display:block;
  margin-top:10px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listNote{
    font-size:12px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listInnerList{
  margin-top:12px;
}

.page-summer_campaign .p-lesson .p-flow__listInnerList > li{
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.53;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__listInnerList > li{
    font-size:15px;
  }
}

.page-summer_campaign .p-lesson .p-flow__listInnerList > li::before{
  content:"・";
}

.page-summer_campaign .p-lesson .p-flow__img{
  width:79.2307692308vw;
  margin:12px 1.9230769231vw 0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-lesson .p-flow__img{
    width:50%;
    max-width:339px;
    position:absolute;
    right:0;
    top:0;
  }
}

.page-summer_campaign .p-info{
  background:#eefce4;
  margin-top:80px;
  position:relative;
  margin-bottom:48px;
}

.page-summer_campaign .p-info__inner{
  width:89.7435897436vw;
  padding:71px 0 50px;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__inner{
    max-width:800px;
  }
}

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

  .page-summer_campaign .p-info__title{
    width:284px;
  }
}

.page-summer_campaign .p-info__title span{
  color:#5bb647;
  display:block;
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:900;
  line-height:1;
  letter-spacing:0.9px;
  margin-bottom:10px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__title span{
    font-size:18px;
  }
}

.page-summer_campaign .p-info__subTtl{
  width:-moz-fit-content;
  width:fit-content;
  color:#5bb647;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:1;
  position:relative;
  margin:32px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__subTtl{
    font-size:24px;
  }
}

.page-summer_campaign .p-info__subTtl span{
  font-size:9.2307692308vw;
  font-weight:700;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__subTtl span{
    font-size:36px;
  }
}

.page-summer_campaign .p-info__subTtl::before{
  content:"";
  width:3.0769230769vw;
  height:5.1282051282vw;
  background:url(../images/summer/dot.svg) no-repeat center/contain;
  position:absolute;
  right:calc(100% + 3.0769230769vw);
  bottom:1.2820512821vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__subTtl::before{
    width:12px;
    height:20px;
    right:calc(100% + 12px);
    bottom:5px;
  }
}

.page-summer_campaign .p-info__subTtl::after{
  content:"";
  width:3.0769230769vw;
  height:5.1282051282vw;
  background:url(../images/summer/dot.svg) no-repeat center/contain;
  transform:rotateX(180deg);
  position:absolute;
  left:calc(100% + 3.0769230769vw);
  bottom:1.2820512821vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__subTtl::after{
    width:12px;
    height:20px;
    left:calc(100% + 12px);
    bottom:5px;
  }
}

.page-summer_campaign .p-info__list{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-top:30px;
}

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

.page-summer_campaign .p-info__item::before{
  content:"";
  width:6.9230769231vw;
  height:8.9743589744vw;
  position:absolute;
  top:-1.2820512821vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__item::before{
    width:27px;
    height:35px;
    top:-5px;
  }
}

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

  .page-summer_campaign .p-info__item--item1::before{
    left:40%;
    transform:translateX(-50%);
  }
}

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

  .page-summer_campaign .p-info__item--item2::before{
    right:40%;
    transform:translateX(50%);
  }
}

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

  .page-summer_campaign .p-info__item--item3::before{
    right:40%;
    transform:translateX(50%);
  }
}

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

  .page-summer_campaign .p-info__itemTitle{
    width:83px;
    height:20px;
    font-size:12px;
  }
}

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

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

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

  .page-summer_campaign .p-info__itemTitle::before{
    width:6px;
    height:20px;
    left:0;
  }
}

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

  .page-summer_campaign .p-info__itemTitle::after{
    width:6px;
    height:20px;
    right:0;
  }
}

.page-summer_campaign .p-info__itemBox{
  background:#fff;
  border-radius:5.1282051282vw;
  padding:24px 0;
  margin-top:10px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__itemBox{
    border-radius:20px;
    padding:16px 0;
  }
}

.page-summer_campaign .p-info__itemText{
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.48px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__itemText{
    font-size:18px;
    line-height:1.6;
    letter-spacing:0.54px;
  }
}

.page-summer_campaign .p-info__itemText span{
  color:#5bb647;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-thickness:10%;
  text-underline-offset:auto;
  text-underline-position:from-font;
}

.page-summer_campaign .p-info__after{
  margin:32px auto 0;
}

.page-summer_campaign .p-info__after span{
  display:block;
  width:7.1794871795vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-info__after span{
    width:28px;
  }
}

.page-summer_campaign .p-about{
  margin-top:32px;
}

.page-summer_campaign .p-about__title{
  color:#5bb647;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:24/28;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-about__title{
    font-size:28px;
  }
}

.page-summer_campaign .p-about__desc{
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1.6;
  letter-spacing:0.8px;
  margin-top:24px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-about__desc{
    font-size:18px;
    letter-spacing:0.9px;
  }
}

.page-summer_campaign .p-about__img{
  margin-top:24px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-about__img{
    max-width:800px;
    width:100%;
  }
}

.page-summer_campaign .p-about__img img{
  width:100%;
}

.page-summer_campaign .p-about__text{
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.8;
  letter-spacing:0.48px;
  margin-top:24px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-about__text{
    text-align:center;
    font-size:16px;
  }
}

.page-summer_campaign .p-magic{
  background:#fff;
  border-radius:2.5641025641vw;
  padding:40px 7.6923076923vw;
  margin-top:32px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic{
    border-radius:10px;
    padding:40px 30px;
    max-width:800px;
    margin:32px auto 0;
  }
}

.page-summer_campaign .p-magic img{
  width:100%;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic__head{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
  }
}

.page-summer_campaign .p-magic__ttl{
  width:56.4102564103vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic__ttl{
    max-width:294px;
    width:50%;
    margin:0;
  }
}

.page-summer_campaign .p-magic__img{
  margin-top:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic__img{
    margin-top:0;
    max-width:293px;
    width:50%;
  }
}

.page-summer_campaign .p-magic__text{
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.8;
  letter-spacing:1.5px;
  margin-top:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic__text{
    width:560px;
    font-size:16px;
    letter-spacing:1.6px;
    margin:30px auto 0;
  }
}

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

.page-summer_campaign .p-magic__btn{
  display:flex;
  justify-content:center;
  align-items:center;
  width:71.7948717949vw;
  height:12.8205128205vw;
  border-radius:11.5384615385vw;
  color:#fff;
  font-size:3.3333333333vw;
  font-weight:700;
  background:url(../images/bg-green.webp) center no-repeat;
  margin-top:20px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-magic__btn{
    width:280px;
    height:50px;
    border-radius:45px;
    font-size:13px;
    margin:30px auto 0;
  }
}

.page-summer_campaign .p-summerNote{
  margin:48px 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote{
    margin-bottom:-50px;
  }
}

.page-summer_campaign .p-summerNote__inner{
  width:85.8974358974vw;
  border-radius:2.5641025641vw;
  border:1px solid #a8a8a8;
  padding:20px 5.1282051282vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__inner{
    max-width:1080px;
    border-radius:10px;
    padding:40px;
  }
}

.page-summer_campaign .p-summerNote__title{
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:700;
  padding-bottom:12px;
  border-bottom:1px solid #a8a8a8;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__title{
    font-size:18px;
  }
}

.page-summer_campaign .p-summerNote__txt{
  display:block;
  margin-top:24px;
  font-size:3.5897435897vw;
  font-weight:400;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__txt{
    font-size:15px;
    line-height:1.8;
  }
}

.page-summer_campaign .p-summerNote__txt > ul{
  padding-left:1em;
}

.page-summer_campaign .p-summerNote__txt > ul > li{
  font-size:3.5897435897vw;
  font-weight:400;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__txt > ul > li{
    font-size:15px;
    line-height:1.8;
  }
}

.page-summer_campaign .p-summerNote__btn{
  width:69.2307692308vw;
  height:15.3846153846vw;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3.0769230769vw;
  border-radius:25.641025641vw;
  border:1px solid #2eabff;
  color:#2eabff;
  text-align:center;
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:1.3;
  margin:12px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__btn{
    width:270px;
    height:60px;
    gap:12px;
    border-radius:100px;
    font-size:14px;
  }
}

.page-summer_campaign .p-summerNote__btn span{
  width:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-summerNote__btn span{
    width:12px;
  }
}

.page-summer_campaign .p-gift{
  background:#f7f7d5;
  position:relative;
  margin-top:60px;
  margin-bottom:64px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift{
    max-width:1080px;
    margin:60px auto 80px;
  }
}

.page-summer_campaign .p-gift img{
  width:100%;
}

.page-summer_campaign .p-gift::after{
  content:"";
  display:block;
  width:100vw;
  height:30px;
  position:absolute;
  bottom:-29px;
  clip-path:polygon(50% 100%, 0 0, 100% 0);
  background:#f7f7d5;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift::after{
    width:100%;
  }
}

.page-summer_campaign .p-gift__inner{
  padding:40px 4.8717948718vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__inner{
    padding:40px 19px;
  }
}

.page-summer_campaign .p-gift__head{
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__head{
    width:-moz-fit-content;
    width:fit-content;
    margin:0 auto;
  }
}

.page-summer_campaign .p-gift__headImg{
  width:26.1538461538vw;
  position:absolute;
  top:-69px;
  left:-3.1692307692vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__headImg{
    width:125px;
    top:-72px;
    left:-110px;
  }
}

.page-summer_campaign .p-gift__headTxt > p{
  color:#363636;
  font-size:3.8461538462vw;
  font-weight:700;
  letter-spacing:1.5px;
  width:-moz-fit-content;
  width:fit-content;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__headTxt > p{
    font-size:15px;
  }
}

.page-summer_campaign .p-gift__headTxt > p::before{
  content:"";
  width:1.5em;
  height:1px;
  background:#363636;
  position:absolute;
  right:calc(100% + 1em);
  bottom:12px;
  rotate:40deg;
}

.page-summer_campaign .p-gift__headTxt > p::after{
  content:"";
  width:1.5em;
  height:1px;
  background:#363636;
  position:absolute;
  left:calc(100% + 1em);
  bottom:12px;
  rotate:-40deg;
}

.page-summer_campaign .p-gift__headTxt > p span{
  color:#ff0801;
  font-size:5.1282051282vw;
  font-weight:700;
  letter-spacing:2px;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-thickness:8%;
  text-underline-offset:15.5%;
  text-underline-position:from-font;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__headTxt > p span{
    font-size:20px;
  }
}

.page-summer_campaign .p-gift__ttl{
  width:72.8205128205vw;
  margin:10px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__ttl{
    width:284px;
  }
}

.page-summer_campaign .p-gift__ttl2{
  width:72.8205128205vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__ttl2{
    width:284px;
  }
}

.page-summer_campaign .p-gift__desc{
  text-align:center;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__desc{
    display:flex;
    justify-content:center;
  }
}

.page-summer_campaign .p-gift__desc--txt1{
  font-size:5.1282051282vw;
  font-weight:700;
  letter-spacing:2px;
  margin:10px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__desc--txt1{
    font-size:20px;
    margin:0;
  }
}

.page-summer_campaign .p-gift__desc--txt2{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
  font-size:5.1282051282vw;
  font-weight:700;
  letter-spacing:2px;
  margin:2px auto 0;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__desc--txt2{
    font-size:20px;
    margin:0;
  }
}

.page-summer_campaign .p-gift__desc--txt2 span{
  display:inline-block;
  width:56.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__desc--txt2 span{
    width:220px;
  }
}

.page-summer_campaign .p-gift__cont{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:7px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__cont{
    flex-direction:row;
    gap:10px;
    justify-content:center;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__cont--default{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:flex-end;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__cont--july{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:flex-end;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__cont--august .p-gift__item{
    max-width:800px !important;
  }
}

.page-summer_campaign .p-gift__card{
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__card{
    max-width:330px;
    width:32.6732673267%;
  }
}

.page-summer_campaign .p-gift__parts{
  width:27.6923076923vw;
  position:absolute;
  right:-1.6333333333vw;
  top:-2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__parts{
    max-width:108px;
    width:30%;
    right:-6.37px;
    top:-8px;
  }
}
@media screen and (min-width: 768px){

  .page-summer_campaign .p-gift__item{
    display:block;
  }
}

.page-summer_campaign .sectionH{
  width:100%;
  margin:0 auto 1.875em;
  border-bottom:1px solid #5bb647;
  border-top:1px solid #5bb647;
  font-weight:700;
  text-align:center;
  padding:15px 0;
  color:#5bb647;
  font-size:1.230769em;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .sectionH{
    margin:0 auto 1.875em;
  }
}

.page-summer_campaign .sectionWrapper{
  margin-bottom:75px;
}
@media screen and (min-width: 768px){

  .page-summer_campaign .sectionWrapper{
    margin-bottom:120px;
  }
}