@charset "utf-8";
p, .exam_info th, .exam_info td {font-size:14px;}
.pink {color: #ED6D7B;}
.light_b{color:#2FB8FF;}
.l_h_15 {line-height: 1.5em;}
.l_h_1 {line-height: 1em;}
.mg_t_20 {margin-top:20px;}
.mg_t_30 {margin-top:30px;}
.mg_t_50 {margin-top:50px;}
.f_s_16 {font-size:16px;}
.f_s_18 {font-size:18px;}
.f_s_20 {font-size:20px;}
.f_w_b {font-weight:600;}
.f_c_blue {color:#2B4B71;}
.t_left {text-align: left;}

h3 {padding-bottom:10px;}

/*ボタン*/
.lp-btn-box {
display: flex;
gap: 20px 30px;
justify-content: center;
margin:10px auto 30px;
}
.lp-btn-box p a {
display: block;
color: #fff;
width: 530px;
background-image: linear-gradient(0deg, rgba(6, 105, 222, 1), rgba(25, 138, 255, 1));
padding: 35px 10px;
text-align: center;
font-size:22px;
border-radius: 50px;	
}

}
/*ボタン*/

.arrow {
margin-left: 8px;
font-size: 16px;
　vertical-align: middle;
}
.small_title {
font-size:32px; 
font-weight:600;
color:#2B4B71;
padding-top:40px;
}
.small_title span {font-size:50px;}
.result_text {
font-size:24px; 
font-weight:600;
color:#2B4B71;
}
.bg_w{
	background:#fff; 
	padding :1% 3% 3%; 
	width:98%; 
	margin:2% 1% 1%;}
.min{
color:#ED6D7B; 
font-size:18px; 
padding:5px; 
border:#ED6D7B 1px solid; 
display: inline-block; 
font-weight:600; 
margin-bottom:20px;
}
.score_sp {
	display: none!important;
}
.enter {
	font-size:20px; 
	margin-top:30px; 
	font-weight:600; 
	line-height:1.5em;}

/*2つ並び*/
.lp-2_rows {
display: flex;
gap: 0 30px;
margin: 30px 0 0;
padding: 0px;
justify-content: center;
align-items: center;
}

/*ボタンの前のテキスト*/
.banner {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
color: #2B4B71;
font-size: 18px;
margin-top:30px;
}
.line {
width: 20px;
border-top: 2px solid #1a2e40;
transform: rotate(45deg);
}
.line.right {
transform: rotate(-45deg);
}

/*メニュー6つ並び*/
.lp-6_rows {
display: flex;
justify-content: center;
align-items: center;
gap: 0 5px;
max-width:1200px;
margin: 30px auto 0;
padding: 0;
flex-wrap: nowrap;
}
.lp-6_rows a {
display: block;
width: calc((100% - 100px) / 6);
}
.lp-6_rows img {
width: 100%;
height: auto;
display: block;
}

/*しろぼんSCOREとは 画像*/
.about {width:60%;}
#about::before, #features::before, #merit::before, #exam::before, #supervision::before, #faq::before  {  
display: block;
height: 2rem;
margin-top: -2rem;
content: "";
}

.agreements {text-decoration: underline;}

/*３つの特徴sp*/
.features {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 1140px;
margin: 20px auto 5%;
}
.feature-box {
display: flex;
align-items: center;
background: #fff;
border-radius: 50px;
padding: 10px 30px;
}
.feature-icon {
width: 80px;
flex-shrink: 0;
text-align: center;
}
.feature-icon img {
width: 60px;
height: auto;
}
.feature-title {
flex: 1;
font-weight: bold;
font-size: 24px;
color: #2B4B71;
text-align: left;
padding-left:5px;
}
.feature-desc {
flex: 2;
font-size: 16px;
color: #333;
padding-left: 10px;
text-align: left;
line-height:1.3em;
}

/*黄色の背景*/
.bg_ye {
	background:#F6F7C3; 
	padding :1% 1% 2%; 
	width:98%; 
	margin:4% 1% 1%;}
.pc_none {display: none;}

/*メリット*/
.mert_card_wrapper {
position: relative;
max-width: 305px;
}
.merit {
display: flex;
gap: 4rem;
flex-wrap: wrap;
justify-content: center;
margin-top:40px;
}
.mert_card {
position: relative;
background: white;
padding: 4rem 3rem 2rem;
text-align: center;
border-radius: 20px;
z-index: 1;
min-height:230px;
}
.mert_icon {
position: absolute;
top: -65px;
left: 50%;
transform: translateX(-50%);
width: 180px;
height: auto;
}
.mert_icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.mert_title {
font-size: 22px;
font-weight: bold;
margin-top: 3rem;
color:#2B4B71;
}
.mert_description {
margin-top: 2rem;
color: #555;
line-height:1.6em;
text-align: left;
}

/*ずれの部分*/
.mert_card_shadow {
position: absolute;
top: 10px;
left: 10px;
width: 100%;
height: 100%;
border-radius: 20px;
background: transparent; 
border: 1px solid #7fdbff; 
z-index: 0;
}

/*受検案内*/
.exam_info {
background: #f6f7c3;
padding: 20px 0 50px;
margin: 0 auto;
width: 100%;
max-width: 1020px;
box-sizing: border-box;
line-height:1.5em;
}
.exam_info table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
.exam_info th,
.exam_info td {
border: 1px solid #8ecae6;
padding: 1em;
vertical-align: top;
box-sizing: border-box;
text-align: left;
}
.exam_info th {
width: 15%;
}

.exam_info span {font-weight:600!important;}

.exam_info ol {list-style-type:none;}

.exam_info li { 
   padding-left: 1em;
  text-indent: -1em;}



/*監修*/
.profile-section {
display: flex;
align-items: flex-start;
gap: 2em;
padding: 20px;
border: 1px solid #7DC7EF;
margin:20px auto 0px;
flex-wrap: wrap;
text-align: left;
width:900px;
}
.profile-photo {
width: 165px;
height: auto;
border: 1px solid #ccc;
flex-shrink: 0;
}
.profile-text {
flex: 1;
min-width: 200px;
}
.dr_name {
margin: 0;
font-size: 24px;
color: #2B4B71!important;
font-weight: bold;
}
.profile-text p {
margin-top: 5px;
line-height: 1.6;
color: #333;
}

/*作問委員会*/
.committee-section {
text-align: center;
padding:20px 20px 0;
}
.committee-section h3 {
font-size: 24px;
color: #1a4472;
margin-bottom: 10px;
}
.committee-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 30px;
max-width: 600px;
margin: 0 auto;
text-align: left;
}

