@charset "utf-8";
@import"base.css";
@import"contents.css";

/*-- 学習環境　---------------------------------
-------------------------------------------------*/
/*感染予防について*/
#environment .hygiene_list {
 margin-bottom: 20px;
}
#environment .hygiene_list > li{
	position: relative;
	padding: 0 0 14px 25px;
}
#environment .hygiene_list > li:before {
	content: "";
	position: absolute;
	top: .5em;
	left: 6px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 3px;
	height: 7px;
	border-right: 2px solid #FFCC33;
	border-bottom: 2px solid #FFCC33;
}
 
#environment .hygiene_list > li:after {
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 2px;
}
#environment .hygiene_list > li ul{
	padding: 5px 0 0 20px;
}
#environment .hygiene_list ul.decimal > li{
	list-style-type: decimal;
}
#environment .hygiene_list ul.disc > li{
	list-style-type: disc;
}

#environment .img_list {
	margin-bottom: 20px;
}
#environment .img_list li {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
	font-size: 12px;
	line-height: 1.5em;
}
#environment .img_list li:nth-of-type(3n) {
	margin-right: 0;
}
#environment .img_list.column_2 li{
	width: 46%;
	margin: 0 2%;
}

@media (max-width: 480px) {
	#environment .img_list li, #environment .img_list li:nth-of-type(3n){
		float: none;
		width: auto;
		margin: 0 10px 10px;
	}
}

/*自習室*/
#environment #s_time { font-size: 14px; display: flex; }
	#environment #s_time dt {
		width: 10em; margin: 0 5px 0 0; padding: 4px 10px;
		background: #8cc63f; text-align: center; color:#fff; }
	#environment #s_time dd { box-sizing: border-box; padding: 4px 15px; vertical-align: middle; background: #eee; width: 100%; }
	#environment #s_time dd span { display:inline-block; }

#environment #student_room { width:100%; }
	#environment #student_room li { float:left; }
		#environment #student_room li:nth-child(2) { margin: 0 20px 0 20px; }
		#environment #student_room li:nth-child(3) { margin-left:400px; float:none; }

@media (max-width: 600px) {
	#environment #student_room li { width:48%; }
		#environment #student_room li:nth-child(1) { float:left; text-align:right; }
		#environment #student_room li:nth-child(2) { float:right; margin:0; }
		#environment #student_room li:nth-child(3) { clear:both; width:100%; margin:0; padding-top:10px; }
}
@media (max-width: 480px) {
	#environment #s_time { font-size: 1.6rem; }
	#environment #s_time dd { padding: 10px 15px; }
}
@media (max-width: 420px) {
	#environment #s_time { display: block; }
}
	
/*ほっとルーム*/

/*情報コーナー*/
#environment #info_explain li { float: left; width:30%; margin-right:5%; font-size:14px; line-height:1.5em; }
	#environment #info_explain li:last-child { margin:0; }
	#environment #info_explain li img { display:block; margin: 0 auto 5px; }
	#environment #info_explain li p { margin:0; }

@media (max-width: 480px) {
	#environment #info_explain li { float:none; width:100%; margin:0 0 10px; font-size: 1.6rem; line-height: 1.75; }
	#environment #info_explain li img { display:inline; float:left; margin:0; width:35%; height:auto; }
	#environment #info_explain li p { margin-left:38%; }
}

/*専属寮*/
#environment #senzoku dl {
	margin-bottom: 20px; padding: 15px; background-color: #FFEEF4; border: 1px solid #CCCCCC; overflow: hidden; }
#environment #senzoku dt {
	margin-bottom: 20px; padding-left:30px; font-weight:bold; font-size:18px; line-height:1;
	background:url("../../environment/images/icon_heart.png") 0 50% no-repeat; }

#environment .sp_domi_title { margin-bottom: 20px; background:#EEEEEE; min-height:29px; line-height:29px; font-size: 110%; }
#environment .sp_domi_title span { display:inline-block; width:75px; height:29px; margin-right:10px; color:#fff; text-align:center; }
	#environment .sp_domi_title span.boy  { background:#66CCFF; }
	#environment .sp_domi_title span.girl { background:#FF99CC; }
	#environment .sp_domi_title span.boy2  { background:#66CCFF; width:37px; margin:0; }
	#environment .sp_domi_title span.girl2 { background:#FF99CC; width:38px; }

#environment .sc, #environment .sc2 { margin-bottom:15px; }
#environment .sc_photo { width:284px; float:left; z-index:100; position:relative; }
#environment .sc_photo .photo_list li { float: left; margin-right: 3px; margin-top: 4px; }
#environment .sc_detail { width:100%; margin-left:-304px; box-sizing:border-box; float:right; }
#environment .sc_detail_con { margin-left:304px; }
#environment .d_details { width:100%; font-size: 14px; }
#environment .d_details th {
	width: 5em; margin: 0 10px 1.5px 0; padding:7px;
	text-align: center; font-weight: normal; background: #f9f0db; vertical-align: middle; }
#environment .d_details td {
	margin: 0 0 1.5px 0; padding:7px; line-height: 1.3em; vertical-align: middle; }

#environment .sc2 .photo_list { clear:both; }
#environment .sc2 .photo_list li { float:left; margin-right: 3px; margin-top: 4px; }

@media (max-width: 600px) {
	#environment #senzoku dt { padding-left:18px; font-size:110%; background-size:11px 8px;	 }
	
	#environment .sp_domi_title span { width:50px; }
	#environment .sp_domi_title span.boy2,
	#environment .sp_domi_title span.girl2 { width:25px; }
	
	#environment .sc_photo { width:100%; float:none; margin-bottom: 10px; text-align:center; }
	#environment .sc_photo .photo_list,
	#environment .sc2 .photo_list { width:284px; margin:0 auto 10px; }
	#environment .sc_detail { margin:0 0 5px; }
	#environment .sc_detail_con { margin:0; }
	
}
@media (max-width: 480px) {
	#environment .sub_ttl {
		font-size: 2rem;
		margin-bottom: 0.3em;
	}
	#environment #senzoku dt {
		padding-left: 25px;
		font-size: 1.8rem;
		line-height: 1.4;
		background-position: top 3px left 0;
		background-size: 18px 16px;
	}
	#environment .sp_domi_title {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	#environment .sp_domi_title span {
		font-size: 1.6rem;
	}
	#environment .d_details {
		font-size: 1.5rem;
	}
	#environment .d_details td {
		line-height: 1.4;
	}
}


#environment #d_left {
	width: 225px;
	float: left;
	}
	#environment #d_left li {
		margin-bottom: 10px;
		}
#environment #d_right {
	width:340px;
	float: right;
	}
	#environment #d_right .note {
		font-size: 11px;
		}
	#environment #d_title_teikei {
	margin-bottom: 5px;
	padding-top: 20px;
	clear: both;
		}
	#environment #teikei_contact {
		margin-left: 1.5em;
	}
	#environment #teikei_contact li {
		margin-bottom: 0.5em;
		list-style-type: circle;
		line-height: 1.4;
	}
.ex_pht_l {
	float: left;
	width: 130px;
	margin-right: 10px;
	font-size: smaller;
	clear: left;
	margin-top: 10px;
}
.ex_pht_r {
	float: left;
	width: 130px;
	margin-right: 10px;
	font-size: smaller;
	clear: none;
	margin-top: 10px;
}


.small75 { font-size: 75%; }
.gray { color: #999; }