/*
Version: 1.0
*/

@charset "UTF-8";

:root {
  --black: #707070;
  --white: #FFFFFF;
  --green: #44B54F;
  --lightgreen: #B9F5BC;
  --thingreen: #E7F8F2;
  --lightblue: #BFE2F7;
  --pink: #F5B3A3;
  --brown: #C89689;
  --gray: #DCDBDB;
  --lightgray: #EEEAEA;
}

/* --------------------
  全体・共通
-------------------- */

html{
  font-size: 16px;
  font-weight: 300;
  background-color: var(--white);
}
@media (max-width: 1280px) {
  html{
    font-size: calc(100vw * 16 / 1280) !important;
  }
}
@media (max-width: 768px) {
  html{
    font-size: calc(100vw * 16 / 390) !important;
  }
}
body {
font-family: "Noto Sans JP", sans-serif !important;
  color: var(--black);
  letter-spacing: 0.05em;
  line-height: 1;
  box-sizing: border-box;
}

main{
  margin: 0 0 1.875rem 0;
}

.page-template-page-school a{
  transition: 0.3s;
  cursor: pointer;
}
.page-template-page-school a:hover {
  opacity: 0.8;
}
.page-template-page-school section{
  margin: auto;
  position: relative;
  box-sizing: border-box;
}
.page-template-page-school div{
  box-sizing: border-box;
}

.page-template-page-school h2{
  font-size: 2.875rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  line-height: 1.3;
}

.page-template-page-school p{
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0px;
}
.page-template-page-school .center{
  text-align: center;
}
.page-template-page-school .bold{
  font-weight: 600;
}
.page-template-page-school .flex{
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.page-template-page-school .center_inner{
  max-width: 60rem;
  margin: auto;
}

@media (min-width: 769px) {
  .page-template-page-school .sp{
    display: none !important;
  }
}
@media (max-width: 768px) {
  .page-template-page-school .pc{
    display: none !important;
  }

  .page-template-page-school p{
    font-size: 1rem;
    line-height: 1.625;
  }
}


/* --------------------
  UI
-------------------- */
.page-template-page-school .ui_button {
  font-size: 1.6875rem;
  font-weight: 600;
  text-align: center;
  background-color: var(--pink);
color: var(--white);
  letter-spacing: 0.05em;
  border: 1px solid var(--white);
  width: 30.625rem;
  height: 5rem;
  border-radius: 2.8125rem;
  position: relative;
  box-shadow:
    0rem 0rem 0rem .25rem var(--pink),
    0rem .1875rem .375rem #00000029;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.page-template-page-school .ui_button::after{
  content: "";
  position: absolute;
  right: 2rem;
  width: .625rem;
  height: .625rem;
  border-top: .1875rem solid var(--white);
  border-right: .1875rem solid var(--white);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-template-page-school .ui_button:hover{
  opacity: 1;
  background-color: var(--brown);
  box-shadow:
    0rem 0rem 0rem .25rem var(--brown),
    0rem .1875rem .375rem #00000029;
}

@media (max-width: 768px) {
  .page-template-page-school .ui_button {
    font-size: 1.375rem;
    width: 18.375rem;
    height: 3.375rem;
  }
  .page-template-page-school .ui_button::after{
    right: 1.2rem;
    width: .4375rem;
    height: .4375rem;
    border-top: .125rem solid var(--white);
    border-right: .125rem solid var(--white);
  }
}


/* リスト */
.page-template-page-school .list_panel{
  width: 60rem;
  border: .3125rem solid var(--lightgreen);
  padding: 1.5625rem 1.875rem 1.5625rem 2.5rem;
  background-color: var(--white);
  display: flex;
  justify-content: space-around;
}
.page-template-page-school .list_panel:not(:nth-child(1)){
  margin-top: 1.25rem;
}
.page-template-page-school .list_panel .title{
  color: var(--green);
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.3125rem;
  margin-bottom: .75rem;
}
.page-template-page-school .list_panel img{
  width: 12.5rem;
  height: 12.5rem;
  margin-left: 4.125rem;
}

@media (max-width: 768px) {
  .page-template-page-school h2{
    font-size: 1.35rem;
    margin-bottom: 2.125rem;
    line-height: 2.0625rem;
    text-align: center;
  }
  .page-template-page-school .center_inner{
    max-width: 85%;
  }

  .page-template-page-school .list_panel{
    width: 100%;
    height: auto;
    padding: 1rem 1.25rem .5rem 1.25rem;
    flex-direction: column;
    box-sizing: border-box;
  }
  .page-template-page-school .list_panel .title{
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 1rem;
  }
  .page-template-page-school .list_panel img{
    margin: auto;
  }
}

/* --------------------
  #section_top
-------------------- */
.page-template-page-school #section_top{
  width: 100%;
  min-height: 45rem;
  aspect-ratio: 2 / 1;
  background-image: url("/wp-content/uploads/2024/12/top_back.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 8% clamp(2%, 9vw, 9%);
}
.page-template-page-school #section_top .left_area{
  /*padding: 5.1875rem 0 0 6.1875rem;
  max-width: 37.5rem;*/
  max-width: 50%;
  padding-top: 3rem;
}
.page-template-page-school #section_top p.intro{
  color: var(--green);
  padding: .625rem 2rem;
  border-radius: 1.6875rem;
  background-color: var(--white);
  font-size: 1.75rem !important;
  font-weight: 300 !important;
  letter-spacing: .0875rem;
  display: inline-block;
}
.page-template-page-school #section_top h1{
  color: var(--green);
  margin: 1.75rem 0 2.5rem 0;
  font-size: 3.4375rem;
  letter-spacing: .1719rem;
}
.page-template-page-school #section_top .left_area p{
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.25rem;
}
.page-template-page-school #section_top .ui_button{
  width: 24.5rem;
  height: 4.5rem;
  margin-top: 3.3125rem;
  margin-left: 0;
  font-size: 1.5625rem;
}
.page-template-page-school #section_top .logo{
  position: absolute;
  top: 2.3125rem;
  right: 3.125rem;
  width: 11.75rem;
  height: auto;
}

