@charset "UTF-8";

.img{
  width:100%;
}

.c-h2__sub{
  display:block;
  width:-moz-fit-content;
  width:fit-content;
  height:5.1282051282vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .c-h2__sub{
    height:20px;
  }
}

.c-h2__txt1{
  display:block;
  text-align:center;
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:0;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-h2__txt1{
    font-size:24px;
    line-height:1;
    margin-top:16px;
  }
}

.c-h2__txt2{
  display:block;
  text-align:center;
  color:#242005;
  font-size:8.2051282051vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .c-h2__txt2{
    font-size:40px;
    line-height:1;
    margin-top:16px;
  }
}

.c-h3{
  width:-moz-fit-content;
  width:fit-content;
  text-align:center;
  position:relative;
  margin:0 auto;
}

.c-h3::before{
  content:"";
  background:url("../images/common/c-h3.webp") no-repeat center/contain;
  width:3.5256410256vw;
  height:3.3179487179vw;
  position:absolute;
  right:calc(100% + 14.358974359vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .c-h3::before{
    width:13.75px;
    height:12.94px;
    right:calc(100% + 74px);
  }
}

.c-h3::after{
  content:"";
  background:url("../images/common/c-h3.webp") no-repeat center/contain;
  width:3.5256410256vw;
  height:3.3179487179vw;
  position:absolute;
  left:calc(100% + 14.358974359vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .c-h3::after{
    width:13.75px;
    height:12.94px;
    left:calc(100% + 74px);
  }
}

.c-h3 span{
  color:#5bb647;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  position:relative;
}
@media screen and (min-width: 768px){

  .c-h3 span{
    font-size:28px;
  }
}

.c-h3 span::before{
  content:"";
  display:block;
  background-color:#5bb647;
  width:10.2564102564vw;
  height:1px;
  position:absolute;
  right:calc(100% + 2.0512820513vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .c-h3 span::before{
    width:50px;
    height:1.25px;
    right:calc(100% + 14px);
  }
}

.c-h3 span::after{
  content:"";
  display:block;
  background-color:#5bb647;
  width:10.2564102564vw;
  height:1px;
  position:absolute;
  left:calc(100% + 2.0512820513vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .c-h3 span::after{
    width:50px;
    height:1.25px;
    left:calc(100% + 14px);
  }
}

.c-course2{
  margin-top:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .c-course2{
    margin-top:120px;
  }
}

.c-course2__inner{
  background:#f9f9e9;
  border-radius:6.1538461538vw;
  padding:16.4102564103vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .c-course2__inner{
    border-radius:32px;
    width:880px;
    padding:80px 64px;
    margin:0 auto;
    position:relative;
  }

  .c-course2__inner::before{
    content:"";
    width:150px;
    height:150px;
    background:url("../images/common/course_bg_item1.webp") no-repeat center/cover;
    position:absolute;
    top:540px;
    right:-100px;
    z-index:-1;
  }

  .c-course2__inner::after{
    content:"";
    width:250px;
    height:250px;
    background:url("../images/common/course_bg_item1.webp") no-repeat center/cover;
    position:absolute;
    top:905px;
    left:-130px;
    z-index:-1;
  }
}

.c-course2__ttl .c-h2__txt2{
  line-height:1.3;
  letter-spacing:0.1em;
}
@media screen and (min-width: 768px){

  .c-course2__ttl .c-h2__txt2{
    line-height:1;
  }
}

.c-course2__ttl .c-h2__txt2 span{
  display:none;
}
@media screen and (min-width: 768px){

  .c-course2__ttl .c-h2__txt2 span{
    display:inline;
  }
}

.c-course2__lead{
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0;
  margin-top:6.1538461538vw;
  margin-bottom:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .c-course2__lead{
    font-size:18px;
    margin-top:64px;
    margin-bottom:64px;
  }
}

.c-course2__subTtl::before{
  right:calc(100% + 2.0512820513vw);
}
@media screen and (min-width: 768px){

  .c-course2__subTtl::before{
    right:calc(100% + 74px);
  }
}

.c-course2__subTtl::after{
  left:calc(100% + 2.0512820513vw);
}
@media screen and (min-width: 768px){

  .c-course2__subTtl::after{
    left:calc(100% + 74px);
  }
}

.c-course2__subTtl span::before, .c-course2__subTtl span::after{
  content:none;
}
@media screen and (min-width: 768px){

  .c-course2__subTtl span::before, .c-course2__subTtl span::after{
    content:"";
  }
}

.c-course2__subTtl--2{
  margin-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .c-course2__subTtl--2{
    margin-top:64px;
  }
}

.c-course2__subTtl--2 span{
  line-height:1.3;
}
@media screen and (min-width: 768px){

  .c-course2__subTtl--2 span{
    line-height:1;
  }
}

.c-course2List{
  display:flex;
  flex-direction:column;
  gap:3.0769230769vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-course2List{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:24px;
    margin-top:40px;
  }
}

.c-course2List__item{
  background-color:#fff;
  border-radius:2.0512820513vw;
  border:2px solid;
  transition:all 0.4s;
}
@media screen and (min-width: 768px){

  .c-course2List__item{
    width:360px;
    border-radius:16px;
    border-width:4px;
  }
}
@media screen and (min-width: 768px){

  .c-course2List__item:hover{
    opacity:1;
    transform:translateY(-10px);
    transition:all 0.4s;
  }
}

.c-course2List__item--col1{
  border-color:#fabf13;
}

.c-course2List__item--col1 .c-course2List__ttl span{
  background-color:#fabf13;
}

.c-course2List__item--col1 .c-course2List__cont{
  background-color:#fff6b1;
}

.c-course2List__item--col1 .c-course2List__link{
  border-color:#fabf13;
  color:#fabf13;
}

.c-course2List__item--col1 .c-course2List__link::after{
  background:url("../images/common/course_arrow1.svg") no-repeat center/contain;
}

.c-course2List__item--col2{
  border-color:#ff6fcc;
}

.c-course2List__item--col2 .c-course2List__ttl span{
  background-color:#ff6fcc;
}

.c-course2List__item--col2 .c-course2List__cont{
  background-color:#fff1fa;
}

.c-course2List__item--col2 .c-course2List__link{
  border-color:#ff6fcc;
  color:#ff6fcc;
}

.c-course2List__item--col2 .c-course2List__link::after{
  background:url("../images/common/course_arrow2.svg") no-repeat center/contain;
}

.c-course2List__item--col3{
  border-color:#437ce0;
}

.c-course2List__item--col3 .c-course2List__ttl span{
  background-color:#437ce0;
}

.c-course2List__item--col3 .c-course2List__cont{
  background-color:#ecf2fc;
}

.c-course2List__item--col3 .c-course2List__link{
  border-color:#437ce0;
  color:#437ce0;
}

.c-course2List__item--col3 .c-course2List__link::after{
  background:url("../images/common/course_arrow3.svg") no-repeat center/contain;
}

.c-course2List__item--col4{
  border-color:#ff573a;
}

.c-course2List__item--col4 .c-course2List__ttl span{
  background-color:#ff573a;
}

.c-course2List__item--col4 .c-course2List__cont{
  background-color:#ffece8;
}

.c-course2List__item--col4 .c-course2List__link{
  border-color:#ff573a;
  color:#ff573a;
}

.c-course2List__item--col4 .c-course2List__link::after{
  background:url("../images/common/course_arrow4.svg") no-repeat center/contain;
}

.c-course2List__item--col5{
  border-color:#ff9300;
}

.c-course2List__item--col5 .c-course2List__ttl span{
  background-color:#ff9300;
}

.c-course2List__item--col5 .c-course2List__cont{
  background-color:#fff0db;
}

.c-course2List__item--col5 .c-course2List__link{
  border-color:#ff9300;
  color:#ff9300;
}

.c-course2List__item--col5 .c-course2List__link::after{
  background:url("../images/common/course_arrow5.svg") no-repeat center/contain;
}

.c-course2List__item--col6{
  border-color:#69d6de;
}

.c-course2List__item--col6 .c-course2List__ttl span{
  background-color:#69d6de;
}

.c-course2List__item--col6 .c-course2List__cont{
  background-color:#f1feff;
}

.c-course2List__item--col6 .c-course2List__link{
  border-color:#69d6de;
  color:#69d6de;
}

.c-course2List__item--col6 .c-course2List__link::after{
  background:url("../images/common/course_arrow6.svg") no-repeat center/contain;
}

.c-course2List__ttl{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding:3.7179487179vw 6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-course2List__ttl{
    font-size:24px;
    padding:32px 24px;
    cursor:pointer;
  }
}

.c-course2List__ttl span{
  width:20px;
  height:20px;
  border-radius:50%;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
@media screen and (min-width: 768px){

  .c-course2List__ttl span{
    width:24px;
    height:24px;
  }
}

.c-course2List__ttl span::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  transform:translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width: 768px){

  .c-course2List__ttl span::after{
    width:9px;
    height:9px;
    border-right-width:2px;
    border-bottom-width:2px;
  }
}

.c-course2List__ttl.is-active span{
  transform:rotate(180deg);
}

.c-course2List__wrap{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease-in;
}

.c-course2List__wrap.is-active{
  max-height:1000px;
  transition:max-height 0.4s ease-in;
}

.c-course2List__cont{
  border-radius:1.0256410256vw;
  overflow:hidden;
  padding:0 0 3.0769230769vw;
  margin:0 6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-course2List__cont{
    border-radius:4px;
    padding:0 0 12px;
    margin:0 24px;
  }
}

.c-course2List__img{
  width:100%;
  height:38.4615384615vw;
  margin-bottom:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__img{
    height:150px;
    margin-bottom:12px;
  }
}

.c-course2List__img img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}

.c-course2List__fee{
  display:flex;
  align-items:baseline;
  gap:2.6230769231vw;
  padding:0 3.5897435897vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee{
    gap:12px;
    padding:0 16px;
  }
}

.c-course2List__fee + dl{
  margin-top:4.6153846154vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee + dl{
    margin-top:18px;
  }
}

.c-course2List__fee + dl.c-course2List__fee--web{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee + dl.c-course2List__fee--web{
    margin-top:12px;
  }
}

.c-course2List__fee + dl.c-course2List__fee--web dd p{
  white-space:nowrap;
  gap:0.4em;
}
@media screen and (min-width: 768px){

  .c-course2List__fee + dl.c-course2List__fee--web dd p{
    gap:1em;
  }
}

.c-course2List__fee dt{
  display:block;
  width:10.9307692308vw;
  height:-moz-fit-content;
  height:fit-content;
  border-radius:1.0256410256vw;
  text-align:center;
  color:#242005;
  font-size:3.5897435897vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  background:#fff;
  padding:1.0256410256vw 1.5384615385vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee dt{
    width:50px;
    font-size:14px;
    border-radius:4px;
    padding:4px 0 6px;
  }
}

.c-course2List__fee dd{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .c-course2List__fee dd{
    font-size:16px;
  }
}

.c-course2List__fee dd p{
  display:flex;
  justify-content:space-between;
  width:37.4358974359vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee dd p{
    width:160px;
  }
}

.c-course2List__fee dd p + p{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__fee dd p + p{
    margin-top:12px;
  }
}

.c-course2List__fee dd p span{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .c-course2List__fee dd p span{
    font-size:16px;
  }
}

.c-course2List h5{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  position:relative;
  padding:0 4.6153846154vw;
  margin-bottom:3.0769230769vw;
  margin-left:3.5897435897vw;
}
@media screen and (min-width: 768px){

  .c-course2List h5{
    font-size:16px;
    margin-bottom:12px;
    margin-left:16px;
    padding:0 21px;
  }
}

.c-course2List h5::before{
  content:"";
  width:3.3333333333vw;
  height:3.0769230769vw;
  background:url("../images/common/web-star.svg") no-repeat center/contain;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .c-course2List h5::before{
    width:13px;
    height:12px;
  }
}

.c-course2List h5:nth-of-type(2){
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .c-course2List h5:nth-of-type(2){
    margin-top:16px;
  }
}

.c-course2List__noteList{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__noteList{
    margin-top:12px;
  }
}

.c-course2List__noteList--web{
  margin-top:0.7692307692vw;
}
@media screen and (min-width: 768px){

  .c-course2List__noteList--web{
    margin-top:3px;
  }
}

.c-course2List__noteList small{
  display:flex;
  color:#242005;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  padding:0 3.5897435897vw;
}
@media screen and (min-width: 768px){

  .c-course2List__noteList small{
    font-size:12px;
    padding:0 19px 0 14px;
  }
}

.c-course2List__noteList small::before{
  content:"※";
}

.c-course2List__txt{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  padding:0 6.1538461538vw;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__txt{
    font-size:16px;
    padding:0 24px;
    margin-top:12px;
  }
}

.c-course2List__link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:46.1538461538vw;
  height:10.2564102564vw;
  border-radius:10.2564102564vw;
  border:2px solid;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding-left:5.8974358974vw;
  padding-right:4.358974359vw;
  margin:4.1025641026vw auto 8.2051282051vw;
}
@media screen and (min-width: 768px){

  .c-course2List__link{
    width:180px;
    height:40px;
    border-radius:40px;
    font-size:16px;
    padding-left:23px;
    padding-right:17px;
    margin:24px auto 32px;
  }
}

.c-course2List__link::after{
  content:"";
  width:1.7948717949vw;
  height:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-course2List__link::after{
    width:7px;
    height:12px;
  }
}

.c-course2List__link:hover{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:46.1538461538vw;
  height:10.2564102564vw;
  border-radius:10.2564102564vw;
  border:2px solid;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding-left:5.8974358974vw;
  padding-right:4.358974359vw;
  margin:4.1025641026vw auto 8.2051282051vw;
}
@media screen and (min-width: 768px){

  .c-course2List__link:hover{
    width:180px;
    height:40px;
    border-radius:40px;
    font-size:16px;
    padding-left:23px;
    padding-right:17px;
    margin:24px auto 32px;
  }
}
@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;
}

.lessonBox{
  display:none;
}

.snsBox{
  display:none !important;
}

.gFooter{
  margin-top:0 !important;
}

.membersBtn{
  display:none !important;
}

.gHeader{
  height:80px;
  border-bottom:1px solid #d9f7d2;
  background:#fff;
}
@media screen and (min-width: 768px){

  .gHeader{
    height:110px;
    border:none;
    background:none;
  }
}

.gHeader .telBtnSp{
  width:46px;
  height:46px;
  position:absolute;
  top:17px;
  right:74px;
}
@media screen and (min-width: 768px){

  .gHeader .telBtnSp{
    display:none;
  }
}

.gFooter .fNav{
  position:relative;
}

.gFooter .fNav .logo{
  display:none;
}

.c-fFixed{
  position:fixed;
  bottom:8px;
  left:0;
  width:100%;
  padding:0 13px;
  z-index:800;
}
@media screen and (min-width: 768px){

  .c-fFixed{
    left:auto;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:72px;
    height:auto;
    padding:0;
    bottom:auto;
  }
}

.c-fFixed > .c-fixedBtn{
  display:flex;
  flex-direction:row-reverse;
  gap:0.5em;
}
@media screen and (min-width: 768px){

  .c-fFixed > .c-fixedBtn{
    flex-direction:column;
    gap:12px;
  }
}

.c-fFixed > .c-fixedBtn > li{
  width:50%;
}
@media screen and (min-width: 768px){

  .c-fFixed > .c-fixedBtn > li{
    width:100%;
    height:165px;
  }
}

.c-fFixed > .c-fixedBtn > li > a{
  width:100%;
  height:55px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  border-radius:8px;
}
@media screen and (min-width: 768px){

  .c-fFixed > .c-fixedBtn > li > a{
    height:100%;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0.05em;
    writing-mode:vertical-rl;
    border-radius:8px 0 0 8px;
  }
}

.c-fFixed > .c-fixedBtn > li > a.c-lessonBtn{
  background:#ff583f;
  box-shadow:0 3px 0 0 #952b1b;
}

.c-fFixed > .c-fixedBtn > li > a.c-lessonBtn img{
  width:25px;
}

.c-fFixed > .c-fixedBtn > li > a.c-requestBtn{
  background:#00c0e8;
  box-shadow:0 3px 0 0 #007a9c;
}

.c-fFixed > .c-fixedBtn > li > a.c-requestBtn img{
  width:16px;
}

.page-classroom .logo{
  width:200px;
  height:30px;
  position:absolute;
  top:20px;
  left:15.96px;
}
@media screen and (min-width: 768px){

  .page-classroom .logo{
    width:264px;
    height:50px;
    top:30px;
    left:30px;
  }
}

.page-classroom .logo img{
  width:100%;
}

.page-classroom .gHeader .hLogoBox .spNavToggle{
  background:#5bb647;
  border-radius:4px;
  width:46px;
  height:46px;
  position:absolute;
  top:17px;
  right:16px;
}

.page-classroom .gHeader .hLogoBox .spNavToggle::before, .page-classroom .gHeader .hLogoBox .spNavToggle::after{
  background-color:#fff;
  top:50%;
  right:50%;
  transform:translate(50%, -50%);
  width:23px;
  border-radius:4px;
}

.page-classroom .gHeader .hLogoBox .spNavToggle::before{
  box-shadow:#fff 0 -8px 0;
}

.page-classroom .gHeader .hLogoBox .spNavToggle::after{
  box-shadow:#fff 0 8px 0;
}

.page-classroom .gHeader .hLogoBox .spNavToggle.close::before{
  transform:translate(50%, -50%) rotate(45deg);
}

.page-classroom .gHeader .hLogoBox .spNavToggle.close::after{
  transform:translate(50%, -50%) rotate(-45deg);
}

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

  .l-inner{
    margin:0 auto;
  }
}

