@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;
  }
}

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

  .c-about{
    padding:194px 0 120px;
    margin-top:120px;
  }
}

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

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

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

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

.c-about__head{
  position:absolute;
  left:50%;
  top:-10.7692307692vw;
  transform:translateX(-50%);
  width:69.2307692308vw;
  height:24.2307692308vw;
  background:url("../images/common/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){

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

.c-about__head span{
  color:#ff583f;
  font-weight:bold;
}

.c-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){

  .c-about__ttl{
    width:-moz-fit-content;
    width:fit-content;
    font-size:40px;
    margin:0 auto;
  }
}

.c-about__ttl::before{
  content:"";
  display:block;
  background:url("../images/common/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){

  .c-about__ttl::before{
    width:40px;
    height:40px;
    left:auto;
    bottom:auto;
    right:calc(100% + 12px);
    top:0;
  }
}

.c-about__ttl::after{
  content:"";
  display:block;
  background:url("../images/common/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){

  .c-about__ttl::after{
    background:url("../images/common/about_star1.webp") no-repeat center/contain;
    transform:scaleX(-1);
    width:40px;
    height:40px;
    right:auto;
    bottom:auto;
    left:calc(100% + 12px);
    top:0;
  }
}

.c-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){

  .c-about__ttl span{
    font-size:28px;
    margin-top:24px;
  }
}

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

  .c-about__ttl span::after{
    width:48px;
    height:44px;
    left:calc(100% + 8px);
    bottom:-2px;
  }
}

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

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

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

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

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

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

.c-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){

  .c-about__value1{
    font-size:32px;
    left:46.55px;
    bottom:5.06px;
  }
}

.c-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){

  .c-about__value2{
    font-size:32px;
    left:57px;
    bottom:5.06px;
  }
}

.c-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){

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

.c-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){

  .c-about__lead{
    font-size:36px;
    margin-top:40px;
  }
}

.c-about__lead span{
  font-weight:bold;
}

.c-about__lead .col1{
  color:#00c0e8;
}

.c-about__lead .col2{
  color:#ff583f;
}

.c-about__lead .col3{
  color:#5bb647;
}

.c-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){

  .c-about__txt{
    font-size:18px;
    margin-top:32px;
  }
}

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

  .c-about__img1{
    width:476px;
    margin:24px auto 0;
  }
}

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

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

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

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

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

  .c-features{
    padding-top:500px;
    padding-bottom:1301px;
  }
}

.c-features__inner{
  max-width:1081px;
  margin:0 auto;
}

.c-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){

  .c-features__head{
    width:880px;
    height:880px;
    top:-160px;
    padding-top:280px;
  }
}

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

.c-features__ttl::before{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-features__ttl::after{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-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){

  .c-features__ttlTxt1{
    font-size:32px;
  }
}

.c-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){

  .c-features__ttlTxt2{
    font-size:48px;
  }
}

.c-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){

  .c-features__ttlTxt2 em{
    font-size:64px;
  }
}

.c-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){

  .c-features__lead{
    font-size:18px;
    margin-top:40px;
  }
}

.c-features__lead b{
  font-weight:bold;
}

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

  .c-featuresList{
    max-width:1081px;
    margin-top:-50px;
  }
}

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

  .c-featuresList__point{
    border-radius:80px 80px 0 0;
    padding:80px 0 263px;
  }
}

.c-featuresList__point--1{
  background-color:#ff758e;
}

.c-featuresList__point--1 .c-featuresList__num{
  color:#ff758e;
}

.c-featuresList__point--1 .c-featuresList__ttl__p1Txt2 span{
  color:#ff758e;
}

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

  .c-featuresList__point--2{
    margin-top:-184px;
  }
}

.c-featuresList__point--2 .c-featuresList__num{
  color:#00c0e8;
}

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

  .c-featuresList__point--3{
    margin-top:-184px;
  }
}

.c-featuresList__point--3 .c-featuresList__num{
  color:#ff583f;
}

.c-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){

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

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

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

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

.c-featuresList__num{
  width:18.5256410256vw;
  height:17.4358974359vw;
  background:url("../images/common/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){

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

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

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

.c-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){

  .c-featuresList__ttl__p1Txt1{
    font-size:32px;
  }
}

.c-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){

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

.c-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){

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

.c-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){

  .c-featuresList__ttl__p1Txt3{
    font-size:32px;
    margin-top:16px;
  }
}

.c-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){

  .c-featuresList__ttl__p2Txt1{
    font-size:32px;
  }
}

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

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

.c-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){

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

.c-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){

  .c-featuresList__ttl__p3Txt1{
    font-size:32px;
  }
}

.c-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){

  .c-featuresList__ttl__p3Txt2{
    font-size:32px;
    gap:8px;
    margin-top:8px;
  }
}

.c-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){

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

.c-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){

  .c-featuresList__ttl__p4Txt1{
    font-size:32px;
  }
}

.c-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){

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

.c-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){

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

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

  .c-featuresList__bodyInner{
    padding-bottom:64px;
  }
}

.c-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){

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

.c-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){

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

.c-featuresList__txt2 span{
  color:#ff758e;
  font-weight:bold;
}

.c-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){

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

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

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

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

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

.c-featuresList__cont1__item:nth-of-type(1)::after, .c-featuresList__cont1__item:nth-of-type(2)::after{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-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){

  .c-featuresList__cont1__txt1{
    font-size:20px;
  }
}

.c-featuresList__cont1__txt1 span{
  color:#ff758e;
  font-weight:bold;
}

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

  .c-featuresList__cont1__img{
    width:100%;
    margin:0;
  }
}

.c-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){

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

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

  .c-featuresList__cont1__arrow{
    width:53px;
    margin-top:40px;
  }
}

.c-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){

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

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

.c-featuresList__cont2::after{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-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){

  .c-featuresList__cont2__ttl{
    text-align:center;
    font-size:24px;
  }
}

.c-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){

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

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

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

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

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

.c-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){

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

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

  .c-featuresList__cont3__ttl1 img{
    width:155px;
  }
}

.c-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){

  .c-featuresList__cont3__ttl2{
    font-size:18px;
    margin-top:20px;
  }
}

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

  .c-featuresList__cont3__img{
    width:286px;
    margin-top:38px;
  }
}

.c-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){

  .c-featuresList__cont3__txt{
    font-size:16px;
    margin-top:8px;
  }
}

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

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

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

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

  .c-featuresList__cont4__img1{
    width:608px;
  }
}

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

  .c-featuresList__cont4__img2{
    width:174px;
    margin:0;
  }
}

.c-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){

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

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

  .c-featuresList__cont4__txt1 span{
    color:#5bb647;
    font-weight:bold;
  }
}

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

  .c-featuresList__cont4__arrow1{
    width:32px;
  }
}

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

  .c-featuresList__cont4__arrow2{
    width:53px;
    margin-top:40px;
  }
}

.c-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){

  .c-featuresCircle{
    width:1152px;
    height:1152px;
  }
}