@media (max-width: 768px) {
  .page-template-page-school #section_top{
    height: auto;
    min-height: unset;
    aspect-ratio: 78 / 55;
    background-image: url("/wp-content/uploads/2024/12/top_back_sp.png");
    background-repeat: no-repeat;
    background-size: 100% 17.1875rem;
    background-position: bottom 0 center;
    padding:0;
  }
	#section_top::before {
			content: "";
			position: absolute;
			bottom: 3.75rem;
			left: 0;
			width: 100%;
			height: 12.5rem;
			background: linear-gradient(180deg, var(--white) 80%, #ffffff00 100%);
			z-index: 0;
		}
	
  .page-template-page-school #section_top .left_area{
    position: relative;
    padding: 7rem 2.5rem 2.625rem 2.5rem;
	max-width: 100%;
  }
  .page-template-page-school #section_top p.intro{
    padding: 1rem 1.5rem;
    font-size: 1.125rem !important;
    letter-spacing: 0;
    border: solid 1px var(--green);
  }
  .page-template-page-school #section_top h1{
    margin: 1rem 0 2.0625rem 0;
    font-size: 2.0625rem;
    letter-spacing: .1719rem;
  }
  .page-template-page-school #section_top .left_area p{
    font-size: 1rem;
    line-height: 1.625rem;
  }
  .page-template-page-school #section_top .ui_button{
    font-size: 1.4375rem;
    width: 18.375rem;
    height: 3.375rem;
    margin: 4.375rem auto 0 auto;
    position: relative;
  }
  .page-template-page-school #section_top .ui_button::before{
    position: absolute;
    content: "";
    top: -4rem;
    width: 5rem;
    height: 3.75rem;
    background-image: url("/wp-content/uploads/2024/12/price.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
  }
  .page-template-page-school #section_top .logo{
    top: .4375rem;
    left: 1.25rem;
    right: auto;
    width: 5.625rem;
  }
  .page-template-page-school #section_top .tel_flex{
    position: absolute;
    top: 1.75rem;
    right: 2.5rem;
    display: flex;
    align-items: center;
  }
  .page-template-page-school #section_top .tel_img{
    width: 2.3125rem;
    height: 2.3125rem;
    background-image: url("/wp-content/uploads/2024/12/tel.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    margin-right: .375rem;
  } 
  .page-template-page-school #section_top .tel_text{
    font-size: 1.4375rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--pink);
  }
  .page-template-page-school #section_top .tel_text a{
    color: var(--pink) !important;
  }
  .page-template-page-school #section_top .tel_text_min{
    font-size: .75rem;
  }
}