.l-classroom img{
  width:100%;
}
@media screen and (min-width: 768px){

  .l-classroom{
    overflow:hidden;
  }
}

.c-cta{
  padding-bottom:3px !important;
}

.c-cta__fukidashi{
  position:relative;
  width:-moz-fit-content;
  width:fit-content;
  color:#5bb647;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  margin:0 auto 2.0512820513vw;
}
@media screen and (min-width: 768px){

  .c-cta__fukidashi{
    font-size:20px;
    margin-bottom:8px;
  }
}

.c-cta__fukidashi::before{
  content:"";
  width:5.9794871795vw;
  height:2px;
  background-color:#5bb647;
  border-radius:2px;
  position:absolute;
  right:calc(100% + 1.6256410256vw);
  top:53%;
  transform:translateY(-50%) rotate(59.04deg);
}
@media screen and (min-width: 768px){

  .c-cta__fukidashi::before{
    width:23.32px;
    height:2px;
    right:calc(100% + 8px);
  }
}

.c-cta__fukidashi::after{
  content:"";
  width:5.9794871795vw;
  height:2px;
  background-color:#5bb647;
  border-radius:2px;
  position:absolute;
  left:calc(100% + 1.6256410256vw);
  top:53%;
  transform:translateY(-50%) rotate(-59.04deg);
}
@media screen and (min-width: 768px){

  .c-cta__fukidashi::after{
    width:23.32px;
    height:2px;
    left:calc(100% + 8px);
  }
}

.c-cta__btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:88.4615384615vw;
  height:15.3846153846vw;
  color:#fff;
  font-family:"Noto Sans JP", serif;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  border-radius:10.2564102564vw;
  background-color:#ff583f;
  box-shadow:0 3px 0 0 #952b1b;
  padding-left:13.8461538462vw;
  padding-right:6.4102564103vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .c-cta__btn{
    width:360px;
    height:80px;
    font-size:24px;
    border-radius:40px;
    box-shadow:0 3px 0 0 #952b1b;
    padding-left:32px;
    padding-right:40px;
  }
}

.c-cta__btn span{
  width:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-cta__btn span{
    width:12px;
  }
}

.c-cta__btn:hover{
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  background-color:#ff583f;
  padding-left:13.8461538462vw;
  padding-right:6.4102564103vw;
  margin:0 auto;
  opacity:1 !important;
  box-shadow:unset;
  transform:translateY(3px);
}
@media screen and (min-width: 768px){

  .c-cta__btn:hover{
    color:#fff;
    font-size:24px;
    background-color:#ff583f;
    padding-left:32px;
    padding-right:40px;
    margin:0 auto !important;
    transform:translateY(3px);
  }
}

.c-cta__btn:visited{
  color:#fff;
}

.c-cta__btn2{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:80.5128205128vw;
  height:15.3846153846vw;
  color:#fff;
  font-family:"Noto Sans JP", serif;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  border-radius:10.2564102564vw;
  background-color:#ff583f;
  box-shadow:0 3px 0 0 #952b1b;
  padding-left:7.6923076923vw;
  padding-right:5.641025641vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .c-cta__btn2{
    width:400px;
    height:80px;
    border-radius:40px;
    box-shadow:0 3px 0 0 #952b1b;
    font-size:24px;
    padding-left:68px;
    padding-right:40px;
    position:relative;
    z-index:1;
  }
}

.c-cta__btn2 span{
  width:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .c-cta__btn2 span{
    width:12px;
  }
}

.c-cta__btn2:hover{
  font-size:5.1282051282vw;
  font-weight:bold;
  background-color:#ff583f;
  padding-left:7.6923076923vw;
  padding-right:5.641025641vw;
  margin:0 auto;
  opacity:1 !important;
  box-shadow:unset;
  transform:translateY(3px);
}
@media screen and (min-width: 768px){

  .c-cta__btn2:hover{
    font-size:24px;
    background-color:#ff583f;
    padding-left:68px;
    padding-right:40px;
    margin:0 auto !important;
    transform:translateY(3px);
  }
}

.c-cta__btn2:visited{
  color:#fff;
}

.c-cta__desc{
  text-align:center;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .c-cta__desc{
    text-align:left;
    font-size:32px;
    position:relative;
    z-index:1;
  }
}

.c-cta__desc span{
  color:#ff583f;
  font-size:8.2051282051vw;
  font-weight:bold;
  text-decoration:underline;
  text-decoration-color:#fff;
  text-underline-offset:-1.7948717949vw;
  text-decoration-thickness:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .c-cta__desc span{
    font-size:40px;
    text-underline-offset:-7px;
    text-decoration-thickness:16px;
  }
}

.c-cta1{
  margin-top:15.3846153846vw;
}
@media screen and (min-width: 768px){

  .c-cta1{
    margin-top:120px;
  }
}

.c-cta1__inner{
  background-color:#fff75b;
  border-radius:6.1538461538vw;
  position:relative;
  padding:27.6923076923vw 5.1282051282vw 8.2051282051vw;
}
@media screen and (min-width: 768px){

  .c-cta1__inner{
    display:flex;
    border-radius:32px;
    max-width:1081px;
    margin:0 auto;
    padding:56px 52px 40px 0;
  }
}

.c-cta1__inner::before{
  content:"";
  width:20.5128205128vw;
  height:20.5128205128vw;
  background:url("../images/classroom/cta1_star.webp") no-repeat center/contain;
  position:absolute;
  left:-2.0512820513vw;
  top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .c-cta1__inner::before{
    width:131.29px;
    height:129.97px;
    background:url("../images/classroom/cta1_star_pc.webp") no-repeat center/contain;
    left:0;
    top:-45px;
  }
}
@media screen and (min-width: 768px){

  .c-cta1__inner::after{
    content:"";
    width:150px;
    height:150px;
    background:url("../images/classroom/cta1_item.webp") no-repeat center/contain;
    position:absolute;
    right:40px;
    top:16px;
  }
}

.c-cta1__img{
  width:80.5128205128vw;
  position:absolute;
  top:-12.8205128205vw;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .c-cta1__img{
    width:34.1350601295%;
    top:auto;
    bottom:0;
    left:9.4357076781%;
    transform:unset;
  }
}
@media screen and (min-width: 768px){

  .c-cta1__cont{
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
  }
}

.c-cta1 .c-cta__btn2{
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-cta1 .c-cta__btn2{
    margin-top:24px;
  }
}

.c-cta1 .c-cta__btn2:hover{
  margin-top:6.1538461538vw !important;
}
@media screen and (min-width: 768px){

  .c-cta1 .c-cta__btn2:hover{
    margin-top:24px !important;
  }
}

.c-cta2{
  margin-top:25.641025641vw;
}
@media screen and (min-width: 768px){

  .c-cta2{
    margin-top:140px;
    position:relative;
  }
}

.c-cta2__inner{
  background-color:#fff75b;
  border-radius:6.1538461538vw;
  position:relative;
  padding:36.9230769231vw 5.1282051282vw 8.2051282051vw;
}
@media screen and (min-width: 768px){

  .c-cta2__inner{
    max-width:1081px;
    border-radius:32px;
    padding:56px 0 40px;
  }
}

.c-cta2__inner::before{
  content:"";
  width:17.2794871795vw;
  height:20.5128205128vw;
  background:url("../images/classroom/cta2_star.webp") no-repeat center/contain;
  position:absolute;
  right:-1.1vw;
  top:-5.1282051282vw;
}
@media screen and (min-width: 768px){

  .c-cta2__inner::before{
    width:121.29px;
    height:144px;
    background:url("../images/classroom/cta2_star_pc.webp") no-repeat center/contain;
    top:-20px;
    right:-35.29px;
    z-index:1;
  }
}

.c-cta2__item1{
  width:180px;
  position:absolute;
  top:3px;
  right:28px;
  z-index:0;
}

.c-cta2__item2{
  width:150px;
  position:absolute;
  bottom:13px;
  left:11px;
}

.c-cta2__img{
  width:80.5128205128vw;
  position:absolute;
  top:-9.2307692308vw;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .c-cta2__img{
    display:none;
  }
}

.c-cta2__fukidashi{
  color:#242005;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-cta2__fukidashi{
    margin-top:0px;
  }
}

.c-cta2__fukidashi::before, .c-cta2__fukidashi::after{
  background-color:#242005;
}
@media screen and (min-width: 768px){

  .c-cta2__btnWrap{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:min(60px, 4.1666666667vw);
    margin-top:45px;
  }
}
@media screen and (min-width: 768px){

  .c-cta2 .c-cta__desc{
    width:-moz-fit-content;
    width:fit-content;
    text-align:center;
    font-size:24px;
    line-height:1.3;
    margin-left:min(90px, 6.25vw);
  }
}