.c-featuresCircle::before{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-featuresCircle::after{
  content:"";
  display:block;
  background:url("../images/common/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){

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

.c-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){

  .c-featuresCircle__txt1{
    font-size:32px;
    margin-top:120px;
  }
}

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

  .c-featuresCircle__img{
    width:640px;
    margin-top:80px;
  }
}

.c-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){

  .c-featuresCircle__txt2{
    font-size:24px;
    margin-top:48px;
  }
}

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

  .c-featuresCircle__txt2 span{
    font-size:36px;
  }
}

.c-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){

  .c-featuresCircle__txt3{
    font-size:24px;
    margin-top:2em;
  }
}

.c-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){

  .c-featuresCircle__txt4{
    font-size:36px;
    margin-top:10px;
  }
}

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

  .c-featuresCircle__txt4 .col1{
    font-size:48px;
  }
}

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

  .c-featuresCircle__txt4 .col2{
    font-size:48px;
  }
}

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

  .c-featuresCircle__txt4 .col3{
    font-size:48px;
  }
}

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

  .c-featuresCircle__txt4 .col4{
    font-size:48px;
  }
}

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

.c-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){

  .c-featuresCircle__txt4 .underline::after{
    height:17px;
    bottom:5px;
  }
}

.c-featuresCircle__txt4 .underline--2::after{
  width:calc(100% - 0.8em);
}
@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;
}

.pagetop{
  display:none !important;
}

.snsBox{
  display:none !important;
}

.gFooter{
  margin-top:0;
}
@media screen and (min-width: 768px){

  .gFooter{
    padding-bottom:60px;
    margin-top:0;
  }
}

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

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

.p-headerHalloween{
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100%;
  height:60px;
  padding:8px 20px;
  background:#fff;
}
@media screen and (min-width: 768px){

  .p-headerHalloween{
    justify-content:flex-start;
    width:auto;
    height:auto;
    padding:25.5px 40px;
    background:none;
  }
}

.p-headerHalloween img{
  width:100%;
}

.p-headerHalloween__logo{
  width:150px;
}
@media screen and (min-width: 768px){

  .p-headerHalloween__logo{
    width:260px;
  }
}

.p-headerHalloween__search{
  width:150px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  border-radius:30px;
  background:#ff5e00;
  box-shadow:0 4px 0 0 #5bb647;
  padding:0 20px;
}
@media screen and (min-width: 768px){

  .p-headerHalloween__search{
    display:none;
  }
}

.p-headerHalloween__search:hover{
  transform:translateY(4px);
  box-shadow:none;
}

.p-headerHalloween__search span:first-child{
  display:flex;
  width:20px;
  height:20px;
}

.p-headerHalloween__search span:last-child{
  display:flex;
  width:80px;
}

.page-halloween{
  font-family:"GenJyu", sans-serif;
  padding-top:0;
}

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

  .l-halloween{
    overflow:hidden;
  }
}

.l-halloween .p-mainVisual{
  margin-bottom:-2px;
}

.l-halloween .c-ctaHalloween{
  background:url("../images/halloween/cta1_bg.webp") repeat left top/cover;
  padding:7.6923076923vw 2.5641025641vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween{
    padding:30px 0;
  }
}

.l-halloween .c-ctaHalloween--cta2{
  padding-top:20.5128205128vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween--cta2{
    padding-top:100px;
  }
}

.l-halloween .c-ctaHalloween--cta3{
  padding-top:41.0256410256vw;
  padding-bottom:15.3846153846vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween--cta3{
    padding-top:180px;
    padding-bottom:60px;
  }
}

.l-halloween .c-ctaHalloween__inner{
  width:100%;
  background:#38008c;
  border-radius:5.1282051282vw;
  padding:2.5641025641vw 2.7102564103vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__inner{
    width:640px;
    border-radius:20px;
    padding:10px;
  }
}

.l-halloween .c-ctaHalloween__inner--cta1::before{
  content:"";
  background:url("../images/halloween/cta1_ghost.svg") no-repeat center/contain;
  width:12.0146153846vw;
  height:13.3333333333vw;
  position:absolute;
  top:-2.8205128205vw;
  right:-0.3666666667vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__inner--cta1::before{
    width:46.857px;
    height:52px;
    top:-11px;
    right:133.57px;
  }
}

.l-halloween .c-ctaHalloween__inner--cta1::after{
  content:"";
  background:url("../images/halloween/cta1_img.webp") no-repeat center/contain;
  width:37.6923076923vw;
  height:38.8461538462vw;
  position:absolute;
  top:-5.1282051282vw;
  left:1.5384615385vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__inner--cta1::after{
    width:147px;
    height:151.5px;
    top:-20px;
    left:141px;
  }
}

.l-halloween .c-ctaHalloween__inner--cta2::after{
  content:"";
  background:url("../images/halloween/cta2_pumpkin.svg") no-repeat center/contain;
  width:10.5128205128vw;
  height:9.4871794872vw;
  position:absolute;
  bottom:-0.4564102564vw;
  left:-0.7692307692vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__inner--cta2::after{
    width:55.558px;
    height:49.138px;
    bottom:10px;
    left:100px;
    z-index:1;
  }
}

.l-halloween .c-ctaHalloween__wrap{
  border-radius:5.1282051282vw;
  border:2px dashed #ffe524;
  padding-bottom:7.6923076923vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__wrap{
    border-radius:20px;
    padding-bottom:30px;
  }
}

.l-halloween .c-ctaHalloween__wrap--cta2{
  padding-top:12.0512820513vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__wrap--cta2{
    padding-top:63px;
  }
}

.l-halloween .c-ctaHalloween__wrap--cta3{
  padding-top:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__wrap--cta3{
    padding-top:73px;
  }
}

.l-halloween .c-ctaHalloween__cta1Item1{
  width:51.4102564103vw;
  margin-top:6.4102564103vw;
  margin-left:34.1025641026vw;
  margin-bottom:3.5897435897vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta1Item1{
    width:200.5px;
    margin-top:25px;
    margin-left:272px;
    margin-bottom:14px;
  }
}

.l-halloween .c-ctaHalloween__cta2Item1{
  position:absolute;
  width:96.1538461538vw;
  left:-0.5128205128vw;
  top:-30.7692307692vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta2Item1{
    width:420.5px;
    left:111.55px;
    top:-142px;
  }
}

.l-halloween .c-ctaHalloween__cta2Item2{
  width:79.4871794872vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta2Item2{
    width:326px;
    margin-top:0;
  }
}

.l-halloween .c-ctaHalloween__cta2Txt{
  color:#fff;
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:700;
  letter-spacing:normal;
  margin:2.5641025641vw auto 2.3076923077vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta2Txt{
    font-size:20px;
    margin:10px auto 18px;
  }
}

.l-halloween .c-ctaHalloween__cta3Item1{
  width:94.6153846154vw;
  position:absolute;
  left:-1.0256410256vw;
  top:-29.2307692308vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta3Item1{
    width:516px;
    left:53px;
    top:-176.29px;
  }
}

