@charset "utf-8";
/*read_sch*/
@media only screen and (max-width: 896px) {
	.read_sch .fr_img img{
	max-width: 200px;
	}
}
.read_sch_car{
display:flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.read_sch_car:before{
content:"- 取扱い車種 -";
flex-basis: 100%;
font-size:1.4rem;
font-weight:500;
}
.read_sch_car li{
flex-basis: 5.2em;
font-size:1.4rem;
font-weight:600;
letter-spacing: 0.08em;
color: rgba(0,0,0,0.7);
background:rgba(26,128,196,0.15);
text-align:center;
padding:2px 0;
margin:0 5px 5px 0;
}
@media only screen and (max-width: 896px) {
	.read_sch_car li{
	font-size:1.25rem;
	}
	.read_sch_car:before{
	font-weight:600;
	}
}
/*car*/
#car .fr_img img{
max-width: 150px;
}
@media only screen and (max-width: 896px) {
	.car .fr_img img{
	max-width: 200px;
	}
}
/*purpose*/
#purpose .fr_img img{
max-width: 200px;
}
@media only screen and (max-width: 896px) {
	#purpose .fr_img img{
	max-width: 150px;
	}
}
/*staff*/
.rel_staff{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.rel_staff li{
	flex-basis: 19.5%;
	margin-bottom:10px;
	text-align:center;
}
@media only screen and (max-width: 896px) {
	.rel_staff{
	justify-content: flex-start;
	}
	.rel_staff li{
		flex-basis: 31.5%;
		margin-right: 2.5%;
	}
	.rel_staff li:nth-child(3){
		margin-right: 0%;
	}
}
/*sitemap*/
#sitemap #c .nav{
	margin-bottom:30px;
}
#sitemap #c .nav2{
	margin-top:5px;
}
#sitemap #c .nav_tit .anc,
#sitemap #c .nav_tit > a,
#sitemap #c .nav li > a{
	display:block;
	font-weight: 400;
	line-height: 1.4;
	background: rgba(0,0,0,0.025);
	border-top: solid 1px rgba(26,128,196,0.25);
	padding:0.8rem 3rem 0.8rem 1.5rem;
	margin: 0 -10px;
	position:relative;
}
#sitemap #c .nav_tit .anc,
#sitemap #c .nav_tit > a{
	font-size:1.8rem;
	font-weight: 500;
	background: rgba(0,0,0,0.045);
	border-bottom: solid 1px rgba(26,128,196,0.25);
}
#sitemap #c .nav2 .nav_tit .anc,
#sitemap #c .nav2 .nav_tit > a{
	border-bottom:none;
}
#sitemap #c .nav_tit .anc{
	color:rgba(0,0,0,0.65);
}
#sitemap #c .nav li:last-child > a{
	border-bottom: solid 1px rgba(26,128,196,0.25);
}
#sitemap #c .nav_tit > a:hover,
#sitemap #c .nav li > a:hover{
	background: rgba(0,0,0,0.065);
	opacity:1;
}
#sitemap #c .nav_tit > a:after,
#sitemap #c .nav li > a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-top: 1px solid rgba(26,128,196,0.85);
	border-right: 1px solid rgba(26,128,196,0.85);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sitemap #c .nav_tit > a:hover:after,
