@charset "UTF-8";

/* --------------------------------------
　=content
------------------------------------- */
#topcontent ,
#content{
	padding-bottom : 30px;
	clear : both;
}
#content{
	width : 100%;
	padding-top : 10px;
	line-height : 2;
}
#content :where( img, svg, video ){
	inline-size : revert-layer;
}
@media print , screen and ( width > 750px ){
	#content{
		font-size : 1.6rem;
	}
}
#content_inner{
	width : 1200px;
	margin : 0 auto;
}

/* #main {
float: left;
width: 980px;
} */
#side{
	position : relative;
	float : right;
	width : 200px;
	font-size : .9em;
}
.hot-contents{
	position : relative;
	padding : 30px 15px 20px;
	margin : 12px 0 20px;
	background-color : #f3f3f3;
	border-top : 1px solid #022044;
}
.hot-contents__ttl{
	position : absolute;
	top : -12px;
	left : 0;
}
.hot-contents ul li{
	padding : 13px 0;
	border-bottom : 1px solid #d5d5d5;
}
.hot-contents ul li a{
	display : flex;
	-webkit-text-decoration : none;
	text-decoration : none;
}
.hot-contents ul li a:hover{
	opacity : .6;
}
.hot-contents ul li a figure{
	width : 50px;
	margin : 0 6px 0 0;
}
.hot-contents ul li a figure img{
	width : 100%;
	height : auto;
}
.hot-contents ul li a p{
	flex : 1;
	font-size : 14px;
	line-height : 1.3;
	color : #022044;
	text-align : left;
}
.top_side{
	margin : 20px 0 0;
}
.top_side--1{
	margin-top : -50px;
}
#information h2{
	margin-bottom : 10px;
}
#information dl dt{
	margin-bottom : 2px;
	color : #79b2e1;
}
#information dl dd{
	padding-bottom : 7px;
	margin-bottom : 7px;
	line-height : 1.2;
	color : #595757;
	background : url( "../../../en/img/line_g.gif" ) repeat-x left bottom;
}

/*
共通部品: 2011.10.06 追記
*/
#filedlink{
	height : 43px;
	margin-bottom : 28px;
	background : url( "../../../en/img/bg_fieldmenu.gif" ) no-repeat 0 0;
}
#filedlink ul{
	padding : 7px 0 0 8px;
}
#filedlink ul li{
	display : inline;
	float : left;
}
#pankuz{
	margin : 0 0 1.5em;
}

/*
共通部品: 2016.10.14 追記
*/
#side_voice{
	float : right;
	width : 200px;
	background : #ededed;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
}
#headArea{
	width : auto;
	margin-top : 0;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#headArea .spImg{
	display : none;
}
#headArea .floatR{
	float : right;
	width : 51%;
	margin : 0;
	text-align : center;
}
#headArea .floatR .imgBg{
	width : 100%;
	height : auto;
	padding-top : 28%;
	padding-bottom : 28%;
	margin-left : auto;
	margin-right : auto;
	background-image : url( "../../../en/img/academic/bg-text-b.png" );
	background-repeat : no-repeat;
	background-position : center top;
	background-size : contain;
}
#headArea .floatR .imgBg p{
	width : 50%;
	margin-left : auto;
	margin-right : auto;
	font-size : 13px;
	font-weight : 700;
	line-height : 1.4em;
	color : #999;
}
.blue{
	color : #5798bf;
}
.blue2{
	color : #0d6fb8;
}
#headArea .floatL{
	float : left;
	width : 49%;
	margin : 0;
}
#headArea .floatL .bgText{
	padding : 3%;
	margin-top : 17px;
	margin-bottom : 15px;
	margin-left : auto;
	margin-right : auto;
	background-image : url( "../../../en/img/academic/bg-text.png" );
	background-repeat : no-repeat;
	background-position : left top;
	background-size : contain;
}
#headArea .floatL .bgText h2{
	margin-top : 0;
	margin-bottom : 5px;
	font-size : 16px;
	font-weight : 700;
	line-height : 1.5em;
	color : #091f42;
	text-align : left;
}
#headArea .floatL .bgText p{
	font-size : 13px;
	line-height : 1.5em;
	color : #333;
	text-align : left;
}
#headArea .floatL .button{
	text-align : left ! important;
}
#headArea a img:hover{
	opacity : .5;
}
#headArea .floatL .button{
	text-align : center;
}
.width45per{
	width : 45% ! important;
}