.c-cta2 .c-cta__btn2--request{
  border:2px solid #00c0e8;
  background-color:#fff;
  box-shadow:none;
  color:#00c0e8;
  box-shadow:0 3px 0 0 #1b6295;
  padding-left:19.7435897436vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-cta2 .c-cta__btn2--request{
    border-width:4px;
    padding-left:104px;
    box-shadow:0 3px 0 0 #1b6295;
    margin:0;
    position:relative;
    z-index:0;
  }
}

.c-cta2 .c-cta__btn2--request:hover{
  box-shadow:none;
}
@media screen and (min-width: 768px){

  .c-cta2 .c-cta__btn2--request:hover{
    margin:0 !important;
  }
}

.c-cta2 .c-cta__btn2--request:hover::before{
  opacity:1 !important;
}

.c-cta2__btnWrap3{
  position:relative;
}
@media screen and (min-width: 768px){

  .c-cta2__btnWrap3::before{
    content:"";
    width:min(356px, 24.7222222222vw);
    height:min(233px, 16.1805555556vw);
    background:url("../images/classroom/cta2_img_pc.webp") no-repeat center/contain;
    position:absolute;
    bottom:100%;
    left:10px;
    pointer-events:none;
  }
}

.c-cta3{
  background-color:#fff75b;
  position:relative;
  margin:0;
}

.c-cta3::before{
  content:"";
  width:30.7692307692vw;
  height:20.5128205128vw;
  background:url("../images/classroom/cta3_item1.webp") no-repeat center/contain;
  position:absolute;
  right:3.5897435897vw;
  top:0;
}
@media screen and (min-width: 768px){

  .c-cta3::before{
    background:url("../images/classroom/cta3_bg1_pc.webp") no-repeat center/contain;
    width:303px;
    height:359px;
    top:auto;
    right:auto;
    left:min(105px, 7.2916666667vw);
    bottom:0;
    z-index:0;
  }
}

.c-cta3::after{
  content:"";
  width:30.7692307692vw;
  height:30.7692307692vw;
  background:url("../images/classroom/cta3_item2.webp") no-repeat center/contain;
  position:absolute;
  left:0;
  bottom:0;
}
@media screen and (min-width: 768px){

  .c-cta3::after{
    background:url("../images/classroom/cta3_bg2_pc.webp") no-repeat center/contain;
    width:473px;
    height:369px;
    left:auto;
    right:0;
    z-index:0;
  }
}

.c-cta3__inner{
  position:relative;
  width:100%;
  padding:24.6153846154vw 9.7435897436vw 15.3846153846vw;
}
@media screen and (min-width: 768px){

  .c-cta3__inner{
    width:752px;
    padding:80px 0;
    margin:0 auto;
  }
}

.c-cta3__img{
  width:80.5128205128vw;
  position:absolute;
  top:-17.9487179487vw;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .c-cta3__img{
    display:none;
  }
}

.c-cta3__fukidashi{
  width:76.9230769231vw;
  background-color:#fff;
  border-radius:0.558974359vw;
  padding:2.5641025641vw 0 2.1692307692vw;
  position:relative;
  z-index:1;
  margin:8.2051282051vw auto 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .c-cta3__fukidashi{
    width:576px;
    border-radius:4px;
    padding:6px 38px 10px 40px;
    margin:16px auto 40px;
  }
}

.c-cta3__fukidashi::after{
  content:"";
  width:5.1282051282vw;
  height:4.6153846154vw;
  background:url("../images/classroom/cta3_fukidashi.svg") no-repeat center/contain;
  position:absolute;
  top:calc(100% - 1px);
  left:16.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-cta3__fukidashi::after{
    width:40px;
    height:36px;
    top:calc(100% - 2px);
    left:123px;
  }
}

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

  .c-cta3__fukidashi p{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
}

.c-cta3__fukidashiTxt1{
  color:#242005;
  font-size:3.5897435897vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .c-cta3__fukidashiTxt1{
    width:126px;
    font-size:14px;
    padding-top:10px;
  }
}

.c-cta3__fukidashiTxt2{
  text-align:center;
  color:#ff583f;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  display:flex;
  justify-content:center;
  align-items:baseline;
  margin-top:-0.5128205128vw;
}
@media screen and (min-width: 768px){

  .c-cta3__fukidashiTxt2{
    width:362px;
    font-size:40px;
    margin-top:0;
  }
}

.c-cta3__fukidashiTxt2 em{
  font-family:"Roboto", sans-serif;
  font-size:8.9461538462vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .c-cta3__fukidashiTxt2 em{
    font-size:72px;
  }
}
@media screen and (min-width: 768px){

  .c-cta3__btnWrap{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:min(32px, 2.2222222222vw);
    margin-top:22px;
  }
}
@media screen and (min-width: 768px){

  .c-cta3 .c-cta__desc{
    text-align:center;
    line-height:2;
  }
}

.c-cta3 .c-cta__btn2{
  position:relative;
  z-index:1;
}
@media screen and (min-width: 768px){

  .c-cta3 .c-cta__btn2{
    padding-left:32px;
  }
}

.c-cta3 .c-cta__btn2--request{
  border:2px solid #00c0e8;
  background-color:#fff;
  box-shadow:0 3px 0 0 #1b6295;
  color:#00c0e8;
  padding-left:19.7435897436vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-cta3 .c-cta__btn2--request{
    box-shadow:0 3px 0 0 #1b6295;
    border-width:4px;
    padding-left:84px;
    margin-top:0;
  }
}

.c-cta3 .c-cta__btn2--request:hover{
  box-shadow:none;
}

.c-ctaFooter{
  background-color:#fff75b;
  position:relative;
  margin:0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter{
    overflow:hidden;
  }
}

.c-ctaFooter::before{
  content:"";
  width:30.7692307692vw;
  height:20.5128205128vw;
  background:url("../images/classroom/ctaFooter_item1.webp") no-repeat center/contain;
  position:absolute;
  right:7.9487179487vw;
  top:0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter::before{
    background:url("../images/classroom/cta3_bg1_pc.webp") no-repeat center/contain;
    width:303px;
    height:359px;
    top:auto;
    right:auto;
    left:min(105px, 7.2916666667vw);
    bottom:0;
    z-index:0;
  }
}

.c-ctaFooter::after{
  content:"";
  width:33.0769230769vw;
  height:33.0769230769vw;
  background:url("../images/classroom/ctaFooter_item2.webp") no-repeat center/contain;
  position:absolute;
  left:-5.1282051282vw;
  bottom:-7.4358974359vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter::after{
    background:url("../images/classroom/cta3_bg2_pc.webp") no-repeat center/contain;
    width:473px;
    height:369px;
    left:auto;
    right:0;
    z-index:0;
    bottom:0;
  }
}

.c-ctaFooter__inner{
  position:relative;
  width:100%;
  padding:16.4102564103vw 9.7435897436vw 16.4102564103vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__inner{
    width:752px;
    padding:64px 0 65px;
    margin:0 auto;
  }
}

.c-ctaFooter__img{
  width:31.2820512821vw;
  position:absolute;
  top:-6.9230769231vw;
  right:0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__img{
    display:none;
  }
}

.c-ctaFooter__desc1{
  text-align:center;
  color:#ff583f;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin-top:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__desc1{
    font-size:24px;
    line-height:2;
  }
}

.c-ctaFooter__desc1::after{
  content:"";
  width:29.2307692308vw;
  height:33.4615384615vw;
  background:url("../images/classroom/ctaFooter_star1.webp") no-repeat center/contain;
  position:absolute;
  top:-16.4102564103vw;
  left:-9.7435897436vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__desc1::after{
    display:none;
  }
}

.c-ctaFooter__desc2{
  text-align:center;
  color:#242005;
  font-size:7.1794871795vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin-top:1.5384615385vw auto 0;
  position:relative;
  z-index:1;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__desc2{
    font-size:32px;
    line-height:1.5;
    margin-top:12px;
  }
}

.c-ctaFooter__desc2::after{
  content:"";
  width:10.7vw;
  height:15.0282051282vw;
  background:url("../images/classroom/ctaFooter_star2.webp") no-repeat center/contain;
  position:absolute;
  bottom:-3.4897435897vw;
  right:-7.6923076923vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__desc2::after{
    display:none;
  }
}
@media screen and (min-width: 768px){

  .c-ctaFooter__btnWrap{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:min(32px, 2.2222222222vw);
    margin-top:22px;
  }
}

.c-ctaFooter__tel{
  position:relative;
  z-index:1;
  width:-moz-fit-content;
  width:fit-content;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.0512820513vw;
  margin:6.1538461538vw auto 0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__tel{
    gap:8px;
    margin-top:24px;
  }
}

.c-ctaFooter__tel:hover{
  margin:6.1538461538vw auto 0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__tel:hover{
    margin:24px auto 0;
  }
}

.c-ctaFooter__telIcon{
  width:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__telIcon{
    width:34px;
  }
}

.c-ctaFooter__telIcon img{
  width:100%;
}

.c-ctaFooter__telTxt{
  font-family:"Roboto", sans-serif;
  color:#242005;
  font-size:7.1794871795vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__telTxt{
    font-size:40px;
  }
}

.c-ctaFooter__telTime{
  font-family:"GenJyu", sans-serif;
  display:block;
  text-align:center;
  color:#242005;
  font-size:3.5897435897vw;
  font-weight:400;
  margin-top:2.0512820513vw;
  position:relative;
  z-index:1;
}
@media screen and (min-width: 768px){

  .c-ctaFooter__telTime{
    font-size:14px;
    margin-top:8px;
  }
}

.c-ctaFooter .c-cta__btn2{
  position:relative;
  z-index:1;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter .c-cta__btn2{
    padding-left:32px;
    margin-top:0;
  }
}

.c-ctaFooter .c-cta__btn2--request{
  border:2px solid #00c0e8;
  background-color:#fff;
  box-shadow:none;
  color:#00c0e8;
  box-shadow:0 3px 0 0 #1b6295;
  padding-left:19.7435897436vw;
}
@media screen and (min-width: 768px){

  .c-ctaFooter .c-cta__btn2--request{
    border-width:4px;
    padding-left:84px;
    margin-top:0;
    box-shadow:0 3px 0 0 #1b6295;
  }
}

.c-ctaFooter .c-cta__btn2--request:hover{
  box-shadow:none;
}

.page-classroom a:hover{
  opacity:0.5;
}
@media screen and (min-width: 768px){

  .page-classroom{
    padding-top:100px;
  }
}

.page-classroom .pan{
  background:none;
  padding:3.0769230769vw 0;
}
@media screen and (min-width: 768px){

  .page-classroom .pan{
    padding:12px 0;
  }
}

.page-classroom .pan .wrapper{
  padding:0 3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .pan .wrapper{
    max-width:1440px;
    padding-left:54px;
    margin:0 auto;
  }
}

.page-classroom .pan .wrapper li{
  color:#5bb647;
  font-size:3.0769230769vw;
  font-weight:500;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .pan .wrapper li{
    font-size:14px;
  }
}

.page-classroom .pan .wrapper li + li{
  position:relative;
  padding-left:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .pan .wrapper li + li{
    padding-left:20px;
  }
}

.page-classroom .pan .wrapper li + li::before{
  content:"";
  width:1.0256410256vw;
  height:2.0512820513vw;
  background:url("../images/classroom/pan_arrow.svg") no-repeat center/contain;
  padding:0;
  position:absolute;
  top:50%;
  left:2.0512820513vw;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .pan .wrapper li + li::before{
    width:4px;
    height:8px;
    left:6px;
  }
}

.page-classroom .pan .wrapper li a{
  font-family:"Noto Sans JP", serif;
  color:#686868;
  font-size:3.0769230769vw;
  font-weight:500;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .pan .wrapper li a{
    font-size:14px;
  }
}

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

  .page-classroom .p-mainVisual{
    margin-top:20px;
  }
}

.page-classroom .p-mainVisual__ttl{
  text-align:center;
  color:#5bb647;
  font-family:"GenJyu", sans-serif;
  font-size:8.2051282051vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0.2em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__ttl{
    font-size:56px;
  }
}

.page-classroom .p-mainVisual__ttl span{
  display:block;
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0.05em;
  margin-bottom:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__ttl span{
    font-size:20px;
    margin-bottom:24px;
  }
}

.page-classroom .p-mainVisual__inner{
  position:relative;
  width:100%;
  height:69.7435897436vw;
  margin-top:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__inner{
    max-width:790px;
    height:429px;
    margin:29px auto 0;
  }
}

.page-classroom .p-mainVisual__img{
  width:128.2051282051vw;
  position:relative;
  z-index:0;
  margin-left:-17.9487179487vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__img{
    width:100%;
    margin-left:0;
  }
}

.page-classroom .p-mainVisual__img img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.page-classroom .p-mainVisual__img img:nth-of-type(1){
  animation-delay:0s;
}

.page-classroom .p-mainVisual__img img:nth-of-type(2){
  animation-delay:4s;
}

