@charset "utf-8";

div.information > div{
	overflow:hidden;
}

	div.information > div ul{
		max-width:1020px;
		overflow:hidden;
		margin:0 auto;
		float:right;
	}
	
		div.information > div ul li{
			float:left;
			width:calc(100% - 100px);
			margin:50px;
			overflow:hidden;
		}
		
			div.information > div ul li > a:first-child{
				display:block;
				width:calc(100% - 20px);
				max-width:400px;
				float:left;
				margin:0 30px 0 0;
				background-size:cover;
				background-position:center;
				background-repeat:no-repeat;
				background-color:#fff;
			}
			
			div.information > div ul li > a:first-child:hover{
				opacity:0.5;
			}
			
			div.information > div ul li > a:first-child::before{
				content:'';
				display:block;
				padding-top:75%;
			}
			
			
			div.information > div ul li > strong{
				float:left;
				display:block;
				width:calc(100% - 430px);
				margin:20px 0 10px 0;
				padding:0 0 5px 0;
				border-bottom:1px #006494 solid;
			}
			
				div.information > div ul li > strong a:hover{
					text-decoration:none;
				}
				
			
			div.information > div ul li > div{
				float:left;
				width:calc(100% - 430px);
				box-sizing:border-box;
				margin:10px 0;
				font-size:0.9em;
				font-weight:500;
				color:#808080;
				line-height:2em;
			}
			
			div.information > div ul li > p.more{
				text-align:right;
				font-size:0.8em;
				padding:10px 0 0 0;
				font-weight:500;
				line-height:24px;
			}
			
				div.information > div ul li > p.more a::after{
					content:'\0226B';
					display:inline-block;
					width:24px;
					height:24px;
					color:#fff;
					background-color:#006494;
					text-align:center;
					border-radius:5px;
					margin:0 0 0 5px;
				}
		
		
	div.information > div div.list_link{
		width:100%;
		max-width:1020px;
		overflow:hidden;
		margin:80px auto;
		float:right;
		text-align:center;
		clear:right;
		letter-spacing:-0.4em;
	}
		
		div.information > div div.list_link a,
		div.information > div div.list_link strong{
			display:inline-block;
			width:32px;
			height:26px;
			line-height:26px;
			vertical-align:bottom;
			margin:0 5px;
			letter-spacing:0.1em;
		}
		
		div.information > div div.list_link a{
			color:#808080;
		}
		
		div.information > div div.list_link a:hover{
			text-decoration:none;
		}
		
		div.information > div div.list_link strong{
			color:#fff;
			background-color:#006494;
			text-align:center;
		}
		div.information > div div.list_link a.arrow{
			color:#fff;
			background-color:#006494;
			text-align:center;
			font-size:1.5em;
		}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
right_contents
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
div#right_contents h3{
	width:calc(100% - 20px);
	max-width:301px;
	height:65px;
	margin:0;
	color:#006494;
	font-size:0.95em;
	font-weight:bold;
	background-size:286px auto;
	background-position:left bottom;
	background-repeat:no-repeat;
	text-indent:8px;
}
	
div#right_contents h3.latest{
	background-image:url('../img/h3_latest.svg');
}



