@charset "UTF-8";

.fFixed{
  display:none;
}

.pagetop{
  z-index:3;
  bottom:20px;
}

.page-summer-school{
  font-family:"Noto Sans JP", sans-serif;
  padding-top:0;
  color:#222;
}
@media screen and (min-width: 768px){

  .page-summer-school{
    padding-top:0;
  }
}

.page-summer-school .l-inner{
  padding:0 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .l-inner{
    max-width:1000px;
    padding:0;
    margin:0 auto;
  }
}

.page-summer-school .l-wrapperBg{
  display:flex;
  flex-direction:column;
  gap:5.1282051282vw;
  background:#f7f7d5;
  padding:5.1282051282vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .l-wrapperBg{
    gap:30px;
    padding:30px 0;
  }
}

.page-summer-school .l-wrapperBg--campaign{
  padding:10.2564102564vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .l-wrapperBg--campaign{
    padding:40px 0;
  }
}

.page-summer-school .l-wrapperBg2{
  display:flex;
  flex-direction:column;
  gap:10.2564102564vw;
  background:#ecf8ff;
  padding:15.3846153846vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .l-wrapperBg2{
    gap:60px;
    padding:60px 0;
  }
}

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

.page-summer-school .c-courseNav img{
  width:100%;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__inner{
    max-width:1000px;
    margin:0 auto;
  }
}

.page-summer-school .c-courseNav__list{
  display:flex;
  flex-direction:column;
  gap:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__list{
    flex-direction:row;
    gap:40px;
  }
}

.page-summer-school .c-courseNav__item{
  border-radius:25.641025641vw;
  border:2px solid;
  box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__item{
    width:100%;
    border-radius:100px;
  }
}

.page-summer-school .c-courseNav__item::before{
  content:"";
  position:absolute;
  left:1.0256410256vw;
  top:-4.1025641026vw;
  width:8.7179487179vw;
  height:12.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__item::before{
    left:4px;
    top:-16px;
    width:34px;
    height:47px;
  }
}

.page-summer-school .c-courseNav__item--1day{
  background:#fff100;
  border-color:#ff9f30;
}

.page-summer-school .c-courseNav__item--1day::before{
  background:url(../images/summer-school/B_P2-1.webp) no-repeat center/contain;
}

.page-summer-school .c-courseNav__item--3days{
  background:#6ad153;
  border-color:#176500;
}

.page-summer-school .c-courseNav__item--3days::before{
  background:url(../images/summer-school/B_P2.webp) no-repeat center/contain;
}

.page-summer-school .c-courseNav__link{
  padding:7.1794871795vw 0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__link{
    gap:10px;
    padding:28px 0;
  }
}

.page-summer-school .c-courseNav__txt{
  display:flex;
  align-items:center;
  font-size:4.6153846154vw;
  font-weight:700;
  letter-spacing:0.9px;
  gap:1px;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__txt{
    font-size:18px;
  }
}

.page-summer-school .c-courseNav__txt--1day{
  color:#222;
}

.page-summer-school .c-courseNav__txt--3days{
  color:#fff;
}

.page-summer-school .c-courseNav__day{
  display:inline-block;
}

.page-summer-school .c-courseNav__day--1day{
  width:3.8461538462vw;
  height:7.4358974359vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__day--1day{
    width:15px;
    height:29px;
  }
}

.page-summer-school .c-courseNav__day--3days{
  width:5.1282051282vw;
  height:7.6923076923vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__day--3days{
    width:20px;
    height:30px;
  }
}

.page-summer-school .c-courseNav__arrow{
  display:inline-block;
  width:2.5641025641vw;
  height:2.5641025641vw;
  border-top:2px solid #222;
  border-right:2px solid #222;
  transform:rotate(45deg);
}
@media screen and (min-width: 768px){

  .page-summer-school .c-courseNav__arrow{
    width:10px;
    height:10px;
  }
}

.page-summer-school .c-courseNav__arrow--1day{
  border-top-color:#222;
  border-right-color:#222;
}

.page-summer-school .c-courseNav__arrow--3days{
  border-top-color:#fff;
  border-right-color:#fff;
}

.page-summer-school .c-summerCampaign img{
  width:100%;
}

.page-summer-school .c-summerCampaign__inner{
  width:100%;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-summerCampaign__inner{
    max-width:1000px;
    margin:0 auto;
  }
}

.page-summer-school .c-summerCampaign__note{
  display:block;
  position:absolute;
  bottom:15.3846153846vw;
  right:5.1282051282vw;
  color:rgba(34, 34, 34, 0.8);
  font-size:2.5641025641vw;
  font-weight:400;
  line-height:140%;
}
@media screen and (min-width: 768px){

  .page-summer-school .c-summerCampaign__note{
    bottom:9%;
    right:60px;
    font-size:14px;
  }
}

.page-summer-school .c-summerCampaign__note a{
  color:rgba(34, 34, 34, 0.8);
  font-size:2.5641025641vw;
  font-weight:400;
  line-height:1;
  display:inline-block;
  border-bottom:1px solid rgba(34, 34, 34, 0.8);
}
@media screen and (min-width: 768px){

  .page-summer-school .c-summerCampaign__note a{
    font-size:14px;
  }
}

.page-summer-school .p-about{
  background:#ecf8ff;
}