/* --------------------
  #section_accsess
-------------------- */
.page-template-page-school #section_accsess{
  padding-top: 2.9375rem;
}
.page-template-page-school #section_accsess .table_inner{
  margin: auto;
  width: 47.25rem;
}
.page-template-page-school #section_accsess .row{
  display: flex;
  margin-bottom: 0.6rem;
}
.page-template-page-school #section_accsess .title_bold{
  font-weight: 600;
}
.page-template-page-school #section_accsess .title{
  font-size: 1.25rem;
  font-weight: 300;
  width: 7.1875rem;
}
.page-template-page-school #section_accsess .calendar{
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  border-spacing: 0;
}
.page-template-page-school #section_accsess .calendar th{
  padding: .5rem 1.75rem;
  background-color: var(--thingreen);
  border: .0625rem solid var(--lightgray);
}
.page-template-page-school #section_accsess .calendar td{
  padding: .75rem 1.75rem;
  border-bottom: .0625rem solid var(--lightgray);
  border-left: .0625rem solid var(--lightgray);
  border-right: .0625rem solid var(--lightgray);
}

.page-template-page-school #section_accsess .center_inner{
  margin: 1.4375rem auto 3.125rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
} 
.page-template-page-school #section_accsess .pink_panel{
  border: .3125rem solid var(--pink);
  padding: 1.5rem 4.1875rem;
  border-radius: 1.6875rem;
  margin-top: 1.4375rem;
}
.page-template-page-school #section_accsess .pink_panel p{
  font-size: .875rem;
}
.page-template-page-school #section_accsess .pink_panel .tel_flex{
  display: flex;
  align-items: center;
  margin-left: 3.5625rem;
  margin-bottom: 1.125rem;
}
.page-template-page-school #section_accsess .pink_panel .tel_img{
  width: 3.75rem;
  height: 3.75rem;
  background-image: url("/wp-content/uploads/2024/12/tel.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  margin-right: 1.25rem;
}
.page-template-page-school #section_accsess .pink_panel .tel_text{
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--pink);
}
.page-template-page-school #section_accsess .pink_panel .tel_text a{
  color: var(--pink) !important;
}


.page-template-page-school #section_accsess .map_flex{
  display: flex;
  justify-content: center;
}
.page-template-page-school #section_accsess .map_content{
  width: 50%;
  padding-left:1rem;
  padding-right:1rem;
  text-align: center;
}
.page-template-page-school #section_accsess .map_content + .map_content{
  padding-left:0;
}

.page-template-page-school #section_accsess .map_inner{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 37.5rem;
}
.page-template-page-school #section_accsess .map_inner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .page-template-page-school #section_accsess{
    padding-top: 1.875rem;
  }
  .page-template-page-school #section_accsess .table_inner{
    width: 21.875rem;
  }
  .page-template-page-school #section_accsess .row{
    flex-direction: column;
    margin-bottom: 1.25rem;
  }
  .page-template-page-school #section_accsess .title_bold{
    font-size: 1.375rem;
    width: 100%;
    margin-bottom: 0;
  }
  .page-template-page-school #section_accsess .title{
    font-size: 1.375rem;
    width: 100%;
    margin-bottom: .5rem;
  }
  .page-template-page-school #section_accsess .calendar{
    font-size: .875rem;
  }
  .page-template-page-school #section_accsess .calendar th{
    padding: .25rem .8rem;
  }
  .page-template-page-school #section_accsess .calendar td{
    padding: .4375rem .8rem .375rem .8rem;
  }

  .page-template-page-school #section_accsess .center_inner{
    margin: 1.875rem auto;
  } 
  .page-template-page-school #section_accsess .pink_panel{
    padding: .875rem 1.125rem .625rem .9375rem;
    border-radius: .9375rem;
  }
  .page-template-page-school #section_accsess .pink_panel p{
    font-size: .875rem;
    line-height: 1.4;
  }
  .page-template-page-school #section_accsess .pink_panel .tel_flex{
    margin-left: 0;
    margin-bottom: .625rem;
  }
  .page-template-page-school #section_accsess .pink_panel .tel_img{
    width: 3.4375rem;
    height: 3.4375rem;
    margin-right: .875rem;
  }
  .page-template-page-school #section_accsess .pink_panel .tel_text_time{
    font-size: 1rem;
    line-height: 1.25rem;
  }
	.page-template-page-school #section_accsess .map_flex{
	  flex-direction: column;
	}
	.page-template-page-school #section_accsess .map_content{
	  width: 100%;
	  padding-left:0;
	  padding-right:0;
	margin-bottom: 1rem;
	}
  .page-template-page-school #section_accsess .map_inner{
    padding-top: 15.625rem;
  }
}