/*よくある質問*/
.faq-section {
padding: 20px 20px;
max-width: 800px;
margin:0 auto 30px;
}
.faq-item {
margin-bottom: 10px;
}
.faq-question {
width: 100%;
background-color: #CAEAFB;
border: none;
padding: 15px 20px;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.faq-question .arrow {
transition: transform 0.3s ease;
}
.faq-question.active .arrow {
transform: rotate(180deg);
}
.faq-answer {
display: none;
background-color: #E4F2FA;
padding: 15px 20px;
text-align: left;
}
.faq-text {
display: inline-block;
text-indent: -1em;
padding-left: 1em;
line-height:1.3em;
}



@media screen and (min-width:768px) and ( max-width:1024px) {
.wrapper {
	min-width:100%!important;
	}
	
/*メリット*/
.merit{
	flex-direction:row!important;
	gap:4rem!important;
	   }
.mert_card_wrapper {
max-width: 300px;
margin-bottom: 2rem;
}
.mert_title {font-size:20px;}
.mert_card {
min-height:220px!important;
}
.bg_ye { 
	padding:2% 2% 3%; 
	width:100%; 
	margin-top:5%;}
	
/*監修・作問委員会*/
.profile-section {
flex-direction: column;
align-items: center;
text-align: center;
width:80%!important;
}
.profile-text {
text-align: left;}
}


@media (max-width: 768px) {
h3 {
	padding-bottom:0;
	}
	
/*ボタン*/
.lp-btn-box p a {
	width:330px;
	padding:30px 5px;}
.committee-grid {
grid-template-columns: 1fr;
text-align: center;
font-size:16px;
}
.pc_none {
	display: block;
	}
.small_title {
	font-size:18px; 
	padding-top:20px;
	}
.small_title span {
	font-size:28px; 
	}
.container {
	min-width: 320px;
	}
.wrapper { 
	padding: 0 15px;
	}
.bg_w { 
	padding:2% 5% 5%; 
	width:100%;}
.bg_ye { 
	padding:2% 5% 5%; 
	width:100%; m
	argin:10% auto 5%;}
.score_pc {
	display: none;}
.score_sp {
	display: block!important;
	}
.sp_t_l {
	text-align: left;
	}
.sp_none{
	display: none;
	}
.min{
	margin-bottom:10px;
	}	
.enter {
	font-size:16px; 
	text-align: left; 
	margin-top:20px;}
.estimated_amount {
	margin-top:20px!important;
	}
	
/*フォーム*/
.bed {width:230px;}
/*フォーム*/
	
/*しろぼんSCOREとは 画像*/
.about {width:100%;}
	
/*メリット縦*/
	
.merit {
flex-direction: column;
align-items: center;
gap:3em;
}
.mert_card {
width:100%;
margin-top:5px;
min-height: 100px;}
.mert_card_wrapper {width:100%;}
.mert_card_shadow {
top: 7px;
left: 7px;
width: 100%;
height: 100%;
}
.mert_icon {
top: -55px;
width: 140px;
}
.mert_title {
	font-size:20px;
	margin-top: 1rem;}
	
/*監修・作問委員会*/
.profile-section {
flex-direction: column;
align-items: center;
text-align: center;
width:100%;
}
.profile-text {
text-align: left;

}
/*受検案内*/
.exam_info{ 
width:100%;
padding:0;
margin:1em 0 3em;
}
{
width:35%;
}
.exam_info th,.exam_info td{
padding:7px;}
.exam_info th {
width:30%;
}

	
/*メニューsp*/
.sp-menu {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 500px;
margin: 0 auto 8%;
}
.sp-menu a {
position: relative; 
display: block!important;
background-color: #d6f0fc;
padding: 15px 20px 15px 20px;
border-radius: 25px;
border:1px solid #7DC7EF;
text-decoration: none;
color: #2B4B71;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
font-size: 16px;
font-weight: bold;
text-align: center; 
margin-top:10px;
}	
.sp-menu a .arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #7DC7EF;
}
	
/* しろ背景 */
.bg_w {margin:3% auto 1%;}	
}

/*3つの特徴 sp*/
.sp-feature-list {
display: flex;
flex-direction: column;
gap: 40px;
margin-top:10px;
}
.sp-feature {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.sp-feature-box {
display: flex;
align-items: center;
background: #fff;
border-radius: 30px;
padding: 5px 20px;
width: 100%;
margin-top:10px;
}
.sp-feature-icon {
width: 50px;
height: 50px;
margin-right: 15px;
flex-shrink: 0;
}
.sp-feature-icon img {
width: 100%;
height: auto;
}
.sp-feature-title {
font-weight: bold;
font-size: 18px;
color: #2B4B71;
}
.sp-feature-title span {
color:#2FB8FF;
}

.sp-feature-desc {
margin-top: 10px;
line-height: 1.6em;
text-align: left;
}
}
@media screen and (max-width:480px)  { 
.lp-btn-box_2 p a {
width: 300px;
}

}
@media screen and (max-width:350px) { 
		/*ボタン*/
.lp-btn-box p a {
	width:300px;}
}