.page-classroom .p-mainVisual__img img:nth-of-type(3){
  animation-delay:8s;
}
@keyframes image-switch-animation{

  0%{
    opacity:0;
  }

  8%{
    opacity:1;
  }

  33%{
    opacity:1;
  }

  41%{
    opacity:0;
  }

  100%{
    opacity:0;
  }
}

.page-classroom .p-mainVisual__item1{
  position:absolute;
  width:25.641025641vw;
  top:0;
  right:4.6153846154vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__item1{
    width:144px;
    top:-29px;
    right:auto;
    left:-45px;
  }
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__item1{
    top:-2px;
    left:-96px;
  }
}

.page-classroom .p-mainVisual__item2{
  position:absolute;
  width:22.5641025641vw;
  left:0;
  bottom:-2.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__item2{
    width:207.5px;
    left:auto;
    bottom:auto;
    top:calc(100% + 54px);
    right:26.53px;
  }
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__item2{
    top:auto;
    bottom:45.45px;
    right:-61.84px;
  }
}

.page-classroom .p-mainVisual__item3{
  position:absolute;
  z-index:-1;
  width:30.7692307692vw;
  right:2.6692307692vw;
  bottom:-2.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__item3{
    width:188px;
    right:-10px;
    bottom:3px;
  }
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__item3{
    width:217px;
    right:auto;
    bottom:auto;
    top:50px;
    left:-196px;
  }
}

.page-classroom .p-mainVisual__item4{
  display:none;
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__item4{
    display:block;
    position:absolute;
    width:133.51px;
    top:-17px;
    right:-101.51px;
  }
}

.page-classroom .p-mainVisual__lead{
  margin-top:6.1538461538vw;
  margin-bottom:12.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__lead{
    width:-moz-fit-content;
    width:fit-content;
    margin:12px auto 56px;
  }
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__lead{
    margin-bottom:65px;
    position:relative;
  }
}

.page-classroom .p-mainVisual__leadTxt1{
  text-align:center;
  color:#242005;
  font-family:"GenJyu", sans-serif;
  font-size:7.1794871795vw;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__leadTxt1{
    font-size:40px;
  }
}

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

.page-classroom .p-mainVisual__leadTxt2{
  text-align:center;
  color:#242005;
  font-family:"GenJyu", sans-serif;
  font-size:5.641025641vw;
  font-weight:bold;
  line-height:1.6;
  letter-spacing:0;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-mainVisual__leadTxt2{
    text-align:left;
    font-size:24px;
    margin-top:12px;
  }
}
@media screen and (min-width: 1081px){

  .page-classroom .p-mainVisual__leadTxt2{
    position:absolute;
    width:168px;
    bottom:calc(100% + 34px);
    right:calc(100% + 18px);
  }
}

.page-classroom .p-topics{
  margin-top:16.4102564103vw;
  margin-bottom:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-topics{
    margin:80px auto;
  }
}

.page-classroom .p-topics .topicsList{
  margin-top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-topics .topicsList{
    margin-top:40px;
  }
}

.page-classroom .p-access{
  background-color:#e5ffdf;
  padding:16.4102564103vw 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access{
    padding:120px 0;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__inner{
    max-width:880px;
    margin:0 auto;
    position:relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px){

  .page-classroom .p-access__inner::before{
    content:"";
    width:294.26px;
    height:295.27px;
    background:url("../images/classroom/access_bg_item.webp") no-repeat center/cover;
    position:absolute;
    top:23.73px;
    left:-270px;
  }
}

.page-classroom .p-access__classImages{
  display:flex;
  flex-direction:column-reverse;
  gap:6.1538461538vw;
  margin-top:8.2051282051vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__classImages{
    flex-direction:row-reverse;
    justify-content:center;
    gap:16px;
    margin-top:64px;
  }
}

.page-classroom .p-access__classImg{
  width:100%;
  aspect-ratio:16/9;
  border-radius:4.1025641026vw;
  overflow:hidden;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__classImg{
    width:100%;
    max-width:432px;
    border-radius:16px;
  }
}

.page-classroom .p-access__classImg img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  display:block;
}

.page-classroom .p-access__detail{
  background-color:#fff;
  border-radius:4.1025641026vw;
  border:2px solid #5bb647;
  padding:8.2051282051vw 5.1282051282vw;
  position:relative;
  margin-top:8.7179487179vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__detail{
    border-radius:16px;
    border-width:4px;
    padding:42px 36px 40px;
    margin-top:32px;
  }
}

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

  .page-classroom .p-access__listWrap{
    flex-direction:row;
    gap:0;
    justify-content:space-between;
  }
}

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

  .page-classroom .p-access__listWrap2{
    justify-content:space-between;
    gap:20px;
    max-width:365px;
    width:41.4772727273%;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__list{
    width:100%;
    max-width:378px;
  }
}

.page-classroom .p-access__list dt{
  display:flex;
  align-items:center;
  gap:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__list dt{
    gap:16px;
  }
}

.page-classroom .p-access__list dt span{
  width:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__list dt span{
    width:28px;
  }
}

.page-classroom .p-access__list dt h3{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.05em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__list dt h3{
    font-size:18px;
  }
}

.page-classroom .p-access__list dd{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.4;
  letter-spacing:0;
  padding-left:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__list dd{
    font-size:16px;
    padding-left:44px;
  }
}

.page-classroom .p-access__map{
  max-width:100%;
  overflow:hidden;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__map{
    margin-top:32px;
  }
}

.page-classroom .p-access__map iframe{
  width:100%;
  height:71.7948717949vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-access__map iframe{
    height:370px;
  }
}

.page-classroom .p-accessInfo{
  margin-top:6.1538461538vw;
  display:flex;
  flex-direction:column;
  gap:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo{
    flex-direction:row;
    gap:0;
    justify-content:space-between;
    margin-top:32px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo__list{
    width:-moz-fit-content;
    width:fit-content;
  }

  .page-classroom .p-accessInfo__list:nth-of-type(2){
    max-width:234px;
  }

  .page-classroom .p-accessInfo__list:nth-of-type(3){
    width:244px;
  }
}

.page-classroom .p-accessInfo__ttl{
  color:#5bb647;
  font-size:4.6153846154vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0.05em;
  margin-bottom:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo__ttl{
    font-size:18px;
    margin-bottom:12px;
  }
}

.page-classroom .p-accessInfo__list2 li{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo__list2 li{
    font-size:16px;
  }
}

.page-classroom .p-accessInfo__list2 li::before{
  content:"・";
}

.page-classroom .p-accessInfo__tel{
  display:inline-block;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo__tel{
    font-size:16px;
  }
}

.page-classroom .p-accessInfo__telTxt{
  display:block;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessInfo__telTxt{
    font-size:16px;
  }
}

.page-classroom .p-accessOther{
  border-radius:4.1025641026vw;
  background-color:#f9f9e9;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther{
    border-radius:16px;
    margin-top:32px;
  }
}

.page-classroom .p-accessOther__wrap{
  position:relative;
  padding:8.2051282051vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__wrap{
    display:flex;
    justify-content:space-between;
    padding:40px;
    min-height:240px;
  }
}

.page-classroom .p-accessOther__wrap::after{
  content:"";
  background:url("../images/classroom/access_img.webp") no-repeat center/contain;
  width:20.5128205128vw;
  height:23.0769230769vw;
  position:absolute;
  right:14.8717948718vw;
  top:-5.641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__wrap::after{
    background:url("../images/classroom/access_img_pc.webp") no-repeat center/contain;
    width:132px;
    height:130px;
    top:auto;
    right:auto;
    left:40px;
    bottom:40px;
  }
}

.page-classroom .p-accessOther__ttl{
  width:-moz-fit-content;
  width:fit-content;
}

.page-classroom .p-accessOther__ttlTxt{
  color:#5bb647;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.05em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__ttlTxt{
    font-size:20px;
  }
}

.page-classroom .p-accessOther__detail{
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__detail{
    width:63.6363636364%;
    max-width:560px;
    margin-top:0;
  }
}

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

  .page-classroom .p-accessOther__list{
    gap:12px;
  }
}

.page-classroom .p-accessOther__item{
  background-color:#fff;
  border-radius:1.0256410256vw;
  overflow:hidden;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__item{
    border-radius:4px;
  }
}

.page-classroom .p-accessOther__link{
  display:flex;
  align-items:center;
  gap:2.0512820513vw;
  padding:2.0512820513vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__link{
    gap:12px;
    padding:12px;
  }
}

.page-classroom .p-accessOther__img{
  width:20.5128205128vw;
  height:11.5384615385vw;
  overflow:hidden;
  border-radius:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__img{
    width:80px;
    height:45px;
    border-radius:4px;
  }
}

.page-classroom .p-accessOther__txt{
  display:flex;
  flex-direction:column;
  gap:2.0512820513vw;
  width:48.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__txt{
    gap:12px;
    width:380px;
  }
}

.page-classroom .p-accessOther__className{
  color:#242005;
  font-size:3.0769230769vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__className{
    font-size:18px;
  }
}

.page-classroom .p-accessOther__address{
  color:#242005;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.3;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__address{
    font-size:16px;
  }
}

.page-classroom .p-accessOther__arrow{
  display:flex;
  justify-content:center;
  align-items:center;
  width:4.1025641026vw;
  height:100%;
  background:#d9f7d2;
  position:absolute;
  right:0;
  top:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__arrow{
    width:16px;
  }
}

.page-classroom .p-accessOther__arrow > span{
  width:1.5384615385vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-accessOther__arrow > span{
    width:6px;
  }
}

.page-classroom .p-openInfo{
  padding:16.4102564103vw 0 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfo{
    padding:120px 0 0px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfo__inner{
    max-width:880px;
    margin:0 auto;
    position:relative;
  }
}

.page-classroom .p-openInfoTime{
  border-radius:4.1025641026vw;
  border:2px solid #5bb647;
  padding:10.2564102564vw;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime{
    width:640px;
    border-radius:16px;
    border-width:4px;
    padding:48px;
    margin:64px auto 0;
  }
}

.page-classroom .p-openInfoTime__ttl{
  margin-bottom:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__ttl{
    margin-bottom:32px;
  }
}

.page-classroom .p-openInfoTime__list{
  display:flex;
  flex-direction:column;
  gap:6.1538461538vw;
  margin-bottom:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__list{
    flex-direction:row;
    justify-content:center;
    gap:112px;
    margin-bottom:32px;
    position:relative;
  }

  .page-classroom .p-openInfoTime__list::after{
    content:"";
    width:1px;
    height:68px;
    background-color:#c5c5b8;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__list--1col{
    justify-content:flex-start;
    margin-left:56px;
  }

  .page-classroom .p-openInfoTime__list--1col::after{
    content:none;
  }
}

.page-classroom .p-openInfoTime__item{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:49.7435897436vw;
  gap:2.0512820513vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__item{
    display:block;
    width:156px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__item--5days{
    width:200px;
  }
}

.page-classroom .p-openInfoTime__item time{
  display:block;
  text-align:center;
  font-family:"Roboto", sans-serif;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  letter-spacing:0;
  margin:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__item time{
    font-size:24px;
    margin-top:12px;
  }
}

.page-classroom .p-openInfoTime__days{
  width:7.6923076923vw;
  margin:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__days{
    display:flex;
    width:100%;
    gap:12px;
  }
}

.page-classroom .p-openInfoTime__day{
  display:flex;
  justify-content:center;
  align-items:center;
  width:7.6923076923vw;
  height:7.6923076923vw;
  border-radius:50%;
  background-color:#5bb647;
  color:#fff;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding-bottom:2px;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__day{
    width:30px;
    height:30px;
    font-size:16px;
    padding-left:1px;
  }
}

.page-classroom .p-openInfoTime__day--saturday{
  background-color:#ffa500;
}

.page-classroom .p-openInfoTime__note{
  display:block;
  text-align:center;
  color:#ff583f;
  font-size:3.5897435897vw;
  font-weight:400;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoTime__note{
    font-size:14px;
  }
}

.page-classroom .p-openInfoSchedule{
  margin-top:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule{
    margin-top:80px;
    position:relative;
  }

  .page-classroom .p-openInfoSchedule::after{
    content:"";
    width:250px;
    height:250px;
    background:url("../images/classroom/openInfo_item.webp") no-repeat center/cover;
    position:absolute;
    bottom:-32px;
    left:-130px;
    z-index:-1;
  }
}

.page-classroom .p-openInfoSchedule__ttl{
  margin-bottom:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__ttl{
    margin-bottom:46px;
  }
}

.page-classroom .p-openInfoSchedule__nav{
  max-width:80.5128205128vw;
  margin:0 auto 8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__nav{
    max-width:100%;
    margin-bottom:48px;
  }
}

.page-classroom .p-openInfoSchedule__list{
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  flex-wrap:wrap;
  gap:3.5897435897vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__list{
    gap:56px;
    flex-wrap:nowrap;
  }
}

.page-classroom .p-openInfoSchedule__tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.0256410256vw;
  text-align:center;
  width:38.4615384615vw;
  height:7.6923076923vw;
  border-radius:10.2564102564vw;
  background-color:#fff;
  border:1px solid #c5c5b8;
  color:#c5c5b8;
  font-size:3.5897435897vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__tab{
    width:180px;
    height:40px;
    gap:8px;
    border-radius:40px;
    font-size:16px;
    border-width:2px;
    cursor:pointer;
  }
}