/* --------------------
  #section_worry
-------------------- */
.page-template-page-school #section_worry{
  padding: 5.375rem 0 6.5rem 0;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png"), url("/wp-content/uploads/2024/12/circle_2.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 20rem auto, 20rem auto;
  background-position: top 24.3125rem left -12.5rem, bottom 1.25rem right -12.5rem;
}
.page-template-page-school #section_worry .img_worry{
  width: 58.125rem;
  height: 31.375rem;
  margin: auto;
  background-image: url("/wp-content/uploads/2024/12/worry.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.page-template-page-school #section_worry h3{
  font-size: 2.25rem;
  margin: 2em 0 1.25rem 0;
}
.page-template-page-school #section_worry .worry_text{
  text-align: center;
}
.page-template-page-school #section_worry p{
  line-height: 1.875rem;
}
.page-template-page-school #section_worry span.underline{
  text-decoration: underline .5rem var(--lightgreen);
  text-underline-offset: -0.25rem;
  text-decoration-skip-ink: none;
}
.page-template-page-school #section_worry strong{
  color: var(--green);
  font-size: 1.625rem;
  font-weight: 600;
}
.page-template-page-school #section_worry .ui_button{
  margin-top: 2.25rem;
}

@media (max-width: 768px) {
  .page-template-page-school #section_worry{
    padding: 3.125rem 0 3.375rem 0;
    background: none;
  }
  .page-template-page-school #section_worry .img_worry{
    background-image: url("/wp-content/uploads/2024/12/worry_sp.png");
    width: 100vw;
    height: 30.8125rem;
    background-size: 65rem 90%;
  }
  .page-template-page-school #section_worry h3{
    font-size: 1.375rem;
    margin: 3rem 0 1.875rem 0;
  }
  .page-template-page-school #section_worry .worry_text{
    text-align: left;
  }
}

/* --------------------
  #section_study
-------------------- */
.page-template-page-school #section_study{
  padding: 4.375rem 0 10.9375rem 0;
  background: url("/wp-content/uploads/2024/12/study_back.png"), linear-gradient(180deg, var(--thingreen) 0%, var(--white) 100%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom 0% left 0;
}
.page-template-page-school #section_study .logo{
  width: 10rem;
  height: auto;
  margin-bottom: 2.25rem;
}
.page-template-page-school #section_study .list_area{
  margin: 3.125rem 0 3.375rem 0;
}

@media (max-width: 768px) {
  .page-template-page-school #section_study{
    padding: 3.125rem 0 9.5rem 0;
    background-size: 93.75rem auto;
    background-position: bottom 0% left 10%;
  }
}

/* --------------------
  #section_service
-------------------- */
.page-template-page-school #section_service{
  padding: 4.25rem 0 6.875rem 0;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png"), url("/wp-content/uploads/2024/12/circle_2.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 20rem auto, 20rem auto;
  background-position: top 13.125rem left -2rem, top 46.25rem right -4rem;
}
.page-template-page-school #section_service .list_area{
  margin-bottom: 3.375rem;
}

@media (max-width: 768px) {
  .page-template-page-school #section_service{
    padding: 4.25rem 0 5rem 0;
    background-image: none;
  }
}

/* --------------------
  #section_voice
-------------------- */
.page-template-page-school #section_voice{
  padding: 5.625rem 0 10.9375rem 0;
  background: url("/wp-content/uploads/2024/12/study_back.png"), linear-gradient(180deg, var(--thingreen) 0%, var(--white) 100%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom 0% left 0%;
}
.page-template-page-school .voice_area{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 3.375rem;
}
.page-template-page-school .voice_panel{
  box-shadow: 0rem .1875rem .375rem #00000029;
  outline: 1px solid var(--thingreen);
  outline-offset: -0.625rem;
  width: 18.75rem;
  padding: 1.5625rem 5.3125rem 1.5625rem 1.5625rem;
  background: url("/wp-content/uploads/2024/12/voice.png"), var(--white);
  background-repeat: no-repeat;
  background-size: 6.125rem auto;
  background-position: bottom 0% right 0%;
  margin-bottom: 1.75rem;
}
.page-template-page-school .voice_panel p{
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-template-page-school #section_voice h2:nth-of-type(2){
  margin-top: 6.25rem;
}