.l-halloween .c-ctaHalloween__cta3Item2{
  width:63.5897435897vw;
  margin:1.5384615385vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta3Item2{
    width:565.677px;
    margin-top:0;
  }
}

.l-halloween .c-ctaHalloween__cta3Txt{
  color:#fff;
  text-align:center;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:0;
  margin:4.1025641026vw auto 4.6153846154vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__cta3Txt{
    font-size:20px;
    margin:20px auto 14px;
  }
}

.l-halloween .c-ctaHalloween__btn{
  width:83.0769230769vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btn{
    width:324px;
    position:relative;
    z-index:1;
    margin-top:-10px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btn--btn2{
    width:372px;
  }
}

.l-halloween .c-ctaHalloween__btnFukidashi{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.0256410256vw;
  color:#fff;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnFukidashi{
    gap:4px;
    font-size:17px;
    margin-bottom:3px;
  }
}

.l-halloween .c-ctaHalloween__btnFukidashi::before{
  content:"";
  background:url("../images/halloween/fukidashi2_l.svg") no-repeat center/contain;
  width:4.358974359vw;
  height:4.8717948718vw;
  aspect-ratio:17/19;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnFukidashi::before{
    width:17px;
    height:19px;
  }
}

.l-halloween .c-ctaHalloween__btnFukidashi::after{
  content:"";
  background:url("../images/halloween/fukidashi2_r.svg") no-repeat center/contain;
  width:4.358974359vw;
  height:4.8717948718vw;
  aspect-ratio:17/19;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnFukidashi::after{
    width:17px;
    height:19px;
  }
}

.l-halloween .c-ctaHalloween__btnLink{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border:1px solid #ffe524;
  background:#ffe524;
  box-shadow:0 4px 0 0 #cfb603;
  color:#1f0030;
  font-size:4.358974359vw;
  font-weight:700;
  letter-spacing:normal;
  padding:5.1282051282vw;
  border-radius:10.2564102564vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnLink{
    color:#1f0030;
    font-size:17px;
    padding:20px;
    border-radius:40px;
  }
}

.l-halloween .c-ctaHalloween__btnLink span{
  width:8px;
  height:8px;
  border-left:2px solid #1f0030;
  border-top:2px solid #1f0030;
  transform:rotate(135deg);
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnLink--btn2{
    font-size:20px;
    letter-spacing:0.03em;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnLink--btn2 span{
    width:10px;
    height:10px;
  }
}

.l-halloween .c-ctaHalloween__btnLink::after{
  content:"";
  background:url("../images/halloween/click.gif") no-repeat center/contain;
  width:15.1282051282vw;
  height:15.1282051282vw;
  aspect-ratio:1/1;
  position:absolute;
  bottom:-5.3846153846vw;
  right:-2.3076923077vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__btnLink::after{
    width:59px;
    height:59px;
    bottom:-22px;
    right:-13px;
  }
}

.l-halloween .c-ctaHalloween__btnLink:hover{
  transform:translateY(4px);
  box-shadow:none;
  font-weight:700;
  opacity:1;
}

.l-halloween .c-ctaHalloween__tel{
  margin:3.5897435897vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__tel{
    margin-top:20.3px;
  }
}

.l-halloween .c-ctaHalloween__tel a{
  width:-moz-fit-content;
  width:fit-content;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.1115384615vw;
  color:#fff;
  font-family:"Roboto", sans-serif;
  font-size:9.2307692308vw;
  font-weight:600;
  line-height:1;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__tel a{
    gap:8.24px;
    font-size:36px;
  }
}

.l-halloween .c-ctaHalloween__tel a span{
  width:8.2051282051vw;
  height:8.2051282051vw;
  aspect-ratio:1/1;
  background:url("../images/halloween/icon_phone.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__tel a span{
    width:32px;
    height:32px;
  }
}

.l-halloween .c-ctaHalloween__tel time{
  display:block;
  text-align:center;
  color:#fff;
  font-size:3.0769230769vw;
  font-weight:500;
  line-height:1.02;
  letter-spacing:0.0923076923vw;
  margin-top:1.0564102564vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-ctaHalloween__tel time{
    font-size:12px;
    letter-spacing:0.36px;
    margin-top:4.12px;
  }
}

.l-halloween .p-aboutHalloween{
  background:#fff692;
  position:relative;
}

.l-halloween .p-aboutHalloween::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  border-bottom:10.2564102564vw solid #fbf4ff;
  border-left:100vw solid transparent;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween::after{
    border-bottom-width:40px;
  }
}

.l-halloween .p-aboutHalloween__inner{
  padding:15.3846153846vw 5.1282051282vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__inner{
    padding:60px 0 100px;
  }
}

.l-halloween .p-aboutHalloween__head{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3.0769230769vw;
  text-align:center;
  color:#ff5e00;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:normal;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__head{
    gap:12px;
    font-size:20px;
  }
}

.l-halloween .p-aboutHalloween__head::before{
  content:"";
  background:url("../images/halloween/fukidashi1_l.svg") no-repeat center/contain;
  width:5.1282051282vw;
  height:5.8974358974vw;
  aspect-ratio:20/23;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__head::before{
    width:20px;
    height:23px;
  }
}

.l-halloween .p-aboutHalloween__head::after{
  content:"";
  background:url("../images/halloween/fukidashi1_r.svg") no-repeat center/contain;
  width:5.1282051282vw;
  height:5.8974358974vw;
  aspect-ratio:20/23;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__head::after{
    width:20px;
    height:23px;
  }
}