.page-classroom .p-openInfoSchedule__tab.is-active{
  color:#fff;
  background-color:#5bb647;
  border:none;
}

.page-classroom .p-openInfoSchedule__tab.is-active::before{
  content:"";
  display:block;
  background:url("../images/classroom/check.svg") no-repeat center/contain;
  width:3.3333333333vw;
  height:2.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__tab.is-active::before{
    width:17px;
    height:12px;
  }
}

.page-classroom .p-openInfoSchedule__cont{
  overflow-x:auto;
}

.page-classroom .p-openInfoSchedule__cont .scroll-hint-icon-wrap{
  z-index:3;
}

.page-classroom .p-openInfoSchedule__cont .scroll-hint-icon{
  z-index:4;
}

.page-classroom .p-openInfoSchedule__img{
  display:none;
  position:relative;
  z-index:1;
}

.page-classroom .p-openInfoSchedule__img.is-active{
  display:block;
}

.page-classroom .p-openInfoSchedule__img img{
  width:auto;
  max-width:none;
  height:102.5641025641vw;
  -o-object-fit:cover;
     object-fit:cover;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__img img{
    width:100%;
    height:auto;
  }
}

.page-classroom .p-openInfoSchedule__note{
  display:flex;
  color:#242005;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  padding:0;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-openInfoSchedule__note{
    font-size:12px;
    margin-top:12px;
  }
}

.page-classroom .p-openInfoSchedule__note::before{
  content:"※";
}

.page-classroom .p-teacher{
  max-width:1144px;
  padding:0 30px;
  margin:0 auto;
}

.page-classroom .p-teacher__inner{
  padding:16.4102564103vw 0 0;
  margin:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__inner{
    width:100%;
    max-width:1081px;
    padding-top:120px;
  }
}

.page-classroom .p-teacher__subTtl{
  margin-top:14.358974359vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__subTtl{
    margin-top:72px;
  }
}

.page-classroom .p-teacher__subTtl--col2 span{
  color:#ff758e;
}

.page-classroom .p-teacher__subTtl--col2 span::before, .page-classroom .p-teacher__subTtl--col2 span::after{
  background-color:#ff758e;
}

.page-classroom .p-teacher__list{
  width:80.5128205128vw;
  margin:6.1538461538vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list{
    width:100%;
    margin-top:32px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list ul.is-splide-disabled{
    justify-content:center;
    gap:min(56px, 3.889vw);
  }
}

.page-classroom .p-teacher__list li{
  border-radius:4.1025641026vw;
  border:2px solid #5bb647;
  padding:8.2051282051vw 5.1282051282vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list li{
    width:29.9722479186%;
    border-radius:16px;
    border-width:4px;
    padding:32px 24px 32px;
  }
}

.page-classroom .p-teacher__list .splide__arrow{
  width:12.3076923077vw;
  height:12.3076923077vw;
  border-radius:50%;
  background-color:#5bb647;
  border:2px solid #fff;
  opacity:1;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list .splide__arrow{
    width:60px;
    height:60px;
    border-width:2px;
  }
}

.page-classroom .p-teacher__list .splide__arrow svg{
  fill:#fff;
}

.page-classroom .p-teacher__list .splide__arrow:hover{
  background-color:#fff;
  border-color:#5bb647;
}

.page-classroom .p-teacher__list .splide__arrow:hover svg{
  fill:#5bb647;
}

.page-classroom .p-teacher__list .splide__arrow--prev{
  left:-6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list .splide__arrow--prev{
    left:-30px;
  }
}

.page-classroom .p-teacher__list .splide__arrow--next{
  right:-6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__list .splide__arrow--next{
    right:-30px;
  }
}

.page-classroom .p-teacher__list--col2 li{
  border-color:#ff758e;
}

.page-classroom .p-teacher__list--col2 dt{
  background-color:#ff758e;
}

.page-classroom .p-teacher__list--col2 .splide__arrow{
  background-color:#ff758e;
  border-color:#fff;
}

.page-classroom .p-teacher__list--col2 .splide__arrow svg{
  fill:#fff;
}

.page-classroom .p-teacher__list--col2 .splide__arrow:hover{
  background-color:#fff;
  border-color:#ff758e;
}

.page-classroom .p-teacher__list--col2 .splide__arrow:hover svg{
  fill:#ff758e;
}

.page-classroom .p-teacher__imgWrap{
  width:-moz-fit-content;
  width:fit-content;
  position:relative;
  margin:0 auto;
}

.page-classroom .p-teacher__imgWrap::before{
  content:"";
  display:block;
  background:url("../images/classroom/item_star1.webp") no-repeat center/contain;
  width:8.7538461538vw;
  height:10.4307692308vw;
  position:absolute;
  bottom:0.0820512821vw;
  left:-5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__imgWrap::before{
    width:34.14px;
    height:40.68px;
    bottom:0.32px;
    left:-20px;
  }
}

.page-classroom .p-teacher__imgWrap::after{
  content:"";
  display:block;
  background:url("../images/classroom/item_star2.webp") no-repeat center/contain;
  width:8.7538461538vw;
  height:10.4307692308vw;
  position:absolute;
  bottom:0.0820512821vw;
  right:-5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__imgWrap::after{
    width:34.14px;
    height:40.68px;
    bottom:0.32px;
    right:-20px;
  }
}

.page-classroom .p-teacher__img{
  width:46.1538461538vw;
  height:46.1538461538vw;
  border-radius:50%;
  overflow:hidden;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__img{
    width:180px;
    height:180px;
  }
}

.page-classroom .p-teacher__img img{
  width:100%;
  display:block;
}

.page-classroom .p-teacher__name{
  text-align:center;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
  margin:6.1538461538vw auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__name{
    font-size:24px;
    margin:24px auto;
  }
}

.page-classroom .p-teacher__info{
  display:flex;
  align-items:baseline;
  gap:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__info{
    gap:8px;
  }
}

.page-classroom .p-teacher__info + dl{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__info + dl{
    margin-top:12px;
  }
}

.page-classroom .p-teacher__info dt{
  width:17.9487179487vw;
  height:7.6923076923vw;
  border-radius:1.0256410256vw;
  background-color:#d9f7d2;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__info dt{
    width:70px;
    height:30px;
    border-radius:4px;
    font-size:16px;
  }
}

.page-classroom .p-teacher__info dd{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__info dd{
    font-size:16px;
  }
}

.page-classroom .p-teacher__info--col2 dt{
  background-color:#ffe5ea;
}

.page-classroom .p-teacher__comment{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-teacher__comment{
    font-size:16px;
    margin-top:12px;
  }
}

.page-classroom .p-about{
  background-color:#e5ffdf;
  padding:28.2051282051vw 0 16.4102564103vw;
  margin-top:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about{
    padding:194px 0 120px;
    margin-top:120px;
  }
}

.page-classroom .p-about__inner{
  background-color:#fff;
  border-radius:2.0512820513vw;
  padding:18.2051282051vw 5.1282051282vw 14.358974359vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__inner{
    max-width:880px;
    border-radius:32px;
    padding:116px 120px 80px;
    margin:0 auto;
  }

  .page-classroom .p-about__inner::before{
    content:"";
    width:150px;
    height:150px;
    background:url("../images/classroom/150.webp") no-repeat center/cover;
    position:absolute;
    top:-124px;
    left:calc(100% + 58px);
    z-index:0;
  }

  .page-classroom .p-about__inner::after{
    content:"";
    width:250px;
    height:250px;
    background:url("../images/classroom/250.webp") no-repeat center/cover;
    position:absolute;
    left:-208px;
    top:385px;
    z-index:0;
  }
}

.page-classroom .p-about__head{
  position:absolute;
  left:50%;
  top:-10.7692307692vw;
  transform:translateX(-50%);
  width:69.2307692308vw;
  height:24.2307692308vw;
  background:url("../images/classroom/fukidashi.webp") no-repeat center/contain;
  text-align:center;
  color:#242005;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  padding-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__head{
    background:url("../images/classroom/fukidashi_pc.webp") no-repeat center/contain;
    top:-50px;
    width:360px;
    height:126px;
    font-size:24px;
    padding-top:16px;
  }
}

.page-classroom .p-about__head span{
  color:#ff583f;
  font-weight:bold;
}

.page-classroom .p-about__ttl{
  color:#5bb647;
  font-size:7.9487179487vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__ttl{
    display:flex;
    justify-content:center;
    align-items:baseline;
    width:-moz-fit-content;
    width:fit-content;
    font-size:40px;
    margin:0 auto;
  }
}

.page-classroom .p-about__ttl::before{
  content:"";
  display:block;
  background:url("../images/classroom/about_star1.webp") no-repeat center/contain;
  width:10.2564102564vw;
  height:10.2564102564vw;
  position:absolute;
  left:-2.5641025641vw;
  bottom:100%;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__ttl::before{
    width:40px;
    height:40px;
    left:auto;
    bottom:auto;
    right:100%;
    top:-28px;
  }
}

.page-classroom .p-about__ttl::after{
  content:"";
  display:block;
  background:url("../images/classroom/about_star2.webp") no-repeat center/contain;
  width:10.2564102564vw;
  height:10.2564102564vw;
  position:absolute;
  right:-2.5641025641vw;
  bottom:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__ttl::after{
    width:40px;
    height:40px;
    right:auto;
    bottom:auto;
    left:calc(100% + 53px);
    top:calc(100% + 2px);
  }
}

.page-classroom .p-about__ttl span{
  display:block;
  width:-moz-fit-content;
  width:fit-content;
  text-align:center;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  margin:3.0769230769vw auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__ttl span{
    font-size:28px;
    margin:0 0 0 4px;
  }
}

.page-classroom .p-about__ttl span::after{
  content:"";
  display:block;
  width:7.8871794872vw;
  height:7.4358974359vw;
  background:url("../images/classroom/hatena.webp") no-repeat center/contain;
  position:absolute;
  left:calc(100% + 2.0512820513vw);
  bottom:-0.5128205128vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__ttl span::after{
    width:44.55px;
    height:42px;
    left:calc(100% + 8px);
    bottom:-2px;
  }
}

.page-classroom .p-about__list{
  display:flex;
  flex-direction:column;
  gap:6.1538461538vw;
  margin-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__list{
    flex-direction:row;
    justify-content:center;
    gap:38px;
    margin-top:64px;
  }
}

.page-classroom .p-about__item1{
  width:52.0512820513vw;
  height:23.8461538462vw;
  background:url("../images/classroom/about_item1.webp") no-repeat center/contain;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__item1{
    background:url("../images/classroom/about_item1_pc.webp") no-repeat center/contain;
    width:234px;
    height:122px;
    margin:0;
  }
}

.page-classroom .p-about__item2{
  width:52.0512820513vw;
  height:23.8461538462vw;
  background:url("../images/classroom/about_item2.webp") no-repeat center/contain;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__item2{
    background:url("../images/classroom/about_item2_pc.webp") no-repeat center/contain;
    width:234px;
    height:122px;
    margin:0;
  }
}

.page-classroom .p-about__value1{
  font-family:"Roboto", sans-serif;
  color:#ff583f;
  font-size:7.2435897436vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  position:absolute;
  left:10vw;
  bottom:0.0641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__value1{
    font-size:32px;
    left:46.55px;
    bottom:5.06px;
  }
}

.page-classroom .p-about__value2{
  font-family:"Roboto", sans-serif;
  color:#ff583f;
  font-size:7.2435897436vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  position:absolute;
  left:13.0769230769vw;
  bottom:0.0641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__value2{
    font-size:32px;
    left:57px;
    bottom:5.06px;
  }
}

.page-classroom .p-about__note{
  display:block;
  text-align:center;
  color:#686868;
  font-size:3.5897435897vw;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__note{
    font-size:16px;
    text-align:right;
    width:506px;
    padding-right:5px;
    margin:16px auto 0;
  }
}

.page-classroom .p-about__lead{
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__lead{
    font-size:36px;
    margin-top:40px;
  }
}

.page-classroom .p-about__lead span{
  font-weight:bold;
}

.page-classroom .p-about__lead .col1{
  color:#00c0e8;
}

.page-classroom .p-about__lead .col2{
  color:#ff583f;
}

.page-classroom .p-about__lead .col3{
  color:#5bb647;
}

.page-classroom .p-about__txt{
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:2;
  letter-spacing:0;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__txt{
    font-size:18px;
    margin-top:32px;
  }
}

.page-classroom .p-about__img1{
  margin-top:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__img1{
    width:476px;
    margin:24px auto 0;
  }
}

.page-classroom .p-about__img2{
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about__img2{
    width:640px;
    margin:40px auto 0;
    position:relative;
  }

  .page-classroom .p-about__img2::before{
    content:"";
    display:block;
    background:url("../images/classroom/about_star.webp") no-repeat center/contain;
    width:117px;
    height:130.5px;
    position:absolute;
    right:-50.9px;
    bottom:-46.39px;
  }

  .page-classroom .p-about__img2::after{
    content:"";
    display:block;
    background:url("../images/classroom/150.webp") no-repeat center/contain;
    width:150px;
    height:150px;
    position:absolute;
    left:calc(100% + 45px);
    bottom:-7px;
    z-index:0;
  }
}