.page-summer-school .p-about img{
  width:100%;
}

.page-summer-school .p-about__inner{
  padding:15.3846153846vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__inner{
    padding:60px 20px;
  }
}

.page-summer-school .p-about__title{
  width:78.9743589744vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__title{
    width:408px;
  }
}

.page-summer-school .p-about__desc{
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__desc{
    margin-top:20px;
  }
}

.page-summer-school .p-about__desc p{
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:0.75px;
}
@media screen and (min-width: 768px){

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

.page-summer-school .p-about__subTtl{
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:1px;
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__subTtl{
    font-size:18px;
    margin-top:20px;
  }
}

.page-summer-school .p-about__detail{
  position:relative;
  height:103.3333333333vw;
  margin-top:5.1282051282vw;
  z-index:0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__detail{
    max-width:406px;
    height:270px;
    margin:20px auto 0;
  }
}

.page-summer-school .p-about__item{
  position:absolute;
  padding:3.0769230769vw 7.1794871795vw;
  background:#fff;
  border-radius:7.6923076923vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item{
    width:-moz-max-content;
    width:max-content;
    border-radius:50px;
    padding:12px 28px;
  }
}

.page-summer-school .p-about__item::before{
  content:"";
  width:5.641025641vw;
  height:5.641025641vw;
  border-radius:50%;
  background:#fff;
  position:absolute;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item::before{
    width:22px;
    height:22px;
  }
}

.page-summer-school .p-about__item::after{
  content:"";
  width:3.3333333333vw;
  height:3.3333333333vw;
  border-radius:50%;
  background:#fff;
  position:absolute;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item::after{
    width:13px;
    height:13px;
  }
}

.page-summer-school .p-about__item--item1{
  top:0;
  right:1.9230769231vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item1{
    top:37.78px;
    right:unset;
    left:100%;
  }
}

.page-summer-school .p-about__item--item1::before{
  top:calc(100% + 1.7948717949vw);
  right:11.3384615385vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item1::before{
    top:calc(100% + 6px);
    right:100%;
  }
}

.page-summer-school .p-about__item--item1::after{
  top:calc(100% + 7.9487179487vw);
  right:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item1::after{
    top:calc(100% + 30.12px);
    right:calc(100% + 20.33px);
  }
}

.page-summer-school .p-about__item--item2{
  left:2.0512820513vw;
  top:18.9743589744vw;
  z-index:-1;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item2{
    top:42.78px;
    left:-148.87px;
  }
}

.page-summer-school .p-about__item--item2::before{
  top:calc(100% + 1.7948717949vw);
  left:11.7948717949vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item2::before{
    top:calc(100% + 9.14px);
    left:unset;
    right:67.94px;
  }
}

.page-summer-school .p-about__item--item2::after{
  top:calc(100% + 7.9487179487vw);
  left:17.4358974359vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item2::after{
    top:calc(100% + 26.62px);
    left:unset;
    right:54.34px;
  }
}

.page-summer-school .p-about__item--item3{
  right:1.9230769231vw;
  bottom:19.3948717949vw;
  z-index:1;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item3{
    right:-131.37px;
    bottom:-1px;
  }
}

.page-summer-school .p-about__item--item3::before{
  bottom:calc(100% + 1.7948717949vw);
  right:8.6743589744vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item3::before{
    bottom:calc(100% + 7.71px);
    right:unset;
    left:4px;
  }
}

.page-summer-school .p-about__item--item3::after{
  bottom:calc(100% + 7.9487179487vw);
  right:13.8461538462vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item3::after{
    bottom:calc(100% + 31.84px);
    right:calc(100% - 5px);
  }
}

.page-summer-school .p-about__item--item4{
  left:2.0512820513vw;
  bottom:0;
  z-index:1;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item4{
    left:-203.63px;
    bottom:0;
  }
}

.page-summer-school .p-about__item--item4::before{
  bottom:calc(100% + 1.7948717949vw);
  left:9.1358974359vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item4::before{
    bottom:calc(100% + 10px);
    left:unset;
    right:20px;
  }
}

.page-summer-school .p-about__item--item4::after{
  bottom:calc(100% + 7.9487179487vw);
  left:14.6153846154vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__item--item4::after{
    bottom:calc(100% + 27.5px);
    left:unset;
    right:6.3px;
  }
}

.page-summer-school .p-about__itemTxt{
  text-align:center;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:1.5;
  letter-spacing:1.12px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__itemTxt{
    font-size:16px;
    line-height:21px;
  }
}

.page-summer-school .p-about__bgImg{
  position:absolute;
  bottom:11.7025641026vw;
  left:0.7692307692vw;
  z-index:0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-about__bgImg{
    width:406px;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
  }
}

.page-summer-school .p-point{
  background:#6bdaff;
  padding:10.2564102564vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point{
    padding:40px 0;
  }
}

.page-summer-school .p-point img{
  width:100%;
}

.page-summer-school .p-point__inner{
  background:url(../images/summer-school/point_bg.svg) no-repeat center/cover;
  border-radius:3.2051282051vw;
  padding:7.6923076923vw 0;
  margin:0 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__inner{
    width:100%;
    max-width:1000px;
    min-width:770px;
    border-radius:12.48px;
    padding:30px 16px;
    background:url(../images/summer-school/point_bg_pc.svg) no-repeat center/cover;
    margin:0 auto;
  }
}

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

  .page-summer-school .p-point__title{
    width:378px;
  }
}

