@charset "UTF-8";
body{
	font-size: 80%;
	overflow-x: hidden;
}
/*-----------------------------------------------
__Layout
-----------------------------------------------*/
#container{
	display:block;
}
#main{
	display: block;
	width: 100%;
}
header#side{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.sp100{
	display: block;
}
.sp100 > div,
.sp100 > section{
	width: 100% !important;
	margin-bottom: 40px;
}
.lay_3c.sp100 > li{
	width: 100% !important;
}

/*-----------------------------------------------
__Header
-----------------------------------------------*/
header#side .box{/*サイドバー最後の要素*/
	position:static;
	display: block;
	min-height:inherit;
	width: 100%;
	background: rgba(255,255,255,0);
	border-bottom: 1px solid rgba(255,255,255,0);
}
header#side .box.transform{
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.under_container header#side .box{
	background: #fff !important;
	border-bottom: 1px solid #ddd !important;
}

header nav{
	height:50px;
	padding: 0;
	box-sizing: border-box;
}
header#side nav .side_links{
	margin-top: auto;
	margin-bottom: 15px;
}
/*-----------------------------------------------
__Global Navi
-----------------------------------------------*/
#nav-content .f_menu{
	width: 90%;
	font-size: 90%;
	margin: 30px auto;
}
#nav-content .f_menu p{
	display: block;
	clear: both;
}
/*-----------------------------------------------
__Main
-----------------------------------------------*/
#contents{
	min-height: inherit;
}
#breadcrumbs::after{
	width: 20%;
}
.l_btn a{
	padding: 6px 30px;
	min-width: auto;
}

.attention .material-icons{
	display: block;
	text-align: center;
}

#contents.u_contents h2{
	padding-right: 0;
}
#contents.u_contents h2 .l_btn{
	font-size: 60%;
}

.parents_links.wrap{
		width: 90%;
	}
.parents_links section h2{
		height: 150px;
	}
.parents_links section{
		width: 100%;
		margin-bottom: 30px;
	}
.intl_report{
	width: 100%;
	padding-left:0;
	border-left: none;
	margin-bottom: 40px;
}
.intl_report ul{
	flex-flow:nowrap;
}
.intl_report ul > li{
	width: 48%;
	margin-bottom: 0;
}
.intl_report figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.img_btn_g > li{
	width: 48%;
	font-size: 90%;
}
.img_btn_g > li figure{
	height: 130px;
}

dl.l_ti_r_tx{
	flex-wrap: wrap;
	flex-flow: column;
	padding: 15px;
}
dl.l_ti_r_tx dt{
	width: 100%;
	padding: 20px 0;
}
dl.l_ti_r_tx dd{
	border-left: none;
	border-top: 1px solid #333;
	width: 100%;
	padding: 20px 0 0 0;
}
dl.l_ti_r_tx.tb_cl{
	padding: 15px;
}

#contact_faq .l_ti_r_tx dd{
	padding-bottom: 0;
}
#contact_faq dd .sp100 > div{
	margin-top: 10px;
	margin-bottom: 0;
}

.news_box .panel li dl{
		display: block;
	}
.news_box .panel li dt,
.news_box .panel li dd{
		display: inline;
	}
.news_box .panel li dd::after{
		display: none;
	}
.news_box .panel li dd p{
		padding-top: 10px;
		margin-left: 0;
		display: block;
	}

.v_admissions > div{
	padding: 100px 3% 0 3%;
}
.v_admissions > div > section{
	width: 90%;
	margin: 40px auto 0 auto;
}
.v_admissions .v_left{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
 -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: tb-lr;
          writing-mode: horizontal-tb;
	padding: 0 15px;
}

.barcode{
	display:none;
}

.u_contact_box{
	text-align: center;
}

/*-----------------------------------------------
__Footer
-----------------------------------------------*/
#f_sitemap .pages ul{
	width: 50%;
}
#f_sitemap .pages .banner{
	width: 100%;
}
#f_sitemap .pages .banner a img{
	height: 160px;
}
#f_sitemap .visitors ul{
	flex-wrap: wrap;
}
#f_sitemap .visitors ul > li{
	width: calc(100% / 3);
	margin-right: 0;
	margin-bottom: 10px;
}
footer .information > ul{
	flex-wrap: wrap;
}
footer .information > ul > li{
	width: calc(100% / 3);
	padding: 0;
	box-sizing: border-box;
}
footer .information > ul > li:first-of-type{
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
footer .information > ul > li:first-of-type img{
	height: 50px;
}
footer .information > ul > li:last-of-type{
	border-right: 1px solid #ddd;
}
footer .information > ul > li:nth-last-of-type(-n+3) a{
	padding: 20px 5px;
	box-sizing: border-box;
}
footer .information address{
	display: block;
}
footer .information address dl{
	width: 100%;
	margin-right: 0;
}
footer .information address dl:last-of-type{
	margin-top: 30px;
}