.page-classroom .p-features{
  background-color:#f9f9e9;
  padding-top:102.5641025641vw;
  padding-bottom:190.7692307692vw;
  overflow:hidden;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features{
    padding-top:500px;
    padding-bottom:1301px;
  }
}

.page-classroom .p-features__inner{
  max-width:1081px;
  margin:0 auto;
}

.page-classroom .p-features__head{
  width:123.0769230769vw;
  height:123.0769230769vw;
  background:#fff;
  position:absolute;
  left:50%;
  top:-7.6923076923vw;
  transform:translateX(-50%);
  border-radius:50%;
  padding-top:23.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__head{
    width:880px;
    height:880px;
    top:-160px;
    padding-top:280px;
  }
}

.page-classroom .p-features__ttl{
  width:-moz-fit-content;
  width:fit-content;
  text-align:center;
  margin:0 auto;
  position:relative;
}

.page-classroom .p-features__ttl::before{
  content:"";
  display:block;
  background:url("../images/classroom/feature_star1.webp") no-repeat center/contain;
  width:8.2051282051vw;
  height:8.7179487179vw;
  position:absolute;
  right:calc(100% + 1.0256410256vw);
  top:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__ttl::before{
    background:url("../images/classroom/feature_star1_pc.webp") no-repeat center/contain;
    width:66.05px;
    height:68.05px;
    right:calc(100% + 4px);
  }
}

.page-classroom .p-features__ttl::after{
  content:"";
  display:block;
  background:url("../images/classroom/feature_star2.webp") no-repeat center/contain;
  width:6.5384615385vw;
  height:8.7820512821vw;
  position:absolute;
  left:calc(100% + 3.0769230769vw);
  bottom:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__ttl::after{
    background:url("../images/classroom/feature_star2_pc.webp") no-repeat center/contain;
    width:51px;
    height:69px;
    left:calc(100% + 24px);
  }
}

.page-classroom .p-features__ttlTxt1{
  text-align:center;
  display:block;
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__ttlTxt1{
    font-size:32px;
  }
}

.page-classroom .p-features__ttlTxt2{
  text-align:center;
  display:block;
  color:#5bb647;
  font-size:7.1794871795vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__ttlTxt2{
    font-size:48px;
  }
}

.page-classroom .p-features__ttlTxt2 em{
  font-family:"Roboto", sans-serif;
  font-size:10.2564102564vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__ttlTxt2 em{
    font-size:64px;
  }
}

.page-classroom .p-features__lead{
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-features__lead{
    font-size:18px;
    margin-top:40px;
  }
}

.page-classroom .p-features__lead b{
  font-weight:bold;
}

.page-classroom .p-featuresList{
  width:90.7692307692vw;
  margin:-2.5641025641vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList{
    max-width:1081px;
    margin-top:-50px;
  }
}

.page-classroom .p-featuresList__point{
  position:relative;
  border-radius:10.2564102564vw 10.2564102564vw 0 0;
  padding:10.2564102564vw 0 20.5128205128vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__point{
    border-radius:80px 80px 0 0;
    padding:80px 0 263px;
  }
}

.page-classroom .p-featuresList__point--1{
  background-color:#ff758e;
}

.page-classroom .p-featuresList__point--1 .p-featuresList__num{
  color:#ff758e;
}

.page-classroom .p-featuresList__point--1 .p-featuresList__ttl__p1Txt2 span{
  color:#ff758e;
}

.page-classroom .p-featuresList__point--2{
  background-color:#00c0e8;
  margin-top:-10.2564102564vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__point--2{
    margin-top:-184px;
  }
}

.page-classroom .p-featuresList__point--2 .p-featuresList__num{
  color:#00c0e8;
}

.page-classroom .p-featuresList__point--3{
  background-color:#ff583f;
  margin-top:-10.2564102564vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__point--3{
    margin-top:-184px;
  }
}

.page-classroom .p-featuresList__point--3 .p-featuresList__num{
  color:#ff583f;
}

.page-classroom .p-featuresList__point--4{
  background-color:#5bb647;
  border-radius:10.2564102564vw;
  padding-bottom:10.2564102564vw;
  margin-top:-10.2564102564vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__point--4{
    border-radius:80px;
    margin-top:-184px;
    padding-bottom:80px;
  }
}

.page-classroom .p-featuresList__point--4 .p-featuresList__num{
  color:#5bb647;
  padding-right:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__point--4 .p-featuresList__num{
    padding-right:4px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__head{
    width:100%;
    max-width:880px;
    display:flex;
    align-items:center;
    gap:32px;
    padding-left:80px;
    margin:0 auto;
  }
}

.page-classroom .p-featuresList__num{
  width:18.5256410256vw;
  height:17.4358974359vw;
  background:url("../images/classroom/point_star.svg") no-repeat center/contain;
  text-align:center;
  font-family:"Roboto", sans-serif;
  font-size:8.2051282051vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
  padding-top:5.641025641vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__num{
    width:145px;
    height:136px;
    font-size:63.11px;
    padding-top:44px;
    margin:0;
  }
}

.page-classroom .p-featuresList__ttl{
  color:#fff;
  text-align:center;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl{
    text-align:left;
    white-space:nowrap;
    margin-top:0;
  }
}

.page-classroom .p-featuresList__ttl__p1Txt1{
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p1Txt1{
    font-size:32px;
  }
}

.page-classroom .p-featuresList__ttl__p1Txt2{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.0256410256vw;
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p1Txt2{
    font-size:32px;
    gap:8px;
    margin-top:16px;
    justify-content:left;
  }
}

.page-classroom .p-featuresList__ttl__p1Txt2 span{
  display:flex;
  justify-content:center;
  align-items:center;
  width:29.7435897436vw;
  height:7.6923076923vw;
  background-color:#fff75b;
  border-radius:0.5128205128vw;
  color:#ff758e;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p1Txt2 span{
    width:189px;
    height:48px;
    border-radius:4px;
  }
}

.page-classroom .p-featuresList__ttl__p1Txt3{
  display:block;
  text-align:center;
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p1Txt3{
    font-size:32px;
    margin-top:16px;
  }
}

.page-classroom .p-featuresList__ttl__p2Txt1{
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.1em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p2Txt1{
    font-size:32px;
  }
}

.page-classroom .p-featuresList__ttl__p2Txt2{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2.0512820513vw;
  margin-top:0.7692307692vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p2Txt2{
    display:block;
    width:-moz-fit-content;
    width:fit-content;
    margin-top:8px;
    background-color:#fff75b;
    border-radius:4px;
    padding:8px;
  }
}

.page-classroom .p-featuresList__ttl__p2Txt2 span{
  display:flex;
  justify-content:center;
  width:-moz-fit-content;
  width:fit-content;
  border-radius:0.5128205128vw;
  background-color:#fff75b;
  color:#00c0e8;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.1em;
  padding:0 0.7692307692vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p2Txt2 span{
    display:inline;
    font-size:32px;
    line-height:1;
    padding:0;
  }
}

.page-classroom .p-featuresList__ttl__p3Txt1{
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.1em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p3Txt1{
    font-size:32px;
  }
}

.page-classroom .p-featuresList__ttl__p3Txt2{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.0256410256vw;
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  margin-top:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p3Txt2{
    font-size:32px;
    gap:8px;
    margin-top:8px;
  }
}

.page-classroom .p-featuresList__ttl__p3Txt2 span{
  display:block;
  border-radius:0.5128205128vw;
  background-color:#fff75b;
  text-align:center;
  color:#ff583f;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  padding:1.2820512821vw 0.7692307692vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p3Txt2 span{
    border-radius:4px;
    font-size:32px;
    padding:8px;
  }
}

.page-classroom .p-featuresList__ttl__p4Txt1{
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.1em;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p4Txt1{
    font-size:32px;
  }
}

.page-classroom .p-featuresList__ttl__p4Txt2{
  display:block;
  width:-moz-fit-content;
  width:fit-content;
  border-radius:0.5128205128vw;
  background-color:#fff75b;
  text-align:center;
  color:#5bb647;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  padding:1.2820512821vw 0.7692307692vw;
  margin:1.0256410256vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__ttl__p4Txt2{
    display:inline;
    border-radius:4px;
    font-size:32px;
    padding:8px;
    margin:0;
  }
}

.page-classroom .p-featuresList__body{
  width:80.5128205128vw;
  border-radius:4.1025641026vw;
  overflow:hidden;
  background-color:#fff;
  margin:8.2051282051vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__body{
    width:880px;
    border-radius:32px;
    margin-top:56px;
  }
}

.page-classroom .p-featuresList__bodyInner{
  padding-bottom:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__bodyInner{
    padding-bottom:64px;
  }
}

.page-classroom .p-featuresList__txt1{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0;
  padding:0 6.1538461538vw;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__txt1{
    font-size:18px;
    line-height:2;
    padding:0 60px;
    margin-top:40px;
  }
}

.page-classroom .p-featuresList__txt2{
  color:#242005;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1.3;
  letter-spacing:0.1em;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__txt2{
    font-size:36px;
    line-height:1;
    margin-top:40px;
  }
}

.page-classroom .p-featuresList__txt2 span{
  color:#ff758e;
  font-weight:bold;
}

.page-classroom .p-featuresList__txt3{
  color:#5bb647;
  text-align:center;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.1em;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__txt3{
    font-size:36px;
    line-height:1;
    margin-top:40px;
  }
}

.page-classroom .p-featuresList__cont1{
  display:flex;
  flex-direction:column;
  gap:12.3076923077vw;
  width:52.5641025641vw;
  margin:8.2051282051vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1{
    flex-direction:row;
    justify-content:space-between;
    width:100%;
    gap:0;
    padding:0 60px;
    margin-top:56px;
  }
}

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

  .page-classroom .p-featuresList__cont1__item{
    width:205px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:16px;
  }
}

.page-classroom .p-featuresList__cont1__item:nth-of-type(1)::after, .page-classroom .p-featuresList__cont1__item:nth-of-type(2)::after{
  content:"";
  display:block;
  background:url("../images/classroom/point1_arrow2.svg") no-repeat center/contain;
  width:8.2051282051vw;
  height:4.1025641026vw;
  position:absolute;
  left:50%;
  top:calc(100% + 4.1025641026vw);
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1__item:nth-of-type(1)::after, .page-classroom .p-featuresList__cont1__item:nth-of-type(2)::after{
    background:url("../images/classroom/point1_arrow3.svg") no-repeat center/contain;
    width:12px;
    height:18px;
    top:50%;
    left:calc(100% + 34px);
    transform:translateY(-50%);
  }
}

.page-classroom .p-featuresList__cont1__txt1{
  text-align:center;
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1__txt1{
    font-size:20px;
  }
}

.page-classroom .p-featuresList__cont1__txt1 span{
  color:#ff758e;
  font-weight:bold;
}

.page-classroom .p-featuresList__cont1__img{
  width:100%;
  margin:2.0512820513vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1__img{
    width:100%;
    margin:0;
  }
}

.page-classroom .p-featuresList__cont1__txt2{
  width:100%;
  border:1px solid #ff758e;
  border-radius:7.6923076923vw;
  text-align:center;
  color:#242005;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0.08em;
  padding:1.7948717949vw 0 2.0512820513vw;
  margin-top:-1px;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1__txt2{
    font-size:14px;
    border-radius:30px;
    padding:7px 0 8px;
    margin-top:0;
  }
}

.page-classroom .p-featuresList__cont1__arrow{
  width:8.1538461538vw;
  margin:8.2051282051vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont1__arrow{
    width:53px;
    margin-top:40px;
  }
}

.page-classroom .p-featuresList__cont2{
  width:68.2051282051vw;
  border-radius:1.0256410256vw;
  background-color:#defcfd;
  padding:4.1025641026vw 3.0769230769vw;
  margin:6.1538461538vw auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont2{
    width:760px;
    border-radius:8px;
    padding:32px 0;
    margin-top:40px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont2::before{
    content:"";
    display:block;
    background:url("../images/classroom/point2_item2_pc.webp") no-repeat center/contain;
    width:44px;
    height:64px;
    position:absolute;
    left:32px;
    top:50%;
    transform:translateY(-50%);
  }
}

.page-classroom .p-featuresList__cont2::after{
  content:"";
  display:block;
  background:url("../images/classroom/point2_item.webp") no-repeat center/contain;
  width:10.2564102564vw;
  height:11.5384615385vw;
  position:absolute;
  right:-2.5641025641vw;
  top:-2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont2::after{
    background:url("../images/classroom/point2_item_pc.webp") no-repeat center/contain;
    width:44px;
    height:56px;
    right:33px;
    top:50%;
    transform:translateY(-50%);
  }
}

.page-classroom .p-featuresList__cont2__ttl{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont2__ttl{
    text-align:center;
    font-size:24px;
  }
}

.page-classroom .p-featuresList__cont2__txt{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont2__txt{
    text-align:center;
    font-size:16px;
    margin-top:12px;
  }
}

.page-classroom .p-featuresList__cont3{
  display:flex;
  flex-direction:column;
  gap:12.0512820513vw;
  width:68.2051282051vw;
  margin:12.0512820513vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3{
    flex-direction:row;
    justify-content:center;
    width:100%;
    gap:20px;
    margin-top:50px;
  }
}

.page-classroom .p-featuresList__cont3__item{
  border-radius:1.0256410256vw;
  background-color:#ffebe7;
  position:relative;
  padding:0 4.1025641026vw 6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__item{
    width:380px;
    border-radius:4px;
    padding:0 30px 20px;
  }
}

.page-classroom .p-featuresList__cont3__ttl1{
  width:47.1794871795vw;
  padding:2.5641025641vw 0;
  border-radius:5.1282051282vw;
  background-color:#ffebe7;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-3.8461538462vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__ttl1{
    width:184px;
    padding:10px 0;
    border-radius:20px;
    top:-16px;
  }
}