.page-summer-school .p-point__lists{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:5.1282051282vw auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__lists{
    width:686.5px;
    gap:42px;
    align-items:center;
    margin-top:20px;
  }
}

.page-summer-school .p-point__list{
  display:flex;
  flex-direction:column;
  gap:2px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__list{
    width:100%;
    flex-direction:row;
    position:relative;
  }

  .page-summer-school .p-point__list:last-of-type::before{
    content:"";
    width:672px;
    height:0;
    border-top:2px dashed rgba(8, 159, 232, 0.2);
    position:absolute;
    bottom:calc(100% + 21px);
    left:50%;
    transform:translateX(-50%);
  }
}

.page-summer-school .p-point__item{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  padding:5.1282051282vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item{
    width:50%;
    padding:0;
  }
}

.page-summer-school .p-point__item::before{
  content:"";
  width:80.7692307692vw;
  height:0;
  border-top:2px dashed rgba(8, 159, 232, 0.2);
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item::before{
    width:0;
    height:101px;
    border-top:none;
    border-left:2px dashed rgba(8, 159, 232, 0.2);
    bottom:50%;
    left:auto;
    right:100%;
    transform:translateY(50%);
  }
}

.page-summer-school .p-point__item--item1{
  gap:2.5641025641vw;
  padding-top:0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item1{
    gap:10px;
  }
}

.page-summer-school .p-point__item--item1::before{
  content:none;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item1::before{
    content:none;
  }
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item2{
    justify-content:right;
  }
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item3{
    justify-content:left;
  }
}

.page-summer-school .p-point__item--item3::before{
  content:none;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item3::before{
    content:none;
  }
}

.page-summer-school .p-point__item--item4{
  gap:1.0256410256vw;
  padding-bottom:0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__item--item4{
    gap:4px;
  }
}

.page-summer-school .p-point__img--item1{
  width:27.6923076923vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__img--item1{
    width:108px;
  }
}

.page-summer-school .p-point__img--item2{
  width:24.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__img--item2{
    width:94px;
  }
}

.page-summer-school .p-point__img--item3{
  width:26.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__img--item3{
    width:103px;
  }
}

.page-summer-school .p-point__img--item4{
  width:26.9230769231vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__img--item4{
    width:107px;
  }
}

.page-summer-school .p-point__text{
  font-size:4.1025641026vw;
  font-weight:700;
  text-align:center;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__text{
    font-size:16px;
  }
}

.page-summer-school .p-point__text span{
  color:#0077df;
  font-size:6.1538461538vw;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-color:#f3f02f;
  text-decoration-thickness:5px;
  text-underline-offset:-2px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-point__text span{
    font-size:24px;
  }
}

.page-summer-school .p-program{
  background:#fffeaa;
}

.page-summer-school .p-program img{
  width:100%;
}

.page-summer-school .p-program__inner{
  padding:15.3846153846vw 0 18.4615384615vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-program__inner{
    width:100%;
    max-width:1000px;
    padding:60px 0;
  }
}

.page-summer-school .p-program__title{
  width:56.9230769231vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-program__title{
    width:285px;
  }
}

.page-summer-school .p-program__slider{
  margin-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-program__slider{
    visibility:unset;
    margin-top:40px;
  }
}
@media screen and (min-width: 768px){

  .page-summer-school .p-program__list{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
  }
}

.page-summer-school .p-program__slide{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-program__slide{
    width:32%;
    gap:12px;
  }
}

.page-summer-school .p-program .splide__pagination{
  bottom:auto;
  top:calc(100% + 12px);
}

.page-summer-school .p-program .splide__pagination__page{
  background:#fff;
}

.page-summer-school .p-program .splide__pagination__page.is-active{
  background:#0072df;
}

.page-summer-school .p-course img{
  width:100%;
}

.page-summer-school .p-course__title{
  width:56.1538461538vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__title{
    width:285px;
  }
}

.page-summer-school .p-course__nav{
  display:flex;
  gap:3.0769230769vw;
  margin:5.1282051282vw auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__nav{
    justify-content:center;
    gap:20px;
    margin:20px auto;
  }
}

.page-summer-school .p-course__tab{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:43.3333333333vw;
  height:calc(14.8717948718vw + 4px);
  background:#f5f5f5;
  border:2px solid transparent;
  border-radius:3.0769230769vw;
  box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  padding:0 3.0769230769vw 0.5128205128vw;
  cursor:pointer;
  transition:opacity 0.3s ease;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__tab{
    width:344px;
    height:62px;
    border-radius:12px;
    padding:0 12px 2px;
  }
}

.page-summer-school .p-course__tab:hover{
  opacity:0.7;
}

.page-summer-school .p-course__tab--1day{
  border-color:#ff9f30;
  background:#fff100;
  color:#222;
}

.page-summer-school .p-course__tab--3days{
  border-color:#176500;
  background:#6ad153;
  color:#fff;
}

.page-summer-school .p-course__tabTxt{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  width:31.7948717949vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__tabTxt{
    width:85.7558139535%;
  }
}