.l-halloween .p-aboutHalloween__ttl{
  width:79.2307692308vw;
  margin:3.5897435897vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__ttl{
    width:309px;
    margin-top:14px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__wrap{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:40px;
    margin-top:40px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__txt{
    width:380px;
  }
}

.l-halloween .p-aboutHalloween__txt1{
  color:#222;
  text-align:center;
  font-size:3.8461538462vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:normal;
  margin-top:8.9743589744vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__txt1{
    text-align:left;
    font-size:18px;
    margin:0;
  }
}

.l-halloween .p-aboutHalloween__txt1 span{
  color:#ff5e00;
  font-weight:700;
}

.l-halloween .p-aboutHalloween__txt2{
  color:#222;
  text-align:center;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:normal;
  margin-top:5.1282051282vw;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-color:#ff9924;
  text-decoration-thickness:10%;
  text-underline-offset:26%;
  text-underline-position:from-font;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__txt2{
    text-align:left;
    font-size:22px;
    margin-top:20px;
  }
}

.l-halloween .p-aboutHalloween__txt2 span{
  color:#ff5e00;
  font-weight:700;
}

.l-halloween .p-aboutHalloween__img{
  width:97.1794871795vw;
  margin-top:9.7435897436vw;
  margin-left:-3.5897435897vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-aboutHalloween__img{
    width:380px;
    margin:0;
  }
}

.l-halloween .p-reccomend{
  background:#fbf4ff;
  position:relative;
}

.l-halloween .p-reccomend::after{
  content:"";
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  width:100vw;
  height:5.1282051282vw;
  background:#fbf4ff;
  clip-path:polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend::after{
    height:40px;
  }
}

.l-halloween .p-reccomend__inner{
  padding:6.3051282051vw 0 15.3846153846vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__inner{
    width:640px;
    padding:32px 0 60px;
  }
}

.l-halloween .p-reccomend__ttl{
  width:86.4102564103vw;
  margin-left:-1.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__ttl{
    width:337px;
    margin:0 auto;
  }
}

.l-halloween .p-reccomend__img{
  width:46.6666666667vw;
  margin:5.1282051282vw auto -3px;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__img{
    width:182px;
    margin:20px auto -3px;
  }
}

.l-halloween .p-reccomend__list{
  display:flex;
  flex-direction:column;
  gap:3.0769230769vw;
  width:89.7435897436vw;
  border-radius:5.1282051282vw;
  background:#fff;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding:7.6923076923vw;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list{
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    border-radius:20px;
    gap:12px;
    padding:30px 40px;
  }
}

.l-halloween .p-reccomend__list::before{
  content:"";
  background:#fff;
  box-shadow:0 0 3.0769230769vw 0 rgba(0, 0, 0, 0.1);
  width:5.3846153846vw;
  height:5.3846153846vw;
  border-radius:50%;
  position:absolute;
  bottom:calc(100% + 3.0769230769vw);
  left:17.6923076923vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list::before{
    width:21px;
    height:21px;
    bottom:calc(100% + 5px);
    left:204px;
  }
}

.l-halloween .p-reccomend__list::after{
  content:"";
  background:#fff;
  box-shadow:0 0 3.0769230769vw 0 rgba(0, 0, 0, 0.1);
  width:4.1025641026vw;
  height:4.1025641026vw;
  border-radius:50%;
  position:absolute;
  bottom:calc(100% + 8.4615384615vw);
  left:23.8461538462vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list::after{
    width:16px;
    height:16px;
    bottom:calc(100% + 26px);
    left:228px;
  }
}

.l-halloween .p-reccomend__list li{
  display:flex;
  align-items:stretch;
  gap:3.0769230769vw;
  color:#222;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.4;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li{
    align-items:flex-start;
    width:274px;
    gap:12px;
    font-size:18px;
  }
}

.l-halloween .p-reccomend__list li::before{
  content:"";
  background:url("../images/halloween/reccomend_check.svg") no-repeat center/contain;
  width:4.6153846154vw;
  height:4.8717948718vw;
  aspect-ratio:18/19;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li::before{
    width:18px;
    height:19px;
    margin-top:2px;
  }
}