.page-classroom .p-featuresList__cont3__ttl1 img{
  display:block;
  width:39.7435897436vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__ttl1 img{
    width:155px;
  }
}

.page-classroom .p-featuresList__cont3__ttl2{
  text-align:center;
  color:#242005;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__ttl2{
    font-size:18px;
    margin-top:20px;
  }
}

.page-classroom .p-featuresList__cont3__img{
  width:55vw;
  margin:9.9948717949vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__img{
    width:286px;
    margin-top:38px;
  }
}

.page-classroom .p-featuresList__cont3__txt{
  color:#242005;
  font-size:3.5897435897vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont3__txt{
    font-size:16px;
    margin-top:8px;
  }
}

.page-classroom .p-featuresList__cont4{
  display:flex;
  flex-direction:column;
  gap:8.2051282051vw;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4{
    gap:24px;
    margin-top:40px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__item--2{
    width:422px;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    margin:0 auto;
  }
}

.page-classroom .p-featuresList__cont4__img1{
  width:68.2051282051vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__img1{
    width:608px;
  }
}

.page-classroom .p-featuresList__cont4__img2{
  width:38.2948717949vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__img2{
    width:174px;
    margin:0;
  }
}

.page-classroom .p-featuresList__cont4__txt1{
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__txt1{
    text-align:left;
    font-size:28px;
    font-weight:bold;
    line-height:1.5;
    margin-top:0;
  }
}

.page-classroom .p-featuresList__cont4__txt1 span{
  font-weight:400;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__txt1 span{
    color:#5bb647;
    font-weight:bold;
  }
}

.page-classroom .p-featuresList__cont4__arrow1{
  width:8.2051282051vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__arrow1{
    width:32px;
  }
}

.page-classroom .p-featuresList__cont4__arrow2{
  width:8.1538461538vw;
  margin:8.2051282051vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresList__cont4__arrow2{
    width:53px;
    margin-top:40px;
  }
}

.page-classroom .p-featuresCircle{
  width:169.2307692308vw;
  height:169.2307692308vw;
  border-radius:50%;
  background-color:#fff;
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle{
    width:1152px;
    height:1152px;
  }
}

.page-classroom .p-featuresCircle::before{
  content:"";
  display:block;
  background:url("../images/classroom/circle_arrow.svg") no-repeat center/contain;
  width:12.3076923077vw;
  height:25.3846153846vw;
  position:absolute;
  left:50%;
  top:-15.8974358974vw;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle::before{
    background:url("../images/classroom/circle_arrow_pc.svg") no-repeat center/contain;
    width:64px;
    height:132px;
    top:-93px;
  }
}

.page-classroom .p-featuresCircle::after{
  content:"";
  display:block;
  background:url("../images/classroom/circle_item.webp") no-repeat center/contain;
  width:20.6102564103vw;
  height:14.1025641026vw;
  position:absolute;
  left:39.2307692308vw;
  bottom:2.3076923077vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle::after{
    background:url("../images/classroom/circle_item_pc.webp") no-repeat center/contain;
    width:160.75px;
    height:110px;
    left:136px;
    bottom:35px;
  }
}

.page-classroom .p-featuresCircle__txt1{
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin:15.641025641vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt1{
    font-size:32px;
    margin-top:120px;
  }
}

.page-classroom .p-featuresCircle__img{
  width:68.2051282051vw;
  margin:6.1538461538vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__img{
    width:640px;
    margin-top:80px;
  }
}

.page-classroom .p-featuresCircle__txt2{
  text-align:center;
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt2{
    font-size:24px;
    margin-top:48px;
  }
}

.page-classroom .p-featuresCircle__txt2 span{
  color:#ff758e;
  font-size:8.2051282051vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt2 span{
    font-size:36px;
  }
}

.page-classroom .p-featuresCircle__txt3{
  text-align:center;
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  margin-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt3{
    font-size:24px;
    margin-top:2em;
  }
}

.page-classroom .p-featuresCircle__txt4{
  width:-moz-fit-content;
  width:fit-content;
  text-align:center;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1.4;
  letter-spacing:0.1em;
  padding-left:0.5em;
  margin:3.0769230769vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4{
    font-size:36px;
    margin-top:10px;
  }
}

.page-classroom .p-featuresCircle__txt4 .col1{
  color:#00c0e8;
  font-size:8.2051282051vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4 .col1{
    font-size:48px;
  }
}

.page-classroom .p-featuresCircle__txt4 .col2{
  color:#ff583f;
  font-size:8.2051282051vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4 .col2{
    font-size:48px;
  }
}

.page-classroom .p-featuresCircle__txt4 .col3{
  color:#ff758e;
  font-size:8.2051282051vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4 .col3{
    font-size:48px;
  }
}

.page-classroom .p-featuresCircle__txt4 .col4{
  color:#5bb647;
  font-size:8.2051282051vw;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4 .col4{
    font-size:48px;
  }
}

.page-classroom .p-featuresCircle__txt4 .underline{
  display:inline-block;
  position:relative;
  z-index:1;
}

.page-classroom .p-featuresCircle__txt4 .underline::after{
  content:"";
  display:block;
  width:calc(100% - 0.6em);
  height:3.0769230769vw;
  background-color:#fff75b;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
}
@media screen and (min-width: 768px){

  .page-classroom .p-featuresCircle__txt4 .underline::after{
    height:17px;
    bottom:5px;
  }
}

.page-classroom .p-featuresCircle__txt4 .underline--2::after{
  width:calc(100% - 0.8em);
}

.page-classroom .p-voice{
  background-color:#f9f9e9;
  padding:16.4102564103vw 0 34.358974359vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice{
    padding:170px 0 120px;
  }
}

.page-classroom .p-voice__lead{
  text-align:center;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1.4;
  letter-spacing:0.1em;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__lead{
    width:-moz-fit-content;
    width:fit-content;
    font-size:32px;
    line-height:1.3;
    margin:40px auto 0;
    position:relative;
  }

  .page-classroom .p-voice__lead::before{
    content:"";
    background:url("../images/classroom/voice_star_pc.webp") no-repeat center/contain;
    width:50px;
    height:50px;
    position:absolute;
    left:calc(100% + 12px);
    top:17px;
  }

  .page-classroom .p-voice__lead::after{
    content:"";
    background:url("../images/classroom/voice_star_pc.webp") no-repeat center/contain;
    width:50px;
    height:50px;
    position:absolute;
    right:calc(100% + 12px);
    top:17px;
    transform:scaleX(-1);
  }
}

.page-classroom .p-voice__lead span{
  color:#5bb647;
  font-weight:bold;
}

.page-classroom .p-voice__slider{
  width:80.5128205128vw;
  margin:8.2051282051vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__slider{
    width:1081px;
    margin-top:40px;
  }
}

.page-classroom .p-voice__slider .splide__arrow{
  width:12.3076923077vw;
  height:12.3076923077vw;
  border-radius:50%;
  background-color:#fff;
  border:2px solid #5bb647;
  opacity:1;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__slider .splide__arrow{
    width:60px;
    height:60px;
  }
}

.page-classroom .p-voice__slider .splide__arrow svg{
  fill:#5bb647;
}

.page-classroom .p-voice__slider .splide__arrow:hover{
  background-color:#5bb647;
  border-color:#fff;
}

.page-classroom .p-voice__slider .splide__arrow:hover svg{
  fill:#fff;
}

.page-classroom .p-voice__slider .splide__arrow--prev{
  left:-6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__slider .splide__arrow--prev{
    left:-30px;
  }
}

.page-classroom .p-voice__slider .splide__arrow--next{
  right:-6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__slider .splide__arrow--next{
    right:-30px;
  }
}

.page-classroom .p-voice__item{
  border-radius:4.1025641026vw;
  background-color:#fff;
  border:2px solid #5bb647;
  padding:8.2051282051vw 4.8717948718vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__item{
    width:29.9722479186%;
    border-radius:16px;
    border-width:4px;
    padding:32px 24px 32px;
  }
}

.page-classroom .p-voice__img{
  width:46.1538461538vw;
  border-radius:50%;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__img{
    width:180px;
  }
}

.page-classroom .p-voice__img::before{
  content:"";
  display:block;
  background:url("../images/classroom/item_star1.webp") no-repeat center/contain;
  width:8.7538461538vw;
  height:10.4307692308vw;
  position:absolute;
  bottom:0.0820512821vw;
  left:-5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__img::before{
    width:34.14px;
    height:40.68px;
    bottom:0.32px;
    left:-20px;
  }
}

.page-classroom .p-voice__img::after{
  content:"";
  display:block;
  background:url("../images/classroom/item_star2.webp") no-repeat center/contain;
  width:8.7538461538vw;
  height:10.4307692308vw;
  position:absolute;
  bottom:0.0820512821vw;
  right:-5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__img::after{
    width:34.14px;
    height:40.68px;
    bottom:0.32px;
    right:-20px;
  }
}

.page-classroom .p-voice__img img{
  display:block;
  width:100%;
  border-radius:50%;
}

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

  .page-classroom .p-voice__nameAge{
    gap:8px;
    margin-top:32px;
  }
}

.page-classroom .p-voice__age{
  display:block;
  color:#242005;
  background-color:#d9f7d2;
  border-radius:1.0256410256vw;
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding:1.7948717949vw 4.8717948718vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__age{
    border-radius:4px;
    font-size:16px;
    padding:7px 19px;
  }
}

.page-classroom .p-voice__name{
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__name{
    font-size:24px;
  }
}

.page-classroom .p-voice__name span{
  font-size:0.5em;
}

.page-classroom .p-voice__comment{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-voice__comment{
    font-size:16px;
    margin-top:10px;
  }
}

.page-classroom .p-flow{
  background-color:#d9f7d2;
  padding:16.4102564103vw 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flow{
    padding:120px 0;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-flow__inner{
    width:880px;
    margin:0 auto;
  }
}

.page-classroom .p-flow__ttl .c-h2__txt2{
  line-height:1.4;
}

.page-classroom .p-flowList{
  display:flex;
  flex-direction:column;
  gap:6.1538461538vw;
  margin-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList{
    gap:56px;
    margin-top:64px;
  }
}

.page-classroom .p-flowList__item{
  border-radius:2.0512820513vw;
  background-color:#fff;
  padding:4.1025641026vw 5.1282051282vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__item{
    border-radius:8px;
    padding:32px 32px 40px;
  }
}

.page-classroom .p-flowList__item::before{
  content:"";
  display:block;
  background:#5bb647;
  width:2px;
  height:6.1538461538vw;
  position:absolute;
  left:9.7435897436vw;
  top:100%;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__item::before{
    height:56px;
    left:62px;
  }
}

.page-classroom .p-flowList__item--last{
  padding-right:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__item--last{
    padding-right:32px;
  }
}

.page-classroom .p-flowList__item--last::before{
  content:none;
}

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

  .page-classroom .p-flowList__ttl{
    position:relative;
    text-align:center;
    justify-content:center;
    gap:0;
  }
}

.page-classroom .p-flowList__num{
  display:flex;
  justify-content:center;
  align-items:center;
  width:9.2307692308vw;
  height:9.2307692308vw;
  border-radius:50%;
  background-color:#5bb647;
  text-align:center;
  font-family:"Roboto", sans-serif;
  color:#fff;
  font-size:7.1794871795vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__num{
    position:absolute;
    width:62px;
    height:62px;
    font-size:48px;
    left:0;
    top:0;
  }
}

.page-classroom .p-flowList__num--1{
  padding-top:1px;
}

