@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px) {
 
}

@media screen and (max-width:1200px) {
 
 html {font-size:1.4vw;}
 .mv_img{overflow-x:hidden;}
 .mv_img img[src*="mv_pc"]{width:110%;margin-left:-5%;}
 
}


@media screen and (max-width:1100px) {
 
 .point_text p {font-size: 1.3rem;}
 
 .voice-card__title{font-size:1.2em;}
 .voice-card__text{font-size:1.1em;}
 
 .flow_list_area{margin: auto; max-width:800px;}
 .flow_list li {width: calc((100% - (3rem * 1)) / 2);}
 .flow_list li p {font-size: 1.1rem;}
 .flow_list li::after{content:none;}
 .flow_num{width: 4rem;font-size: 1rem;padding-bottom: .5rem;}
 
 .school_list_item li a{font-size:1.2rem;}
 
}



@media screen and (min-width: 768px) and (max-width: 1100px) {
 /* ==============================
  タブレット  2枚分
============================== */
 .voice-slider__item {flex-basis: 50%;}
 .voice-slider__viewport {--peek: 3rem;}
}




@media screen and (max-width:767px) {
 
 html {font-size:2vw;}

 /*----------header---------*/
	.header_logo_box{display:contents;border-radius:0;}
	.header_logo{width:100%;padding:1vw 0;background-color:#fff;}
	.header_logo a{margin:auto;max-width:130px;display:block;}
	.header_logo img[src*="grade"]{display:none;}
	
	.header_button_area{position:fixed;bottom:-100px;left:0;width:100%;gap:0;filter: drop-shadow(1px 1px 4px rgba(34, 33, 5, .5));}
	.header_button_area a{margin: 0;width:50%;border-radius:0;}
	.header_button_area a:nth-child(1) svg {width:4vw;}
	.header_button_area a:nth-child(2) svg {width:3.4vw;}
 .header_button_area a span i{display:none;}
	.header_button_area a span:nth-child(2){
  margin:auto;font-size:1.5rem;letter-spacing: 0.08em;
  font-weight:600;
 	font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
 }
 .header_button_area a::after{width: .8rem;height: .8rem;}
 
 
  /*----------mv---------*/
 
 .header_after{height:58px;}
 
 .mv_img_title{top: 50%;width:62%;}
 .mv_img_title img[src*="logo"] {display:none;}
 .mv_img_title img[src*="grade"] {width: 54%;}
 .mv_img_title img[src*="goto"] {width: 90%;}
 
 .mv_btn_area {margin: -3rem auto 0;}
 
 
 
 .what_balloon{justify-content:center;}
 .what_balloon_img{width:100%;max-width:500px;}
 .what_balloon_text{display:contents;}
 .what_balloon_text h2{text-align:center;}
 .what_balloon_iconlist{justify-content:center;}
 .what_balloon_iconlist li {width: 20%;}
 .what_balloon_link img[src*="what_img"] {width: 30%;}
 
 /*.what_balloon_text h2 {font-size: 4.5rem;}
 .what_balloon_text > p {font-size: 1.8rem;}*/
 
 
 .worry_list-sp{margin-top:-1.5vw;position:relative;display:block;background-color:#f9f3e7;padding:1.2rem 2rem;border-radius:.8rem;z-index:2;}
 .worry_list-sp ul{display:flex;flex-wrap:wrap;gap:2vw;}
 .worry_list-sp li{
  position:relative;
  width:100%;
  background-color:#fff;
  border-radius:1rem;
 }
 .worry_list-sp li::before{
  content:"";
  display:block;
  position:absolute;
  top:.5rem;
  left:.5rem;
  width:1.5rem;
  height:auto;
  aspect-ratio:1 / 1;
  background-color:#F06070;
  border-radius:50%;
 }
 .worry_list-sp li p{
  font-size:1.6rem;
  font-weight:700;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
 }
 
 
 .point_item{
  justify-content:center;
  background-color:#fff;
  padding:0 2rem 2rem;
  border-radius: 1rem;
  filter: drop-shadow(1px 1px 5px rgba(61, 16, 39, .35));
 }
 
 .point_text h3{width:100%;order:1;}
 .point_text h3 span:nth-child(1){width: 5.3rem;font-size: 1.3rem;}
 .point_img{width:100%;max-width:360px;order:2;}
 .point_img img[src*="txt"] {margin-bottom:-80px;}
 .point_text p{order:3;padding:1rem 1rem 0;}
 .point_text ul{order:4;font-size: 1.2rem;}
 .point_text{display: contents;}
 
 .main_apply {padding: 2.5rem 3rem;}
 .main_apply_title01{padding-bottom:1rem;}
 .main_apply a{font-size: 1.7rem;padding: 1.2rem .7rem 1rem 4.3rem;}
 .main_apply a::after {right: 1.4rem;}
 .main_apply a div{line-height:1.2em;}
 .main_apply a div > div{display:none;}
 .main_apply a div span {margin-bottom: .1em;}
 
 .activity_balloon_text h2{text-align:center;}
 .activity_h2sub{text-align:center;padding:.4rem 0;font-size: 1.4rem;}
 .activity_balloon_img{width:100%;}
 .activity_balloon_text{width:100%;}
 .activity_list li p{margin: auto 0;font-size:1.3rem;}
 .activity_attention{font-size:1.4rem;}
 
 .voice_title h2{font-size:3.2rem;}
 .voice-slider__viewport { --peek: 0px;}
 .voice-slider__item {flex-basis:80%;}
 .voice-card__title {font-size: 1.8rem;}
 .voice-card__text {font-size: 1.5em;}
 
 
 .school_h2sub{font-size:1.4rem;}
 .school_program{margin:0 auto;max-width:520px;}
 .school_program_item{width:100%;}
 .school_list_h3sub{font-size: 1.3rem;}
 .school_list_h3sub span:not(.item){width:100%;}
 
 .area-list li{padding: .8rem 3rem .8rem 1.3rem;}
 
 .faq_list .tgl_title{display: flex;padding: 1rem 4rem 1rem 1.7rem;}
 .tgl_box .alf + span {font-size: 1.2rem;}
 
 footer {padding: 3.8rem 0 6rem;}
 
}


@media screen and (max-width:580px) {
  html {font-size:3vw;}
 
 .header_after {height: 50px;}
 
 .mv_img_title {top:43%;width: 90%;}
 
 .mv_btn_area{padding:0 1rem;}
 
 .mv_apply_btn {padding: 2rem 0 3rem;}
 .mv_apply_btn a{justify-content: center;width:auto;font-size:2.1rem;line-height:1.2em;gap: 0 1.6rem;padding:.5rem 4rem .5rem 2rem;border-radius:10rem;}
 .mv_apply_btn a::after{right:1.4rem;width: 1rem;height: 1rem;border-width:3px;}
 .mv_apply_btn a span{display:block;font-weight:800;}
 .mv_apply_btn a div:nth-child(1){line-height:0;}
 .mv_apply_btn a div:nth-child(1) svg {width: 2.4rem;}
 .mv_apply_btn a div:nth-child(2) {width: calc(100% - 4rem);}
 .mv_apply_btn a div:nth-child(2) span:nth-child(2) {font-size:67%;}
 
 .what_area::after {bottom: -9.5vw;}
 .what_box {padding: 2rem 1.5rem;}
 .what_balloon {padding: 2rem 1.2rem;}
 .what_balloon_img {width:88%;}
 .what_balloon_text > p{padding:0 0 1rem;text-align:center; font-size: 1.4rem;}
 .what_balloon_iconlist {gap: 0 4%;padding-top: .5rem;padding:0 .5rem;}
 .what_balloon_iconlist li {width:48%;display:flex;flex-wrap:wrap;padding:1rem 0;gap:0 .35rem;;}
 .what_balloon_iconlist li::after{
  border-right:none;border-bottom: 2px #F2D4D7 dotted;
  width:100%;height:0;right:auto;top:auto;left:0;bottom:0;
 }
 .what_balloon_iconlist li:nth-child(3)::after{content: none;}
 .what_balloon_iconlist li img{width:25%;margin: auto 0;}
 .what_balloon_iconlist li p{margin:auto 0;font-size:1.2rem;font-weight:600;font-family: "Noto Sans JP",sans-serif;}
 
 .what_balloon_link{gap:0;padding: .5rem 0 0;}
 .what_balloon_link img[src*="what_img"]{margin:0 auto -1px;}
 .what_balloon_link a{width:100%;padding: 1.2rem 4rem .6rem 2.2rem;font-size: 2.2rem;}
 .what_balloon_link a img[src*="logo"] {width: 10rem;}
 
 .worry_box {padding: 5rem 2rem 4rem;}
 .worry_title h2{line-height:1.2em;}
 .worry_list-sp{padding: 1.2rem 1rem;}
 .worry_list-sp li{padding:.2rem 0;border-radius: .5rem;}
 .worry_list-sp li::before {width:1rem;top:.8rem;}
 .worry_list-sp li p {font-size: 1.4rem;text-align:left;padding-left:2rem;}
 
 .worry_text span:nth-child(2){margin:.8rem 0 0;line-height:1.2em;}
 
 .point_item {padding:1.7rem 1.5rem;}

 .point_img img[src*="txt"] {margin-bottom: -5.8rem;}
 .point_text h3{justify-content:center;}
 .point_text h3 span:nth-child(1){
  position:relative;
  background-image:none;background-color:#f06070;width:80%;aspect-ratio:auto;
  font-size: 2.2rem;
  padding-top:.4rem;
 }
 .point_text h3 span:nth-child(1)::before,
 .point_text h3 span:nth-child(1)::after{
  content:"";
  position:absolute;
  display:block;
  background-image: url("../images/flag-side.svg");
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
  top:0;
  width:auto;
  height:100%;
  aspect-ratio:40 / 95;
 }
 .point_text h3 span:nth-child(1)::before{left:-3.4vw;}
 .point_text h3 span:nth-child(1)::after{right:-3.4vw;transform: scale(-1,1)}
 
 .point_text h3 span:nth-child(2){padding-top:1rem; text-align: center;width:100%;font-size: 2.4rem;}
 .point_text p {padding: 1rem 1rem 0;font-size:1.5rem;}
 .point_text ul{padding:1rem 0 0;font-size: 1.4rem;}
 
 .point_text_title-sp{
  margin-top:1.5rem;
  position:relative;
  display:block;order:5;
  font-size:1.7rem;
  font-weight:600;
  color:#f06070;
  border-radius:4rem;
  width:100%;
  border:#f06070 2px solid;
  padding-bottom:0.25rem;
  transition: .2s;
 }
 .point_text_title-sp::after {
  content: "";
  position: absolute;
  top:38%;
  right:1.7rem;
  width: .8rem;
  height: .8rem;
  border-bottom: #f06070 2px solid;
  border-right: #f06070 2px solid;
  transform: rotate(45deg) translateY(-50%);
  transition: .2s;
}
 .point_text_title-sp::before{content:"もっと見る";letter-spacing:0.08em;}
 .point_text_title-sp::before{content:"もっと見る";letter-spacing:0.08em;}
 .point_text_box-sp{order:4;} 
 
 .point_text_title-sp.tglopen{border-color:rgba(255,255,255,0);background-color:rgba(240, 96, 112,.65);color:#fff;}
 .point_text_title-sp.tglopen::before{content:"とじる";}
 .point_text_title-sp.tglopen::after{border-color:#fff;top:34%;transform: rotate(-135deg) translateY(-50%);}

 
 .main_apply_box {padding:2rem 1rem 3rem;}
 .main_apply_title{padding: 2rem 0 0;}
 .main_apply_title01 {font-size: 2.7rem;}
 .main_apply_title02 {padding: 0 .8em;font-size:1.7rem;letter-spacing:0;}
 .main_apply {padding: 3rem 0rem 2.5rem 3rem;}
 .main_apply a img[src*="apply_free"]{width:8rem;}
 .main_apply a {font-size: 1.35rem;padding: 1.2rem 0.7rem 1rem 3.3rem;}
 .main_apply a::after {right: 1rem;width: 1rem;height: 1rem;}
 
 .activity_box {padding: 4rem 1.5rem;}
 .activity_balloon{padding:1rem 2rem 2rem;}
 .activity_balloon_text h2 {font-size: 2.4rem;}
 .activity_h2sub{line-height:1.2em;font-size:1.5rem;}
 .activity_list li{padding: 1rem 1.3rem 1rem 1rem;}
 .activity_attention{line-height:1.3em;padding:.75rem 1.3rem;}
 
 .voice-slider__stage {padding: 1rem 0 2rem;}
 .voice-slider__arrow{width: 4rem;}
 .voice-slider__arrow--prev {left: 1rem;}
 .voice-slider__arrow--next {right: 1rem;}
 .voice_episode_img {width: 18rem;}
 .voice_episode_text {font-size: 3.2rem;}
 .voice_episode_text a {font-size: 66%;}
 
 
 .flow_box {padding: 4rem 2rem 4rem;}
 .flow_list_area{padding:2rem 0 0;}
 .flow_list li{width:100%;}
 .flow_num {width: 5rem;font-size: 1.2rem;}
 .flow_list li img{display:none;}
 .flow_list li p{font-size:1.4rem;padding:0 0 0 5.7rem;}
 
 .school_box {padding: 5rem 2rem 2rem;}
 .school_title h2 {font-size: 2.35rem;}
 .school_program_text h3{padding-bottom:.5rem;}
 .school_list_title h3::before{top:0;bottom:auto;}
 .school_program_text p{font-size:1.4rem;line-height:1.2em;}
 .school_list_h3sub{gap:.5rem 0;}
 .school_list_item h4{font-size: 2.2rem;}
 .school_list_item ul {padding: .5rem 1rem;}
 .area-list li {padding: .7rem 2rem .7rem .8rem;}
 .school_list_item li a {font-size: 1.3rem;}
 .school_list_item li a::after {right: -1.5rem;}
 
 
 .faq_list .tgl_box {padding: 1rem 1rem;}
 .faq_list .tgl_box .alf + span {font-size: 1.35rem;}
 .faq_link a {font-size: 1.6rem;}
 
 footer {padding: 3.8rem 0 6rem;}
 
 .bottom_banner_list a{width:100%;}
 
}