/* responsive style */
@media screen and ( max-width : 768px ){
	#headArea{
		margin-bottom : 0;
	}
	#headArea .floatR{
		float : none;
		width : 100%;
		margin-bottom : 20px;
		margin-left : auto;
		margin-right : auto;
	}
	#headArea .floatL{
		float : none;
		width : 100%;
		margin-left : auto;
		margin-right : auto;
		text-align : center;
	}
	#headArea .floatL .bgText{
		margin-top : 0;
		background-position : center top;
	}
	#headArea .floatL .bgText h2{
		margin-left : 13%;
	}
	#headArea .floatL .bgText p{
		margin-left : 13%;
	}
	#headArea .floatL .button{
		text-align : center ! important;
	}
	#headArea .spImg{
		display : inline;
	}
	#headArea .pcImg{
		display : none;
	}
	#headArea .floatR .imgBg{
		padding-top : 24%;
		padding-bottom : 24%;
		padding-left : 0%;
		margin : 0;
		text-align : center;
		background-position : center top;
		background-size : contain;
	}
	#headArea .floatR .imgBg p{
		width : 45%;
		margin-top : 7px;
		line-height : 1.2em;
		text-align : left;
	}
}
@media screen and ( max-width : 600px ){
	#headArea .floatL .bgText h2{
		margin-left : 10%;
		font-size : 15px;
	}
	#headArea .floatL .bgText p{
		margin-left : 10%;
		font-size : 12px;
	}
	#headArea .floatR .imgBg{
		padding-top : 23%;
		padding-bottom : 22%;
	}
}
@media screen and ( max-width : 500px ){
	#headArea .floatL .bgText h2{
		margin-left : 6%;
	}
	#headArea .floatL .bgText p{
		margin-left : 6%;
		font-size : 11px;
	}
	#headArea .floatR .imgBg{
		padding-top : 23%;
		padding-bottom : 22%;
	}
	#headArea .floatR .imgBg p{
		margin-top : 5px;
		font-size : 11px;
	}
}
@media screen and ( max-width : 450px ){
	#headArea .floatL .bgText h2{
		margin-left : 1%;
		font-size : 14px;
	}
	#headArea .floatL .bgText p{
		margin-left : 1%;
		font-size : 10px;
	}
	#headArea .floatR .imgBg{
		padding-top : 20%;
		padding-bottom : 20%;
	}
	#headArea .floatR .imgBg p{
		line-height : 1em;
	}
}
@media screen and ( max-width : 360px ){
	#headArea .floatR .imgBg{
		padding-top : 18%;
		padding-bottom : 13%;
	}
	#headArea .floatR .imgBg p{
		font-size : 5px;
	}
}
#voice_list{
	width : 156px;
	margin : 25px auto 0;
}
#voice_list li{
	margin : 0 auto 15px;
}
#voice_list a:hover{
	-ms-filter : "alpha(opacity=80)";
	border : none;
	opacity : .8;
	-webkit-transition : all .5s;
	-moz-transition : all .5s;
}
#voice_list a span{
	display : block;
	margin : 3px auto 0;
}
#voice_list .women_img{
	margin : 70px auto 0;
}
#content a:link{
	color : #263686;
}
#content a:visited{
	color : #263686;
}
#content a:hover{
	color : black;
}
#content a:active{
	color : #263686;
}
#content{
	font-size : 1.4rem;
	line-height : 2;
}