.page-classroom .p-flowList__ttlTxt{
  color:#242005;
  font-size:5.1282051282vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__ttlTxt{
    font-size:28px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:-moz-fit-content;
    width:fit-content;
    margin:0 auto;
  }

  .page-classroom .p-flowList__ttlTxt::before{
    content:"";
    display:block;
    position:absolute;
    right:calc(100% + 32px);
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__ttlTxt--1::before{
    background:url("../images/classroom/flow_icon1_pc.webp") no-repeat center/contain;
    width:40px;
    height:27px;
    top:0;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__ttlTxt--2::before{
    background:url("../images/classroom/flow_icon2_pc.webp") no-repeat center/contain;
    width:40px;
    height:33px;
    top:-3px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__ttlTxt--3::before{
    background:url("../images/classroom/flow_icon3_pc.webp") no-repeat center/contain;
    width:26px;
    height:32.5px;
    top:0;
  }
}

.page-classroom .p-flowList__inner{
  padding-left:11.7948717949vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__inner{
    padding-left:0;
  }
}

.page-classroom .p-flowList__txt1{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt1{
    text-align:center;
    font-size:16px;
    line-height:1;
    margin-top:16px;
  }
}

.page-classroom .p-flowList__btn{
  position:relative;
  display:block;
  color:#fff;
  font-size:4.6153846154vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  border-radius:10.2564102564vw;
  background-color:#ff583f;
  box-shadow:0 3px 0 0 #952b1b;
  padding:3.5897435897vw 5.1282051282vw;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__btn{
    width:345px;
    font-size:20px;
    border-radius:40px;
    box-shadow:0 3px 0 0 #952b1b;
    padding:19px 25px 17px 54px;
    margin:32px auto 0;
  }
}

.page-classroom .p-flowList__btn:hover{
  opacity:1;
  transform:translateY(3px);
  box-shadow:none;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__btn:hover{
    transform:translateY(3px);
  }
}

.page-classroom .p-flowList__btn span{
  width:3.0769230769vw;
  position:absolute;
  top:50%;
  right:5.1282051282vw;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__btn span{
    width:12px;
    right:25px;
  }
}

.page-classroom .p-flowList__txt2{
  width:-moz-fit-content;
  width:fit-content;
  color:#5bb647;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
  position:relative;
  margin:4.1025641026vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt2{
    font-size:16px;
    margin-top:40px;
  }
}

.page-classroom .p-flowList__txt2::before{
  content:"";
  display:block;
  background:url("../images/classroom/flow_line1.svg") no-repeat center/contain;
  width:1.9230769231vw;
  height:3.4615384615vw;
  position:absolute;
  right:calc(100% + 1.0256410256vw);
  bottom:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt2::before{
    width:7.5px;
    height:13.5px;
    right:calc(100% + 2px);
    bottom:auto;
    top:2.5px;
  }
}

.page-classroom .p-flowList__txt2::after{
  content:"";
  display:block;
  background:url("../images/classroom/flow_line2.svg") no-repeat center/contain;
  width:1.9230769231vw;
  height:3.4615384615vw;
  position:absolute;
  left:calc(100% + 1.0256410256vw);
  bottom:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt2::after{
    width:7.5px;
    height:13.5px;
    left:calc(100% + 2px);
    bottom:auto;
    top:2.5px;
  }
}

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

  .page-classroom .p-flowList__img{
    width:333px;
    margin:16px auto 0;
  }
}

.page-classroom .p-flowList__list{
  background-color:#f9f9e9;
  border-radius:2.0512820513vw;
  padding:4.1025641026vw;
  margin-top:3.3333333333vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__list{
    width:346px;
    border-radius:16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px;
    margin:24px auto 0;
  }
}

.page-classroom .p-flowList__list h4{
  text-align:center;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__list h4{
    font-size:18px;
  }
}

.page-classroom .p-flowList__list ul{
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__list ul{
    width:208px;
    margin-top:0;
  }
}

.page-classroom .p-flowList__list li{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__list li{
    font-size:16px;
  }
}

.page-classroom .p-flowList__list li::before{
  content:"・";
}

.page-classroom .p-flowList__txtBox{
  width:57.1794871795vw;
  margin:3.0769230769vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txtBox{
    width:223px;
    margin-top:24px;
  }
}

.page-classroom .p-flowList__txt3{
  position:relative;
  width:100%;
  border-radius:1.0256410256vw;
  background-color:#5bb647;
  text-align:center;
  color:#fff;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
  padding:1.5384615385vw 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt3{
    font-size:16px;
    border-radius:4px;
    padding:6px 0;
  }
}

.page-classroom .p-flowList__txt3::after{
  content:"";
  display:block;
  background:url("../images/classroom/flow_fukidashi.svg") no-repeat center/contain;
  width:2.8205128205vw;
  height:2.0512820513vw;
  position:absolute;
  right:19.2307692308vw;
  top:calc(100% - 1px);
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt3::after{
    width:11px;
    height:9px;
    right:73px;
    top:calc(100% - 1px);
  }
}

.page-classroom .p-flowList__txt4{
  text-align:center;
  color:#ff583f;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  margin-top:1.5384615385vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt4{
    font-size:24px;
    margin-top:7px;
  }
}

.page-classroom .p-flowList__txt4 span{
  font-family:"Roboto", sans-serif;
  font-size:12.3076923077vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt4 span{
    font-size:48px;
  }
}

.page-classroom .p-flowList__txt5{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:2.0512820513vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-flowList__txt5{
    text-align:center;
    font-size:16px;
    margin-top:16px;
  }
}

.page-classroom .p-faq{
  padding:16.4102564103vw 0 22.5641025641vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq{
    padding:120px 0 146px;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__inner{
    width:880px;
    margin:0 auto;
  }
}

.page-classroom .p-faq__lead{
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:8.2051282051vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__lead{
    text-align:center;
    font-size:18px;
    margin-top:64px;
  }
}

.page-classroom .p-faq__list{
  margin-top:10.2564102564vw;
  border-radius:4.1025641026vw;
  border:2px solid #5bb647;
  padding:8.2051282051vw 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__list{
    border-radius:32px;
    border-width:4px;
    padding:64px 61px;
    margin-top:40px;
  }
}

.page-classroom .p-faq__item{
  display:flex;
  flex-direction:column;
  gap:2.5641025641vw;
  border-bottom:1px solid #5bb647;
  padding:6.1538461538vw 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__item{
    gap:0px;
    padding:24px 0;
  }
}

.page-classroom .p-faq__item:first-of-type{
  padding-top:0;
}

.page-classroom .p-faq__item:last-of-type{
  padding-bottom:0;
  border-bottom:none;
}

.page-classroom .p-faq__itemTtl{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  cursor:pointer;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemTtl{
    width:580px;
    align-items:center;
    margin:0 auto;
  }
}

.page-classroom .p-faq__itemTtl.is-active .p-faq__itemArrow{
  transform:rotate(180deg);
}

.page-classroom .p-faq__itemQ{
  width:4.8717948718vw;
  position:relative;
  top:0.7692307692vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemQ{
    width:24.12px;
    top:2px;
  }
}

.page-classroom .p-faq__itemQTxt{
  width:68.2051282051vw;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemQTxt{
    width:499px;
    font-size:18px;
    line-height:1;
  }
}

.page-classroom .p-faq__itemArrow{
  width:3.8461538462vw;
  height:2.3076923077vw;
  background:url("../images/classroom/faq_arrow.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemArrow{
    width:16px;
    height:8px;
  }
}

.page-classroom .p-faq__itemAnser{
  display:flex;
  align-items:baseline;
  gap:2.0512820513vw;
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemAnser{
    width:580px;
    gap:0;
    justify-content:space-between;
    margin:0 auto;
  }
}

.page-classroom .p-faq__itemAnser.is-active{
  max-height:1000px;
  transition:max-height 0.4s ease-in;
}

.page-classroom .p-faq__itemA{
  width:4.6153846154vw;
  position:relative;
  top:0.7692307692vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemA{
    width:23px;
    top:4px;
  }
}

.page-classroom .p-faq__itemATxt{
  width:73.5897435897vw;
  color:#242005;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemATxt{
    width:537px;
    font-size:18px;
    line-height:1.5;
    margin-top:30px;
  }
}

.page-classroom .p-faq__itemATxt a{
  font-size:4.1025641026vw;
  font-weight:400;
  color:#5bb647;
  text-decoration:underline;
}
@media screen and (min-width: 768px){

  .page-classroom .p-faq__itemATxt a{
    font-size:18px;
  }
}

.page-classroom .p-about2{
  position:relative;
}

.page-classroom .p-about2::before{
  content:"";
  display:block;
  background:url("../images/classroom/about2_item1.webp") no-repeat center/contain;
  width:17.1948717949vw;
  height:17.9487179487vw;
  position:absolute;
  left:0.5128205128vw;
  bottom:100%;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2::before{
    content:none;
  }
}

.page-classroom .p-about2__inner{
  padding-bottom:16.4102564103vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__inner{
    padding-bottom:120px;
  }
}

.page-classroom .p-about2__ttl{
  text-align:center;
  color:#242005;
  font-size:7.1794871795vw;
  font-weight:bold;
  line-height:1.3;
  letter-spacing:0.1em;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__ttl{
    font-size:36px;
    width:-moz-fit-content;
    width:fit-content;
    margin:0 auto;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__ttl::before{
    content:"";
    display:block;
    position:absolute;
    background:url("../images/classroom/about2_item1_pc.webp") no-repeat center/contain;
    width:115px;
    height:120px;
    right:calc(100% + 20px);
    bottom:0;
  }
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__ttl::after{
    content:"";
    display:block;
    position:absolute;
    background:url("../images/classroom/about2_item2_pc.webp") no-repeat center/contain;
    width:80px;
    height:120px;
    left:calc(100% + 20px);
    bottom:0;
  }
}

.page-classroom .p-about2__ttl span{
  color:#5bb647;
  font-weight:bold;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__wrap{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:40px;
    margin-top:60px;
  }
}

.page-classroom .p-about2__cont{
  position:relative;
  border-radius:4.1025641026vw;
  border:2px solid #5bb647;
  padding:8.2051282051vw 0 8.9743589744vw;
  margin:10.2564102564vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__cont{
    width:420px;
    border-radius:32px;
    border-width:4px;
    padding:40px 0 40px;
    margin:40px 0 0;
  }
}

.page-classroom .p-about2__cont::after{
  content:"";
  display:block;
  background:url("../images/classroom/about2_item2.webp") no-repeat center/contain;
  width:19.0487179487vw;
  height:25.3384615385vw;
  position:absolute;
  right:-4.1794871795vw;
  top:-19.4871794872vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__cont::after{
    content:none;
  }
}

.page-classroom .p-about2__cont--2{
  border-color:#ff583f;
}

.page-classroom .p-about2__cont--2::after{
  content:none;
}

.page-classroom .p-about2__contTtl{
  text-align:center;
  width:-moz-fit-content;
  width:fit-content;
  color:#242005;
  font-size:6.1538461538vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contTtl{
    font-size:28px;
  }
}

.page-classroom .p-about2__contTtl--2{
  color:#ff583f;
}

.page-classroom .p-about2__contTtl::before{
  content:"";
  display:block;
  background:url("../images/classroom/about2_star.webp") no-repeat center/contain;
  width:3.3333333333vw;
  height:3.0769230769vw;
  position:absolute;
  right:calc(100% + 1.0256410256vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contTtl::before{
    width:13px;
    height:12px;
    right:calc(100% + 10px);
  }
}

.page-classroom .p-about2__contTtl::after{
  content:"";
  display:block;
  background:url("../images/classroom/about2_star.webp") no-repeat center/contain;
  width:3.3333333333vw;
  height:3.0769230769vw;
  position:absolute;
  left:calc(100% + 1.0256410256vw);
  top:50%;
  transform:translateY(-50%);
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contTtl::after{
    width:13px;
    height:12px;
    left:calc(100% + 10px);
  }
}

.page-classroom .p-about2__contTxt{
  color:#242005;
  text-align:center;
  font-size:4.1025641026vw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contTxt{
    font-size:16px;
    margin-top:32px;
  }
}

.page-classroom .p-about2__contTxt span{
  color:#5bb647;
  font-weight:bold;
}

.page-classroom .p-about2__contTxt--2 span{
  color:#ff583f;
}

.page-classroom .p-about2__contLink{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:46.1538461538vw;
  height:10.2564102564vw;
  border-radius:10.2564102564vw;
  border:2px solid #5bb647;
  color:#5bb647;
  font-size:4.1025641026vw;
  font-weight:bold;
  line-height:1;
  letter-spacing:0;
  padding-left:5.8974358974vw;
  padding-right:4.358974359vw;
  margin:6.1538461538vw auto 0;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contLink{
    width:180px;
    height:40px;
    border-radius:40px;
    border-width:2px;
    font-size:16px;
    padding-left:23px;
    padding-right:14px;
    margin-top:52px;
  }
}

.page-classroom .p-about2__contLink span{
  width:1.7948717949vw;
  height:3.0769230769vw;
  background:url("../images/classroom/about2_arrow1.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contLink span{
    width:7px;
    height:12px;
  }
}

.page-classroom .p-about2__contLink:hover{
  background-color:#5bb647;
  color:#fff;
  opacity:1;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contLink:hover{
    background-color:#5bb647;
    color:#fff;
  }
}

.page-classroom .p-about2__contLink:hover span{
  background:url("../images/classroom/about2_arrow_hover.svg") no-repeat center/contain;
}

.page-classroom .p-about2__contLink--2{
  border-color:#ff583f;
  color:#ff583f;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contLink--2{
    margin-top:28px;
  }
}

.page-classroom .p-about2__contLink--2 span{
  background:url("../images/classroom/about2_arrow2.svg") no-repeat center/contain;
}

.page-classroom .p-about2__contLink--2:hover{
  background-color:#ff583f;
  color:#fff;
}
@media screen and (min-width: 768px){

  .page-classroom .p-about2__contLink--2:hover{
    background-color:#ff583f;
    color:#fff;
  }
}