.page-summer-school .p-course__tabTxt1{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1;
  letter-spacing:1px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__tabTxt1{
    font-size:16px;
  }
}

.page-summer-school .p-course__tabTxt2{
  text-align:center;
  font-size:2.5641025641vw;
  font-weight:700;
  line-height:1;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__tabTxt2{
    font-size:10px;
  }
}

.page-summer-school .p-course__tabArrow{
  display:inline-block;
  width:2.5641025641vw;
  height:2.5641025641vw;
  border-top:2px solid #222;
  border-right:2px solid #222;
  transform:rotate(135deg);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__tabArrow{
    width:10px;
    height:10px;
  }
}

.page-summer-school .p-course__tabArrow--1day{
  border-top-color:#222;
  border-right-color:#222;
}

.page-summer-school .p-course__tabArrow--3days{
  border-top-color:#fff;
  border-right-color:#fff;
}

.page-summer-school .p-course__content{
  display:none;
  border-radius:3.0769230769vw;
  overflow:hidden;
  background:#fff;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content{
    border-radius:12px;
  }
}

.page-summer-school .p-course__content.is-active{
  display:block;
}

.page-summer-school .p-course__content__title{
  display:flex;
  justify-content:center;
  align-items:center;
  height:15.3846153846vw;
  gap:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__title{
    height:60px;
    gap:8px;
  }
}

.page-summer-school .p-course__content__title--1day{
  background:#fff100;
  color:#222;
}

.page-summer-school .p-course__content__title--3days{
  background:#6ad153;
  color:#fff;
}

.page-summer-school .p-course__content__titleTxt1{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:1;
  letter-spacing:1px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__titleTxt1{
    font-size:18px;
  }
}

.page-summer-school .p-course__content__titleTxt2{
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:1;
  letter-spacing:1px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__titleTxt2{
    font-size:14px;
  }
}

.page-summer-school .p-course__content__titleTxt3{
  font-size:3.0769230769vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0px;
  width:22.5641025641vw;
  height:8.2051282051vw;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid #222;
  border-radius:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__titleTxt3{
    font-size:12px;
    width:88px;
    height:32px;
    border-radius:20px;
  }
}

.page-summer-school .p-course__content__desc{
  padding:10.2564102564vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__desc{
    padding:40px 20px;
  }
}

.page-summer-school .p-course__content__desc + .p-course__content__desc{
  border-top:2px solid #6ad153;
}

.page-summer-school .p-course__content__descImg{
  width:76.9230769231vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descImg{
    width:300px;
  }
}

.page-summer-school .p-course__content__descTxt{
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1.4;
  letter-spacing:1px;
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descTxt{
    font-size:16px;
  }
}

.page-summer-school .p-course__content__descList{
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descList{
    margin-top:10px;
  }
}

.page-summer-school .p-course__content__descList li{
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:1px;
  display:flex;
  width:100%;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descList li{
    display:block;
    text-align:center;
    font-size:15px;
  }
}

.page-summer-school .p-course__content__descList li::before{
  content:"・";
}

.page-summer-school .p-course__content__descHeader{
  display:flex;
  flex-direction:column;
  gap:3.0769230769vw;
  color:#e54a7a;
  border-bottom:1px solid #e54a7a;
  padding-bottom:5.1282051282vw;
  margin-bottom:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descHeader{
    gap:20px;
    padding-bottom:20px;
    margin-bottom:20px;
  }
}

.page-summer-school .p-course__content__descHeader--B{
  color:#0a9c7a;
  border-bottom:1px solid #0a9c7a;
}

.page-summer-school .p-course__content__descHeaderTxt1{
  display:flex;
  align-items:baseline;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:1;
  letter-spacing:1px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descHeaderTxt1{
    font-size:18px;
  }
}

.page-summer-school .p-course__content__descHeaderTxt2{
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:0.85;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__descHeaderTxt2{
    font-size:14px;
  }
}

.page-summer-school .p-course__content__info{
  padding:10.2564102564vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__info{
    padding:40px;
  }
}

.page-summer-school .p-course__content__info--1day{
  border-top:2px solid #ff8d05;
}

.page-summer-school .p-course__content__info--3days{
  border-top:2px solid #6ad153;
}

.page-summer-school .p-course__content__infoTtl{
  width:-moz-fit-content;
  width:fit-content;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:1;
  letter-spacing:2px;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-thickness:4px;
  text-underline-offset:4px;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoTtl{
    font-size:24px;
  }
}

.page-summer-school .p-course__content__infoTtl--1day{
  color:#ff8d05;
  text-decoration-color:#ff8d05;
}

.page-summer-school .p-course__content__infoTtl--3days{
  color:#6ad153;
  text-decoration-color:#6ad153;
}

.page-summer-school .p-course__content__infoList{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoList{
    width:48.9130434783%;
    justify-content:left;
    gap:8px;
    margin-top:36px;
  }
}

.page-summer-school .p-course__content__infoList--lesson{
  align-items:flex-start;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoList--lesson{
    align-items:baseline;
  }

  .page-summer-school .p-course__content__infoList--lesson dt{
    position:relative;
    top:-10px;
  }
}

.page-summer-school .p-course__content__infoList--lesson dd{
  padding-top:0.5em;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoList--lesson dd{
    padding-top:0;
  }
}

