@charset "utf-8";
.mv-cont{
	top: 37%!important;
	left: 6%!important;
	transform: translateY(-50%);
	color: #ffffff;
	width: 800px;
}
.cam_cont{
	bottom:4%;
	width: 570px;
	margin-left:6%;
}
.sh-intro-box{
	top: 50%;
	left: 20%;
	transform: translateY(-50%);
}
.sh-intro-box h2{
	line-height: 1.2;
}
.sh-intro-box h2, .sh-intro-box span{
	font-size: 40px;
}
.sh-intro-box span{
	color: #fbb03b;
}
.r-l-box1{
	margin: 150px 0 0 auto!important;
}
.r-l-box2{
	margin: 10vw auto 0 0!important;
}
.sec-box1, .sec-box2{
	width: 120px;
}
.sec-box1{
	background-color: #808080;
}
.sec-box2{
	background-color: #999999;
}
.comparison-list .bg-c-dgray {
    width: 160px;
}
.dash-line{
	background-image: linear-gradient(to right, #ccc, #ccc 10px, transparent 2px, transparent 5px);
    background-size: 20px 1px;
    background-position: top;
    background-repeat: repeat-x;
}
.comparison-list tr{
	border: none;
}
.bd-bottom{
	border-bottom: 1px solid #999999;
}
.table-scroll {
    overflow-x: auto;
	width: 350px;
}
.sq-speech-blue{
	width: 600px;
}
.header-logo{
	width:250px;	
}
.mv.coach-lists.slick-initialized .slick-slide {
    width: 72vw!important;
}
.mb600{
	margin-bottom: 600px;
}
.lh1-7{
	line-height: 1.7;
}
.comparison-list.point02 .comparison-list th, td {
    padding: 12px 18px;
}
.review-link{
	background-color: #11376B;
    color: #fff;
    padding: 10px 16px;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 12px;
    position: relative;
    justify-content: center;
}

.sq-speech-ye{
	top: -5%;
	left: 2%;
}
#counseling-02 .reserve-btn{
	width: 320px;
}
.pd15-20 {
    padding: 15px 20px;
}
.gap60{
	gap:60px;
}
/* 20240621追加 */
.cam-dt{
	color: #fff;
	position: relative;
    background-color: #eb7624;
    width: 140px;
    padding: 5px;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: absolute;
    top: -20%;
    left: 2%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.08em;
	font-weight: 600;
	z-index: 2;
}
.cam-dt::before{
	content: '';
    position: absolute;
    bottom: -8px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #eb7624;
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}
.fw-nml{
	font-weight: normal;
}
.serv-cont{
	width: calc((100% - 40px) / 3);
}
.prc-cont{
	width: 640px;
}
.prc-cont .arrow{
	background-color: #999999;
	padding: 12px;
    line-height: 1.2;
}
/*.prc-cont .arrow1::after{
	content: "";
    position: absolute;
    bottom: -21%;
    border-left: 25px solid transparent;
    border-top: 10px solid #11376b;
    border-right: 25px solid transparent;
    border-bottom: 10px solid transparent;
}
.prc-cont .arrow2::before{
	content: "";
    position: absolute;
    top: 0;
    border-left: 25px solid transparent;
    border-top: 10px solid #fff;
    border-right: 25px solid transparent;
    border-bottom: 10px solid transparent;
}*/
.prc-det{
	width:100%!important;
	align-content: center;
	border-bottom: 1px solid #e5e5e5;
}
.opc-06{
	opacity: 0.6;
}
.prc-det.pd-bottom{
	border-bottom: 1px solid #cccccc;
}
.gap30{
	gap:30px;
}
.bd-orange{
	border:3px solid #e95520;
}
.prc-img{
	position: absolute;
	top: -5%;
	left: -4%;
	width: 80px;
}
.mw1100{
	max-width: 1100px;
}
.prc-btn{
	justify-content: space-around;
    border-radius: 12px;
    font-weight: bold;
	overflow: hidden;
	position: relative;
}
.prc-serv-img{
	width: 63px;
}
.dash-line2{
	background-image: linear-gradient(to right, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to bottom, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to left, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to top, #999, #999 10px, transparent 2px, transparent 5px);
    background-size: 20px 1px, 1px 20px, 20px 1px, 1px 20px;
    background-position: left top, right top, right bottom, left bottom;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
	
}
.font11{
	font-size: 11px;
}
.flex-dir-col{
	flex-direction: column;
	display: flex;
}
.gap15{
	gap:15px;
}
.bg-c-dgray2{
	background-color:#4d4d4d ;
}
.sh-rsv-btn{
	font-size: 18px;
	padding: 10px;
}
	.prc-btn::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 70px;
    height: 100px;
    content: '';
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-prc-btn 2s infinite linear;
}
.cam_bnr_txt{
	position: absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    line-height: 1;
}
.cam_bnr_txt2{
	position: absolute;
	top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 90%;
    line-height: 1.4;
}
/* 240808追加 */
.accordion-btn-close{
	display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 10px;
    height: 10px;
    border: 1.5px solid #333;
    border-left: 0;
    border-bottom: 0;
    transform: translateY(-25%) rotate(135deg);
    transition: 0.2s;
}
.accordion-btn-open{
	display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 10px;
    height: 10px;
    border: 1.5px solid #333;
    border-left: 0;
    border-bottom: 0;
    transform: translateY(25%) rotate(-45deg);
}
.more-btn{
	border-radius: 10px;
    padding: 6px 10px;
    background-color: #f2f2f2;
    margin: 30px auto 150px;
    transition: 0.2s;
	cursor: pointer;
}
.rg-prc{
	top: 5px;
    left: 15%;
    z-index: 2;
    padding: 3px 8px;
}
.rg-prc::after{
	    content: "";
    position: absolute;
    left: 100%;
    border-left: 11px solid #fff;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0;
}
/* /240808追加 */
/* 20241021追加 */ 
.filter-list li{
	border-radius:16px;
}
.voice-q{
	width: 420px;
}
label{
	display: block;
}
.flt-btn{
	width: 400px;
}
.voice-img{
	width: 90px;
    display: flex;
    align-items: center;
}
.voice-user{
		width: calc(100% - 110px);
	}