#sitemap #c .nav li > a:hover:after{
	width: 8px;
	height: 8px;
	border-width:2px;
	-moz-transition: width .3s ease-out;
	-webkit-transition: width .3s ease-out;
	transition: width .3s ease-out;
	-moz-transition: height .3s ease-out;
	-webkit-transition: height .3s ease-out;
	transition: height .3s ease-out;
}
#sitemap #c .sup{
	font-size:1.4rem;
	margin-left:0.8rem;
}
/*sch_cp*/
#sch_cp p{
display:block;
font-size: 1.8rem;
line-height: 1.8;
margin-bottom:15px;
}
#sch_cp table{
border:1px solid rgba(26,128,196,0.15);
width:100%;
margin:1rem auto;
}
#sch_cp table tr:nth-child(2n+1){
background:#fbfbfb;
}
#sch_cp table th,
#sch_cp table td{
line-height: 1.6;
border:1px dashed rgba(26,128,196,0.25);
padding:8px 6px;
text-align:center;
vertical-align:middle;
}
#sch_cp table th{
font-size:1.4rem;
font-weight:600;
color: rgba(0,0,0,0.75);
background:rgba(26,128,196,0.15);
border:1px solid rgba(255,255,255,0.95);
}
#sch_cp table li{
font-size: inherit;
line-height: inherit;
margin-bottom: inherit;
}
#sch_cp table a{
display: block;
}
@media only screen and (max-width: 896px) {
	#sch_cp table td{
		line-height:1.6;
	}
	#sch_cp table th{
		line-height:1.4;
		padding:0.4rem 0.6rem;
	}
	#sch_cp table a{
	padding: 5px 0;
	}
}
/*rel_sch_plan*/
.rel_sch_plan ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.rel_sch_plan ul li{
	flex-basis: 11.6%;
	margin-right: 1%;
	margin-bottom: 10px;
}
.rel_sch_plan ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.rel_sch_plan .rel_li:before{
content:none;
}
.rel_sch_plan .rel_li li{
flex-basis: auto;
}
@media only screen and (min-width: 896px) {
	.rel_sch_plan ul li:nth-child(8n){
		margin-right: 0;
	}
}
@media only screen and (max-width: 896px) {
	.rel_sch_plan ul li{
		flex-basis: 22.4%;
		margin-right: 2.6%;
	}
	.rel_sch_plan ul li:nth-child(4n){
		margin-right: 0;
	}
}
/*sch_equip*/
#sch_equip iframe{
	width:100%;
	height:400px;
}
@media only screen and (max-width: 896px) {
	#sch_equip iframe{
	height:250px;
	}
}
@media only screen and (max-width: 896px) {
	#sch_cp .sch_cp_des{
	overflow: scroll;
	}
	#sch_cp .sch_cp_des table{
	width: max-content;
	}
}
/*sch_plan*/
.switc_bt {
display:flex;
justify-content: space-around;
margin-bottom: 10px;
}
#f-nirin .switc_bt,
#o-nirin .switc_bt{
display:none;
}
.switc_bt li {
flex-basis:40%;
cursor: pointer;
font-size: 2.8rem;
letter-spacing:0.03em;
line-height:1.3;
font-weight: 500;
text-align: center;
color: rgba(255,255,255,0.95);
background: rgba(0,0,0,0.25);
box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
padding:15px;
margin-bottom: 10px;
border-radius: 6px;
}
.switc_bt li:hover {
opacity:0.9;	
}
.switc_bt li.select {
background: rgba(26,128,196,0.45);
}
.switc_bt li:after {
	content: "の入卒カレンダーを見る";
	font-size:1.8rem;
}
.switc_bt li.select:after {
	content: "の入卒カレンダー";
}
.switc.off,
.switc .isdb_label{
display:none;
}
@media only screen and (max-width: 896px) {
	.switc_bt li {
	font-size:2rem;
	padding:15px 10px;
	}
	.switc_bt li:after {
	font-size:1.4rem;
	}
}
.isdb_calendar {
	display:flex;
	justify-content: center;
}
.isdb_left {
	flex-basis:15%;
}
.isdb_right {
	flex-basis:85%;
	overflow-x:scroll;
	overflow-y:hidden;
}
.isdb_left table,
.isdb_right table {
	width:100%;
	border:1px solid rgba(26,128,196,0.15);
}
.isdb_left table{
	border-right:2px solid rgba(26,128,196,0.55);
}
.isdb_left table td,
.isdb_right table th,
.isdb_right table td {
	font-size:1.2rem;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	border:1px solid rgba(26,128,196,0.25);
}
.isdb_left table td{
	border-color:rgba(26,128,196,0.55);
}
.isdb_right table th,
.isdb_right table td {
	border-left-style:dashed;
	border-right-style:dashed;
	min-width:22px;
}
.isdb_right table th {
	padding-left:12px;
	padding-right:12px;
}
.isdb_right table td {
	letter-spacing:0.08em;
	padding: 0 2px;
}
.isdb_calendar table tr.eee {
	background:#fbfbfb;
}
.isdb_calendar table th span.sun {
	color:rgba(255,76,90,0.95);
}
.isdb_calendar table th span.sut {
	color:rgba(26,128,196,0.85);
}
@media only screen and (max-width: 896px) {
	.isdb_left {
	flex-basis:25%;
	}
	.isdb_left table td {
	width:10%;
	}
}
/*sch_guarantee sch_fee*/
.sch_guarantee .tb1,
.sch_fee .tb1{
margin-top:0;
}
.sch_guarantee .tb1 td{
font-size: 1.4rem;
}
.sch_fee .tb1{
max-width:1000px;
}
.sch_fee .tb1 td{
font-size: 1.35rem;
color:rgba(0,0,0,0.75);
}
.sch_fee .tb1 .fee_in,
.sch_fee .tb1 .fee_ex{
font-weight: 600;
line-height:1.5;
}
.sch_fee .tb1 .fee_in{
font-size: 1em;
color:rgba(255,76,90,0.85);
}
.sch_fee .tb1 .fee_ex{
font-size: 1em;
color: #333333d1;
position:relative;
}
.sch_guarantee .sc,
.sch_fee .sc{
white-space:inherit;
}
@media only screen and (max-width: 896px) {
	.sch_fee .sc {
	text-align: center;
	width: unset;
	overflow:auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding:10px;
	margin-bottom:15px;
	box-shadow: none;
	border: dotted 1px #ddd;
	}
	.sch_fee .sc:after,
	.sch_fee .sc.sc_up:before{
	content: "料金プランが多い場合はスクロールで確認 >>";
	color: rgba(0,0,0,0.35);
	background: rgba(0,0,0,0.065);
	font-weight:600;
	font-size:70%;
	display: block;
	padding: 2px 5px;
	border-radius: 2px;
	width: max-content;
	text-align: center;
	}
	.sch_fee .sc:after {
	margin: 5px 0 0;
	}.sc.sc_up:before{
	margin: 0 0 5px;
	}
	.sch_fee .sc .sc_in{
	width:max-content;
	padding-right:10px;
	}
}
.sch_fee .color{
font-size: 1.15rem;
letter-spacing:0.08em;
margin:0.5em;
}
.sch_fee .color_set:before/*,
.sch_fee .color_set:after*/{
display:inline-block;
content: "";
margin:0 8px;
}
.sch_fee .color_set:before{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid rgba(0,0,0,0.15);
}
/*.sch_fee .color_set:after{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid rgba(0,0,0,0.15);
}*/
.sch_fee .color_set span{
display:inline-block;
width: 18px;
height: 18px;
margin:0 3px;
position:relative;
top:3px;
}
.sch_fee .color .p1,
.sch_fee .tb1 .p1,
.switc table .p1,
.sch_cal .p1,
#sch_price .p1 {
background:#ffded2;
}
.sch_fee .color .p2,
.sch_fee .tb1 .p2,
.switc table .p2,
.sch_cal .p2,
#sch_price .p2 {
background:#ffe7a8;
}
.sch_fee .color .p3,
.sch_fee .tb1 .p3,
.switc table .p3,
.sch_cal .p3,
#sch_price .p3 {
background:#fff39a;
}
.sch_fee .color .p4,
.sch_fee .tb1 .p4,
.switc table .p4,
.sch_cal .p4,
#sch_price .p4 {
background:#eef292;
}
.sch_fee .color .p5,
.sch_fee .tb1 .p5,
.switc table .p5,
.sch_cal .p5,
#sch_price .p5 {
background:#d7f4ba;
}
.sch_fee .color .p6,
.sch_fee .tb1 .p6,
.switc table .p6,
.sch_cal .p6,
#sch_price .p6 {
background:#c5f3d6;
}
.sch_fee .color .p7,
.sch_fee .tb1 .p7,
.switc table .p7,
.sch_cal .p7,
#sch_price .p7 {
background:#caecf7;
}
/*sch_car_note*/
.sch_car_note p.mb10{
display:none;
}
.sch_car_note .sche,
.sch_car_note .warning{
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 15px;
}
.sch_car_note .sche li,
.sch_car_note .warning li{
text-indent: -1em;
padding: 8px 0 8px 10px;
border-bottom:1px dashed rgba(26,128,196,0.15);
}
.sch_car_note .sche li:first-child,
/*.sch_car_note .warning li:first-child*/{
padding-top: 0;
}
.sch_car_note .sche li:nth-child(2n),
.sch_car_note .warning li:nth-child(2n){
background: #fbfbfb;
}
.sch_car_note .sche li:before,
.sch_car_note .warning li:not(.major)::before{
content: "・";
}
.sch_car_note .warning .major {
font-size: 1.6rem;
font-weight: 550;
line-height: 1.2;
text-align: center;
background: rgba(26,128,196,0.05);
padding: 9px;
margin:15px 0 0;
user-select: none;
}
.sch_car_note .warning .max {
background: rgba(#fff39a)!important;
}

/*sch_month*/
.sch_month{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin: 0 auto;
}
.sch_month li{
flex-basis: 20%;
}
.sch_month li a{
display:block;
font-size:3rem;
line-height:1.6;
font-weight:600;
background:rgba(26,128,196,0.45);
color:rgba(255,255,255,0.95);
box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
text-align: center;
border-radius: 2px;
margin: 0 10px 10px 0;
}
.sch_month li a:after{
content: "月";
font-size:60%;
margin-left:3px;
}
/*sch_cal_set*/
.sch_cal_set{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
}
.sch_cal .sch_cal_day{
font-size:1.8rem;
font-weight:600;
line-height:1.6;
border:solid 1px rgba(26,128,196,0.45);
padding:5px;
margin-top:2px;
}
.sch_cal .sch_cal_day:nth-child(2n+1){
flex-basis: 65%;
border-right:none;
text-align: center;
}
.sch_cal .sch_cal_day:nth-child(2n){
flex-basis: 25%;
font-size:1.6rem;
font-weight:400;
padding-top: 10px;
border-left:dashed 1px rgba(26,128,196,0.45);
}
.sch_cal .sch_cal_day:nth-child(2n):after{
content: "卒業";
font-size:80%;
margin-left:3px;
}
.sch_cal .sch_cal_day.sch_cal_gr,
.sch_cal .sch_cal_day.sch_cal_ad{
background: rgba(221,235,243,1);
}
.sch_cal .sch_cal_day.sch_cal_gr:after{
content: none;
}
.sch_cal .sch_cal_day.sch_cal_ad:after{
content: "（料金確認）";
font-size:80%;
margin-left:3px;
}
.sch_cal .sch_cal_day a{
display: inline-block;
color:rgba(255,255,255,0.95);
box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
text-align:center;
border-radius: 2px;
padding: 5px 6px;
}
.sch_cal .sch_cal_day .sch_cal_space_ask{
background:rgba(255,76,90,0.95);
width:35%;
margin-right:10px;
}
.sch_cal .sch_cal_day .sch_cal_price{
background:rgba(152,198,228,1);
width:40%;
}
.sch_cal .sch_cal_day .sch_cal_price:after{
content: "入校";
font-size:80%;
font-weight:400;
margin-left:5px;
}
/*sch_price*/
#sch_price table {
	width:100%;
	border:1px solid rgba(26,128,196,0.15);
	margin:10px auto;	
}
#sch_price table th,
#sch_price table td {
	border:1px dashed rgba(26,128,196,0.25);
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing:0.08em;
	color: rgba(0,0,0,0.75);
	text-align:center;
	vertical-align:middle;
	padding:8px 6px;
}
#sch_price table tr:nth-child(2n){
background:#fbfbfb;
}
#sch_price table .fee_in,
#sch_price table .fee_ex{
	font-weight: 600;
	line-height:1.3;
	position:relative;
}
#sch_price table .fee_in{
	font-size: 2rem;
	color:rgba(255,76,90,0.85);
	top:-20px;
}
#sch_price table .fee_ex{
	font-size: 1.4rem;
	color: rgba(0,0,0,0.35);
	right:-11px;
	top:26px;
}
#sch_price .bg1,
#sch_price .bg1 .txt{
font-size: 1.4rem;
}
/*sch_top*/
#sch_photo .photo_com{
display: block;
line-height: 1.6;
margin-top: 10px;
}
@media only screen and (max-width: 896px) {
	#sch_cp .bg1 p,
	#sch_cp .bg1 .txt{
	font-size: 1.4rem;
	}
	#sch_intro .txt{
	font-size: 1.6rem;
	}
}
/*school plan*/
#futsu.school #f-nirin,
#futsu.school #o-nirin,
#futsu.school #j-chugata,
#futsu.school #chugata,
#futsu.school #ogata,
#futsu.school #daitoku,
#futsu.school #kenin,
#futsu.school #futsu2,
#futsu.school #chugata2,
#futsu.school #ogata2,
#nirin.school #futsu,
#nirin.school #j-chugata,
#nirin.school #chugata,
#nirin.school #ogata,
#nirin.school #daitoku,
#nirin.school #kenin,
#nirin.school #futsu2,
#nirin.school #chugata2,
#nirin.school #ogata2,
#tokushu.school #futsu,
#tokushu.school #f-nirin,
#tokushu.school #o-nirin,
#tokushu.school #futsu2,
#tokushu.school #chugata2,
#tokushu.school #ogata2,
#nishu.school #futsu,
#nishu.school #f-nirin,
#nishu.school #o-nirin,
#nishu.school #j-chugata,
#nishu.school #chugata,
#nishu.school #ogata,
#nishu.school #daitoku,
#nishu.school #kenin{
display:none;
}
/*r_s_flex*/
.r_s_f_area{
	background: rgba(26,128,196,0.1);
	margin: 10px auto;
	max-width: 70%;
}
.r_s_f_area a{
	color: rgba(0,0,0,0.8);
}
.r_s_f_area .tit4{
	background: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin: 5px;
}
.r_s_f_area .read_sch_car {
	margin-left: 20px;
}
@media only screen and (max-width: 896px) {
	.r_s_f_area{
		max-width: 100%;
	}
	.r_s_f_area .read_sch_car {
		margin-left: 5px;
	}
}
@media only screen and (min-width: 1600px) {
	.r_s_f_area{
		max-width: 60%;
	}
}
/* txt_img */
.txt_img{
	margin-bottom: 1.5em;
	max-width: 375px;
}
.txt_img .img_cap{
	text-align: left;
	padding: 10px 5px;
	max-width: fit-content;
}
@media only screen and (max-width: 896px) {
	.txt_img{
		max-width: 390px;
	}
}

