@charset "utf-8";
/* CSS Document */

/*共通
------------------------------------------------------------------------------------------------------------------*/
li{list-style:none;}
.btn_right{text-align:right;}


/*top_img
------------------------------------------------------------------------------------------------------------------*/
#top_img{margin-bottom:30px;}
#top_img img { width: 100%; height: auto;}
#top_submenu ul { display: flex; flex-wrap: wrap;}
#top_submenu li{ width: 25%;}


/*intro
------------------------------------------------------------------------------------------------------------------*/
#intro{
	margin-bottom:30px;
}
#intro:after{content:"";display:block;clear:both;}
#intoroimg_left{
	float:left;
	margin-right:30px;
}
#intoro_txt{
	float:left;
	margin-right:25px;
	width: calc( 100% - 396px );
}
#intoroimg_right{
	float: right;
}
#intoro_txt p{
	font-size:130%;
	line-height:1.6;
	margin-bottom:15px;
}


/*learning
------------------------------------------------------------------------------------------------------------------*/
#learning{
	margin-bottom:30px;
	background-image:url(../../images/top_style_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border:#cccccc solid 1px;
	background-color:#fffcf6;
	padding:0 5px 13px 0;
}
#learning:after{content:"";display:block;clear:both;}
#learning h2{
	float:left;
}
#learning_box{
	float:right;
	width:730px;
}
#learning_box h3{
	line-height:1.5;
	margin:15px 0;
	font-weight:bold;
}
.learning_set{
	float:left;
	width:236px;
	margin-right:8px;
}
.mrn{margin-right:0;}
.learning_set p{
	background-color:#ffffff;
	border:#cccccc solid 2px;
	padding:12px 12px 8px 12px;
	line-height:1.4;
	font-size:90%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top:none;
}


/*course
------------------------------------------------------------------------------------------------------------------*/
#course{
	margin-bottom:30px;
	border:#cccccc solid 1px;
	background-color:#fffcf6;
	padding-bottom:5px;
}
#course:after{content:"";display:block;clear:both;}
#course h2{
	float:left;
	margin-right:12px;
}
#course h3{
	float:right;
	line-height:1.5;
	margin:15px 0;
	font-weight:bold;
	width:730px;
}
ul#course_list{margin:5px 0 0 9px;}
ul#course_list li{
	float:left;
	margin:3px 6px;
}


/*left_box
------------------------------------------------------------------------------------------------------------------*/
#left_box{
	width:720px;
	float:left;
}

/*news
------------------------------------------------------------------------------------------------------------------*/
#news{
	border-bottom:#00479d solid 3px;
	border-top:#00479d solid 3px;
	margin-bottom:50px;
}
#news h2{float:left;}
#news ul{
	padding:30px 10px 10px 10px;
}
#news .btn_right img{margin:15px 15px 0 0;}
#news ul li{
	margin-bottom:15px;
	border-bottom:#cccccc dotted 1px;
	padding-bottom:15px;
	font-size:110%;
}
#news ul li a{
	color:#333333;
	text-decoration:none;
}
#news ul li a:hover{text-decoration:underline;}
.news_date{
	background-color:#f6b436;
	color:#ffffff;
	margin-right:10px;
	padding:1px 8px 0 8px;
}


/*tokucho
------------------------------------------------------------------------------------------------------------------*/
#tokucho{
	margin-bottom:30px;
	background-image:url(../../images/tokucho_bg.jpg);
	background-repeat:repeat-y;
	padding:0 25px 20px 0;
	box-shadow:rgba(186, 194, 204, 0.5) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(186, 194, 204, 0.5) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(186, 194, 204, 0.5) 2px 2px 4px 0px;
}
#tokucho:after{content:"";display:block;clear:both;}
#tokucho_img{float:left; margin-top:-20px;}
#tokucho_txt{
	float:right;
	width:570px;
}
#tokucho_txt h2{
	font-weight:bold;
	font-size:180%;
	color:#0048bb;
	margin:15px 0 12px 0;
}
#tokucho_txt p{
	font-size:120%;
	line-height:1.9;
}



/*bnr_space
------------------------------------------------------------------------------------------------------------------*/
#bnr_space{
	float:right;
	width:230px;
}
#bnr_space img{margin-bottom:20px;}



.bottom_bnr{
	margin-bottom: 25px;
}

@media only screen and (max-width:1099px) {
	#learning { background-size: calc( 100% - 750px );}
	#learning h2 { width: calc( 100% - 745px );}
	#learning h2 img { width: 100%; height: auto;}
	#bnr_space { width: calc(100% - 740px);}
	#bnr_space img { width: 100%; height: auto;}
}