.l-halloween .p-reccomend__list li + li{
  border-top:1px dashed #ff5e00;
  padding-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li + li{
    border:none;
    padding-top:0;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li:nth-of-type(2){
    border-top:1px dashed #ff5e00;
    padding-top:12px;
    order:3;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li:nth-of-type(3){
    order:2;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-reccomend__list li:nth-of-type(4){
    order:4;
    border-top:1px dashed #ff5e00;
    padding-top:12px;
  }
}

.l-halloween .p-halloweenInfo{
  border:2.5641025641vw solid #ff5e00;
  overflow:hidden;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo{
    border-width:10px;
    max-width:880px;
    width:100%;
    margin:80px auto;
  }
}

.l-halloween .p-halloweenInfo__inner{
  background:#fdf8e5;
  padding:67.9487179487vw 0 10.5128205128vw;
  margin:0;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__inner{
    padding:325px 0 65px;
  }
}

.l-halloween .p-halloweenInfo__inner::after{
  content:"";
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  width:94.8717948718vw;
  height:8.4615384615vw;
  background:#fdf8e5;
  clip-path:polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__inner::after{
    max-width:880px;
    width:100%;
    height:40px;
  }
}

.l-halloween .p-halloweenInfo__ttl{
  width:103.9743589744vw;
  position:absolute;
  left:-4.1025641026vw;
  top:5.641025641vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__ttl{
    width:565px;
    top:8.8px;
    left:50%;
    transform:translateX(-50%);
  }
}

.l-halloween .p-halloweenInfo__wrap{
  width:84.6153846154vw;
  background:#fff;
  border-radius:3.0769230769vw;
  padding:3.0769230769vw 0 3.0769230769vw 3.0769230769vw;
  position:relative;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__wrap{
    width:640px;
    border-radius:12px;
    padding:12px 0 12px 12px;
  }
}

.l-halloween .p-halloweenInfo__txtBox{
  display:flex;
  flex-direction:column;
  gap:1.0256410256vw;
  width:41.5384615385vw;
  padding:3.5897435897vw 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox{
    width:337px;
    gap:4px;
    padding:13px 0;
    margin-left:78px;
  }
}

.l-halloween .p-halloweenInfo__txtBox__txt1{
  text-align:center;
  color:#38008c;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__txt1{
    font-size:22px;
  }
}

.l-halloween .p-halloweenInfo__txtBox__plus{
  width:4.1025641026vw;
  height:4.1025641026vw;
  aspect-ratio:1/1;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__plus{
    width:16px;
    height:16px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__txt2{
    display:flex;
    align-items:baseline;
  }
}

.l-halloween .p-halloweenInfo__txtBox__txt2 .item1{
  color:#ff5e00;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__txt2 .item1{
    font-size:22px;
  }
}

.l-halloween .p-halloweenInfo__txtBox__txt2 .item2{
  color:#222;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1;
  letter-spacing:-0.2051282051vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__txt2 .item2{
    font-size:18px;
    letter-spacing:-0.9px;
  }
}

.l-halloween .p-halloweenInfo__txtBox__txt2 .item3{
  display:block;
  text-align:center;
  color:#222;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  margin-top:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__txtBox__txt2 .item3{
    display:inline-block;
    text-align:left;
    font-size:22px;
    margin-top:0;
  }
}

.l-halloween .p-halloweenInfo__imgBox__fukidashi{
  width:41.0256410256vw;
  position:absolute;
  top:-12.3076923077vw;
  right:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__imgBox__fukidashi{
    width:160px;
    top:-59px;
    right:-47px;
  }
}

.l-halloween .p-halloweenInfo__imgBox__img{
  width:34.6153846154vw;
  position:absolute;
  bottom:-0.3846153846vw;
  right:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__imgBox__img{
    width:135px;
    bottom:12px;
    right:78px;
  }
}

.l-halloween .p-halloweenInfo__desc{
  width:84.6153846154vw;
  color:#000;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.8;
  letter-spacing:0;
  margin:5.1282051282vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__desc{
    width:640px;
    font-size:18px;
    margin-top:30px;
  }
}

.l-halloween .p-halloweenInfo__dlBox{
  display:flex;
  flex-direction:column;
  gap:0.5128205128vw;
  width:-moz-fit-content;
  width:fit-content;
  margin:5.1282051282vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox{
    gap:2px;
    margin-top:30px;
  }
}

.l-halloween .p-halloweenInfo__dlBox dl{
  display:flex;
  align-items:center;
  gap:0.5128205128vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox dl{
    gap:2px;
  }
}

.l-halloween .p-halloweenInfo__dlBox dt{
  background:#38008c;
  width:24.1025641026vw;
  display:grid;
  place-items:center;
  align-self:stretch;
  color:#fff;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1.8;
  letter-spacing:0.4102564103vw;
  padding:3.0769230769vw 2.0512820513vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox dt{
    width:94px;
    font-size:18px;
    letter-spacing:1.8px;
    padding:8px 0;
  }
}

.l-halloween .p-halloweenInfo__dlBox dd{
  background:#fff;
  width:60vw;
  display:grid;
  align-items:center;
  justify-items:start;
  align-self:stretch;
  color:#222;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
  padding:3.0769230769vw 2.0512820513vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox dd{
    width:544px;
    font-size:17px;
    padding:8px 12px;
  }
}

.l-halloween .p-halloweenInfo__dlBox dd a{
  color:#ff5e00;
  text-decoration:underline;
}

.l-halloween .p-halloweenInfo__dlBox dd.u-sp{
  display:grid;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox dd.u-sp{
    display:none;
  }
}

.l-halloween .p-halloweenInfo__dlBox dd.u-pc{
  display:none;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__dlBox dd.u-pc{
    display:grid;
  }
}

.l-halloween .p-halloweenInfo__note{
  display:block;
  text-align:right;
  color:#222;
  font-size:3.0769230769vw;
  font-weight:400;
  line-height:1.4;
  letter-spacing:0;
  padding-right:5.1282051282vw;
  margin-top:5.1282051282vw;
  opacity:0.9;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfo__note{
    width:640px;
    font-size:14px;
    margin:19.5px auto 0;
    padding-right:0;
  }
}

.l-halloween .p-eventInfo{
  width:84.6153846154vw;
  margin:10vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo{
    width:640px;
    margin-top:30px;
  }
}

.l-halloween .p-eventInfo__ttl{
  background:#ff5e00;
  border-radius:10.2564102564vw;
  height:12.8205128205vw;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:5.1282051282vw;
  font-weight:900;
  line-height:normal;
  letter-spacing:0;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__ttl{
    border-radius:40px;
    height:50px;
    font-size:22px;
  }
}

.l-halloween .p-eventInfo__ttl::before{
  content:"";
  background:url("../images/halloween/event-info.svg") no-repeat center/contain;
  width:15.8974358974vw;
  height:15.8974358974vw;
  aspect-ratio:1/1;
  position:absolute;
  right:-4.8717948718vw;
  top:-8.7461538462vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__ttl::before{
    width:85px;
    height:85px;
    right:88px;
    top:-20.61px;
  }
}

.l-halloween .p-eventInfo__list{
  width:79.4871794872vw;
  display:flex;
  flex-direction:column;
  gap:9.2307692308vw;
  margin:5.1282051282vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__list{
    width:640px;
    gap:36px;
    margin-top:30px;
  }
}

.l-halloween .p-eventInfo__item{
  border:1px solid #ff5e00;
  background:#fff;
  border-radius:3.0769230769vw;
  box-shadow:0 1.0256410256vw 0 0 #ff5e00;
  display:flex;
  align-items:center;
  gap:2.0512820513vw;
  padding:3.8461538462vw 2.0512820513vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__item{
    gap:10px;
    border-radius:12px;
    box-shadow:0 4px 0 0 #ff5e00;
    padding:20px 0 20px 30px;
  }
}

.l-halloween .p-eventInfo__item + li::before{
  content:"";
  background:url("../images/halloween/event-flow_arrow.svg") no-repeat center/contain;
  width:7.1794871795vw;
  height:9.2307692308vw;
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__item + li::before{
    width:28px;
    height:36px;
  }
}

.l-halloween .p-eventInfo__item dl{
  display:flex;
  flex-direction:column;
}

.l-halloween .p-eventInfo__item dt{
  color:#ff5e00;
  font-size:4.6153846154vw;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__item dt{
    font-size:20px;
  }
}

.l-halloween .p-eventInfo__item dd{
  color:#000;
  font-size:3.5897435897vw;
  font-weight:500;
  line-height:normal;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__item dd{
    font-size:17px;
    margin-top:8px;
  }
}

.l-halloween .p-eventInfo__item dd.u-small{
  letter-spacing:-0.06em;
}

.l-halloween .p-eventInfo__icon{
  width:15.3846153846vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__icon{
    width:60px;
  }
}

.l-halloween .p-eventInfo__img{
  width:23.0769230769vw;
  box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);
  position:absolute;
  top:-0.8vw;
  right:0.1025641026vw;
  transform:rotate(17deg);
}
@media screen and (min-width: 768px){

  .l-halloween .p-eventInfo__img{
    width:90px;
    top:-22.12px;
    right:75px;
  }
}

.l-halloween .p-halloweenInfoAfter{
  background:#fff;
  padding:14.8717948718vw 0 5.1282051282vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter{
    padding:59px 0 28px;
  }
}

.l-halloween .p-halloweenInfoAfter__txt{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:2.0512820513vw;
  text-align:center;
  color:#222;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1.3;
  letter-spacing:normal;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter__txt{
    gap:8px;
    font-size:22px;
  }
}

.l-halloween .p-halloweenInfoAfter__txt::before{
  content:"";
  background:url("../images/halloween/fukidashi3_l.svg") no-repeat center/contain;
  width:5.3846153846vw;
  height:6.6666666667vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter__txt::before{
    width:21px;
    height:26px;
  }
}

.l-halloween .p-halloweenInfoAfter__txt::after{
  content:"";
  background:url("../images/halloween/fukidashi3_r.svg") no-repeat center/contain;
  width:5.3846153846vw;
  height:6.6666666667vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter__txt::after{
    width:21px;
    height:26px;
  }
}

.l-halloween .p-halloweenInfoAfter__ttl{
  width:91.0256410256vw;
  margin-top:4.1025641026vw;
  margin-left:5.1282051282vw;
  margin-bottom:-1.2820512821vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter__ttl{
    width:409px;
    margin:18px auto -5px;
  }
}

.l-halloween .p-halloweenInfoAfter__img{
  width:98.9743589744vw;
  margin-left:-2.0512820513vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-halloweenInfoAfter__img{
    width:386px;
    margin:0 auto;
  }
}

.l-halloween .p-flow{
  background:#fbf3ff;
}

.l-halloween .p-flow__inner{
  width:100%;
  max-width:100%;
  padding:15.3846153846vw 7.8205128205vw 20.5128205128vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__inner{
    width:640px;
    padding:53.64px 0 80px;
  }
}

.l-halloween .p-flow__ttl{
  width:94.9333333333vw;
  margin-left:-6.4102564103vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__ttl{
    width:496px;
    margin:0 auto;
    transform:translateX(4px);
  }
}

.l-halloween .p-flow__list{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12.8205128205vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__list{
    gap:0;
    margin-top:24px;
  }
}

