@charset "UTF-8";
/* about_CSS Document */


/**************************************************************************************************

■ about index 設定

**************************************************************************************************/
.img_center{
	text-align:center;
}  
ol.about_guideline{
	margin-left:20px;
}
.about_origin_box{
	font-size:12px;
	padding:0 15px 20px;
	background-color:rgba(79,178,190,.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.about_origin_box h3{
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #82CDD0;
}
.about_origin_box div img{
	width:60px;
	height:60px;
	margin-top:10px;
}

.basic_dl dt{
	width:25%;
	clear:left;
	float:left;
}
.basic_dl dd{
	float:left;
	width:70%;
	padding-top:8px;
	margin-left:5%;
}

/**************************************************************************************************

■ about faq 設定

**************************************************************************************************/
dl.faq_list{
	line-height:2em;
	margin:20px 0;	
}
dl.faq_list dt{
	width:40px;
	height:35px;
	float:left;
	color:#fff;
	text-align:center;
	padding:2px 0 0;
	background-color:rgba(79,178,190,.9);
}
dl.faq_list dt.line2{
	height:61px;
}

dl.faq_list dt.line2.answer_txt{
	height:68px;
}


dl.faq_list dd.question_txt{
	width:510px;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 3px 12px;
	border-bottom: solid 4px rgba(79,178,190,.5);
}



dl.faq_list dd.answer_txt{
	width:560px;
	clear:left;
	padding-top:10px;
	margin:10px 0 20px;
}
dl.faq_list dd ol{
	padding-left:40px;
}
dl.faq_list dd ol li{
	margin-bottom:10px;
}
dl.faq_list dd ol li ul{
	padding-left:10px;
}
dl.faq_list dd ol li ul li{
	margin-bottom:0px;
}
dl.faq_list dd ul.faq_ul02{
	padding-left:40px;
}
dl.faq_list dd ul.faq_ul02 li{
	list-style-type:disc;
}
dl.faq_list dd ul.faq_ul02 li span{
	display:block;
}
dl.faq_list dd ul.faq_ul03{
	padding-left:40px;
}
dl.faq_list dd ul.faq_ul03 li{
	list-style-type:katakana-iroha;
}
dl.faq_list dd ul.faq_ul03 li span{
	display:block;
}


/**************************************************************************************************

■ about event 設定

**************************************************************************************************/
.event_category{
	height:44px;
	padding:10px 0 10px 60px;
	margin-bottom:20px;
	border-top:1px dotted rgba(79,178,190,.5);
	border-bottom:1px dotted rgba(79,178,190,.5);
}
.event_category div{
	float:left;
	margin-right:20px;
}
.event_category div img{
	float:left;
	margin-left:6px;
}
.event_category div p{
	float:left;
}
.event_box{
	width:560px;
	clear:both;
	border-bottom:solid 1px #82CDD0;
}
dl.event_list{
	width:360x;
	float:left;
	padding:0;
	margin:0;
}
dl.event_list dd.event_applicable{	
	text-align:center;
  	width:20px;
  	height:100%;
}
dl.event_list dt{
	display:table-cell;
 	width:100px;
 	height:160px;
 	vertical-align:middle;
 	text-align: center;
}
dl.event_list dd{
	display:table-cell;
 	height:160px;
 	vertical-align:middle;
}
dl.event_list dd ul{
	font-size:12px;
}
dl.event_list dd ul li{
	padding-left:20px;
	list-style-type:disc;
	list-style-position:inside;
}
div.event_img{
	width:200px;
	float:right;
	margin:10px 0;
}


/**************************************************************************************************

■ about about_school 設定

**************************************************************************************************/


.about_list_box {
	width:50%;
	float:left;
}
.about_list_box ul {
	width:95%;
	background-repeat:no-repeat;
	background-position:left center;
	margin:-10px 5% 25px 0;
	padding:10px 0;
	border-top:1px dotted #CCC; 
}
.about_list_box ul li {
	padding:2px 0;
	line-height:1.5em;
}
.about_list_box ul li:before {
	content:"■";
	color:rgb(79,178,190);
}
.about_list_box ul li span {
	font-weight:600;
	color:#333;
	font-size:13px;
}


/**************************************************************************************************

■ about facilities 設定

**************************************************************************************************/

ul.about_facilities_box:after {
	clear:both;
	content:"";
    height: 0;
    display: block;
    visibility: hidden;
}
ul.about_facilities_box li {
	width:31.333%;
	float:left;
	margin:0 3% 10px 0;
}
ul.about_facilities_box li:last-child {
	margin:0 0 10px 0;
}

.about_facilities_box img {
	width:100%;
}

.facilities_title {
	font-weight:600;
	color:#333;
	font-size:13px;
	background-color:rgba(79,178,190,.5);
	padding:7px 8px 5px;
	margin:-5px 0 5px 0;
	letter-spacing:.1em;
	text-align:center;
}

ul.about_facilities_box li p {
	font-size:11px;
	line-height:1.7em;
}




/**************************************************************************************************

■ about campus_photo 設定

**************************************************************************************************/

.campus_photobox li {
	float:left;
	width:32%;
	margin:15px 2% 20px 0;
	border:solid 2px #82CDD0;
}
.campus_photobox li:nth-child(3n) {
	margin-right:0;
}

.campus_photobox li a {
	display:block;
}

.campus_photoimg {
	width:100%;
	height:140px;
	overflow:hidden;
}
.campus_photoimg img {
	width:100%;
}
.campus_photobox li .caption {
	width:100%;
	background-color:rgba(79,178,190,1);
	color:#FFF;
	font-size:12px;
	padding:5px 10px;
}



/* -- Media query	761px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media all and (max-width: 761px ) {
/**************************************************************************************************

■ about event 設定

**************************************************************************************************/
.event_category{
	height:44px;
	padding:10px 0 10px 60px;
	margin-bottom:20px;
	border-top:1px dotted rgba(79,178,190,.5);
	border-bottom:1px dotted rgba(79,178,190,.5);
}
.event_category div{
	float:left;
	margin-right:20px;
}
.event_category div img{
	float:left;
	margin-left:6px;
}
.event_category div p{
	float:left;
}
.event_box{
	width:100%;
	clear:both;
	border-bottom:solid 1px #82CDD0;
}
dl.event_list{
	width:100%;
	float:none;
	padding:0;
	margin:0;
}

dl.event_list dt{
	display:table-cell;
 	width: auto;
 	height: auto;
 	vertical-align:middle;
 	text-align: center;
}
dl.event_list dd{
	display:table-cell;
 	height: auto;
	min-height:80px;
 	vertical-align:middle;
}
dl.event_list dd ul{
	font-size:12px;
}
dl.event_list dd ul li{
	padding-left:20px;
	list-style-type:disc;
	list-style-position:inside;
}
div.event_img{
	width:100%;
	float: none;
	margin:0 auto 5px;
	text-align:center;
}


/**************************************************************************************************

■ about faq 設定

**************************************************************************************************/
dl.faq_list{
	font-size:14px;
	line-height:2em;
	margin:20px 0;	
}
dl.faq_list dt{
	width:40px;
	height:30px;
	float:none;
	color:#fff;
	text-align:center;
	padding:3px 0 0;
	background-color:rgba(79,178,190,.9);
}
dl.faq_list dt.line2{
	height:30px;
}

dl.faq_list dt.line2.answer_txt{
	height: auto;
}


dl.faq_list dd.question_txt{
	width:100%;
	float:none;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 3px 0;
	border-bottom: solid 2px rgba(79,178,190,.5);
}



dl.faq_list dd.answer_txt{
	width:100%;
	padding-top:0;
	margin:10px 0 40px;
}



dl.faq_list dd ol{
	padding-left:40px;
}
dl.faq_list dd ol li{
	margin-bottom:10px;
}
dl.faq_list dd ol li ul{
	padding-left:10px;
}
dl.faq_list dd ol li ul li{
	margin-bottom:0px;
}
dl.faq_list dd ul.faq_ul02{
	padding-left:40px;
}
dl.faq_list dd ul.faq_ul02 li{
	list-style-type:disc;
}
dl.faq_list dd ul.faq_ul02 li span{
	display:block;
}
dl.faq_list dd ul.faq_ul03{
	padding-left:40px;
}
dl.faq_list dd ul.faq_ul03 li{
	list-style-type:katakana-iroha;
}
dl.faq_list dd ul.faq_ul03 li span{
	display:block;
}

}