@charset "utf-8";
/* ----------------------------------------------------------------
  共通
----------------------------------------------------------------- */

/*-------------------トップページ-------------------*/
/* 共通パーツ */
body{font-family: 'Noto Sans JP', sans-serif;}
.pc { display: inline-block;}
.sp { display: none;}
.read{line-height: 180%;font-size: 16px;}
.ttl_thirdly{line-height: 150%;font-weight: bold;}
.ttl_primary{line-height: 150%; font-size: 32px; font-weight: bold; margin-bottom: 35px;}
.orange{display: block;font-size: 14px;color: #E7561E; line-height: 150%;letter-spacing: 0;}
.ttl_secondary{line-height: 180%; font-size: 32px;font-weight: bold;}
.blue_btn{position: relative;background-color: #07415B;color: white; border-radius: 30px;padding: 10px; transition: 0.3s;font-size: 18px;padding: 20px 100px;font-weight: bold;box-shadow: 0 5px 0 #808080;display: inline-block;}

.blue_btn::after{position: absolute; content: ""; border-top:2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);right: 25px;width: 13px;height: 13px;top: 23px;}
.blue_btn:hover{box-shadow: none; transform: translateY(5px);}
/* .blue_btn::before{content: ""; position: absolute;width: 308px;background-color: #808080;height: 63px;z-index:-3;left: 0;top: 2px;border-radius: 30px;} */
.btn_box{text-align: center;}
.line{background: linear-gradient(transparent 60%, #F0E34E 60%);padding-bottom: 5px;}
.indent-1{padding-left: 1em;text-indent: -1em;}

/* animation */
@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 70%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 30%;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0.5; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0.5; }
	50% { opacity:0.5; }
	100% { opacity:1; }
}
/* css */

.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #07415B;
}
.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
}
.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 0.7s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .3s 1 normal forwards;
	animation:passing-txt 0s ease .3s 1 normal forwards;
	animation-duration: 0.5s;
}