.page-summer-school .p-course__content__infoListTtl{
  display:flex;
  align-items:center;
  gap:2.0512820513vw;
  width:22.0512820513vw;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.25;
  letter-spacing:1.28px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTtl{
    gap:8px;
    width:86px;
    font-size:16px;
  }
}

.page-summer-school .p-course__content__infoListTtl::after{
  content:"/";
  display:block;
  font-size:3.5897435897vw;
  font-weight:500;
  color:#dfdfe9;
  line-height:1;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTtl::after{
    font-size:14px;
  }
}

.page-summer-school .p-course__content__infoListTxt{
  width:55.3846153846vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTxt{
    width:-moz-max-content;
    width:max-content;
    max-width:356px;
  }
}

.page-summer-school .p-course__content__infoListTxt p{
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:1.28px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTxt p{
    font-size:16px;
  }
}

.page-summer-school .p-course__content__infoListTxt p.u-let0{
  letter-spacing:0px;
}

.page-summer-school .p-course__content__infoListTxt span{
  font-size:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTxt span{
    font-size:12px;
  }
}

.page-summer-school .p-course__content__infoListTxt small{
  display:block;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.6;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTxt small{
    font-size:12px;
    margin-top:8px;
  }
}

.page-summer-school .p-course__content__infoListTxt a{
  font-size:3.0769230769vw;
  font-weight:400;
  text-decoration:underline;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoListTxt a{
    font-size:12px;
  }
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__infoCol{
    width:100%;
    display:flex;
    justify-content:space-between;
  }
}

.page-summer-school .p-course__content__cta{
  padding:10.2564102564vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__cta{
    padding:40px 20px;
  }
}

.page-summer-school .p-course__content__ctaTtl{
  width:82.8205128205vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaTtl{
    width:400px;
  }
}

.page-summer-school .p-course__content__ctaBtn{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.5641025641vw;
  width:79.4871794872vw;
  height:13.5128205128vw;
  border-radius:25.641025641vw;
  background:#6ad153;
  box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  margin:6.1538461538vw auto 0;
  color:#fff;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0.7px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaBtn{
    max-width:780px;
    width:78%;
    height:73px;
    border-radius:100px;
    font-size:18px;
    letter-spacing:0.9px;
    margin:24px auto 0;
  }
}

.page-summer-school .p-course__content__ctaBtn span{
  display:inline-block;
  width:2.5641025641vw;
  height:2.5641025641vw;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaBtn span{
    width:10px;
    height:10px;
  }
}

.page-summer-school .p-course__content__ctaTxt{
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaTxt{
    margin-top:10px;
  }
}

.page-summer-school .p-course__content__ctaTxt p{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.5641025641vw;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.8px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaTxt p{
    gap:10px;
    font-size:16px;
  }
}

.page-summer-school .p-course__content__ctaTxt span{
  width:7.3530769231vw;
  height:11.1423076923vw;
  transform:rotate(6.575deg);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__ctaTxt span{
    width:28.677px;
    height:43.455px;
  }
}

.page-summer-school .p-course__content__note{
  display:block;
  text-align:center;
  font-size:2.5641025641vw;
  font-weight:400;
  line-height:1.3;
  letter-spacing:0.6px;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-course__content__note{
    font-size:12px;
    margin-top:8px;
  }
}

.page-summer-school .p-course__content__note span{
  color:red;
  font-weight:500;
}

.page-summer-school .p-course__content__note a{
  color:red;
  font-weight:500;
  text-decoration:underline;
}

.page-summer-school .p-search{
  padding:10.2564102564vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search{
    padding:40px 0;
  }
}

.page-summer-school .p-search__title{
  width:82.8205128205vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__title{
    width:400px;
  }
}

.page-summer-school .p-search__inner{
  padding:0 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__inner{
    padding:0 20px;
    max-width:780px;
    margin:0 auto;
  }
}

.page-summer-school .p-search__form{
  display:flex;
  flex-direction:column;
  gap:6.1538461538vw;
  border-bottom:1px dashed #ff573a;
  padding-bottom:6.1538461538vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__form{
    gap:24px;
    padding-bottom:24px;
    margin-top:24px;
  }
}

.page-summer-school .p-search__select{
  width:100%;
  height:12.8205128205vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:1.0256410256vw;
  border:1px solid #ff9f30;
  background:#fff;
  color:#222;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1;
  letter-spacing:0.8px;
  padding:0 12px;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-image:url(../images/summer-school/select_arrow.svg);
  background-repeat:no-repeat;
  background-position:right 3.0769230769vw center;
  background-size:6.1538461538vw 6.1538461538vw;
  cursor:pointer;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__select{
    width:580px;
    height:50px;
    font-size:16px;
    border-radius:4px;
    background-position:right 12px center;
    background-size:24px 24px;
    margin:0 auto;
  }
}

.page-summer-school .p-search__select:disabled{
  background-color:#f5f5f5;
  color:#999;
  cursor:not-allowed;
}

.page-summer-school .p-search__btn{
  width:100%;
  height:15.3846153846vw;
  border-radius:2.5641025641vw;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5.1282051282vw;
  background:#fff100;
  color:#222;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1;
  letter-spacing:2px;
  cursor:pointer;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__btn{
    width:310px;
    height:60px;
    border-radius:10px;
    gap:20px;
    font-size:16px;
    margin:0 auto;
  }
}