/*set_rep_sum*/
.set_rep_sum dl{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color:rgba(0,0,0,0.85);
  background: rgb(35 88 189 / 5%);
	border:solid 1px rgba(27,127,36,0.015);
	padding:8px 15px;
	margin-bottom:15px;
	border-radius:3px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.05);
}
.set_rep_sum dl:hover{
	border-color:rgb(42 27 127 / 45%)
}
.set_rep_sum dl:after{
	order: 5;
	flex-basis: 100%;
	content:"くわしく知りたい";
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.08em;
	text-align: right;
  color: rgb(27 80 127 / 75%);
	border-top: dashed 2px rgb(52 27 127 / 25%);
	padding-top:2px;
	margin-top:10px;
}
.sum_date{
	order: 1;
	flex-basis: 100%;
	font-size:1.15rem;
	letter-spacing:0.08em;
	color: rgba(27,127,36,0.55);
}
.sum_date:before{
	content:"投稿日：";
	font-size:1.1rem;
}
.sum_tit{
	order: 2;
	flex-basis: 100%;
	font-size:1.65rem;
	font-weight:600;
	line-height:1.35;
	letter-spacing:0.03em;
	margin: 4px 0 9px;
}
.sum_img{
	order: 3;
	flex-basis: 33%;
}
.sum_txt{
	order: 4;
	/*flex-basis: 65%;*/
	font-size:1.3rem;
	line-height:1.54;
	position: relative;
	height: 80px;
	overflow: hidden;
	top:-4px;
}
/* .sum_txt:before,
.sum_txt:after {
	position: absolute;
	background: #f4f6fc;
	padding-left:2px;
}
.sum_txt:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}
.sum_txt:after {
	content: "";
	width: 100%;
	height: 100%;
} */
#report .inner_ch:nth-child(1) .tit3{
	margin-top:-15px;
}
/* #top .set_rep_sum,
#service .set_rep_sum{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
} */
/* #service .set_rep_sum{
	justify-content: center;
} */
/* #top .set_rep_sum a{
	flex-basis: 49%;
}
#service .set_rep_sum a{
	flex-basis: 60%;
} */
@media only screen and (min-width: 896px) {
	#service .sum_txt{
		font-size:1.55rem;
		height: 120px;
	}
}
@media only screen and (max-width: 896px) {
	/* #top .set_rep_sum,
	#service .set_rep_sum{
		justify-content: center;
	}
	#top .set_rep_sum a,
	#service .set_rep_sum a{
		flex-basis: 100%;
	} */
}
@media only screen and (min-width: 1200px) {
	.inner_ch:nth-child(1) .sum_txt{
		line-height:1.6;
		height: auto;
		top:0;
	}
	.inner_ch:nth-child(1) .sum_txt:before,
	.inner_ch:nth-child(1) .sum_txt:after {
		content: none;
	}
	.inner_ch:nth-child(2) .sum_txt{
		font-size:1.2rem;
	}
	.inner_ch:nth-child(2) .sum_txt {
		line-height: 1.65;
	}
	.inner_ch:nth-child(1) .sum_img{
		flex-basis: 22.5%;
	}
	.inner_ch:nth-child(1) .sum_txt{
		/*flex-basis: 76%;*/
		font-size:1.45rem;
		line-height:2;
		margin-top:-6px;
	}
	.inner_ch:nth-child(2) .sum_img{
		flex-basis: 40%;
	}
	.inner_ch:nth-child(2) .sum_txt{
		flex-basis: 56.5%;
	}
	.inner_ch:nth-child(2) .sum_tit{
		font-size:1.35rem;
	}
	.inner_ch:nth-child(2) .tit3{
		margin-top:-15px;
	}
}
/* set_area */
.set_area a{
margin-left: 1em;
}
.set_area a{
position: relative;
color: #333;
margin-top: 1.5em;
margin-bottom: 1em;
display: block;
padding: 0.5em;
background: #fff;
border: #839de9 solid 1px;
min-width: 190px;
min-height: 220px;
}
.set_area .set_tit{
display: inline-block;
font-size: 1.65rem;
font-weight: 600;
line-height: 1.35;
letter-spacing: 0.03em;
margin-top: 0.5em;
margin-bottom: 1em;
}
.set_area .set_txt{
margin-bottom: 1.2em;
}
.set_area .set_txt::after {
content: "くわしく知りたい >";
position: absolute;
display: block;
bottom: 0.1em;
right: 0.5em;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0.08em;
text-align: right;
color: rgb(27 80 127 / 75%);
}
@media only screen and (min-width: 895px) {
	.set_area .set_tit{
	margin-top: 0;
	}
	.set_area dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.set_area .set_tit{
	flex-basis: 100%;
	}
	.set_area .set_img{
	flex-basis: 30%;
	}
	.set_area .set_txt{
	flex-basis: 65%;
	}
}
/* pick_card */
.pick_card .card {
position: relative;
color: #333;
margin: 0.5em;
display: block;
background: #fff;
border: #d2d7e5 solid 1px;
min-width: 240px;
max-width: 240px;
box-shadow: 3px 3px 15px -5px #777777;
border-radius: 10px;
line-height: 1.7;
letter-spacing: 0.05em;
padding-bottom: 3em;
}
.card_img img{
width: 100%;
height: auto;
border-radius: 10px 10px 0 0;
}
.card_img .band{
background: #eaf4fb;
display: block;
text-align: center;
font-size: 0.8em;
font-weight: 600;
}
.pick_card .card_plan .car_type {
font-size: 1em;
padding: 0;
}
.pick_card .card_tit{
padding: 0.5em;
}
.pick_card .card_plan {
padding: 0 0.5em;
font-size: 0.9em;
}
.pick_card .card.rank::after {
position: absolute;
content:"";
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 50px solid #88bcff;
border-right: 50px solid transparent;
}
.pick_card .card.rank:nth-child(1):after {
border-top: 50px solid #cfc33d;
}
.pick_card .card.rank:nth-child(2):after {
border-top: 50px solid #b5c1c5;
}
.pick_card .card.rank:nth-child(3):after {
border-top: 50px solid #e99b59;
}
.pick_card .card.rank::before {
position: absolute;
top: 2px;
left: 10px;
z-index: 1;
font-size: 1.2em;
font-weight: 600;
color: #fff;
}
.pick_card .card.rank:nth-child(1):before {
content: '1';
}
.pick_card .card.rank:nth-child(2):before {
content: '2';
}
.pick_card .card.rank:nth-child(3):before {
content: '3';
}
.pick_card .card_plan >*:before{
color: #777777;
font-weight: 500;
font-size: 0.9em;
}
.pick_card .card_plan .car_type:before{
content:"車種："
}
.pick_card .card_plan .room:before{
content:"部屋プラン："
}
.pick_card .card_plan .day:before{
content:"入校日："
}
.pick_card .card_plan .day_around:before{
content:"入校時期："
}
.pick_card .card_plan .price:before{
content:"料金(税込):"
}
.pick_card .card_plan .rec_point:before{
content:"おすすめスコア:"
}
.pick_card .card_plan .price{
text-align: right;
font-size: 1.2em;
font-weight: 600;
margin-top: 0.5em;
}
.pick_card .card_cta{
text-align: center;
color: #06c;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
/* chart */
.chart_box {
max-width: 640px;
height: auto;
margin: 1em auto;
background:#fff;
padding:0.5em;
}
/* area_pick_box */
.area_pick_box {
background: #fff;
margin-top: 2em;
}
.area_pick_box h2 {
padding: 0.2em;
background: #ccddff;
color: #6b6a6a;
font-weight: 500;
font-size: 1.2em;
text-align: center;
}
.area_pick_box ul {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.2em;
padding: 1em;
line-height: 1.7;
}
.area_pick_box ul li {
flex-basis: 45%;
margin-bottom: 10px;
position: relative;
border-bottom: 1px solid #b7b7b7;
}
.area_pick_box ul li::after {
content:"";
position: absolute;
top: 11px;
right: 4.7px;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
}
.area_pick_box ul li::before {
position: absolute;
content: "";
right: 0;
width: 16px;
height: 16px;
margin-top: 3px;
background: #ccddff;
border-radius: 50%;
}
.area_pick_box ul li a {
display:block;
}
/* char_column（faqと統合予定） */
.char_column{
display: flex;
align-items: center;
justify-content: space-around;
margin: 0.5em 0.5em 3em;
gap: 1em;
}
.char_column.rev{
flex-flow: row-reverse;
}
.char_column .char {
position: relative;
width: 115px;
}
.char_column .char{
width: 110px;
}
.char_column .char .char_img{
width: 70px;
border: 3px solid #afafaf;
border-radius: 70px;
padding: 0.3em 0.3em;
text-align: center;
margin: auto;
}
.char_column .char .char_img{
width: 70px;
border: 3px solid #afafaf;
border-radius: 70px;
padding: 0.3em 0.3em;
text-align: center;
margin: auto;
}
.char_column .char .char_img img{
border-radius: 5em;
overflow: auto;
box-shadow: inset 0 0 10px 15px #FFF;
}
.char_column .char::before {
content: attr(data-en);
text-align: center;
display: inherit;
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.char_column .char_txt{
flex-basis: 75%;
position: relative;
display: inline-block;
padding: 0.5em;
background: #FFF;
border: solid 3px #afafaf;
box-sizing: border-box;
border-radius: 0.5em;
}
.char_column .char_txt:before {
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #fff;
z-index: 2;
}
.char_column .char_txt:after {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #afafaf;
z-index: 1;
}
.char_column.rev .char_txt:before {
left: unset;
right: -23px;
transform: rotate(180deg);
}
.char_column.rev .char_txt:after {
left: unset;
right: -29px;
transform: rotate(180deg);
}
/* know_how */
.know_how {
background: #e5eeff;
display: flex;
padding: 1em;
padding-left: 0.5em;
flex-wrap: wrap;
gap: 1%;
max-width: 540px;
margin: auto;
margin-top: 2em;
align-items: center;
}
.know_how .know_how_txt{
flex-basis: 100%;
text-align: center;
font-size: 1.1em;
margin-bottom: 1em;
}
.know_how h2{
font-size: 1.4em; 
}
.know_how h2 span{
background: #afcbff;
color: #fff;
font-weight: 600;
display: inline-block;
padding: 0.2em 0.8em;
border-radius: 1.5em;
}
.know_how_img img{
max-height: 150px;
}
.know_how_icon{
flex-basis: 34%;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.know_how_txt{
font-size: 0.8em;
align-items: center;
display: flex;
justify-content: center;
}
.know_how_txt::before,
.know_how_txt::after {
background-color: #1e90ff;
border-radius: 5px;
content: "";
height: 1px;
width: 20px;
}
.know_how_txt::before {
transform: rotate(60deg);
}
.know_how_txt::after {
transform: rotate(-60deg);
}
.know_how_step{
flex-basis: 65%;
}
.know_how_step li a{
color: #333;
background-color: #fff;
box-shadow: 0 0 5px -2px #9882f1;
border-radius: 8px;
display: flex;
text-decoration: none;
margin-bottom: 8px;
padding: 10px;
gap: 0.5em;
font-size: 0.9em;
align-items: baseline;
position: relative;
}
.know_how_step li a::before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: 10px;
width: 16px;
height: 16px;
background: #ccddff;
border-radius: 50%;
}
.know_how_step li a::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: 13.9px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
}
.know_how_step li a span{
font-family: system-ui;
font-style: italic;
color: #ff4e4e;
font-weight: 600;
}
.know_how_step.col_item li a{
align-items: center;
}
.know_how_step.col_item li.know_how_this a{
background: #7fc5f5;
color: #fff;
font-weight: 500;
}
.know_how_step.col_item {
max-width: 650px;
margin: 2em 0.5em;
}
@media only screen and (min-width: 896px) {
	.know_how_step.col_item {
	margin: 2em auto;
	}
}