/*-------------------ヘッダー-------------------*/
h1 img{width:130px;}
h1{display: inline;}
header {display: flex; justify-content: space-between; padding: 10px 35px;align-items: center;}
header .pc ul{display: flex;align-items: center;}
header .pc li:hover{color: #07415B;}
header .pc li:not(.c-btn__A) a{transition: color 0.2s;white-space: nowrap;}
header .pc li:not(.c-btn__A){margin-left: 60px;transition: color 0.2s;font-weight: bold;cursor: pointer;}
header .pc li:last-child:not(.c-btn__A){background-color: #E7561E;color: white; border-radius: 5px;padding: 10px; border-bottom: 3px solid #b46436;transition: 0.3s;}
header .pc li:last-child:not(.c-btn__A):hover{border-bottom-width: 0; transform: translateY(2px);}
/* .pc_header{position: fixed;z-index: 100;height: 300;background-color: white;width: 100%;} */

/*-------------------メインビジュアル　PC版-------------------*/
.mv_relative{position: relative; color: white;}
.mv_relative h2{position:absolute; font-size: 4vw;font-weight: bold; line-height: 160%;top: 5vw;left: 8vw;background-image: url(../img/pass1_pc.svg);background-repeat: no-repeat;padding-left: 3vw;}
.mv_wrap .pc_winter{width: auto;max-width: 1094px;margin-left: auto;margin-right: auto;display: block;}
.mv_wrap .pc_mv{display: flex;position: relative;}
.mv_wrap .pc_mv picture{text-align: right;width: 100%;}
.mv_wrap .pc_mv img{display: inline-block;height: 44vw;object-fit: cover;}
.mv_wrap .pc_mv .dark_blue{content: "";display: inline-block; background-color: #07415B;padding: 22vw 20vw;margin-right: 2%;box-sizing: border-box;  -webkit-box-sizing: border-box;}
.mv_wrap .pc_mv:after{content: "MeTa";font-size: 13vw;color: #21536d;transform: rotate(90deg);display: inline-block;position: absolute;top: 14vw; left: -12vw;}
.mv_wrap .ttl_achivement{position: absolute;top: 22vw;left: 10vw;font-size: 1.1vw;font-weight: bold;}
.mv_wrap .achivement{position: absolute;  top: 23vw;left: 8vw;}
.mv_wrap .small{font-size: 10px;}
.mv_wrap .mid{font-size: 1.3vw;font-weight: bold;}
.mv_wrap .big{font-size: 2vw;font-weight: bold;margin-right: 15px;}
.mv_wrap .achivement li{padding: 3% 0 3% 3vw;}
/* .mv_wrap .achivement li span:first-child{margin-bottom: 10px;} */
.mv_wrap .achivement li:first-child .big:first-child{background-image: url(../img/pass2_pc.svg);background-repeat: no-repeat;background-size: 30%;padding: 15px 0 0 10px;}

.mv_wrap .achivement .superBig{font-size: 2.4vw;margin-right: 15px;font-weight: bold;background-image: url(../img/pass4_pc.svg);background-repeat: no-repeat;background-size: 60%;padding: 10px 0 0 10px;}

.mv_wrap .achivement li:first-child .mid{font-size: 2vw;margin-right: 15px;}

/*.re0501 .mv_wrap .achivement li:first-child .big{font-size:4vw;background-image: url(../img/pass2_pc.svg);background-repeat: no-repeat;background-size: 55%;padding: 15px 0 0 10px;}*/

.re0501 .mv_wrap .achivement li{padding: 3% 0 2% 3vw;}


/*.re2023 .mv_wrap .achivement li:first-child .big{margin: 0; padding:0 3px;background-image:none;}
.re2023 .mv_wrap .achivement li:first-child .big{    background-image: url(../img/pass2_pc.svg); background-repeat: no-repeat; background-size: 100%; padding: 15px 0 0 10px;}*/
/*-------------------message-------------------*/
.message_bg{ position: relative; margin-right: auto;margin-left: auto; background-color: #F5F5F5; z-index: -1000;  max-width: 1400px;}
.message_bg:after{ content: ""; position: absolute; left: 0; bottom:-60px;width: 100%;height: 60px; background:linear-gradient(to top right, transparent 50%, #f5f5f5 50%) no-repeat bottom left / 50% 100%,
  linear-gradient(to top left, transparent 50%, #f5f5f5 50%) no-repeat top right/50% 100%;}
.message_contents{padding: 0 40px;position: relative;top: -4rem;max-width: 1230px;margin: auto;}
.message_wrap{ margin: auto;padding: 140px 0px 0; position: relative; z-index: 2; min-height: 500px;}
.message_wrap li figure{text-align: center;}
.message_wrap h3{ display:inline-block; font-size: 3rem;font-weight: bold;line-height: 150%;margin-bottom: 30px;}
.message_wrap li img{max-width:280px;}
.message_wrap .target p{font-size: 18px;line-height: 150%;}
.message_wrap .target{display: flex;justify-content: space-between;font-weight: bold;}
.message_wrap .method{display: flex;margin-top: 180px;justify-content: space-between;align-items: center;}
.message_wrap h4{margin-top: 100px;text-align: center;display: block;}
.message_wrap .method img{width: 40%;margin-right: 3%;}
.message_wrap .method div{max-width: 620px;}
.message_wrap .socrates{ display: flex; justify-content: space-between; border: 1px solid lightgray;border-radius: 10px;padding: 50px 100px;box-shadow:0 0 8px lightgray;margin-bottom: 5vw;margin-top: 50px;background-color: white;}
.message_wrap .socrates span{font-size: 68px;margin-bottom: 50px;display: block;letter-spacing: 0.1em;}
.message_wrap .socrates figure{max-width: 300px;margin:auto 0;}
/* .message_wrap .socrates img{max-width: 300px;} */
.message_wrap .ttl_socrates{background-image: url(../img/ttl_01.svg);background-repeat: no-repeat;padding: 10px;font-size: 24px;line-height: 150%;}
.message_wrap .socrates dd{padding:40px 0 0 10px;max-width: 500px;}
.message_wrap .method_detail{display: flex;justify-content: space-between;padding-bottom: 100px;gap: 0 1vw;}
.message_wrap .method_detail li{border: 1px solid lightgray;border-radius: 10px;padding: 40px 20px;box-shadow:0 0 8px lightgray;max-width:350px;width: 50%;}
.message_wrap .method_detail img{width: 90%;}
.message_wrap .method_detail li span{font-size: 30px;margin-bottom: 30px;display: block;}
.message_wrap dt{padding-bottom: 30px;font-size: 18px;}
.message_wrap li:first-child dt{background-image: url(../img/ttl_02.svg);background-repeat: no-repeat;background-size: 30%;}
.message_wrap li:nth-child(2) dt{background-image: url(../img/ttl_03.svg);background-repeat: no-repeat;background-size: 30%;background-position: left top 0%;}
.message_wrap li:last-child dt{background-image: url(../img/ttl_04.svg);background-repeat: no-repeat;background-size: 30%;background-position: left top 10%;}
.message_wrap .method_wrap{max-width:1230px;margin: auto;padding: 0 40px 145px;}

.re2023 .message_wrap h4{display: block;font-size: 30px;margin-top: 40px;}
/* .re2023 .message_wrap .passing-box{text-align: center;} */
/*-------------------オンライン指導法-------------------*/
.online_bg{background-color: #F9F9F9;}
.online_wrap{max-width:1230px; margin: auto; padding: 100px 40px 100px;}
.online_wrap p{margin-bottom: 50px;}
.online_wrap .ttl_primary{margin-bottom: 35px;}
.online_wrap div{display: flex;}
.online_wrap picture img{width: 93%;}
.online_wrap figure{position: absolute;left: 26vw;width: 50vw;}
.online_wrap dl{margin:0 0 0 9.5vw;}
.online_wrap dt{font-size: 18px;margin-bottom: 30px;padding-bottom:0; background:linear-gradient(transparent 60%, #F0E34E 60%);display: inline-block;}
.online_wrap dd{margin-bottom: 38px;}

/*-------------------まずは無料授業体験！-------------------*/
.trial_bg{ background:linear-gradient(to right, #5EB6C1, #305DC0); color: white;padding: 90px 20px 60px;}
.trial_wrap{max-width: 1200px; margin: auto;display: flex;justify-content: space-between;}
.trial_wrap dt{font-size: 48px;}
.trial_wrap dt .circle{display: block;font-size: 24px;line-height: 150%;}
.trial_wrap dd{color: #F4EB82;font-weight: bold;font-size: 22px;margin-top: 30px;}
.trial_wrap .ttl_thirdly span{font-size: 24px; display: block;line-height: 150%;}
.trial_wrap li{margin-bottom: 20px;font-size: 24px;    line-height: 200%;}
.trial_wrap li .circle{border: 2px solid white;border-radius: 50px; padding: 2px 10px;font-weight: bold;font-size: 18px;}
.trial_wrap li:last-child{font-size: 16px; margin-bottom: 0;}
.trial_wrap li .box{width: 80px;text-align: center;display: inline-block;margin-right: 0px;}
.trial_bg .trial_btn{position: relative; display: inline-block; background-color: white;color: black;padding: 20px 50px;border-radius: 30px;margin: 40px auto 0;text-align: center;transition: 0.3s;width:300px;display: block;box-shadow: 0 5px 0 #E7561E;font-weight: bold;}
.trial_bg .trial_btn:hover{box-shadow: none; transform: translateY(5px);}
.trial_bg .trial_btn::before{position: absolute; content: ""; border-top:2px solid black; border-right: 2px solid black; transform: rotate(45deg);right: 25px;width: 10px;height: 10px;top: 25px;}

.trial_bg .before_btn {text-align: center;position: absolute;top: -28px;z-index: 3;background-color:#E7561E;padding: 2px 30px;font-size: 18px;left: 25px;border-radius: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.trial_bg .before_btn:before { content: ""; position: absolute;top: 100%;left: 50%;margin-left: -9px;border: 8px solid transparent; border-top: 8px solid #E7561E;}
.trial_bg img{width: 383px;}
.trial_bg .btn_wrap{position: relative; text-align: center;}
.trial_wrap li p{margin: 3px 0 0 80px;line-height: 200%;}


/*-------------------講師陣-------------------*/
.teachers_wrap{display: flex;max-width:1230px; margin: auto; padding: 100px 40px;justify-content: space-between;}
.teachers_wrap dl{max-width: 400px;}
.teachers_wrap dt{font-size: 24px;margin-bottom: 30px;}
.teachers_wrap dd{max-width:380px;}
.teachers_wrap img{max-width: 500px;}
/*-------------------合格実績-------------------*/
.bg_records{background-color: #F9F9F9;}
.records_wrap{max-width: 1230px; margin: auto;padding: 100px 40px;display: flex;justify-content: space-between;}
.records_wrap img{max-width: 500px;}
.records_wrap p{font-size: 24px;}
.records_wrap dl{margin-top: 35px;}
.records_wrap dt{font-size: 24px;margin-bottom: 15px;}
.records_wrap div{width: 430px;}
.records_wrap .attention{font-size:1em;margin-top:2em;}

/*-------------------生徒の声-------------------*/
.voices_wrap{max-width:1230px; margin:auto;padding: 100px 40px 145px;}
.voices_wrap h3{text-align: center;}
.voices_wrap img{width: 80px;}
.voices_wrap ul{display: flex;flex-wrap: wrap;gap:80px 0;margin-top: 70px;margin-bottom: 100px;justify-content: space-between;}
/* .voices_wrap ul p{display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden;} */
.voices_wrap li{max-width: 480px;width: 50%; border: 1px solid lightgray;border-radius: 10px;padding: 37px 23px;box-shadow:0 0 8px lightgray; transition: 0.4s;}
/* .voices_wrap li:hover{box-shadow:0 0 0px lightgray;} */
.voices_wrap dl{display: flex;margin-bottom: 20px;}
.voices_wrap dd{font-weight: bold;background-repeat: no-repeat;background-size: 30%;margin-left: 10px; padding: 10px 0 0 15px;}
.voices_wrap li:first-child dd{background-image: url(../img/ttl_01.svg);}
.voices_wrap li:nth-child(2) dd{background-image: url(../img/ttl_02.svg);background-size: 25%;}
.voices_wrap li:nth-child(3) dd{background-image: url(../img/ttl_03.svg);}
.voices_wrap li:nth-child(4) dd{background-image: url(../img/ttl_04.svg);}

/*-------------------無料体験の流れ-------------------*/
.flow_wrap{max-width: 1230px; margin: auto;padding: 100px 40px 0;}
.flow_wrap h3{text-align: center;}
.flow_wrap ul{display: flex;justify-content: space-between;margin-top: 50px;}
.flow_wrap li{width: 25%;}
.flow_wrap dt{text-align: center;margin: 30px 0;font-size: 18px;}
.flow_wrap li:first-child{background-image:url("../img/number1.svg");background-repeat: no-repeat;background-size: 40px;}
.flow_wrap li:nth-of-type(2){background-image:url("../img/number2.svg");background-repeat: no-repeat;background-size: 50px;}
.flow_wrap li:nth-of-type(3){background-image:url("../img/number3.svg");background-repeat: no-repeat;background-size: 60px;} 
.flow_wrap figure{margin-top: 100px;}

/*-------------------よくあるご質問-------------------*/
.faq_wrap{max-width: 1230px; margin: auto;padding: 100px 40px 145px;}
.faq_wrap h3{text-align: center;}
.faq_wrap ul{margin:75px auto 75px;max-width: 760px;}
.faq_wrap li{position: relative; border: 1px solid lightgray;border-radius: 15px;padding: 30px 0px 30px 35px;box-shadow:0 0 8px lightgray;margin-bottom: 35px;}
.faq_wrap  p{font-size: 18px;}
.faq_wrap .q{position: relative; display: block; cursor: pointer;padding-right: 60px;}
.faq_wrap .a{margin-top: 20px;padding-left: 6em;text-indent: -6em;max-width: 650px;display: none;line-height: 180%;padding-top: 10px;}
.faq_wrap .q::before{content: "Q"; background-color: #07415B;border-radius: 50px;padding: 0 10px 4px;color: white;margin-right: 65px;font-size: 28px;}
.faq_wrap .a::before{content: "A"; border:1px solid #07415B;border-radius: 50px;padding: 0px 11px 2px;color: #07415B;margin-right: 65px;font-size: 28px;}
.faq_wrap .accordion_icon{position: absolute;top: 21px;right: 30px;transform: translateY(-50%);width: 25px;height: 15px;}
.faq_wrap .accordion_icon span:nth-of-type(1){transform: rotate(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: 0.5s; -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.faq_wrap .active .accordion_icon span:nth-of-type(1){top: 0px;-webkit-transform: rotate(0deg); transition: 0.5s; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
.active .accordion_icon span:nth-of-type(2){top: 0px; transform: rotate(0deg); transition: 0.5s; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
.faq_wrap .accordion_icon span{position: absolute; left: 0;width: 100%;height: 2px; background-color: #D4D4D4;}
.faq_wrap .active .accordion_icon { 
  transition: 0.5s;}

.re2023 .faq_wrap .a{display: block;}


/*-------------------MeTaの思い-------------------*/
.last_wrap{max-width: 800px; margin: auto;padding: 100px 40px;color: white;}
.last_bg{background-color: #F5F5F5; padding: 30px;}
.blue_bg{background-color: #3A697A;border-radius: 40px;background-size: 80%;
  background-image: url(../img/bird.webp);background-repeat: no-repeat;background-size: contain;background-size: 20%;background-position: 90% 50%;}
.last_bg h3{text-align: center;margin-bottom: 3vw;font-weight: bold;}
.last_bg h3 span:first-child{display: block;font-size: 48px;margin-bottom: 45px;}
.last_bg h3 span:last-child{display: block;font-size: 24px;}
.last_wrap p{line-height: 250%;font-size: 0.9rem;}

/*-------------------採用情報-------------------*/

.recruit_table_wrap{align-content: center; max-width: 1230px; margin: auto;padding: 20px 40px;justify-content: space-between;}
.recruit_table_wrap table{border-collapse: collapse; border-spacing: 5px;}
.recruit_table_wrap th{width: 350px;background-color: #fff;padding: 12.5px 10px;text-align: left;margin-bottom: 5px;vertical-align: top;border-right: solid 1px #555;}
.recruit_table_wrap td{padding: 12.5px 0 12.5px 30px;vertical-align: top;}
.recruit_table_wrap dl{line-height: 180%;margin-bottom: 1.5em;}
.recruit_table_wrap tr{line-height: 180%;}

.recruitment_wrap{align-content: center;padding: 50px 48px 96px; color: #000;
	transition-delay: 400ms;transition-duration: 1200ms;}
.recruitment_box {border-radius: 10px;box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1);padding: 96px;}
.recruit_main {justify-content: space-between;}
.recruit_read h2{text-align: center;margin-bottom: 3vw;
	font-weight: bold;font-size: 28px;line-height: 1.8;}
  
.recruit_read p{font-weight: 600;letter-spacing: 0.05em;
	line-height: 1.6;margin: 0px 0px 48px 0px;
	text-align: center;transition-delay: 400ms;
	transition-duration: 1000ms;}
.line_buttun{text-align: center;height: 18;}
.line_buttun img{height: 50px; width:auto;}

/*-------------------フォーム-------------------*/
.contact_wrap form p{display: inline-block;}
.contact_wrap p{text-align: left;}
.contact_wrap .ask{vertical-align: top;padding-top: 15px;}
.under_form{max-width: 700px;}
.under_form button{margin: 0 50px 0 0; display: inline-block;padding: 20px;}
.under_form button:last-child{margin: 0;}
.under_form h3{width: 300px;}
.under_form .label{width:300px;}
.under_form .under_read{margin-bottom: 50px;}
.under_form .item{margin-bottom: 15px;}
.under_form .button{text-align: center; margin: 50px 0 100px 0;}
.complete_form p{margin-bottom: 100px;}
.complete_form{max-width: 700px;}
.complete_wrap .bold{font-weight: bold;}


  /* -------------------共通フッター------------------- */
.footer_wrap {background-color: #4B4B4B; padding: 60px 80px;display: flex;justify-content: space-between;font-weight: bold;}
.footer_wrap .footer_logo{flex-grow: 4;}
.footer_wrap .logo_footer{fill: white;width: 150px;margin-right: 11vw;}
.footer_wrap li{color: white;line-height: 200%;}
.footer_wrap li a{transition: 0.2s;}
.footer_wrap li a:hover{border-bottom: 2px solid white;transition: 0.2s;}
.footer_wrap li:last-child{line-height: 130%;}
.footer_wrap li:last-child a:hover{border-bottom: none;}
.footer_wrap .footer_btn{position: relative;background-color: white;border-radius: 30px;transition: 0.3s;font-size: 18px;padding: 20px 0px; margin: 0 0 40px 0;height: 60px;width: 300px;text-align: center;color: black;box-shadow: 0 5px 0 #808080;}
.footer_wrap .footer_btn::after{position: absolute; content: ""; border-top:2px solid gray; border-right: 2px solid gray; transform: rotate(45deg);right: 25px;width: 13px;height: 13px;top: 23px;}
.footer_wrap .footer_btn:hover{box-shadow: none; transform: translateY(5px);}
.footer_wrap p{color: white;font-size: 16px;}
.footer_wrap ul{font-weight: normal; display: flex;flex-direction: column;flex-wrap: wrap;max-height: 200px;width: 400px;justify-content: space-between;}
footer.complete{position: absolute;bottom:0; width: 100%;}
.footer_wrap ul li:nth-child(5){line-height: 150%;}
/*------------------- 下層ページ------------------- */
/*------------------- 共通------------------- */
.mv_under_wrap{position: relative;}
.under_mv{position: absolute; text-align: center;top: 50%;left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);width: 100%;letter-spacing: 0.1em;}

/*------------------- よくあるご質問------------------- */
.faq_nav {background-color: #F6F6F6;}
.faq_nav ul{display: flex;gap: 0 20px;max-width: 900px;padding: 55px 0;margin: auto;}
.faq_wrap ul{margin:75px auto 75px;}
.faq_nav li{position: relative;}
.faq_nav a{ border-radius: 8px;padding: 10px 40px 10px 20px;box-shadow:0 0 8px lightgray;background-color: white;display: inline-block;}

.faq_nav li:after{ position: absolute; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #07415B;top: 16px; right: 17px;}
.under.faq_wrap .ttl_thirdly{text-align: left;font-size: 32px;margin-bottom: 40px;}
.under.faq_wrap .ttl_thirdly::after{content: ""; background-color: #07415B;width: 30px;display: block;height: 3px; margin-top: 10px;}
.under.faq_wrap ul{margin: 0 0 100px 0;max-width: 1152px;}
.under.faq_wrap li{padding: 20px 0px 20px 15px;border: none;font-weight: 500;}
.under.faq_wrap .q::before{margin-right: 1.5em;font-size: 18px;padding: 0 8px 4px;}
.under.faq_wrap .a::before{margin-right: 1.5em;font-size: 18px;padding: 0 8px 2px;}
.under.faq_wrap .q{font-size: 14px;padding-right: 40px;font-weight: 500;}
.under.faq_wrap .a{max-width: 1152px;font-size: 14px;padding-left: 4em;text-indent: -4em;margin-top: 25px;padding-right: 40px;font-weight: 500;}
.under.faq_wrap .accordion_icon{top: 16px;width: 20px;right: 17px;}
.under.faq_wrap ul:last-child {margin-bottom: 0;}
.under.faq_wrap ul:last-child li:last-child{margin-bottom: 0;}
.under.trial_bg{margin-bottom: 150px;}

/*------------------- 特定商取引法に基づく表示------------------- */
.notion_wrap{max-width: 1230px; margin: auto;padding: 150px 40px;}
.notion_wrap table{border-collapse: separate; border-spacing: 5px;}
/* .notion_wrap table{table-layout: fixed;} */
.notion_wrap th{width: 288px;background-color: #f6f6f6;padding: 12.5px 10px;text-align: center;margin-bottom: 5px;vertical-align: middle;}
.notion_wrap td{padding: 12.5px 0 12.5px 30px;}
.notion_wrap dl{line-height: 180%;margin-bottom: 1.5em;}
.notion_wrap tr{line-height: 180%;}

/*------------------- MeTaの特徴------------------- */
.features_bg{ background: url(../img/logical.webp), linear-gradient(90deg, #487896, #52768e, #30607c);background-repeat: repeat-x;background-size: 100%;margin-top: 150px;background-position: bottom;}
.features_wrap{max-width: 1080px; margin: auto;padding: 50px 40px;color: white; line-height: 180%;}
.features_wrap h3{font-size: 32px;line-height: 150%;margin-bottom: 30px;}
.features_wrap h4{font-size: 18px;margin-bottom: 20px;}
.features_wrap .read{max-width: 768px;}
.features_wrap .read:after{content: ""; background: url(../img/triangle.svg);background-size: 100%;display: block;width: 60px;height: 40px;background-repeat: no-repeat;margin: 30px auto;}
.features_wrap .big{font-size: 32px;line-height: 220%;} 
.features_wrap .big span{border: 1px solid white;border-radius: 50px;padding: 5px 30px;margin-right: 30px;}


/*-------------------マイページ-------------------*/
.mypage_form_wrap{background-color: #fff;}
.mypage_form_wrap .mypageform{background-color: #fff;}
.mypageform button{box-shadow: 0 5px #07415B;border-radius: 100px;display: block;width: 200px;padding: 15px;box-sizing: border-box;background: #30607c;color: #FFF;text-decoration: none;text-align: center;margin: 10px 0;}
.mypage_wrap{max-width: 1230px; margin: auto;padding: 150px 40px;}
.mypage_wrap table{border-collapse: separate; border-spacing: 5px;}
.mypage_wrap table th{width: 288px;background-color: #f6f6f6;padding: 12.5px 10px;text-align: center;margin-bottom: 5px;vertical-align: middle;}
.mypage_wrap table td{padding: 12.5px 0 12.5px 30px;}
.mypage_wrap table dl{line-height: 180%;margin-bottom: 1.5em;}
.mypage_wrap table tr{line-height: 180%;}


/* MeTaの強み */
.strengths_bg{background-color: #f6f6f6;}
.strengths_wrap{max-width: 1230px; margin: auto;padding: 150px 40px;}
.strengths_wrap h3{text-align: center;}
.strengths_wrap ul{display: flex;margin-top: 100px;color: white;justify-content: space-between;gap: 2%;}
.strengths_wrap li{max-width: 349px;padding: 30px 20px;border-radius: 15px;width: 100%;}
.strengths_wrap dt{font-size: 18px;text-align: center;margin-bottom: 20px;}
.strengths_wrap ul li:first-child dd:first-child{margin-bottom: 1.5em;}
.strengths_wrap li:first-child{background: linear-gradient(135deg, #64b282, #649ab0);}
.strengths_wrap li:nth-child(2){background: linear-gradient(135deg, #8a56c6, #5680b7);}
.strengths_wrap li:nth-child(3){background: linear-gradient(135deg, #b176d4, #793554);}
.strengths_wrap .space{margin-bottom: 1.5em;}

/* 代表メッセージ */
.message_owner{max-width: 1230px; margin: auto;padding: 150px 40px;display: flex;justify-content: space-between;}
.message_owner .ttl_secondary{font-size: 32px;}
.message_owner div:first-child{max-width: 650px;}
.message_owner div:last-child{max-width: 300px;}
.message_owner .small{margin-bottom: 30px;font-size: 18px;display: block;}
.message_owner .ttl_secondary{margin-bottom: 30px;}
.owner img{margin-bottom: 45px;}
.owner h4{font-size: 32px;}
.owner h4 span{font-size: 16px;margin-left: 35px;}
.message_owner .read{margin: 15px 0;}
/* サービス内容 */
.ttl_services{max-width: 1230px; margin: auto;padding: 100px 40px;}
.ttl_services h3{margin-bottom: 20px;}
.services_wrap{max-width: 1230px; margin: auto;padding: 100px 40px 0;}
.services_bg{background-color:#F6F6F6;margin-bottom: 150px;}
.services_wrap .method_detail li{max-width: 476px;background-color: white;padding: 50px;width: 48%;}
.services_wrap .method_detail{flex-wrap: wrap; gap: 5vw 1vw;}
.services_wrap .method_detail .ttl_small{text-align: center;margin: 20px 0;}
.message_wrap .method_detail figure img{width: 100%;max-width: 800px;margin-bottom: 20px;}
.services_wrap li:nth-child(3) dt{background-image: url(../img/ttl_04.svg);background-repeat: no-repeat;background-size: 25%;background-position: left top 40%;}
.services_wrap li:last-child dt{background-image: url(../img/ttl_05.svg);background-size: 25%;}

/*------------------- 合格実績・生徒の声------------------- */
.record_wrap{max-width: 1230px; margin: auto;padding: 100px 40px 26px;}
.record_wrap figure{max-width: 225px;margin-bottom: 20px;}
.record_wrap div{display: flex;gap:5rem 11rem;margin-top: 40px;flex-wrap: wrap;}
.record_wrap dt{font-size: 18px;display: inline-block;margin-bottom: 10px;}
.record_wrap ul{display: inline-block;}
.record_wrap .attention{padding-top: 20px;}

.under.voices_wrap li:first-child dd{background: none;}
.under.voices_wrap li:nth-child(2) dd{background: none;}
.under.voices_wrap li:nth-child(3) dd{background: none;}
.under.voices_wrap li:nth-child(4) dd{background: none;}
.under.voices_wrap li:hover{opacity: 0.5 ;}
.under.voices_wrap li{padding: 0;}
.under.voices_wrap li a{padding:37px 23px; display: block;}
.under.voices_wrap .ttl_thirdly{margin-top: 15px;}
.under.voices_wrap ul{margin-bottom: 0;}
.under.voices_wrap dd{padding-top: 0;}
.voices_wrap h3{text-align: left;}
.under.voices_wrap ul p{display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;
/*IE対策*/ line-height: 1.8em;max-height: 5em;}
.record_wrap .yellow_line{font-size:20px;margin-top:10px;display:inline-block; background: linear-gradient(transparent 60%, #F0E34E 60%);font-weight: bold;}
.under.voices_wrap .btn{position: relative; text-align: right;margin-top: 10px;color: gray;font-size: 0.9em;}
.under.voices_wrap .btn p::before{position: absolute;content: "";
  border-top: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  right: 80px;
  width: 8px;
  height: 8px;
  top: 10px;}
/*-------------------生徒の声-------------------*/
.student_wrap{max-width:1230px; margin:auto;padding: 150px 40px;}
.student_wrap h3{text-align: center;}
.student_wrap .read{font-size: 14px;}
.student_wrap img{width: 80px;}
.student_wrap li{max-width: 770px;border: 1px solid lightgray;border-radius: 10px;padding: 37px 26px;box-shadow:0 0 8px lightgray;margin: auto;}
.student_wrap .student_title{display: flex;margin-bottom: 20px;}
.student_wrap .year{font-weight: bold;background-repeat: no-repeat;background-size: 30%;margin-left: 10px; padding: 0px 0 0 15px;line-height: 180%;}
.student_wrap .wrap_student{margin-bottom: 40px;}
.student_wrap .wrap_student dt{margin-bottom: 10px;}
.student_wrap .fromteacher dd{margin-bottom: 15px;}
.student_wrap .fromteacher .teacher{font-weight: bold;margin-bottom: 0;}
.student_wrap .teacher{font-weight: bold;margin-bottom: 0;}
.student_wrap .voice2021{margin-bottom: 10px;}
/*-------------------無料体験授業について-------------------*/
.ttl_trial_wrap{padding: 0 40px;}
.ttl_trial{max-width: 1230px;margin: 100px auto;padding:10px; background-image: url(../img/ttl_01.svg);background-repeat: no-repeat;}
.ttl_trial .ttl_secondary{font-size: 36px;}
.ttl_trial span{font-size: 16px;padding-right: 8px;}
.triallesson_bg{background-color: #07415b;}
.triallesson_wrap{padding: 50px 40px 150px;max-width:1230px; margin: auto;}
.triallesson_wrap h4{color: white;font-size: 24px;}
.triallesson_wrap h4::after{content: ""; background-color: white;width: 30px; display: block; height: 3px; margin-top: 10px;}
.triallesson_wrap figure{max-width: 160px;width: 100%;margin: auto;margin-bottom: 10px;}
.triallesson_wrap ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5vw 0;margin-top: 50px;}
.triallesson_wrap li{background-color: white;max-width: 43.5%;width: 100%;padding: 30px 50px;border-radius: 15px;}
.triallesson_wrap .ttl_thirdly span{font-size: 36px;margin-right: 20px;}
.triallesson_wrap .ttl_thirdly {font-size: 18px;align-items: center;margin-bottom: 15px;}

/* スマホスタンド */
.form_wrap{padding: 150px 40px;max-width: 1230px;margin: auto;}
.stand{border: solid 10px #E8561E;max-width: 1152px;margin:150px auto 0; border-radius: 30px;display: flex;padding: 67px 58px;justify-content: space-between;gap: 2vw;}
.stand figure{max-width: 187px;}
.stand dl{max-width: 770px;}
.stand dt{font-size: 32px;color: #E8561E;padding: 40px 0 20px;background-image: url(../img/stand_bg.svg);background-repeat: no-repeat;}
.form_wrap .explain{max-width: 800px;}
.form_wrap .explain p:first-child{margin-bottom: 3em;}
.re2023 .form_wrap .explain{max-width: 770px;margin: auto;}
/* フォーム */
form{background-color: #f6f6f6;padding: 100px 30px;max-width: 1230px;margin: auto;}
form h3{font-size: 24px;text-align: center;margin-bottom: 55px;font-weight: bold;}
form ul{max-width: 770px;margin: auto;}
form li{margin-bottom: 30px;}
form div a figure{max-width: 770px;}
form .LineButtun{text-align: center;display: flex;height: 150px;justify-content: space-around;padding: 20px;align-items: center;}
form .lineQr{height: 150px; width: auto;}
form .lineButtunImg{max-height: 80px;}
form .formerror{color: #E8561E;margin-top: 10px;}
form input{width:100%;height: 45px;background-color: white; padding: 0 10px 0 10px;border-radius: 5px;font-weight: 500;}
form select{width:100%;height: 45px;background-color: white; padding: 0 10px 0 10px;border-radius: 5px;font-weight: 500;}


form .label{display: inline-block;margin-bottom: 10px;font-weight: bold;pointer-events: none;}
form textarea{width: 100%;height: 220px;background-color: white; padding:20px 10px;border-radius: 5px;}
form .required{color: white;background-color: #E8561E;padding: 2px 3px;font-size: 14px;margin-left: 10px;}
form .optional{background-color: #dcdcdc;padding: 2px 3px;font-size: 14px;margin-left: 10px;}
::placeholder{color: #adadad;font-size: 14px;}
form .blue_btn{padding: 0px 100px;height: 45px;font-size: 16px;max-width: 270px;}
form .blue_btn::after{top: 19px;border-top: 1px solid #fff;border-right: 1px solid #fff;width: 8px;height: 8px;}
form .btn_box{margin-top: 60px;}

form .errororange{border: 1px solid #E8561E; background-color:#F3D6CB;}
form .errortext{color: #E8561E;margin-top: 10px;}
.form_wrap .policy{color:#07415b;border-bottom: 1px solid #07415b;font-weight: bold;}
.form_wrap .policy:hover{opacity: 0.5;}


/*-------------------問い合わせ完了-------------------*/
.complete_wrap{padding: 100px 40px 100px;max-width: 1230px;margin: auto;text-align: left;}
.complete_wrap .ttl_primary{margin-bottom: 50px;}
.complete_wrap .timerex{margin-top: 50px;margin-bottom: 50px;}
.complete_wrap .read{margin-bottom:30px;}
.complete_body{display: flex;flex-direction: column;}
footer{margin-top: auto;}
html, body{height: 100%;margin: 0; padding: 0;}

/*-------------------アニメーションによるmargin調整-------------------*/
.re0602 .message_wrap h3{margin-bottom:0;}
.re0602 .message_wrap .target{margin-top:30px;}
.re0602 .message_wrap h4{margin-top:0;}
.re0602 .message_wrap .method{margin-bottom:100px;}
.re0602 .online_wrap dt{margin-bottom:0;}
.re0602 .online_wrap dd{margin-top:30px;}


/* ----------------------------------------------------------------
  タブレット
----------------------------------------------------------------- */
/*------------------- 共通------------------- */
@media only screen and (min-width: 767px) and (max-width: 1060px) {
.pc { display: none;}
.sp { display: none;}
.ipad{display: inline-block;}

header .pc li{font-size: 12px;margin-left: 20px;}
/* .message_bg{padding: 260px 380px;}
.message_bg:after{border-width: 5vw 380px 0} */
.message_wrap .socrates{padding: 50px;gap: 0 30px;background-color: white;}
.message_wrap .socrates figure{margin: auto;}
.message_wrap h4{display: non;}
.teachers_wrap img{margin-left: 50px;width: 40vw;}
.records_wrap img{margin-right: 50px;width: 40vw;}
.online_wrap dl{margin: 0 0 0 1vw;}
.trial_bg{padding: 40px 150px;border-radius: 20px;}
.trial_bg img{width: 350px;}
.trial_wrap{flex-direction: column;display: inline-block;text-align: left;}
.trial_wrap figure{text-align: center;}
.trial_wrap .ttl_thirdly span{font-size: 3vw;}
.trial_wrap dt{font-size: 5vw;margin-top: 10px;}
.trial_wrap dd{font-size: 18px;margin: 0 0 20px;}
.trial_wrap li{font-size: 16px;margin-bottom: 8px;}
.trial_wrap li .circle{font-size: 16px;padding: 4px 6px;border: 1px solid white;}
.trial_wrap li .box{width: 50px;margin-right: 10px;}
.trial_wrap li p{margin: 0px 0 0 60px;}
.trial_wrap li:last-child{font-size: 16px;}
.trial_bg .before_btn{padding: 5px 24px;font-size: 14px;width: 175px;}
.trial_bg .before_btn:before{top: 98%;}
.trial_bg{background: linear-gradient(#5EB6C1, #305DC0); border-radius:30px;text-align: center;}
.trial_bg .trial_btn{max-width: 100%;}

.last_wrap p{font-size: 15px;}
.voices_wrap ul{gap: 50px 5vw;justify-content: space-between;}
.voices_wrap li{max-width: 42vw;}
.flow_wrap li{width: 30%;}
}

/* ----------------------------------------------------------------
  SP
----------------------------------------------------------------- */

/*-------------------共通-------------------*/
@media screen and (max-width: 767px) {
  .pc { display: none;}
  .sp { display: inline-block; }
  .read{line-height: 180%;font-size: 14px;}
  .ttl_primary{line-height: 150%; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
  .ttl_thirdly{line-height: 150%;}
  .ttl_secondary{line-height: 180%; font-size: 32px;font-weight:bold;}
  .orange{display: block;font-size: 12px;color: #E7561E; line-height: 150%;}
  .blue_btn{position: relative;background-color: #07415B;color: white; transition: 0.3s;font-size: 14px;margin-bottom: 0;letter-spacing: 0.05em; padding: 15px 0;width: 210px;}
  .blue_btn::before{width: 214.2px;height: 49px;top: 1px;}
  .blue_btn::after{position: absolute; content: ""; border-top:1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);right: 25px;width: 8px;height: 8px;top: 19px;}
  .line{background: linear-gradient(transparent 60%, #F0E34E 60%);padding-bottom: 5px;}
  .orange_btn{background-color: #E7561E;padding: 12px 0;border-radius: 30px;font-size: 16px;color: white;display: block;background-image: url("../img/spbtn_before.png"); background-size: 10%;background-repeat: no-repeat;background-position: 15px center;position: relative;border-bottom: 5px solid #7b7b7c;text-align: center;width: 220px;}
.orange_btn::after{position: absolute; content: ""; border-top:1px solid white; border-right: 1px solid white; transform: rotate(45deg);left: 193px;width: 8px;height: 8px;top: 17px;}
.orange_btn.fix{position: fixed !important;display: block!important;}
/*-------------------ハンバーガーメニュー-------------------*/
#hamburger .btn-gNav { position: fixed; top: 0px; right: 0px; width: 60px; height: 60px; z-index: 100; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms;background-color: white;}
#hamburger .btn-gNav span { position: absolute; width: 27px; height: 3px; background: black; border-radius: 1px; -webkit-transition: all 400ms; transition: all 400ms;}
#hamburger .btn-gNav span:nth-child(1) { top: 12px;right: 16px;}
#hamburger .btn-gNav span:nth-child(2) { top: 23px;right: 16px;}
#hamburger .btn-gNav span:nth-child(3) { top: 34px;right: 16px;}
#hamburger .btn-gNav p{position: absolute; font-size: 10px;right: 10px;top: 42px;}
#hamburger .btn-gNav.open span:nth-child(1) {top: 23px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
#hamburger .btn-gNav.open span:nth-child(2),
#hamburger .btn-gNav.open span:nth-child(3) { top: 23px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
#gNav { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #07415B;
  ; font-size: 16px; box-sizing: border-box; z-index: 5; padding:147px 0 0 0px; transition: 0.3s;width: 100%;}
#gNav.open { right: 0px;}
#gNav .gNav-menu { width: 75vw;font-size: 2vw; margin:0 auto 40px 50px;}
#gNav .gNav-menu li {position: relative; display: block;  line-height: 100%;font-size: 18px;border-bottom: solid 1px white;}
#gNav .gNav-menu li::after{position: absolute; content: ""; border-top:1px solid white; border-right: 1px solid white; transform: rotate(45deg);right: 5px;width: 8px;height: 8px;top: 23px;}
#gNav .gNav-menu a:last-child li{border-bottom: none;}
#gNav .gNav-menu a { color: white; text-decoration: none;padding: 20px 0px;display: block;}
#gNav .hamburger_footer { text-align: center; padding-top: 20px;}
#gNav small { color: white;}
#gNav .gNav-menu { font-size: 5vw; text-align: left;}
#gNav .orange_btn{border-bottom: 5px solid #294653;margin-left: 50px; padding: 0;}
#gNav .orange_btn a{padding: 12px 0;display: block}
/*-------------------トップページ-------------------*/
header{padding: 0;border-top: none;position: fixed;z-index: 15;transition: all 0.2s 0s ease-in-out;width: 100%;height: 60px;}
.header-logo.headerLogoScroll.-before { display : none;}
.header-logo.headerLogoScroll.-before.open{display: block;}
.header-logo.headerLogoScroll.-after.open{display: none;}
.header-logo.-after {display : none;}
.header-logo.headerLogoScroll.-after {display : block;transition: all 0.4s 0 ease-in-out;}
.header.headerScroll{background-color: white;width: 100%;transition: all 0.2s 0s ease-in-out;z-index: 100;}

header h1 {z-index: 15;}
h1 img{width: 120px;}
.logo_sp{z-index: 1000;padding:10px 0 0 15px;transition: all 0.2s 0s ease-in-out;margin-bottom: 5px;}

.mv_relative h2{font-size:36px; top: 70vw;letter-spacing: 0.1em;left: 3vw;background-image: none;}
.mv_wrap .pc_winter{display: none;}
.mv_wrap .pc_mv{display: none;}
.mv_wrap .pc_mv{display: none;}
/* .mv_wrap .sp_mv{max-width: 480px;} */
.mv_wrap .ttl_achivement{top: 103vw;font-size: 16px;left: 30px;}
.mv_wrap .achivement{top: 110vw;width:300px;left: 3vw;flex-direction: column;}
.mv_wrap .achivement li{width:300px;}
/*.mv_wrap .achivement li span:first-child{display: inline-block;margin: 0 10px 3px 0;}
.mv_wrap .achivement li:first-child .big{font-size: 48px; background-size: 48%; background-position-y: 28px;}
.mv_wrap .achivement li:first-child .mid{font-size: 18px;}
.mv_wrap .achivement li:first-child .big span{font-size: 30px;}
.mv_wrap .achivement li:first-child{background-image: url(../img/pass1_sp.svg);padding: 0px 0 10px 25px;margin-bottom: 0px;background-size: 20%;background-repeat: no-repeat;}
.mv_wrap .achivement li:nth-child(1){background-image: url(../img/pass2_pc.svg);padding: 10px 0 10px 25px;margin-bottom: 0;background-position-x: 5%;background-size: 10%;background-repeat: no-repeat;}*/
.mv_wrap .achivement li:nth-child(2){background-image: none;padding: 10px 0 10px 25px;margin-bottom: 0;background-position-x: 5%;background-size: 10%;background-repeat: no-repeat;}
.mv_wrap .achivement li:nth-child(3){background-image: url(../img/pass1_sp.svg);padding: 5px 0 10px 25px;background-position-x: 5%;background-size: 10%;background-repeat: no-repeat;}
.mv_wrap .achivement li:nth-child(4){background-image: url(../img/pass4_sp.svg); padding: 5px 0 10px 25px;background-position-x: 5%;background-size: 10%;background-repeat: no-repeat;}
.mv_wrap .achivement li:nth-child(5){background-image: none;}

/*.re0501 .mv_wrap .achivement li:first-child{background-image: url(../img/pass1_sp.svg);padding: 0px 0 10px 25px;margin-bottom: 0px;background-size: 17%;background-repeat: no-repeat;}*/
/*.re0501 .mv_wrap .achivement li:nth-child(1){background-image: url(../img/pass2_sp.svg);padding: 10px 0 10px 25px;margin-bottom: 0;background-position-x: 5%;background-size: 11%;background-repeat: no-repeat;}*/
.re0501 .mv_wrap .achivement li:nth-child(2){background-image: none;padding: 10px 0 10px 25px;margin-bottom: 0;background-position-x: 5%;background-size: 10%;background-repeat: no-repeat;}
.re0501 .mv_wrap .achivement li:nth-child(3){background-image: url(../img/pass1_sp.svg);padding: 5px 0 10px 25px;background-position-x: 5%;background-size: 8%;background-repeat: no-repeat;}
.re0501 .mv_wrap .achivement li:nth-child(4){background-image: url(../img/pass4_sp.svg); padding: 5px 0 10px 25px;background-position-x: 5%;background-size: 8%;background-repeat: no-repeat;}
/*.re0501 .mv_wrap .achivement li:first-child .big{font-size: 48px;background-size: 35%;background-position-y: 28px;}*/
.re0501 .mv_wrap .achivement li{width:350px;}

/*2025/07/03*/
.mv_wrap .achivement li:first-child .big:first-child{margin-right: 0px; background-image: url(../img/pass1_sp.svg);background-repeat: no-repeat;background-size: 25%;padding: 10px 0 0 10px;}
.mv_wrap .achivement .superBig{font-size: 6vw;margin-left: 0px;font-weight: bold;background-image: url(../img/pass3_sp.svg);background-repeat: no-repeat;background-size: 70%;padding: 15px 0 0 10px;}

.mv_wrap .orange_btn{display: none; position: absolute;z-index: 4;bottom: 7vw;right: 1vw;transition: 0.4s;}
.mv_wrap .mid{font-size: 14px;}
.mv_wrap .big{font-size: 18px;}

.message_wrap{padding: 0;}
.message_wrap .method{margin-top: 40px;}
.message_wrap .method h3{text-align: center;margin: auto;}
.message_wrap .method_wrap{padding: 20px 0px 100px;max-width: 90%;}
.message_wrap h3{font-size: 24px;}
.message_wrap div h3{font-size: 24px;margin-bottom: 0;}
.message_wrap h4{display: none;}
.message_contents{position: static; padding: 30px 0px 20px; max-width: 90%;}
.message_bg:after{height: 30px;bottom: -30px;}
.message_wrap .target{flex-direction: column;padding: 30px 0 0;}
.message_wrap .target li{display: flex;justify-content: space-between; padding-bottom: 0px;align-items: center;max-width: 400px;}
.message_wrap li img{width: 118px;height: auto;}
.message_wrap .target p{font-size: 16px;width: 195px;}
.message_wrap .socrates{margin-top: 30px;margin-bottom:50px;padding: 30px;display: block;}
.message_wrap .socrates figure{display: inline;float: right;}
.message_wrap .socrates span{font-size: 36px;margin-bottom: 10px;}
.message_wrap .socrates img{width: 23vw;}
.message_wrap .socrates dd{padding: 30px 0 0 0;}
.message_wrap dl .read{padding-top: 15px;}
.message_wrap .ttl_socrates{font-size: 17px;}
.message_wrap .method{display: block;}
.message_wrap .method_detail{flex-direction: column;padding-bottom: 50px;}
.message_wrap .method_detail figure img{float:right;max-width: 33vw;}
.message_wrap .method_detail li span{margin-bottom: 15px;font-size: 36px;}
.message_wrap .method_detail li:nth-child(2) img{width: 33vw;}
.message_wrap .method_detail li:nth-child(3) img{width: 33vw;}
.message_wrap .method_detail li{margin-bottom: 50px;padding: 30px 30px;max-width: 700px;width: 100%;}
.message_wrap .method_detail li:last-child{margin-bottom: 0px;}
.message_wrap dt{padding: 5px 0px 30px 10px;background-size: 24%;font-size: 17px;}
.message_wrap li:first-child dt{background-size: 25%;}
.message_wrap li:nth-child(2) dt{background-size: 25%;}
.message_wrap li:last-child dt{background-size: 25%;}

.online_wrap{padding: 50px 0px;max-width: 90%;}
.online_wrap div{flex-direction: column;}
.online_wrap dl{margin: 30px 0 0 0;}
.online_wrap dt{margin-bottom: 10px;padding-bottom:0;}
.online_wrap dd{margin-bottom: 30px;}
.online_wrap dd:last-child{margin-bottom: 0;}
.online_wrap p{margin-bottom: 10px;}

.trial_bg{position: relative; padding: 40px 50px;border-radius: 20px;}
.trial_bg img{max-width: 250px;width: 100%;}
.trial_wrap{flex-direction: column;}
.trial_wrap figure{text-align: center;}
.trial_wrap .ttl_thirdly span{font-size: 5vw;}
.trial_wrap dl{margin-bottom: 15px;}
.trial_wrap dt{font-size: 8vw;margin-top: 10px;}
.trial_wrap dd{font-size: 14px;margin-top: 0;}
.trial_wrap li{font-size: 14px;margin-bottom: 8px;}
.trial_wrap li .circle{font-size: 12px;padding: 1px 6px;border: 1px solid white;}
.trial_wrap li .box{width: 50px;margin-right: 10px;}
.trial_wrap li p{margin: 0px 0 0 60px;}
.trial_wrap li:last-child{font-size: 14px;}
.trial_bg .before_btn{padding: 3px 24px;font-size: 14px;width: 175px;}
.trial_bg .before_btn:before{top: 98%;border: 6px solid transparent; border-top: 6px solid #E7561E;}
.trial_bg{background: linear-gradient(#5EB6C1, #305DC0);}
.trial_bg .trial_btn{max-width: 270px;padding: 15px 30px;}
.trial_bg .trial_btn::after{max-width: 250px;}
.trial_bg .trial_btn::before{top: 20px;border-top: 1px solid black; border-right: 1px solid black;width: 7px; height: 7px;}
.teachers_wrap{flex-direction: column-reverse;display: block;padding:100px 0px 216px;max-width: 90%;}
.teachers_wrap img{width: 210px;}
.teachers_wrap figure{text-align: center;margin-bottom: 20px;}
.teachers_wrap dt{font-size: 16px;margin-bottom: 10px;}

.re2023 .teachers_wrap{padding:100px 0px 0px;}
.re2023 .message_wrap h4{font-size: 22px;}

.records_wrap{flex-direction: column;position: relative;padding: 50px 0px;max-width: 90%;}
.records_wrap div{width: 100%;}
.records_wrap p{font-size: 18px;}
.records_wrap dt{font-size: 18px;margin-bottom: 5px;}
.records_wrap dl{margin-top: 30px;}
.records_wrap img{position: absolute;width: 240px;top: -150px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.records_wrap .attention{font-size:0.9em;margin-top:2em;}
.re2023 .bg_records{margin-top: 180px;}

.voices_wrap{padding:100px 0 100px 0;}
.voices_wrap h3{text-align: left; padding: 0px 0px 0 30px;}
.voices_wrap ul{margin: 25px 0 10px;}
.voices_wrap li{margin-right:25px; width: 300px;}
/* .voices_wrap .blue_btn{margin: 0 0px 50px;} */
.voices_wrap dl{margin-bottom: 15px;}
.voices_wrap li dd{background-size: 70%;}
.voices_wrap li:first-child dd{background-size: 50%;}
.voices_wrap li:nth-child(2) dd{background-size: 50%;}

.flow_wrap{padding: 100px 0px 50px;max-width: 90%;}
.flow_wrap ul{flex-direction: column;margin-top: 0;}
.flow_wrap li{width: 100%;margin-bottom: 50px;}
.flow_wrap li:last-child{margin-bottom: 0;}
.flow_wrap figure{text-align: center;margin-top: 0;}
.flow_wrap img{width: 50vw;}
.flow_wrap h3{margin-bottom: 30px;text-align: left;}
.flow_wrap dt{padding: 1.1vw 0 0px 55px;text-align: left;margin: 10px 0 20px;}
.flow_wrap li:first-child{background-image: none;}
.flow_wrap li:nth-of-type(2){background-image: none;}
.flow_wrap li:nth-of-type(3){background-image: none;}
/* .flow_wrap dd{margin-top: 20px;} */
.flow_wrap li:first-child dl{background-image: url(../img/number1.svg);background-repeat: no-repeat;background-size: 8%;}
.flow_wrap li:nth-child(2) dl{background-image: url(../img/number2.svg);background-repeat: no-repeat;background-size: 10%;}
.flow_wrap li:last-child dl{background-image: url(../img/number3.svg);background-repeat: no-repeat;background-size: 11%;}
.faq_wrap{padding: 50px 0px 100px;max-width: 90%;}
.faq_wrap h3{text-align: left;}
.faq_wrap ul{width: 100%;}
.faq_wrap li{padding: 20px 0px 20px 20px;}
.faq_wrap .q{padding-left: 3.5em; text-indent: -3.5em;line-height: 180%;padding-right: 45px;}
.faq_wrap .q::before{font-size: 18px;margin-right: 20px;padding: 0px 8px 5px;}
.faq_wrap .a{padding-left: 3.5em; text-indent: -3.5em;line-height: 180%;height: auto;padding-right: 45px;padding-top: 10px;margin-top: 10px;}
.faq_wrap .a::before{font-size: 18px;margin-right: 20px;padding: 1px 9px 3px;}
.faq_wrap p{font-size: 14px;}
.faq_wrap .accordion_icon{width: 20px;top: 19px;right: 15px;}
.faq_wrap .accordion_icon span{height: 1px;}
.faq_wrap ul{margin: 50px auto 50px;}
.faq_wrap li:last-child {margin-bottom: 0;}

.last_bg{padding: 10px;}
.blue_bg{border-radius: 20px;background-size:40%}
.last_wrap{padding: 30px 20px;}
.last_bg h3 span:first-child{font-size: 24px;margin-bottom: 20px;}
.last_bg h3 span:last-child{font-size: 16px;}
.last_wrap p{font-size: 14px;}
.last_bg h3{margin-bottom: 20px;}

/*-------------------採用情報-------------------*/

.recruit_table_wrap{max-width: 90%; margin: auto;padding: 25px 25px;}
.recruit_table_wrap table{border-collapse: collapse;border-spacing: 0;font-size: 14px;}
.recruit_table_wrap th{font-weight: bolder; width: 100%;text-align: left;padding: 8px 0px;margin-bottom: 0;display: inline-block;border-right: solid 0px #555;display: list-item;}
.recruit_table_wrap th :before{content:"";width:  10px; height:  10px; display:  inline-block; background-color: #F44336; border-radius:  50%;}
.recruit_table_wrap td{display: inline-block;padding: 10px 12px;}
.recruit_table_wrap dl{line-height: 180%;margin-bottom: 1.5em;}
.recruit_table_wrap dt{font-weight: 600;}
.recruit_table_wrap tr{display: inline-block;width: 100%;margin-bottom: 15px;}

.recruitment_wrap{align-content: center;padding: 20px 10px 40px; color: #000;
	transition-delay: 400ms;transition-duration: 1200ms; font-size: small;}
.recruitment_box {border-radius: 10px;box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1);padding: 10px;font-size: 14px;}
.recruit_main {justify-content: space-between;}
.recruit_read h2{text-align: center;
	font-weight: bold;font-size: 15px;line-height:1.8;}
  
.recruit_read p{font-weight: 400;letter-spacing: 0.05em;
	line-height: 1.6;margin: 0px 0px 10px 0px;
	text-align: center;transition-delay: 400ms;
	transition-duration: 1000ms;}
	
.line_buttun{text-align: center;height: 20;padding: 10px;}
.line_buttun img{height: 40px; width:auto;}

.footer_wrap{flex-direction: column;padding: 30px;}
.footer_wrap .logo_footer{width: 100px;margin-bottom: 30px;}
.footer_wrap ul{margin: auto;display: flex;width: 290px;flex-wrap: wrap;}
.footer_wrap li{font-size: 14px;width: 140px;display: inline-block;margin-bottom: 15px;}
.footer_wrap li:nth-child(odd){margin-right: 15px;}
.footer_wrap p{font-size: 14px;max-width: 290px;margin-left: 10px;}

  /* -------------------入力内容確認ページ------------------- */
.under .check .item_wrap p { display: block;}
.under_form button{margin: 20px auto;text-align: center;padding: 15px;}
.under_form p{margin-bottom: 20px;}

/*------------------- 下層ページ------------------- */
/*------------------- 共通------------------- */
/* .mv_under_wrap{position: relative;}
.under_mv{position: absolute; text-align: center;top: 50%;left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);} */
.under_header{top: 0;padding-left: 15px;background-color: white;}
.headerlogo_white{display: none;}
.headerlogo_white.open{display: inline-block;}
.headerlogo_color{display:inline-block;}
.headerlogo_color.open{display: none;}
.mv_under_wrap .orange_btn{position: fixed;z-index: 4; bottom: 3vw;right: 1vw;}
/*------------------- よくあるご質問------------------- */
.faq_nav {background-color: #F6F6F6;}
.faq_nav ul{flex-direction: column;gap: 20px 0;padding: 30px;max-width: initial;max-width: 300px;margin: 0;}
/* .faq_nav li{position: relative;} */
.faq_nav a{position: relative; padding: 10px 40px 10px 15px;display: inline-block;background-color: white;}
.faq_nav li:first-child:after{right: 55px;}
.faq_nav li:nth-child(2):after{right: 25px;}
.faq_nav li:nth-child(3):after{right: 71px;}
.faq_nav li:nth-child(4):after{right: 55px;}
.under.faq_wrap .q::before{margin-right: 1em;}
.under.faq_wrap .q{padding-left: 3.5em;text-indent: -3.5em;}
.under.faq_wrap .a::before{margin-right: 1em;}
.under.faq_wrap .a{padding-left: 3.5em;text-indent: -3.5em;margin-top: 10px;}

.under.faq_wrap .ttl_thirdly{font-size: 24px;margin-bottom: 30px;}
.under.faq_wrap ul{margin: 0 0 100px 0;max-width: 1152px;}
.under.faq_wrap li{padding: 15px 0px 15px 15px;border: none;}
.under.trial_bg{margin-bottom: 100px;}
.under.faq_wrap .accordion_icon{right: 13px;top: 20px;}
.under.faq_wrap .q{padding-right: 40px;}

/*------------------- 特定商取引法に基づく表示------------------- */
.notion_wrap{padding: 50px 0px;max-width: 90%;}
.notion_wrap table{border-collapse: collapse;border-spacing: 0;font-size: 14px;}
.notion_wrap tr{display: inline-block;width: 100%;margin-bottom: 15px;}
.notion_wrap th{width: 100%;text-align: left;padding: 8px 12px;margin-bottom: 0;display: inline-block;}
.notion_wrap td{display: inline-block;padding: 8px 12px;}

/*------------------- MeTaの特徴------------------- */
.features_bg{background-image: url(../img/logical_sp.webp); margin-top: 50px;background-color: #487896;background-repeat: no-repeat;background-position-x: right;background-size: auto 100%;}
.features_wrap{padding: 50px 0px;max-width: 90%;}
.features_wrap h3{font-size: 24px;}
.features_wrap .big{font-size: 18px;}
.features_wrap .big span{padding: 0px 12px;margin-right: 0;display: inline-block;margin-right: 10px;}

/*------------------- マイページ------------------- */
.mypage_wrap{padding: 50px 0px;max-width: 90%;}
.mypage_wrap table_wrap table{border-collapse: collapse;border-spacing: 0;font-size: 14px;}
.mypage_wrap tr{display: inline-block;width: 100%;margin-bottom: 15px;}
.mypage_wrap th{width: 100%;text-align: left;padding: 8px 12px;margin-bottom: 0;display: inline-block;}
.mypage_wrap td{display: inline-block;padding: 8px 12px;}

/* MeTaの強み */
.strengths_wrap{padding: 50px 0px;max-width: 90%;}
.strengths_wrap h3{font-size: 24px;}
.strengths_wrap ul{flex-direction: column;margin-top: 50px;gap: 50px 0;}
.strengths_wrap li{width: 100%;max-width: 790px;}
/* 代表メッセージ */
.message_owner{padding: 100px 0px;max-width: 90%;flex-direction: column;}
.message_owner .ttl_secondary{text-align: center;font-size: 24px;margin-bottom: 20px;}
.message_owner div:last-child{max-width: 420px;}
.owner{margin: auto;margin-top: 30px;}
.owner img{width: 100%;margin-bottom: 30px;}
.owner h4{font-size: 24px;}
.owner h4 span{font-size: 12px;}
.owner .meta_owner{font-size: 16px;}

/*------------------- 合格実績・生徒の声------------------- */
.record_wrap{padding: 30px 0;max-width: 90%;}
.record_wrap figure{margin: auto;}
.record_wrap .ttl_secondary{font-size: 24px;}
.record_wrap div{flex-direction: column;margin-top: 40px;}
.record_wrap div dl{margin-bottom: 20px;}
.record_wrap .attention{padding-top: 20px;}
.record_wrap .yellow_line{font-size: 18px;}
.under.voices_wrap{padding: 0 0px 100px;max-width: 90%;}
.under.voices_wrap h3{padding:0}
.under.voices_wrap ul{gap: 30px 0;}
.under.voices_wrap ul p{display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;
  /*IE対策*/ line-height: 1.8em;max-height: 7em;}
.under.voices_wrap li{width:100%;max-width: 780px;margin: 0;padding: 0;transition: 0s;}
.under.voices_wrap li a{padding: 30px 20px;}
.under.voices_wrap dd{padding: 0;margin-left: 30px;font-size: 16px;}


/* 生徒の声 個別ページ */
.student_wrap .wrap_student{margin-bottom: 30px;}

/*-------------------生徒の声-------------------*/
.student_wrap{padding: 50px 0px 100px;max-width: 90%;}
.student_wrap li{padding: 30px 20px;}

.student_wrap dd{font-size: 14px;}
.student_wrap dl{margin-bottom: 15px;}
.student_wrap .wrap_student dt{font-size: 1em;}
/*-------------------サービス内容-------------------*/
.ttl_services{padding: 30px 30px 50px;}
.ttl_services .ttl_secondary{font-size: 24px;margin-bottom: 10px;}
.services_wrap{padding: 50px 0px;max-width: 90%;}
.services_wrap .socrates{background-color: white;margin: 0;}
.services_wrap .method_detail li{width: 100%;max-width: 750px;}
.services_wrap .method_detail{padding: 50px 0 0 0;}
.services_wrap .method_detail{flex-direction: column;}
.services_wrap .method_detail li span{margin-bottom: 15px;font-size: 36px;letter-spacing: 0.1em;}
.services_wrap .method_detail li dl .plan img{max-width: 700px;width: 100%;}
.services_wrap .method_detail li:nth-child(1) img{width: 33vw;}
.services_wrap .method_detail li:nth-child(2) img{width: 33vw;}
.services_wrap .method_detail li:nth-child(3) img{width: 33vw;}
.services_wrap .method_detail li:nth-child(4) img{width: 33vw;}
.services_wrap .method_detail li{margin-bottom: 50px;padding: 30px 30px;max-width: 700px;width: 100%;}
.services_wrap .method_detail img{float:right;width: 33vw;}
.services_wrap .method_detail li:last-child{margin-bottom: 0px;}
.services_wrap dt{padding: 5px 0px 30px 10px;background-size: 28%;font-size: 17px;}
.services_wrap li:first-child dt{background-size: 25%;}
.services_wrap li:nth-child(2) dt{background-size: 25%;}
.services_wrap li:last-child dt{background-size: 25%;}

/*-------------------無料体験授業について-------------------*/
.ttl_trial{margin: 30px;}
.ttl_trial .ttl_secondary{font-size: 24px;}
.ttl_trial_wrap{padding: 0;}
.triallesson_wrap{padding: 50px 0px;max-width: 90%;}
.triallesson_wrap ul{flex-direction: column;gap: 10vw 0;}
.triallesson_wrap li{max-width: 100%;padding: 20px 30px;}

.stand{width: 100%;flex-direction: column;padding: 50px 30px;border-radius: 20px;margin-top: 100px;}
.stand figure{margin: auto;}
.stand dt{font-size: 24px;}
.form_wrap{background-color:#f6f6f6;padding: 50px 16px;margin-top: 50px; margin-bottom: 100px;}
.form_wrap .explain{text-align: left;margin-bottom: 0;padding-bottom: 50px;}
.form_wrap .line_buttun{width: 116;}
form{padding: 0px 0 0;}
form .LineButtun{height: 280px; display: grid;}
form .lineButtunImg{height: 50px;}
form .lineQr{height: 120px;}
form div a figure{max-width: 770px;}
form li:last-child .label{display: flex;line-height: 150%;align-items: center;}
form li:last-child .label span{height: 28px;}
form .label span{display: inline-block;height: 20px;word-break: keep-all;}
form .optional{width: 40px;}
form .blue_btn{padding: 15px 0px;font-size:14px;}
form .btn_box{margin-top: 50px;}
form textarea{height: 193px;}
/*-------------------問い合わせ完了-------------------*/
.complete_wrap{padding: 60px 30px 60px;max-width: 1230px;margin: auto;text-align: left;}
.complete_wrap .ttl_primary{margin-bottom: 30px;}
.complete_wrap .negative{margin-top: -100px;}

/*-------------------アニメーションによるmargin調整-------------------*/
.re0602 .message_wrap h3{margin-bottom:0;}
.re0602 .message_wrap .target{margin-top:0px;}
.re0602 .message_wrap h4{margin-top:0;}
.re0602 .message_wrap .method{margin-bottom:0px;}
.re0602 .online_wrap dt{margin-bottom:0;}
.re0602 .online_wrap dd{margin-top:0px;}
.re0602 .online_wrap .passing-box{display:inline-block;}
.re0602 .message_wrap .method div{text-align:center;}
}

/* 微調整 */
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .mv_wrap .mv_relative h2{font-size: 8vw;line-height: 150%;}
  .mv_wrap .mv_relative .orange_btn{ position: absolute; bottom: 22vw;}
  .message_wrap li img{width: 25vw;}
  .message_wrap .target{gap: 3vw 0;}
  .message_wrap dl .ttl_socrates{background-size: contain;}
  .message_wrap ul li:first-child dt{background-size: contain;}
  .message_wrap ul li:nth-child(2) dt{background-size: contain;}
  .message_wrap ul li:last-child dt{background-size: contain;}
  .teachers_wrap dl{max-width: 750px;}
  .teachers_wrap dd{max-width: 750px;}
  .flow_wrap li:first-child dl{background-size: 6%;}
  .flow_wrap li:nth-child(2) dl{background-size: 7%;}
  .flow_wrap li:last-child dl{background-size: 8%;}

}


@media screen and (max-width: 374px) {
.mv_wrap .orange_btn{bottom: -4vw;z-index: 3;}
.trial_bg .trial_btn{padding: 15px 0;width: auto;}

}
/* PCヘッダーの固定 */
@media screen and (min-width: 768px) {
  header {position: fixed;width:100%; top: 0;z-index: 100;background-color: white; }
  main{padding-top: 70px;}

}