.l-halloween .p-flow__list::before{
  display:block;
  content:"";
  width:2px;
  height:133.3333333333vw;
  background:#5bb647;
  position:absolute;
  left:1.2820512821vw;
  top:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__list::before{
    height:455px;
    left:25px;
    top:20px;
  }
}

.l-halloween .p-flow__listItem{
  width:79.2307692308vw;
  margin-left:auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listItem{
    width:585px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listItem:nth-of-type(2){
    margin-top:32px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listItem:last-of-type{
    position:relative;
    margin-top:32px;
  }
}

.l-halloween .p-flow__listTtl{
  position:relative;
  display:flex;
  align-items:center;
  color:#000;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1;
  letter-spacing:0.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listTtl{
    font-size:22px;
    letter-spacing:0;
  }
}

.l-halloween .p-flow__listTtl span{
  color:#ff5800;
  font-family:"Roboto", sans-serif;
  font-size:9.2307692308vw;
  font-weight:400;
  display:inline-block;
  line-height:1;
  width:11.7948717949vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listTtl span{
    width:46px;
    font-size:36px;
  }
}

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

  .l-halloween .p-flow__listTtl::before{
    width:12px;
    height:12px;
    left:auto;
    right:calc(100% + 22.59px);
  }
}

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

  .l-halloween .p-flow__listBox{
    gap:10px;
  }
}

.l-halloween .p-flow__listBox--box1{
  align-items:flex-start;
  margin-top:1.2820512821vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listBox--box1{
    width:500px;
    height:120px;
    justify-content:space-between;
    align-items:center;
    margin-top:5px;
  }
}

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

  .l-halloween .p-flow__listBox--box2{
    justify-content:space-between;
    width:500px;
    margin-top:12px;
  }
}

.l-halloween .p-flow__listText{
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:153.333%;
  letter-spacing:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listText{
    font-size:17px;
    letter-spacing:-0.05em;
  }
}

.l-halloween .p-flow__listText--text1{
  width:46.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listText--text1{
    width:390px;
  }
}

.l-halloween .p-flow__listText--text1 > a{
  display:block;
  width:38.4615384615vw;
  height:10.2564102564vw;
  background:url("../images/halloween/flow_btn.svg") no-repeat center/contain;
  margin-top:5.1282051282vw;
  margin-right:auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listText--text1 > a{
    width:150px;
    height:40px;
    margin-top:10px;
  }
}

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

  .l-halloween .p-flow__listText--text2{
    width:300px;
  }
}

.l-halloween .p-flow__listText--text3{
  width:-moz-fit-content;
  width:fit-content;
  margin-top:3.0769230769vw;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listText--text3{
    margin-top:12px;
  }
}

.l-halloween .p-flow__listText--text3::after{
  content:"";
  width:34.0648717949vw;
  height:29.6658974359vw;
  background:url("../images/halloween/flow_text.webp") no-repeat center/contain;
  position:absolute;
  right:-24.6153846154vw;
  top:-18.4615384615vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listText--text3::after{
    content:none;
  }
}

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

  .l-halloween .p-flow__listImg{
    width:120px;
  }
}

.l-halloween .p-flow__listNote{
  background:#fff;
  border-radius:3.0769230769vw;
  padding:3.0769230769vw 3.0769230769vw 3.8461538462vw;
  margin-top:2.5641025641vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listNote{
    border-radius:12px;
    padding:12px;
    margin-top:10px;
  }
}

.l-halloween .p-flow__listNote p{
  color:#000;
  font-size:3.8461538462vw;
  font-weight:500;
  line-height:normal;
  letter-spacing:0;
  padding-left:1.9230769231vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listNote p{
    white-space:nowrap;
    font-size:17px;
    padding-left:0;
  }
}

.l-halloween .p-flow__listNote span{
  color:#ff5e00;
  font-size:3.8461538462vw;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
  text-decoration-color:#f86331;
  text-decoration-thickness:14%;
  text-underline-offset:5%;
  text-underline-position:from-font;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__listNote span{
    font-size:17px;
  }
}