/* 開閉メニュー */
.page-template-page-school .toggle_menu_area{
  margin-bottom: 3.375rem;
}
.page-template-page-school .toggle_menu{
  position: relative;
  background-color: var(--white);
  box-shadow: 0rem .1875rem .375rem #00000029;
  padding: 1.125rem 1.375rem;
  width: 56.25rem;
  border-radius: .6875rem;
  cursor: pointer;
}
.page-template-page-school .toggle_menu:not(:nth-last-child(1)){
  margin-bottom: 1.375rem;
}
.page-template-page-school .toggle_menu .toggle_label{
  position: relative;
  font-size: 1.375rem;
  font-weight: 600;
  transition: 0.3s;
  user-select: none;
}
.page-template-page-school .toggle_menu .toggle_label::after{
  content: "+";
  position: absolute;
  top: -0.4rem;
  right: 0;
  font-size: 1.375rem;
  color: var(--white);
  background-color: var(--pink);
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  */
  box-sizing: border-box;
  text-align: center;
  line-height: 1.75rem;	
}
.page-template-page-school .toggle_menu .toggle_label.active::after{
  content: "－";
  color: var(--green);
  background-color: var(--thingreen);
}
.page-template-page-school .toggle_menu .toggle_label:hover{
  opacity: 0.8;
}
.page-template-page-school .toggle_menu .toggle_content{
  display: none;
  position: relative;
  margin: 1.125rem 2.875rem 0 0;
  padding: 1.4063rem 0 0 1.6875rem;
}
.page-template-page-school .toggle_menu .toggle_content::before{
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background-color: #DCDBDB;
  width: 50rem;
  height: .0625rem;
}

@media (max-width: 768px) {
  .page-template-page-school #section_voice{
    padding: 3rem 0 9.375rem 0;
    background-size: 93.75rem auto;
    background-position: bottom 0% left 10%;
  }
  .page-template-page-school .voice_area{
    margin-bottom: 2.125rem;
  }
  .page-template-page-school .voice_panel{
    margin-bottom: 1rem;
  }
  /* sp版：5番目以降は非表示 */
  .page-template-page-school .voice_panel:nth-of-type(n+5){
    display: none;
  }
  .page-template-page-school #section_voice .ui_button{
    font-size: 1rem;
  }
  .page-template-page-school #section_voice h2:nth-of-type(2){
    margin-top: 4.625rem;
  }

  .page-template-page-school .toggle_menu{
    padding: .75rem;
    width: 100%;
  }
  .page-template-page-school .toggle_menu:not(:nth-last-child(1)){
    margin-bottom: 1.125rem;
  }
  .page-template-page-school .toggle_menu .toggle_label{
    font-size: 1rem;
    padding-right: 1.8rem;
    line-height: 1.5;
  }
  .page-template-page-school .toggle_menu .toggle_label::after{
    top: 0.15rem;
    font-size: 1rem;
    width: 1.625rem;
    height: 1.625rem;
  }
  .page-template-page-school .toggle_menu .toggle_content{
    margin: 1.125rem 1.6875rem 1.875rem 1.6875rem;
    padding: 1.4063rem 0 0 0;
  }
  .page-template-page-school .toggle_menu .toggle_content::before{
    width: 100%;
  }
}

/* --------------------
  #section_entry_1
-------------------- */
.page-template-page-school #section_entry_1{
  padding-top: 4.75rem;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png");
  background-repeat: no-repeat;
  background-size: 20rem auto;
  background-position: top 13.125rem left -12rem;
}
.page-template-page-school #section_entry_1 img{
  width: 51.75rem;
  height: 14.625rem;
  margin: 4.1875rem auto 4.4375rem auto;
}

@media (max-width: 768px) {
  .page-template-page-school #section_entry_1{
    background-image: none;
  }
  .page-template-page-school #section_entry_1 img{
    width: 19.4375rem;
    height: 14.625rem;
    margin: 1.75rem auto 2.75rem auto;
  }
  .page-template-page-school #section_entry_1 .ui_button{
    font-size: 1rem;
  }
}

/* --------------------
  #section_slider : 全体・共通
-------------------- */
.page-template-page-school #section_slider{
  padding-top: 8.5625rem;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png");
  background-repeat: no-repeat;
  background-size: 20rem auto;
  background-position: top 51.625rem left -5rem;
}
.page-template-page-school .slider_panel{
  background-color: var(--thingreen);
}
.page-template-page-school .slider_panel:not(:nth-last-of-type(1)){
  margin-bottom: 13.75rem;
}
.page-template-page-school .slider_panel h3{
  font-size: 2.625rem;
  font-weight: 600;
  margin-bottom: 2.125rem;
  text-align: right;
  margin-right: 2.875rem;
}
@media (max-width: 768px) {
  .page-template-page-school #section_slider{
    background-image: none;
  }
  .page-template-page-school .slider_panel:not(:nth-last-of-type(1)){
    margin-bottom: 9rem;
  }
  .page-template-page-school .slider_panel h3{
    font-size: 1.375rem;
    text-align: center;
    margin-right: 0;
  }
}