.page-summer-school .p-search__btn::before{
  content:"";
  width:4.4846153846vw;
  height:4.4846153846vw;
  background:url(../images/summer-school/search_btn1.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__btn::before{
    width:17.49px;
    height:17.49px;
  }
}

.page-summer-school .p-search__btn:hover{
  opacity:0.8;
}

.page-summer-school .p-search__btn.is-disabled{
  color:#666;
  background:#c8c8c8;
  cursor:auto;
}

.page-summer-school .p-search__btn.is-disabled:hover{
  opacity:1;
}

.page-summer-school .p-search__error{
  display:block;
  text-align:center;
  color:#ff573a;
  font-size:3.0769230769vw;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0.6px;
  animation:fadeIn 0.3s ease-in-out;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__error{
    font-size:12px;
  }
}
@keyframes fadeIn{

  from{
    opacity:0;
    transform:translateY(-10px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

.page-summer-school .p-search__list{
  display:flex;
  flex-direction:column;
  gap:4.6153846154vw;
  padding-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__list{
    gap:30px;
    padding-top:24px;
  }
}

.page-summer-school .p-search__classroomName{
  font-size:3.5369230769vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0.69px;
  display:flex;
  align-items:center;
  height:8.8461538462vw;
  padding:0 2.5641025641vw;
  background:rgba(255, 141, 5, 0.12);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomName{
    font-size:13.794px;
    height:40px;
    padding:0 10px;
  }
}

.page-summer-school .p-search__classroomDetails{
  display:flex;
  justify-content:space-between;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomDetails{
    justify-content:left;
    gap:20px;
    margin-top:12px;
  }
}

.page-summer-school .p-search__classroomDetails dt{
  display:flex;
  justify-content:center;
  align-items:center;
  width:14.0271794872vw;
  height:5.0528205128vw;
  background:#ff5800;
  color:#fff;
  font-size:2.5264102564vw;
  font-weight:500;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomDetails dt{
    width:70px;
    height:22px;
    font-size:14px;
  }
}

.page-summer-school .p-search__classroomAddress{
  width:63.0769230769vw;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomAddress{
    width:auto;
    font-size:15px;
  }
}

.page-summer-school .p-search__classroomMap{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomMap{
    margin-top:12px;
  }
}

.page-summer-school .p-search__classroomMap iframe{
  max-width:100%;
  width:100%;
  height:120px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomMap iframe{
    height:120px;
  }
}

.page-summer-school .p-search__dates{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__dates{
    margin-top:12px;
  }
}

.page-summer-school .p-search__datesLabel{
  color:#ff5800;
  text-align:center;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1;
  letter-spacing:1.5px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__datesLabel{
    font-size:15px;
  }
}

.page-summer-school .p-search__datesList{
  width:-moz-fit-content;
  width:fit-content;
  margin:2.5641025641vw auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__datesList{
    margin:10px auto;
  }
}

.page-summer-school .p-search__datesList li{
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.6;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__datesList li{
    font-size:16px;
  }
}

.page-summer-school .p-search__classroomTxt{
  text-align:center;
  color:#ff5800;
  font-size:3.3333333333vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:1px;
  padding:0;
  width:-moz-fit-content;
  width:fit-content;
  margin:3.0769230769vw auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__classroomTxt{
    font-size:13px;
    margin-top:12px;
  }
}

.page-summer-school .p-search__classroomTxt::before{
  content:"＼";
  position:absolute;
  right:100%;
  top:50%;
  transform:translateY(-50%);
}

.page-summer-school .p-search__classroomTxt::after{
  content:"／";
  position:absolute;
  left:100%;
  top:50%;
  transform:translateY(-50%);
}

.page-summer-school .p-search__applyBtn{
  cursor:pointer;
  color:#fff;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0.7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2.5641025641vw;
  width:100%;
  height:12.4943589744vw;
  background:#ff8d05;
  box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius:25.641025641vw;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__applyBtn{
    height:73px;
    gap:10px;
    font-size:18px;
    border-radius:100px;
    margin-top:12px;
  }
}

.page-summer-school .p-search__applyBtn::after{
  content:"";
  display:inline-block;
  width:1.7948717949vw;
  height:1.7948717949vw;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-search__applyBtn::after{
    width:10px;
    height:10px;
  }
}

.page-summer-school .u-anime__kira{
  position:relative;
  overflow:hidden;
}

.page-summer-school .u-anime__kira::before{
  animation:3s 0s shine linear infinite;
  background:linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 75%);
  content:"";
  height:100%;
  left:-100%;
  position:absolute;
  top:0;
  transform:skewX(-15deg);
  width:100%;
}
@keyframes shine{

  20%{
    left:100%;
  }

  100%{
    left:100%;
  }
}

.page-summer-school .p-cta__inner{
  padding:10.2564102564vw 5.1282051282vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__inner{
    padding:40px 20px 0;
  }
}

.page-summer-school .p-cta__fukidashi{
  position:relative;
  padding-left:17.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__fukidashi{
    width:546px;
    padding:22px 25px 22px 120px;
    background:#faedc9;
    border-radius:20px;
    margin:0 auto;
  }
}

.page-summer-school .p-cta__fukidashi::after{
  content:"";
  width:4.7102564103vw;
  height:4.8376923077vw;
  background:url(../images/summer-school/fukidashi.svg) no-repeat center/contain;
  position:absolute;
  top:calc(100% - 2px);
  right:34.358974359vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__fukidashi::after{
    width:18.37px;
    height:18.867px;
    right:50%;
    transform:translateX(-50%);
  }
}

.page-summer-school .p-cta__fukidashiImg{
  width:25.1282051282vw;
  position:absolute;
  bottom:0;
  left:0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__fukidashiImg{
    width:121.047px;
  }
}

.page-summer-school .p-cta__fukidashiTxt{
  border-radius:5.1282051282vw;
  background:#faedc9;
  padding:3.0769230769vw 7.1794871795vw 3.0769230769vw 11.5384615385vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__fukidashiTxt{
    border-radius:0px;
    padding:0;
  }
}

.page-summer-school .p-cta__fukidashiTxt p{
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0.75px;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__fukidashiTxt p{
    text-align:center;
    font-size:18px;
    letter-spacing:0.9px;
  }
}

.page-summer-school .p-cta__fukidashiTxt 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:1px;
  text-underline-offset:auto;
  text-underline-position:from-font;
}

.page-summer-school .p-cta__txt{
  text-align:center;
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0.7px;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__txt{
    font-size:16px;
    letter-spacing:0.8px;
    margin-top:32px;
  }
}

.page-summer-school .p-cta__btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:23px;
  width:100%;
  height:70px;
  line-height:1.24;
  margin:0 auto;
  border:2px solid #fff;
  border-radius:10px;
  box-shadow:rgba(0, 0, 0, 0.15) 2px 2px 1px;
  background:url(../images/bg-red.webp) center no-repeat;
  letter-spacing:0.8px;
  font-size:4.1025641026vw;
  font-weight:900;
  color:#fff;
  padding:0 5.1282051282vw 0 4em;
  margin-top:3.3333333333vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__btn{
    width:420px;
    height:78px;
    line-height:1.2;
    font-size:18px;
    letter-spacing:0.9px;
    padding-right:20px;
    margin-top:13px;
  }
}

.page-summer-school .p-cta__btn::before{
  content:"";
  background:url(../images/summer-school/B_P2-1.webp) no-repeat center/contain;
  width:7.3530769231vw;
  height:11.1423076923vw;
  position:absolute;
  top:-4.1025641026vw;
  left:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__btn::before{
    width:28.677px;
    height:43.455px;
    top:-15px;
    left:0;
  }
}

.page-summer-school .p-cta__btn span{
  width:4.6153846154vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__btn span{
    width:18px;
  }
}

.page-summer-school .p-cta__link{
  color:#5bb647;
  font-size:3.5897435897vw;
  font-weight:700;
  letter-spacing:0.7px;
  display:block;
  width:-moz-fit-content;
  width:fit-content;
  text-decoration:underline;
  text-underline-offset:3px;
  margin:3.3333333333vw auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-cta__link{
    font-size:16px;
    letter-spacing:0.8px;
    margin-top:13px;
  }
}

.page-summer-school .p-line{
  padding:10.2564102564vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line{
    padding:40px 0;
  }
}

.page-summer-school .p-line img{
  width:100%;
}

.page-summer-school .p-line__inner{
  width:89.7435897436vw;
  background:#e3ffdc;
  border-radius:5.1282051282vw;
  padding:5.1282051282vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__inner{
    max-width:1000px;
    width:100%;
    border-radius:20px;
    padding:40px 20px;
  }
}

.page-summer-school .p-line__inner::before{
  content:"";
  width:8.7179487179vw;
  height:13.0769230769vw;
  background:url(../images/summer-school/line_p.webp) no-repeat center/contain;
  position:absolute;
  top:-3.0769230769vw;
  left:-1.5384615385vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__inner::before{
    content:none;
  }
}

.page-summer-school .p-line__title{
  width:76.9230769231vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__title{
    position:relative;
    width:400px;
  }

  .page-summer-school .p-line__title::before{
    content:"";
    width:52px;
    height:79px;
    background:url(../images/summer-school/line_p.webp) no-repeat center/contain;
    position:absolute;
    top:-53px;
    right:calc(100% + 37.3px);
  }
}

.page-summer-school .p-line__desc{
  text-align:center;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:1.8;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__desc{
    font-size:16px;
    margin-top:12px;
  }
}

.page-summer-school .p-line__txt{
  text-align:center;
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:1;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__txt{
    font-size:14px;
    letter-spacing:0.7px;
    margin-top:12px;
  }
}

.page-summer-school .p-line__link{
  border-radius:2.5641025641vw;
  border:2px solid #fff;
  background:#06c751;
  box-shadow:1.846px 1.846px 0.923px 0 rgba(0, 0, 0, 0.15);
  width:66.6666666667vw;
  height:15.3846153846vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#fff;
  font-size:4.1025641026vw;
  font-weight:900;
  line-height:1;
  letter-spacing:0.8px;
  padding:5.8974358974vw 5.1282051282vw;
  margin:3.0769230769vw auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__link{
    border-radius:10px;
    width:480px;
    height:60px;
    font-size:16px;
    padding:0 20px;
    margin-top:12px;
  }
}

.page-summer-school .p-line__icon{
  width:7.6923076923vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__icon{
    width:30px;
  }
}

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

  .page-summer-school .p-line__arrow{
    width:18px;
  }
}