.l-halloween .p-flow__img{
  width:79.2307692308vw;
  margin:3.0769230769vw 1.9230769231vw 0 auto;
}
@media screen and (min-width: 768px){

  .l-halloween .p-flow__img{
    width:570px;
    margin:22px 16.44px 0 auto;
    position:relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px){

  .l-halloween .p-flow__img::after{
    content:"";
    background:url("../images/halloween/flow_text.webp") no-repeat center/contain;
    position:absolute;
    width:158px;
    height:138px;
    right:45px;
    bottom:100%;
  }
}

.l-halloween .p-search{
  background:#fdf8e5;
}

.l-halloween .p-search__inner{
  width:100%;
  max-width:100%;
  padding:15.3846153846vw 5.1282051282vw 20.5128205128vw;
  margin:0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__inner{
    max-width:880px;
    padding:41px 0 80px;
    margin:0 auto;
  }
}

.l-halloween .p-search__ttl{
  width:91.7948717949vw;
  margin-left:-2.5641025641vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__ttl{
    width:498px;
    margin:0 auto;
    transform:translateX(2px);
  }
}

.l-halloween .p-search__desc{
  color:#000;
  font-size:4.1025641026vw;
  font-weight:500;
  line-height:1.6;
  letter-spacing:normal;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__desc{
    text-align:center;
    font-size:18px;
    margin-top:24px;
  }
}

.l-halloween .p-search__formsWrapper{
  display:grid;
  grid-template-columns:1fr;
  gap:6.1538461538vw;
  margin-top:6.1538461538vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__formsWrapper{
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:24px;
  }
}

.l-halloween .p-search__formContainer{
  background:#fff;
  padding:10.2564102564vw 5.1282051282vw;
  border-radius:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__formContainer{
    border-radius:12px;
    padding:40px 20px;
  }
}

.l-halloween .p-search__formTitle{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3.0769230769vw;
  color:#000;
  font-size:6.1538461538vw;
  font-weight:700;
  line-height:normal;
  letter-spacing:normal;
  margin:4.1025641026vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__formTitle{
    gap:12px;
    font-size:24px;
    margin-top:0;
  }
}

.l-halloween .p-search__formTitle span{
  display:flex;
  width:7.1794871795vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__formTitle span{
    width:28px;
  }
}

.l-halloween .p-search__form{
  display:flex;
  flex-direction:column;
  gap:4.1025641026vw;
  margin-top:4.1025641026vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__form{
    gap:16px;
    margin-top:16px;
  }
}

.l-halloween .p-search__formGroup{
  margin:0;
}

.l-halloween .p-search__formGroup:last-child{
  margin:0;
}

.l-halloween .p-search__select, .l-halloween .p-search__postalInput{
  width:100%;
  height:15.3846153846vw;
  padding:3.0769230769vw;
  border:1px solid #5bb647;
  border-radius:1.2820512821vw;
  font-family:"GenJyu", sans-serif;
  color:#222;
  font-size:4.358974359vw;
  font-weight:500;
  line-height:1;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M3.54678 6.68132L5.68678 8.82132L6.99345 10.1347C7.25969 10.4005 7.62055 10.5498 7.99678 10.5498C8.37302 10.5498 8.73388 10.4005 9.00012 10.1347L12.4534 6.68132C12.9068 6.22799 12.5801 5.45466 11.9468 5.45466L4.05345 5.45465C3.41345 5.45465 3.09345 6.22799 3.54678 6.68132Z' fill='%23222222'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 3.0769230769vw center;
  background-size:4.1025641026vw;
  padding-right:8.9743589744vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__select, .l-halloween .p-search__postalInput{
    height:60px;
    padding:12px;
    border-radius:5px;
    font-size:17px;
    background-position:right 12px center;
    background-size:16px;
    padding-right:35px;
  }
}

.l-halloween .p-search__select:disabled, .l-halloween .p-search__postalInput:disabled{
  opacity:0.2;
  cursor:not-allowed;
  border:1px solid #a2a2a2;
}

.l-halloween .p-search__select:focus, .l-halloween .p-search__postalInput:focus{
  outline:none;
}

.l-halloween .p-search__postalInputGroup{
  display:flex;
  align-items:center;
  gap:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__postalInputGroup{
    gap:4px;
  }
}

.l-halloween .p-search__postalInput{
  flex:1;
  background-image:none;
  text-align:center;
  font-weight:600;
  padding-right:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__postalInput{
    padding-right:12px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__postalInput:first-of-type{
    width:120px;
  }
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__postalInput:nth-of-type(2){
    width:230px;
  }
}

.l-halloween .p-search__postalInput::-moz-placeholder{
  color:rgba(34, 34, 34, 0.2);
}

.l-halloween .p-search__postalInput::placeholder{
  color:rgba(34, 34, 34, 0.2);
}

.l-halloween .p-search__postalInput::-webkit-outer-spin-button, .l-halloween .p-search__postalInput::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.l-halloween .p-search__postalInput[type=number]{
  -moz-appearance:textfield;
}

.l-halloween .p-search__postalDash{
  display:block;
  background:#222;
  width:2.5641025641vw;
  height:0.5128205128vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__postalDash{
    width:10px;
    height:2px;
  }
}

.l-halloween .p-search__btn{
  display:flex;
  justify-content:center;
  align-items:center;
  width:51.2820512821vw;
  height:12.8205128205vw;
  background:#ff5e00;
  color:#fff;
  border-radius:7.6923076923vw;
  cursor:pointer;
  box-shadow:0 4px 0 0 #5bb647;
  transition:all 0.3s ease;
  padding:5.1282051282vw 11.2820512821vw 5.1282051282vw 5.1282051282vw;
  margin:4.1025641026vw auto 0;
  position:relative;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__btn{
    width:200px;
    height:50px;
    border-radius:30px;
    padding:20px 44px 20px 20px;
    margin-top:16px;
  }
}

.l-halloween .p-search__btn:hover:not(.is-disabled){
  transform:translateY(4px);
  box-shadow:none;
}

.l-halloween .p-search__btn:active:not(.is-disabled){
  transform:translateY(0);
}

.l-halloween .p-search__btn.is-disabled{
  opacity:0.4;
  cursor:not-allowed;
}

.l-halloween .p-search__btn::after{
  content:"";
  background:url("../images/halloween/icon_search.svg") no-repeat center/contain;
  width:6.1538461538vw;
  height:6.1538461538vw;
  position:absolute;
  right:5.1282051282vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__btn::after{
    width:24px;
    height:24px;
    right:20px;
  }
}

.l-halloween .p-search__btn span{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.l-halloween .p-search__btn span > img{
  max-width:20.5128205128vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__btn span > img{
    max-width:80px;
  }
}

.l-halloween .p-search__results{
  animation:fadeIn 0.3s ease;
  padding-top:12.3076923077vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__results{
    padding-top:48px;
  }
}

.l-halloween .p-search__resultCount{
  border-top:1px solid #5bb647;
  border-bottom:1px solid #5bb647;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:2.0512820513vw 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__resultCount{
    padding:8px 0;
  }
}

.l-halloween .p-search__resultCount p{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0.5128205128vw;
  color:#5bb647;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__resultCount p{
    font-size:22px;
  }
}

.l-halloween .p-search__resultCount span{
  font-family:"Roboto", sans-serif;
  font-size:10.2564102564vw;
  font-weight:400;
  transform:translateY(-1px);
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__resultCount span{
    font-size:42px;
  }
}

.l-halloween .p-search__noResults{
  border-top:1px solid #5bb647;
  border-bottom:1px solid #5bb647;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:1.5384615385vw;
  padding:2.0512820513vw 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__noResults{
    gap:6px;
    padding:8px 0;
  }
}

.l-halloween .p-search__noResults p:first-child{
  text-align:center;
  color:#5bb647;
  font-size:5.1282051282vw;
  font-weight:700;
  line-height:1.2;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__noResults p:first-child{
    font-size:22px;
  }
}

.l-halloween .p-search__noResults p:last-child{
  text-align:center;
  color:#222;
  font-size:3.5897435897vw;
  font-weight:700;
  line-height:1.2;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__noResults p:last-child{
    font-size:16px;
  }
}

.l-halloween .p-search__classroomList{
  display:grid;
  grid-template-columns:1fr;
  gap:12.3076923077vw;
  list-style:none;
  padding:0;
  margin-top:12.3076923077vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomList{
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:40px;
    margin-top:48px;
  }
}

.l-halloween .p-search__classroomCard{
  background:#fff;
  border-radius:2.0512820513vw;
  overflow:hidden;
  transition:all 0.3s ease;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomCard{
    border-radius:12px;
  }
}

.l-halloween .p-search__classroomCard__inner{
  padding:3.0769230769vw 5.1282051282vw 7.6923076923vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomCard__inner{
    padding:12px 20px 20px;
  }
}

.l-halloween .p-search__classroomImage{
  width:100%;
  max-height:46.1538461538vw;
  border-radius:2.0512820513vw;
  overflow:hidden;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomImage{
    max-height:180px;
    border-radius:8px;
  }
}

.l-halloween .p-search__classroomInfo{
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomInfo{
    margin-top:12px;
  }
}

.l-halloween .p-search__classroomName{
  background:#ff5e00;
  font-size:4.6153846154vw;
  font-weight:500;
  color:#fff;
  letter-spacing:normal;
  height:12.8205128205vw;
  display:flex;
  align-items:center;
  padding:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomName{
    font-size:20px;
    height:50px;
    padding:12px;
  }
}

.l-halloween .p-search__classroomDetail{
  display:flex;
  align-items:flex-start;
  gap:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomDetail{
    gap:12px;
  }
}

.l-halloween .p-search__classroomDetail dt{
  background:#ff5e00;
  width:10.2564102564vw;
  height:8.9743589744vw;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:2.5264102564vw;
  font-weight:500;
  line-height:1;
  letter-spacing:normal;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomDetail dt{
    width:40px;
    height:35px;
    font-size:12px;
  }
}

.l-halloween .p-search__classroomDetail dd{
  color:#222;
  font-size:3.5897435897vw;
  font-weight:400;
  line-height:1.6;
  letter-spacing:normal;
  padding-top:1.0256410256vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomDetail dd{
    font-size:16px;
    padding-top:4px;
    max-width:328px;
  }
}

.l-halloween .p-search__classroomMap{
  height:35.8974358974vw;
  border-radius:2.0512820513vw;
  overflow:hidden;
  margin-top:3.0769230769vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomMap{
    height:140px;
    border-radius:8px;
    margin-top:12px;
  }
}

.l-halloween .p-search__classroomMap iframe{
  width:100%;
  height:35.8974358974vw;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__classroomMap iframe{
    height:140px;
  }
}

.l-halloween .p-search__cta{
  border-radius:10.2564102564vw;
  background:#ffe524;
  box-shadow:0 4px 0 0 #cfb603;
  width:61.0256410256vw;
  height:15.641025641vw;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.5641025641vw;
  transition:all 0.3s ease;
  color:#1f0030;
  font-size:4.1025641026vw;
  font-weight:700;
  line-height:1;
  letter-spacing:normal;
  margin:3.0769230769vw auto 0;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__cta{
    width:257px;
    height:61px;
    gap:10px;
    font-size:18px;
    margin-top:12px;
  }
}

.l-halloween .p-search__cta span:first-child{
  width:5.1282051282vw;
  height:5.1282051282vw;
  background:url("../images/halloween/icon_pen.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__cta span:first-child{
    width:20px;
    height:20px;
  }
}

.l-halloween .p-search__cta span:last-child{
  width:1.7948717949vw;
  height:2.8205128205vw;
  background:url("../images/halloween/arrow_b.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .l-halloween .p-search__cta span:last-child{
    width:7px;
    height:11px;
  }
}

.l-halloween .p-search__cta:hover{
  transform:translateY(4px);
  box-shadow:none;
  opacity:1;
}

.l-halloween .c-about{
  margin-top:0;
}
@media screen and (min-width: 768px){

  .l-halloween .c-about{
    margin-top:0;
  }
}

.l-halloween .c-features{
  padding-bottom:202.8205128205vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-features{
    padding-bottom:1407px;
  }
}

.l-halloween .c-featuresCircle{
  margin-bottom:8.7179487179vw;
}
@media screen and (min-width: 768px){

  .l-halloween .c-featuresCircle{
    margin-bottom:118px;
  }
}

.l-halloween .c-featuresList__cont1,
.l-halloween .c-featuresList__cont1__arrow,
.l-halloween .c-featuresList__txt2,
.l-halloween .c-featuresList__cont3,
.l-halloween .c-featuresList__cont4,
.l-halloween .c-featuresList__cont4__arrow2,
.l-halloween .c-featuresList__txt3{
  display:none !important;
}

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

  .p-footerLine{
    padding-top:40px;
    padding-bottom:40px;
  }
}

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

  .p-footerLine__inner{
    width:640px;
    border-radius:20px;
    padding:20px;
  }
}