ul.lastest_information{
	width:calc(100% - 20px);
	max-width:301px;
}

	ul.lastest_information li{
		margin:10px 0;
		padding:20px 0;
		overflow:hidden;
		border-bottom:1px #808080 dotted;
	}
	
		ul.lastest_information li > a:first-child{
			display:block;
			width:85px;
			margin:0 14px 0 0;
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			background-color:#fff;
			float:left;
			border-radius:50%;
		}
		
		ul.lastest_information li > a:first-child:hover{
			opacity:0.5;
		}
		
		ul.lastest_information li > a:first-child::before{
			content:'';
			display:block;
			padding-top:100%;
		}
		
		
		ul.lastest_information li > p.cate{
			float:left;
			display:inline-block;
			padding:0 10px;
			height:19px;
			line-height:19px;
			font-size:0.8em;
			position:relative;
			box-sizing:border-box;
			overflow:hidden;
			color:#fff;
			font-weight:bold;
			vertical-align:bottom;
		}
		
		ul.lastest_information li > p.cate::before,
		ul.lastest_information li > p.cate::after{
			content:'';
			display:block;
			width:10px;
			height:19px;
			background-size:10px 19px;
			background-position:center;
			background-repeat:no-repeat;
			position:absolute;
			top:0;
		}
		
		ul.lastest_information li > p.cate::before{
			left:0;
		}
		ul.lastest_information li > p.cate::after{
			right:0;
		}
		
		ul.lastest_information li > p.news::before{
			background-image:url('../img/whats_new_info_1_b.svg');
		}
		ul.lastest_information li > p.news::after{
			background-image:url('../img/whats_new_info_1_a.svg');
		}
		ul.lastest_information li > p.interview::before{
			background-image:url('../img/whats_new_info_2_b.svg');
		}
		ul.lastest_information li > p.interview::after{
			background-image:url('../img/whats_new_info_2_a.svg');
		}
		ul.lastest_information li > p.knowledge::before{
			background-image:url('../img/whats_new_info_3_b.svg');
		}
		ul.lastest_information li > p.knowledge::after{
			background-image:url('../img/whats_new_info_3_a.svg');
		}
		
			ul.lastest_information li > p.cate span{
				display:inline-block;
				float:left;
				padding:0 5px;
			}
			
			ul.lastest_information li > p.news span{
				background-color:#30c5ff;
			}
			ul.lastest_information li > p.interview span{
				background-color:#ffb523;
			}
			ul.lastest_information li > p.knowledge span{
				background-color:#72c259;
			}
	
	
		ul.lastest_information li > p.date{
			display:block;
			float:left;
			width:calc(100% - 99px);
			color:#808080;
			font-size:0.9em;
			font-weight:500;
		}
		
		ul.lastest_information li > strong{
			display:block;
			float:left;
			width:calc(100% - 99px);
			margin:5px 0 0 0;
		}
		
		ul.lastest_information li > strong a::after{
				content:'\0226B';
				display:inline-block;
				width:20px;
				height:20px;
				color:#fff;
				background-color:#006494;
				text-align:center;
				border-radius:5px;
				margin:0 0 0 5px;
				font-size:0.8em;
			}
	
	
	
	
	
	
	ul.contents{
		overflow:hidden;
		margin:60px 0 0 0;
		width:calc(100% - 20px);
		max-width:301px;
	}
	
		ul.contents li{
			width:calc(100% - 56px);
			max-width: 234px;
			margin:40px auto;
			box-sizing:border-box;
			text-align:center;
			position:relative;
			border-radius:50%;
			overflow:hidden;
			background-color:#f7f7ff;
			box-shadow:5px 5px 0px 0px #cccccc;
		}
		
		ul.contents li:hover{
			opacity:0.5;
		}
		
		ul.contents li::before{
			content:'';
			position:absolute;
			left:0;
			top:156px;
			display:block;
			width:100%;
			height:82px;
			background-color:#006494;
		}
		
			ul.contents li a{
				position:relative;
				display:block;
				width:100%;
				height:234px;
				color:#fff;
				font-size:1.1em;
				font-weight:bold;
				letter-spacing:0.2em;
				text-indent:0.2em;
				box-sizing:border-box;
				padding:180px 0 0 0;
				background-position:center 32px;
				background-size:108px auto;
				background-repeat:no-repeat;
			}
			
			ul.contents li:nth-child(1) a{
				background-image:url('../img/contents_link_1.svg');
			}
			ul.contents li:nth-child(2) a{
				background-image:url('../img/contents_link_3.svg');
				padding:168px 0 0 0;
			}
			ul.contents li:nth-child(3) a{
				background-image:url('../img/contents_link_4.svg');
				padding:168px 0 0 0;
			}
			
			ul.contents li a:hover{
				text-decoration:none;
			}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:1300px){
	div.information > div ul{
		float:none;
	}

ul.lastest_information{
	width:100%;
	max-width:100%;
	overflow:hidden;
	margin:0;
}

	ul.lastest_information li{
		float:left;
		width:calc(50% - 20px);
		margin:10px;
	}
	
	ul.lastest_information li:nth-child(2n + 1){
		clear:left;
	}
	
	ul.contents{
		width:100%;
		max-width:560px;
		margin:60px auto 0 auto;
	}
	
		ul.contents li{
			float:left;
			margin:0 20px 20px 20px;
		}
}

@media screen and (max-width:1000px){
	div.information > div ul{
		max-width:540px;
	}
	
			div.information > div ul li > a:first-child{
				float:none;
				margin:0 auto;
			}
			
			div.information > div ul li > strong{
				float:none;
				width:calc(100% - 20px);
				margin:20px auto;
			}
			
			div.information > div ul li > div{
				float:none;
				width:calc(100% - 20px);
				margin:10px auto;
			}
		
}
@media screen and (max-width:900px){
	ul.contents{
		margin:0 auto 40px auto;
	}
	
		ul.contents li{
			float:none;
			width:calc(100% - 56px);
			max-width:234px;
			margin:40px auto;
		}
}

@media screen and (max-width:700px){
	ul.lastest_information li{
		float:left;
		width:calc(100% - 20px);
		margin:10px;
	}
	
		ul.lastest_information li > a:first-child{
			width:85px;
			margin:0 auto 10px auto;
			float:none;
		}
		
		ul.lastest_information li > p.cate{
			float:none;
		}
		ul.lastest_information li > p.date{
			float:none;
			width:100%;
		}
		ul.lastest_information li > strong{
			float:none;
			width:100%;
		}
}

@media screen and (max-width:500px){
	div.information > div ul{
		max-width:270px;
	}
	
		div.information > div ul li{
			float:left;
			width:calc(100% - 30px);
			margin:50px 15px;
			margin-bottom:40px;
		}
		
		div.information > div div.list_link a,
		div.information > div div.list_link strong{
			width:28px;
			height:24px;
			line-height:24px;
			margin:0 2px;
		}
}

@media screen and (max-width:400px){
		ul.contents li{
			max-width:160px;
		}
		
		ul.contents li::before {
			top: 94px;
		}
		
			ul.contents li a{
				height:160px;
				padding: 114px 0 0 0;
				font-size:0.95em;
				line-height:1.2em;
				background-position: center 14px;
				background-size: 80px auto;
			}
			
			ul.contents li:nth-child(2) a,
			ul.contents li:nth-child(3) a{
				padding:104px 0 0 0;
			}
}