.page-summer-school .p-line__note{
  text-align:center;
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__note{
    margin-top:10px;
  }
}

.page-summer-school .p-line__note small{
  color:rgba(34, 34, 34, 0.8);
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.4;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-line__note small{
    font-size:12px;
  }
}

.page-summer-school .p-summerNote{
  padding:16vw 5.3333333333vw 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-summerNote{
    padding:60px 0 0;
  }
}

.page-summer-school .p-summerNote__inner{
  width:100%;
  border-radius:5.1282051282vw;
  border:1px solid #a8a8a8;
  padding:5.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-summerNote__inner{
    border-radius:20px;
    padding:20px;
    max-width:1000px;
    margin:0 auto;
  }
}

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

  .page-summer-school .p-summerNote__title{
    font-size:16px;
    padding-bottom:12px;
  }
}

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

  .page-summer-school .p-summerNote__txt{
    font-size:14px;
    margin-top:24px;
  }
}

.page-summer-school .p-summerNote__txt a{
  text-decoration:underline;
}

.page-summer-school .p-info{
  background:#eefce4;
  padding:calc(80/375 * 100vw) 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info{
    padding-top:80px;
    padding-bottom:80px;
  }
}

.page-summer-school .p-info__inner{
  max-width:1080px;
  margin:0 auto;
}

