@charset "utf-8";
/* CSS Document */
small{font-size: 70%!important;}
.trial {color: #1b1b1b;}
@media (max-width: 768px){
.trial, .trial p { font-size: 1rem!important;}}
.trial .table td, .trial .table th { vertical-align:middle;}
.trial h1{margin: 0;}
.trial h1 span{font-size:.75em!important;}
.trial .h1_day{font-size:1.2em!important;padding-right: 86px;}
.trial h2, .trial h3{font-family:  "Noto Serif JP", serif;color: #1b1b1b;}
.trial figure{margin: 0!important;}
.trial .mb-trial{margin-bottom: 6rem;}
@media(max-width:576px){.trial .mb-trial{margin-bottom: 3rem;}}

.trial .mark {padding: 0!important;background: linear-gradient(transparent 80%, #ff0 0%)!important;font-weight: bold!important;color: #151515!important;}

hr.stripe { border-top: none;height: 8px;  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%); background-size: 8px 8px;margin: 60px 0;}
@media(max-width:576px){hr.stripe { margin: 20px 0;}}
/* MV */
.headlineBox_trial {display:block;position: relative;background: #094;text-align: center;}
.headlineBox_trial .img-mv{padding: 20px 20px 0 20px;}
.headlineBox_trial h1{position: absolute;bottom: 20px;left: 6%;color: #fff;font-size: 1.3rem;text-shadow: 1px 1px 2px rgba(0,0,0,.5);}

@media(min-width:576px){
.headlineBox_trial {background: #009965;}
.headlineBox_trial .img-mv {width: 50%;height: auto;padding: 40px 0 0 0;}
.headlineBox_trial h1{bottom:40px;font-size: 3rem;text-align: left;left:18%;}
.headlineBox_trial .img-goukaku {width:40%;height:auto;text-align: left;padding: 40px 20px;}
}

/* ページ内リンク */
.trial .pageLink {background:#FFF;/*background: #E2EA10;*/padding:5% 4%;}
.trial nav .container{display: flex;justify-content: space-between;}
.trial nav .container div{width: 22%;height: 60px; position: relative;background: #094;color: #fff;padding: 2%;font-size: .85em;text-align: center;border-radius: 6px;border-bottom: 10px solid #fff;box-shadow: 0 0 5px rgb(0 0 0 / 30%);}
.trial nav .container div::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #094;
	}
.trial nav .container div a{
	color: #fff;
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 5px;
	}
.trial nav .container div a:hover{text-decoration: none;}

@media(min-width:576px){
.trial nav .container div{font-size: 1.5em;height: 80px;}
.trial nav .container div a{padding: 5%;}
}
@media(max-width:576px){
.trial nav .container { padding-left: 0; padding-right: 0; }
.trial nav .container div { width: 23%; }
.trial nav .container div a{ font-feature-settings: "palt" 1;}
}

/* 3つのポイント */
.trial_point{background: #d6efe1;padding: 20px 0 40px;position: relative;width: 100%;font-size: 16px;}
.trial_point:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -30px;border: 30px solid transparent;border-top: 30px solid #d6efe1;}

.trial_point .ground{font-size: 2.6rem!important;line-height: 1.8em;margin-top: 40px;}
.trial_point .ground span{text-decoration: underline;}
@media(max-width:576px){
.trial_point .ground{font-size: 1.8rem!important;margin-top: 0px!important;}
}
.maru{display: flex!important;justify-content:space-between;max-width: 800px;margin: 0 auto;padding-bottom: 60px;}
.maru img{width: 100%;height: auto; }
@media(max-width:576px){.maru img{width:100px!important;height: auto; }}


/* 3つのポイント 共通 */
.midashi01, .midashi02, .midashi03{font-size: 2rem!important;position: relative;margin-bottom: 26px;}
.midashi01::after, .midashi02::after, .midashi03::after{content: "01";font-family: "Noto Serif JP", serif;color: #e2ea10; font-size: 8rem;position: absolute;top:-60px;right: 0;letter-spacing: -10px;}
.midashi01::after {content: "01";z-index:-1;}
.midashi02::after {content: "02";z-index:-1;}
.midashi03::after {content: "03";z-index:-1;}

@media(min-width:576px){.midashi01, .midashi02, .midashi03{font-size: 3rem!important;}}
.midashi01 span, .midashi02 span, .midashi03 span{color:#4A4A4A;font-size: 1.9rem;}

/* 1.授業の質が高い */
.swiper-container img{width: 98%;height: auto;}

/* 2.戦略カリキュラム */
.naname{clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);}

/* 3.パーソナルサポート */

/* 体験入学 */
.tokuhou h2{font-size: 3rem;}
.tokuhou .taiken_label span{font-size: 13px;letter-spacing: 1px; display: inline-block;padding: 2px 6px ;border-radius:10px;background: #E72A49;color: #fff;}
.tokuhou {text-align: center;position: relative;}
.tokuhou .pos{position: absolute;width: 120px;height: auto;top:-20px;right: 10%;}

@media(max-width:576px){
.tokuhou .pos{top:150px;width: 65px;right:0!important;}
.sp_pos{padding-right: 70px;}
.tokuhou h2{font-size: 1.5rem!important;}
}

.tokuten{margin: 0; padding: 5%; list-style: none!important; border-radius: 6px;border: 1px solid #D4D4D4;background-color: #E4FCCC;line-height: 2.3em;}
.tokuten p{margin: 0;font-weight: bold;}

.taiken h3{text-align: left;background: #666;padding: 20px;color: #fff;border-radius: 6px 6px 0 0;}
.taiken table th{background: #E4FCCC;}

.taiken table p{margin: 0;}
.taiken .price{font-size:3.2rem;font-weight: bold;font-family: "Noto Serif JP", serif;margin-left:5px;}
@media(max-width:576px){.taiken .price{font-size:2rem;}}

.taiken hr{border: none; border-bottom: 1px dotted #dee2e6;}

.guide .card{margin: 8px 0;border: 6px #EEEEEE solid;background: #E4FCCC;padding: 0;font-feature-settings: "palt" 1;position: relative;}
.guide .card-body p{letter-spacing: 2px;}
.guide .card .btn{padding:10px 14px;color: #1b1b1b;font-weight: bold;text-align: left!important;letter-spacing: 2px;}
.guide .card .btn:hover, .guide .card .btn:focus{text-decoration: none;}
.guide .card .imgBox{padding:10px 0 10px 120px!important;}
.guide .card .imgBox figure{position: absolute;width: 110px;height: auto;top:-20px;left: 10px}
.guide .card .imgBox figure img{width: 100%;height: auto;}

@media(max-width:576px){
.guide .card .btn {padding: 10px;}
.guide .card .btn {font-feature-settings: "palt" 1!important;}/*2024.4.13 add*/
.guide .card .imgBox{padding:10px 0 10px 110px!important;}
.guide .card .imgBox figure{width: 90px;top: -10px;}
}

.summary_wrap{display: flex;gap:30px;}
.summary_wrap .item{flex: 1;border: 2px solid #d3d3d3;border-radius: 12px;padding: 3% 2.5%;}
@media(max-width:767px){
.summary_wrap{flex-wrap: wrap;gap:10px;}
.summary_wrap .item{flex:auto;width: 40%;padding: 7% 5%;}
}

.table.th_narrow th{ padding: .75rem .5rem; }

/* 校舎一覧 */
.shopList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.shopList div{width: calc(96% / 4);}
@media (max-width: 768px) {.shopList div{width: calc(96% / 2);}}

/**********  ボタン *********/

/*　ラッパーPC */
.btnBox{background: #fff;text-align: center;min-height: 120px; padding: 20px 0 10px;border-top: 1px dotted #E85163;border-bottom: 1px dotted #E85163;margin-top: 30px;}

/*　ラッパーPC　MV直下のみイレギュラースタイル適用 */
.mv_btn .btnBox{margin: 0!important;border-top: 1px solid #fff;border-bottom: none; background-color: #d6efe1;color:#000;/*background: #094;color: #fff;*/}
.mv_btn .btnBox small { font-size: 80%!important;}

/*　ラッパーSP */
@media(max-width:576px){.btnBox{background: #094;color: #fff;border: none;margin: 0;}
}


.btn_,a.btn_,button.btn_ {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}
a.btn-c {
	font-size: 1.8rem;
	width: 560px;
	position: relative;
	color: #fff;
	border-radius: 60px;
/*	background: #eb6877;
	-webkit-box-shadow: 0 5px 0 #e85163;
	box-shadow: 0 5px 0 #e85163;*/
	background: #DC3545;
	-webkit-box-shadow: 0 5px 0 #a82535;
	box-shadow: 0 5px 0 #a82535;
}
@media(max-width:576px){
a.btn-c {font-size: 1.2rem!important;padding: .5rem 2rem!important;line-height: 1.2;width: 90%;}
}

a.btn-c span { color: #fff100;}
a.btn-c small { font-weight: bold;}
a.btn-c i {  margin-right: 1rem;}

a.btn-c:hover {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px);
	color: #fff;
/*	background: #ee7f8b;
	-webkit-box-shadow: 0 2px 0 #e85163;
	box-shadow: 0 2px 0 #e85163;*/
	background: #eb6877;
	-webkit-box-shadow: 0 2px 0 #a82535;
	box-shadow: 0 2px 0 #a82535;
}