.filter label{
	font-size: 14px;
	padding-bottom: 5px;
	
}
.filter .title{
	background-image: linear-gradient(to right, #ccc, #ccc 10px, transparent 2px, transparent 5px);
    background-size: 20px 2px;
    background-position: bottom;
    background-repeat: repeat-x;
	font-size: 16px;
	margin-bottom: 10px;
	min-width: 120px;
}
.filter input[type=radio] {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 20%;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s; 
}

.filter input[type=radio]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 20%;
    background-color: #999999;
    /* top: 50%; */
    transform: translateY(-50%);
    transform: translateY(-50%) translateX(-50%);
}
#pagination-container{
	display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.paginationjs .paginationjs-pages li.active>a{
    background: #e95520!important;
}
/* 20250421追加 */
.s_title {
    font-size: 32px;
}
/* 20250421追加 */
.bg-c-blue2{
	background-color: #0e7ebe;
}
.sb .orange{
	color: #eb7624;
}
.sb .blue{
	color: #0e7ebe;
}
.sb #gap .blue{
	color: #10386b;
}
/* 20250423追加 */
.sq-speech-fe{
	width: 600px;	
}
.feature-cont{
	width:calc((100% - 100px) / 5)
}
.consultant-orange-arrow{
	right: 10px;
	top: 50%;
	width: 21px;
	transform: translate(-50%, -50%);
}
.sb .bg-c-green{
	background-color: #88bb2f;
}
.sb .bg-c-orange{
	background-color: #eb7624;
}
.sb .bd-orange{
	border: 3px solid #eb7624;
}
@keyframes animation-prc-btn {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@media screen and (min-width: 768px) {
	.review{
	height: 320px;
	}
	.review_text {
	max-height: 135px;
}
}
@media screen and (max-width:1600px){
	.mv-cont{
		width: 640px;
	}
	.cam_cont{
		width: 500px;
	}
}
@media screen and (max-width:1400px){
	
	.sh-intro-box h2, .sh-intro-box span{
		font-size: 30px;
	}
}
@media screen and (max-width:1300px){
	.mv-cont{
		width: 540px!important;
	}
	.cam_cont{
		width: 420px;
	}
}
/* 20250423追加 */
@media screen and (max-width:1200px){
	.mv-cont{
		width:400px!important;
	}
}
@media screen and (max-width:768px){
	/* ヘッダー*/
	.header-logo{
		width: 50vw;
    	margin: 0 0 0 13%;
	}
	.sh-intro-box h2, .sh-intro-box span{
		font-size: 24px;
	}
	.sh-intro-box{
		left: 2%;
		top: 54%;
	}
	.sh-intro-box p{
		font-size: 13px;
	}
	.comparison-list{
		width: 800px;
	}
	.comparison-list .bg-c-dgray {
    	width: 120px;
	}
	.sec-box1, .sec-box2{
		width: 93px;
		font-size: 12px;
	}
	table{
	width: 800px!important;
	}
	.rank_link{
		 position: absolute;
		bottom: 80px;
		width: 160px;
		margin-left: 10px;
	}
	.school-list ul{
		height: 100%;
		width: 1100px;
	}
	.point01.school-list ul{
		height: 100%;
		width: 2400px!important;
	}
	.point03.school-list ul{
		height: 100%;
		width: 1000px!important;
	}
	.phone_img{
		width: 40px!important;
	}
	.comparison-list.point02 .comparison-list th, td {
		padding: 10px;
	}
	.next .check::before{
		width: 14px;
    	height: 14px;
	}
	.next .school-list ul {
        width: 2500px;
    }
	.sq-speech-ye{
		top: -3%;
	}
	.cam-dt{
		font-size: 12px;
		padding: 5px;
        top: -36px;
        width: 100px;
	}
	.cam-dt::before{
		bottom: -7px;
	}
	.prc-cont{
		width: 100%;
	}
	.serv-cont{
		width: calc((100% - 10px) / 2);
	}
	.serv-img{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.serv-img img{
		height: 40px;
		width: auto;
	}
	.sp-pt10{
		padding-top: 10px!important;
	}
	.prc-img{
		top: -4%;
		width: 70px;
	}
	.prc-cont .arrow1::after{
		bottom: -23.5%;
	}
	.prc-serv-img{
		width: 15vw;
	}
	.sp-gap10{
		gap:10px;
	}
	.sh-rsv-btn{
	font-size: 14px;
	padding: 8px;
	}
	.cam_cont{
	bottom: 25%;
	width: 98% !important;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 50%);
	}
	.sp-gap5{
		gap:5px;
	}
	.cam_bnr_txt{
		font-size: 27px;
	}
	.cam_bnr_txt2{
		font-size: 12px;
		width: 90%;
	}
	/* 240808追加 */
	.more-btn{
	    padding: 5px;
    	margin: 20px auto 80px;
	}
	.sp-pd30{
		padding: 30px;
	}
	/* /240808追加 */
	/* 240918追加 */
    .next .school-list ul {
        width: 2800px;
    }
	/* /240918追加 */
	/* 241021追加 */
	.voice-img{
		width: 70px;
	}
	.voice-user{
		width: calc(100% - 90px);
	}
	/* 241108追加 */
	.sp-flex_wrap{
		flex-wrap: wrap;
	}
	.filter .title{
		font-size: 14px!important;
	}
	/* 20250421追加 */
	.s_title {
		font-size: 18px;
	}
	/* 20250423追加 */
	.sq-speech-fe{
		width: 100%;	
	}
	.feature-cont{
		width: 50%;
		margin-bottom: 10px;
	}
	consultant-orange-arrow{
		right:0;
		width: 16px;
	}
	.cl-step img{
		filter: none;
	}
	.sp-font11{
		font-size: 11px;
	}

}

/* 20250630追加 インタビューページ */
		.interview{
			display: flex;
			gap: 20px;
		}
		.interview h1{
			border-bottom: 1px solid #EB7624;
		}
		.qa-block dt, .qa-block dd{
			display: flex;
			align-items: baseline;
		}
		.qa-block dt::before {
		  content: "Q. ";
		  color: #EB7624;
		  font-weight: bold;
		  padding-right: 5px;
		  font-size: 24px;
		}

		.qa-block dd::before {
		  content: "A. ";
		  color: #EB7624;
		  font-weight: bold;
		  padding-right: 5px;
		  font-size: 24px;
		}
		.toc {
		 width: 230px;
		max-height: 90vh;
		position: sticky;
		align-self: flex-start;
		background-color: #F3F3F3;
		border: 1px solid #EB7624;
		border-radius: 0 10px 10px 0;
		padding: 20px 17px;
		font-size: 14px;
		line-height: 1.7;
		top: 40px;
		}

		.interview .content {
		  flex: 1;
		}

		.toc ul {
		  list-style: none;
		  padding: 0;
		  margin: 0;
		}

		.toc li {
		  margin-bottom: 12px;
		}

		.toc a {
		  text-decoration: none;
		  color: #e0702e;
		  transition: color 0.2s;
		}

		.toc a:hover {
		  color: #c25010;
		}
		.interview-top-arrow{
			margin-left: 10px;
			top: 50%;
			width: 21px;
			transform: translate(-50%, -50%);
		}
		.interview-top-arrow img{
			transform: scaleX(-1);
		}
		.mv{
			margin: 30px 0 0 auto;
		}
		@media screen and (max-width: 767px) {
			.toc {
				display:none; 
			}
			.qa-block{
				padding: 0;
			}
			.qa-block dt::before, .qa-block dd::before{
			  font-size: 18px;
			}
	}

/* slick */
@media screen and (max-width: 1700px) {
    .review-lists.slick-initialized .slick-slide {
        width: 22.5vw!important;
    }
}
@media screen and (max-width: 1400px) {
    .review-lists.slick-initialized .slick-slide {
        width: 26vw!important;
    }
}
@media screen and (max-width: 1200px) {
    .review-lists.slick-initialized .slick-slide {
        width: 31vw!important;
    }
}