.page-summer-school .p-info h2{
  width:calc(284/375 * 100vw);
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info h2{
    width:384px;
  }
}

.page-summer-school .p-info__img{
  width:calc(285/375 * 100vw);
  margin:calc(12/375 * 100vw) auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info__img{
    width:498px;
    margin-top:40px;
  }
}

.page-summer-school .p-info__txt1{
  text-align:center;
  color:#5bb647;
  font-size:calc(19/375 * 100vw);
  font-weight:700;
  line-height:160%;
  letter-spacing:0.57px;
  margin-top:calc(12/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info__txt1{
    font-size:19px;
    margin-top:12px;
  }
}

.page-summer-school .p-info__txt2{
  font-size:calc(15/375 * 100vw);
  font-weight:500;
  line-height:160%;
  letter-spacing:0.45px;
  margin-top:calc(12/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info__txt2{
    font-size:15px;
    margin-top:12px;
  }
}

.page-summer-school .p-info small{
  display:block;
  text-align:right;
  font-size:calc(12/375 * 100vw);
  font-weight:500;
  line-height:160%;
  letter-spacing:0.36px;
  margin-top:calc(12/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-info small{
    font-size:12px;
    margin-top:12px;
  }
}

.page-summer-school .p-magic{
  display:flex;
  flex-direction:column;
  gap:calc(24.63/375 * 100vw);
  margin-top:calc(40/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic{
    flex-direction:row;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
    margin-top:40px;
  }
}

.page-summer-school .p-magic__item{
  background:#fff;
  border-radius:calc(14.779/375 * 100vw);
  padding:calc(24.632/375 * 100vw) calc(24.632/375 * 100vw) calc(39.412/375 * 100vw) calc(24.632/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__item{
    width:520px;
    border-radius:14.779px;
    padding:24px 24px 40px 24px;
  }
}

.page-summer-school .p-magic__head{
  width:calc(100.225/375 * 100vw);
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__head{
    width:100.225px;
  }
}

.page-summer-school .p-magic h3{
  color:#000;
  text-align:center;
  font-size:calc(16/375 * 100vw);
  font-weight:700;
  line-height:166.268%;
  letter-spacing:0.8px;
  margin:calc(24.63/375 * 100vw) auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic h3{
    font-size:20px;
    line-height:140%;
    letter-spacing:1px;
    margin-top:12px;
  }
}

.page-summer-school .p-magic__img{
  width:100%;
  margin:calc(24.63/375 * 100vw) auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__img{
    margin-top:12px;
  }
}

.page-summer-school .p-magic__txt{
  color:#000;
  font-size:calc(14/375 * 100vw);
  font-weight:500;
  line-height:182.983%;
  letter-spacing:1.4px;
  margin-top:calc(24.63/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__txt{
    font-size:16px;
    line-height:140%;
    letter-spacing:1.6px;
    margin-top:12px;
  }
}

.page-summer-school .p-magic__link{
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  justify-content:center;
  align-items:center;
  gap:calc(10/375 * 100vw);
  color:#5bb647;
  font-size:calc(15/375 * 100vw);
  font-weight:700;
  line-height:1;
  letter-spacing:0.75px;
  border-bottom:1px solid #5bb647;
  padding:calc(8/375 * 100vw) 0;
  margin:calc(24.63/375 * 100vw) auto 0;
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__link{
    gap:10px;
    font-size:15px;
    padding-top:8px;
    padding-bottom:8px;
    margin-top:12px;
  }
}

.page-summer-school .p-magic__link span{
  width:calc(7.364/375 * 100vw);
}
@media screen and (min-width: 768px){

  .page-summer-school .p-magic__link span{
    width:7.364px;
  }
}