/* swiper関連 */
.page-template-page-school .swiper-navigation{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
  height: 4.6875rem;
}
.page-template-page-school .swiper-button-next,
.page-template-page-school .swiper-button-prev{
  width: 2.8125rem;
  height: 2.8125rem;
  margin-left: .875rem;
  border-radius: 100%;
  background-color: var(--lightgreen);
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.page-template-page-school .swiper-button-prev{
  margin-left: 0;
  margin-right: .875rem;
}
.page-template-page-school .swiper-button-next::before,
.page-template-page-school .swiper-button-prev::before{
  position: absolute;
  content: "";
  left: -0.875rem;
  width: 2.375rem;
  height: .125rem;
  background: var(--green);
}
.page-template-page-school .swiper-button-prev::before{
  left: auto;
  right: -0.875rem;
}
.page-template-page-school .swiper-button-next::after,
.page-template-page-school .swiper-button-prev::after{
  position: absolute;
  content: "";
  left: .875rem;
  width: .5625rem;
  height: .5625rem;
  border-top: .125rem solid var(--green);
  border-right: .125rem solid var(--green);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-template-page-school .swiper-button-prev::after{
  left: auto;
  right: .875rem;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.page-template-page-school .swiper-button-disabled{
  opacity: 0.4;
}
.page-template-page-school .swiper-pagination{
  color: var(--green);
  margin: 0 1.5rem;
  /*width: 2.75rem;
  height: 1.375rem;*/
}
.page-template-page-school .swiper-navigation .ui_button{
  position: absolute;
  right: 0;
  font-size: 1.375rem;
  width: 18.75rem;
  height: 4.25rem;
  margin: .3125rem;
}
.page-template-page-school .swiper-navigation .ui_button::after{
  right: 1.4rem;
}
/* .swiper-scrollbar {
  width: 31.25rem;
  height: 1.125rem;
  border-radius: .6875rem;
  background-color: var(--lightgreen);
  margin-left: 2.125rem;
}
.swiper-scrollbar-drag {
  background-color: var(--green);
  height: 1.125rem;
  border-radius: .6875rem;
} */
@media (max-width: 768px) {
  .page-template-page-school .swiper-navigation{
    flex-direction: column;
    margin-top: 2.5rem;
    height: auto;
  }
  .page-template-page-school .swiper-navigation .ui_button{
    position: relative;
    font-size: 1.4375rem;
    width: 18.375rem;
    height: 3.375rem;
    margin: 2.5rem .3125rem .3125rem .3125rem;
  }
}

/* office slider */
.page-template-page-school .slider_panel.office{
  padding: 4.75rem 5.0625rem 2.875rem 0;
  border-radius: 0 3.375rem 3.375rem 0;
  margin-right: 7.5rem;
  position: relative;
}
.page-template-page-school .slider_panel.office::after{
  position: absolute;
  content: "";
  right: 6.9375rem;
  top: -7.3125rem;
  width: 7.8125rem;
  height: 7.3125rem;
  background-image: url("/wp-content/uploads/2024/12/slider_back_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.page-template-page-school .swiper.office .swiper-slide{
  width: 23.75rem;
  height: 17.0625rem;
}
.page-template-page-school .swiper.office .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
@media (max-width: 768px) {
  .page-template-page-school .slider_panel.office{
    padding: 2.875rem 1.25rem 3.25rem 1.25rem;
    border-radius: 0;
    margin-right: 0;
  }
  .page-template-page-school .slider_panel.office::after{
    right: 2.125rem;
    top: -5.875rem;
    width: 6.25rem;
    height: 5.875rem;
  }
}

/* blog slider */
.page-template-page-school .slider_panel.blog{
  padding: 4.75rem 0 2.875rem 5.0625rem;
  border-radius: 3.375rem 0 0 3.375rem;
  margin-left: 7.5rem;
  position: relative;
}
.page-template-page-school .slider_panel.blog::after{
  position: absolute;
  content: "";
  right: 6.9375rem;
  top: -11.1875rem;
  width: 6.9375rem;
  height: 11.1875rem;
  background-image: url("/wp-content/uploads/2024/12/slider_back_2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.page-template-page-school .slider_panel.blog h3{
  text-align: left;
  margin-left: 2.875rem;
  margin-right: 0;
}
.page-template-page-school .swiper.blog .swiper-slide{
  width: 21.3125rem;
  height: 25.9375rem;
  padding: 1.5625rem 1.0625rem 1.875rem 1.0625rem;
  background-color: var(--white);
  box-shadow: 0rem .1875rem .375rem #00000029;
} 

.page-template-page-school .swiper.blog .swiper-slide a:hover{
  color: inherit;
}

.page-template-page-school .swiper.blog .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.page-template-page-school .swiper.blog .swiper-slide .date{
  font-size: 1.125rem;
  margin: 1.25rem 0 .5rem 0;
}
.page-template-page-school .swiper.blog .swiper-slide .title{
  font-size: 1.125rem;
  font-weight: bold;
}
.page-template-page-school .swiper.blog .swiper-slide .text{
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125rem;
}
.page-template-page-school .slider_panel.blog .swiper-navigation .ui_button{
  left: 0;
}

@media (max-width: 768px) {
  .page-template-page-school .slider_panel.blog{
    padding: 2.875rem 1.25rem 3.25rem 1.25rem;
    border-radius: 0;
    margin-left: 0;
  }
  .page-template-page-school .slider_panel.blog h3{
    text-align: center;
    margin-left: 0;
  }
  .page-template-page-school .slider_panel.blog::after{
    left: 1rem;
    top: -5.875rem;
    width: 6.25rem;
    height: 5.875rem;
  }
  .page-template-page-school .swiper.blog .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20.5625rem;
    height: auto;
  }
  .page-template-page-school .swiper.blog .swiper-slide img{
    width: 18.6875rem;
    height: 12.1875rem;
  }
  .page-template-page-school .swiper.blog .swiper-slide p{
    margin-left: auto;
    margin-right: auto;
    width: 18.6875rem;
  }
}

/* school slider */
.page-template-page-school .slider_panel.school{
  padding: 4.75rem 5.0625rem 2.875rem 0;
  border-radius: 0 3.375rem 3.375rem 0;
  margin-right: 7.5rem;
  position: relative;
}
.page-template-page-school .slider_panel.school::after{
  position: absolute;
  content: "";
  left: 10rem;
  top: -7.3125rem;
  width: 7.8125rem;
  height: 7.3125rem;
  background-image: url("/wp-content/uploads/2024/12/slider_back_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.page-template-page-school .swiper.school .swiper-slide{
  width: 21.3125rem;
  height: 23rem;
  padding: 1.5625rem 1.0625rem 1.3125rem 1.0625rem;
  background-color: var(--white);
  box-shadow: 0rem .1875rem .375rem #00000029;
}

.page-template-page-school .swiper.school .swiper-slide a:hover{
  color: inherit;
}
.page-template-page-school .swiper.school .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.page-template-page-school .swiper.school .swiper-slide .title{
  font-size: 1.125rem;
  font-weight: bold;
  margin: 1.25rem 0 .5rem 0;
}
.page-template-page-school .swiper.school .swiper-slide .text{
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .page-template-page-school .slider_panel.school{
    padding: 2.875rem 1.25rem 3.25rem 1.25rem;
    border-radius: 0;
    margin-right: 0;
  }
  .page-template-page-school .slider_panel.school::after{
    left: auto;
    right: 2.125rem;
    top: -5.875rem;
    width: 6.25rem;
    height: 5.875rem;
  }
  .page-template-page-school .swiper.school .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20.6875rem;
    height: auto;
  }
  .page-template-page-school .swiper.school .swiper-slide img{
    width: 18.875rem;
    height: 12.25rem;
  }
  .page-template-page-school .swiper.school .swiper-slide p{
    margin-left: auto;
    margin-right: auto;
    width: 18.875rem;
  }
}

/* --------------------
  #section_flow
-------------------- */
.page-template-page-school #section_flow{
  padding: 7.6875rem 0 6.25rem 0;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png"), url("/wp-content/uploads/2024/12/circle_2.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 20rem auto, 20rem auto;
  background-position: top -1.5rem left -11rem, bottom 2.5rem right -9rem;
}
.page-template-page-school .flow_panel{
  display: flex;
  padding: 1.625rem 0 0 5.625rem;
  position: relative;
}
.page-template-page-school .flow_panel::after{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 5.0625rem;
  height: 4.625rem;
  background-image: url("/wp-content/uploads/2024/12/flow_icon_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.page-template-page-school .flow_panel:nth-of-type(2)::after{ background-image: url("/wp-content/uploads/2024/12/flow_icon_2.png"); }
.page-template-page-school .flow_panel:nth-of-type(3)::after{ background-image: url("/wp-content/uploads/2024/12/flow_icon_3.png"); }
.page-template-page-school .flow_panel:nth-of-type(4)::after{ background-image: url("/wp-content/uploads/2024/12/flow_icon_4.png"); }
.page-template-page-school .flow_panel:not(:nth-last-child(1)){
  margin-bottom: .6875rem;
}
.page-template-page-school .flow_panel .title{
  font-size: 1.625rem;
  font-weight: 600;
  color: var(--green);
  margin-bottom: .875rem;
}
.page-template-page-school .flow_panel img{
  width: 18.75rem;
  height: 12.5rem;
  margin-left: 4.375rem;
}

@media (max-width: 768px) {
  .page-template-page-school #section_flow{
    padding: 2.875rem 0 3.125rem 0;
    background-image: none;
  }
  .page-template-page-school #section_flow .center_inner{
    max-width: 18.75rem;
  }
  .page-template-page-school .flow_panel{
    flex-direction: column;
    padding: 0;
  }
  .page-template-page-school .flow_panel::after{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 4rem;
    height: 3.625rem;
  }
  .page-template-page-school .flow_panel:not(:nth-last-child(1)){
    margin-bottom: 3.125rem;
  }
  .page-template-page-school .flow_panel .flow_panel_left{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-template-page-school .flow_panel .title{
    font-size: 1.375rem;
    margin-top: 5rem;
  }
  .page-template-page-school .flow_panel img{
    width: 18.75rem;
    height: 12.5rem;
    margin-left: 0;
    margin-top: 1rem;
  }
}

/* --------------------
  #section_price
-------------------- */
.page-template-page-school #section_price{
  padding: 5.625rem 0 6.25rem 0;
  background-color: var(--thingreen);
}
.page-template-page-school .price_panel{
  margin-top: 1.5rem;
  border: .1875rem solid var(--lightgreen);
  background-color: var(--white);
  padding: 1.4375rem 2.125rem 2.375rem 2.125rem;
  border-radius: 1.125rem;
  position: relative;
}
.page-template-page-school .price_panel:after{
  position: absolute;
  content: "";
  right: -9.375rem;
  bottom: -6.25rem;
  width: 12rem;
  height: 9.0625rem;
  background-image: url("/wp-content/uploads/2024/12/price.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.page-template-page-school .price_panel .title{
  color: var(--green);
  font-size: 1.375rem;
  font-weight: 600;
}
.page-template-page-school .price_panel .label{
  padding: .6875rem 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--thingreen);
  border-radius: .875rem;
  margin-top: 1.25rem;
}
.page-template-page-school .price_panel .label .price{
  color: var(--green);
  font-size: 1.875rem;
  font-weight: 600;
}

@media (max-width: 768px) {
 .page-template-page-school  #section_price{
    padding: 2.8125rem 0 7.875rem 0;
  }
  .page-template-page-school .price_panel{
    padding: 1.4375rem 1.875rem 2.375rem 1.875rem;
  }
  .page-template-page-school .price_panel:after{
    right: 0;
    bottom: -8rem;
    width: 8.6875rem;
    height: 6.5625rem;
  }
  .page-template-page-school .price_panel .title{
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .page-template-page-school .price_panel .label{
    padding: 1.25rem .875rem;
    flex-direction: column;
    margin-top: 1rem;
  }
  .page-template-page-school .price_panel .label p{
    text-align: center;
  }
  .page-template-page-school .price_panel .label .price{
    margin-top: .625rem;
    font-size: 1.5rem;
  }
}

/* --------------------
  #section_entry_2
-------------------- */
.page-template-page-school #section_entry_2{
  padding: 4.75rem 0 4.375rem 0;
  background-image: url("/wp-content/uploads/2024/12/circle_1.png"), url("/wp-content/uploads/2024/12/circle_2.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 20rem auto, 20rem auto;
  background-position: top 1rem left -12rem, bottom 0.5rem right -12rem;
}
.page-template-page-school #section_entry_2 img{
  width: 56.5625rem;
  height: 16.3125rem;
  margin: 4rem auto 2.9375rem auto;
}

@media (max-width: 768px) {
  .page-template-page-school #section_entry_2{
    padding: 2.875rem 0 52px 0;
    background-image: none;
  }
  .page-template-page-school #section_entry_2 img{
    width: 19.375rem;
    height: 12.25rem;
    margin: 0 auto 2rem auto;
  }
  .page-template-page-school #section_entry_2 .ui_button{
    font-size: 1rem;
  }
}