.p-footerLine__inner::before{
  content:"";
  background:url("../images/halloween/illust_p-kun.svg") no-repeat center/contain;
  width:10.2564102564vw;
  height:14.1025641026vw;
  aspect-ratio:40/55;
  position:absolute;
  top:-3.0769230769vw;
  left:-1.5384615385vw;
}
@media screen and (min-width: 768px){

  .p-footerLine__inner::before{
    width:44px;
    height:66px;
    top:-17.32px;
    left:130px;
  }
}

.p-footerLine__img{
  width:52.3076923077vw;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .p-footerLine__img{
    width:272px;
    margin:0 auto;
  }
}

.p-footerLine__img img{
  width:100%;
}

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

  .p-footerLine__txt{
    font-size:16px;
    margin-top:12px;
  }
}

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

  .p-footerLine a{
    width:260px;
    height:60px;
    border-radius:10px;
    font-size:16px;
    padding:0 20px;
    margin-top:12px;
  }
}

.p-footerLine a span:first-child{
  width:7.6923076923vw;
  height:7.328974359vw;
  background:url("../images/halloween/icon_line.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .p-footerLine a span:first-child{
    width:30px;
    height:28.583px;
  }
}

.p-footerLine a span:last-child{
  width:4.6153846154vw;
  height:4.6153846154vw;
  background:url("../images/halloween/line_arrow.svg") no-repeat center/contain;
}
@media screen and (min-width: 768px){

  .p-footerLine a span:last-child{
    width:18px;
    height:18px;
  }
}

.p-halloween__fixed{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:9999;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:10px 0;
}
@media screen and (min-width: 768px){

  .p-halloween__fixed{
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    border-radius:0;
  }
}

.p-halloween__fixed img{
  width:100%;
}

.p-halloween__fixedCta{
  width:309px;
  height:50px;
  border-radius:40px;
  background:#ffe524;
  box-shadow:0 4px 0 0 #cfb603;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#1f0030;
  font-size:16px;
  font-weight:700;
  letter-spacing:normal;
  margin:0 auto;
  position:relative;
}
@media screen and (min-width: 768px){

  .p-halloween__fixedCta{
    width:340px;
    height:50px;
    margin:0;
  }
}

.p-halloween__fixedCta::before{
  content:"";
  width:28px;
  height:25.5px;
  background:url("../images/halloween/fix_halloween.webp") no-repeat center/contain;
  position:absolute;
  top:-12px;
  left:0;
}

.p-halloween__fixedCta:hover{
  background:#ffe524;
  transform:translateY(4px);
  box-shadow:none;
  opacity:1;
  font-size:16px;
  font-weight:700;
  margin:0 auto;
}
@media screen and (min-width: 768px){

  .p-halloween__fixedCta:hover{
    margin:0;
  }
}

.p-halloween__fixedCta span{
  width:7px;
  height:11px;
  aspect-ratio:7/11;
  background:url("../images/halloween/arrow_b.svg") no-repeat center/contain;
}

.p-halloween__fixedSearch{
  display:none;
}
@media screen and (min-width: 768px){

  .p-halloween__fixedSearch{
    width:260px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    border-radius:40px;
    background:#ff5e00;
    box-shadow:0 4px 0 0 #5bb647;
    padding:0 20px;
  }

  .p-halloween__fixedSearch:hover{
    background:#ff5e00;
    transform:translateY(4px);
    box-shadow:none;
    opacity:1;
  }

  .p-halloween__fixedSearch span:first-child{
    display:flex;
    width:20px;
    height:20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px){

  .p-halloween__fixedSearch span:first-child{
    width:24px;
    height:24px;
  }
}
@media screen and (min-width: 768px){

  .p-halloween__fixedSearch span:last-child{
    display:flex;
    width:80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px){

  .p-halloween__fixedSearch span:last-child{
    width:100px;
  }
}
@keyframes fadeIn{

  from{
    opacity:0;
  }

  to{
    opacity:1;
  }
}