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

@import url("base.css");



/* header */
.header{
	background:#fff;
	padding:14px 0;
}
.header h1{
	float:left;
	margin-top:0px;
}
.header div div{
	float:right;
	margin-top:5px;
}
.header div div a{
	font-size:14px;
	color:#0055cc;
}
.header div div a:hover{
	text-decoration:none;
}
.pc{
	display:block;			
}
.sp{
	display:block;	
	display:none;	
}


/* contents */
.bg{
	background: #01194b; /* Old browsers */
	background: -moz-linear-gradient(top, #01194b 0%, #01194b 38%, #ffffff 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01194b 0%,#01194b 38%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01194b 0%,#01194b 38%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01194b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.index_wallper{
	background:url(../img/index_bg.png) 0 0 no-repeat;
	background-size:contain;
	padding:100px 0;
}
.container{
	width:1024px;
	margin:0 auto 0 auto;
}
.main_visual{
	text-align:center;
	margin-bottom:80px;
}
.main_visual h2{
	color:#fff;
	font-size:20px;
	letter-spacing:3px;
	line-height:200%;
	margin-top:40px;
}
.news{
	padding:6px 20px;
	background:#fff;
}
.news div{
	border-bottom:1px solid #d2d2d2;
	background:url(../img/link_arrow.png) right center no-repeat;
	padding:14px 35px 14px 0;
}
.news div:last-child{
	border:none;
}
.news div p{
	display:block;
	float:left;
	color:#fff;
	font-size:13px;
	background:#a0a0a0;
	padding:6px 12px;
	border-radius:36px;
	letter-spacing:2px;
}
.news div span{
	display:block;
	float:left;
	color:#555;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-left:20px;
}
.news div a{
	display:block;
	float:left;
	font-size:15px;
	margin-left:20px;
	margin-top:5px;
	color:#000;
}
.news div a:hover{
	text-decoration:none;
}
.index_contents{
	background:#ed4747;
	padding:30px;
	margin-top:30px;
}
.index_contents h2{
	color:#FFFFFF;
	font-size:26px;
	text-align:center;
	margin-bottom:26px;
	letter-spacing:3px;
}
.index_contents h2 span{
	vertical-align:middle;
	margin-left:20px;
}
.index_contents h2 img{
	vertical-align:middle;
}
.contents{
	background:#fff;
	padding:60px 30px 10px 30px;
}
.titleh3 , .titleh4{
	text-align:center;	
	margin-bottom:30px;
}
.titleh3 h3 , .titleh4 h4{
	text-align:center;
	border-bottom:3px solid #ed4747;
	display:inline;
	font-size:22px;
	letter-spacing:2px;
	color:#000;
}
.titleh3 h3 strong , .titleh4 h4 strong{
	color:#ed4747;
}
.contents p{
	font-size:15px;
	line-height:200%;
	margin-bottom:15px	
}
.contents p.cen{
	text-align:center;
	margin-bottom:50px;
}
.illust_box{
	padding:15px 0 80px 0;
}
.illust_box:last-child{
	padding:15px 0 30px 0;
}
.img01 , .img02 , .img01_bgnone , .img02_bgnone{
	float:left;
	width:25%;
	margin-right:5%;
	background:#f6f6f6;
	padding:3% 5%;
	text-align:center;
}
.img01 , .img01_bgnone{
	float:left;
	margin-right:5%;
	margin-left:0%;
}
.img02 , .img02_bgnone{
	float:right;
	margin-right:0%;
	margin-left:0%;
}
.img01_bgnone , .img02_bgnone{
	width:35%;
	padding:0% 0 15px 0;
	background:none;
}
.img01 img , .img02 img , .img01_bgnone img , .img02_bgnone img{
	max-width: 100%;
	height: auto;
	width: auto;
}
.text01 , .text02{
	float:right;
	float:left;
	width:60%;
}
.text02{
	float:left;
}
.illust_box a.box{
	display:block;
	background:#ed4747 url(../img/link_arrow_w.png) right center no-repeat;
	background-size:auto 35%;
	font-size:14px;
	color:#fff;
	padding:9px 12px;
	width:150px;
	margin-top:20px;
	text-decoration:none;
	text-align:center;
}
.illust_box a:hover{
	opacity:0.75;
}
.illust_box p a{
	display:inline;
	background:none;
	font-size:15px;
	color:#0055cc;
	padding:0;
	width:auto;
	margin-top:0px;
	text-decoration:underline;
	text-align:left;
}
.illust_box p a:hover{
	text-decoration:none;
	opacity:1;
}


/* keyword */
.keyword{
	background:#ed4747;
	padding:30px;
	margin-top:30px;
}
.keyword h2{
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
	letter-spacing:1px;
}
.keyword div{
	font-size:14px;
	color:#fff;
	line-height:220%;
}
.keyword a{
	font-size:14px;
	color:#fff;
	display:inline-block;
}
.keyword a:hover{
	text-decoration:none;
}
.keyword span{
	margin:0 12px;
}


/* footer */
.footer{
	border-top:1px solid #e3e3e3;
	padding:40px 12px 5px 12px;
	text-align:center;	
}
.footer a{
	font-size:14px;
	color:#0055cc;
	margin-left:20px;
	line-height: 250%;
}
.footer a:first-child{
	margin-left:0px;
}
.footer a:hover{
	text-decoration:none;
}
.footer p{
	font-size:13px;
	margin-top:20px;
	color:#999999;
}




@media (max-width: 1060px) {
	.container{
		width:90%;
		margin:0 5% 0 5%;
	}
	.news div{
		padding:14px 0px 14px 0;
		background:none;
	}
	.news div p{
		font-size:11px;
		padding:4px 8px;
		border-radius:36px;
		letter-spacing:2px;
		margin-left:0;
	}	
	.news div span{
		display:block;
		float:left;
		font-size:14px;
		margin-top:2px;
		margin-left:12px;
	}
	.news div a{
		float:none;
		clear:both;
		letter-spacing:1px;
		margin-left:0px;
		margin-top:0px;
		padding-top:10px;
	}
	.news div a:hover{
		text-decoration:none;
	}
}

@media (max-width: 800px) {
	.container{
		width:96%;
		margin:0 2% 0 2%;
	}
	.index_wallper{
		padding:60px 0;
	}
	.main_visual{
		margin-bottom:40px;
	}
	.main_visual h2{
		font-size:16px;
		line-height:180%;
		margin-top:30px;
	}	
	.main_visual img{
		width:80%;
		height:auto;
	}
	.news div p{
		font-size:10px;
		padding:3px 8px;
		border-radius:30px;
		letter-spacing:1px;
	}	
	.news div span{
		font-size:13px;
		margin-top:2px;
	}
	.news div a{
		letter-spacing:1px;
		font-size:14px;
	}
	.index_contents{
		padding:24px 20px;
		margin-top:30px;
	}
	.index_contents h2{
		font-size:22px;
		margin-bottom:18px;
		letter-spacing:3px;
	}
	.contents{
		padding:60px 30px 10px 30px;
	}
	.titleh3 , .titleh4{
		margin-bottom:24px;
	}
	.titleh3 h3 , .titleh4 h4{
		font-size:18px;
		letter-spacing:2px;
	}
	.contents p{
		font-size:13px;
		line-height:190%;
		margin-bottom:13px	
	}
	.contents p.cen{
		margin-bottom:44px;
	}
	.contents p.cen br{
		display:none;
	}
	.illust_box{
		padding:15px 0 60px 0;
	}
	.illust_box a{
		font-size:12px;
		padding:7px 10px;
		width:140px;
		margin-top:18px;
	}
	.keyword{
		padding:26px;
	}
	.keyword h2{
		font-size:16px;
	}
	.keyword div{
		font-size:13px;
		line-height:200%;
	}
	.keyword a{
		font-size:13px;
	}
	.keyword span{
		margin:0 11px;
	}
	.footer{
		padding:30px 12px 4px 12px;
	}
	.footer a{
		font-size:13px;
	}
	.footer p{
		font-size:12px;
	}
}

@media (max-width: 610px) {
	.index_contents h2{
		font-size:20px;
		margin-bottom:18px;
		letter-spacing:2px;
	}
	.index_contents h2 span{
		margin-left:16px;
	}
	.index_contents h2 img{
		width:60px;
		height:auto;		
	}
	.contents{
		padding:36px 30px 1px 30px;
	}
	.titleh3 , .titleh4 {
		margin-bottom:20px;
	}
	.titleh3 h3 , .titleh4 h4{
		font-size:16px;
		letter-spacing:1px;
	}
	.contents p{
		font-size:13px;
		line-height:190%;
		margin-bottom:13px	
	}
	.contents p.cen{
		margin-bottom:32px;
		text-align:left;
	}
	.contents p.cen br{
		display:none;
	}
	.img01 , .img02 , .img01_bgnone , .img02_bgnone{
		float:none;
		width:50%;
		margin-left:0%;
		margin-right:0%;
		padding:6% 25%;
	}
	.img02 , .img02_bgnone{
		float:none;
		margin-right:0%;
		margin-left:0%;
		margin-top:30px;
	}
	.img01_bgnone , .img02_bgnone{
		width:70%;
		padding:0% 15% 15px 15%;
	}
	.text01 , .text02{
		float:none;
		width:100%;
		margin-top:15px;
	}
	.text02{
		float:none;
	}
	.illust_box a{
		margin-top:15px;
	}
}


@media (max-width: 560px) {
	.index_wallper{
		background:url(../img/index_bg_sp.png) 0 0 no-repeat;
		background-size:contain;
	}
	.main_visual img{
		width:80%;
		height:auto;
	}
	.index_contents{
		padding:20px 10px 12px 10px;
		margin-top:30px;
	}
	.news div p{
		padding:4px 8px 3px 8px;
	}
	.news div span{
		margin-top:3px;
	}
	.news div a{
		line-height:180%;
	}
	.contents{
		padding:34px 20px 1px 20px;
	}
	.illust_box{
		padding:0px 0 60px 0;
	}
	.index_contents h2{
		font-size:18px;
		margin-bottom:15px;
		letter-spacing:2px;
	}
	.titleh3 , .titleh4{
		margin-bottom:12px;		
	}
	.titleh3 h3 , .titleh4 h4{
		font-size:16px;
		letter-spacing:1px;
		line-height:200%;
		padding-bottom:3px;
	}
	.illust_box a{
		margin-top:-5px;
	}
	.keyword{
		padding:20px 14px;
	}
	.keyword h2{
		font-size:15px;
	}
	.keyword div{
		font-size:12px;
		line-height:200%;
	}
	.keyword a{
		font-size:12px;
	}
	.keyword span{
		margin:0 9px;
	}
	.pc{
		display:none;		
	}
	.sp{
		display:inline-block;	
	}
	.header{
		background:#fff;
		padding:12px 0 6px 0;
	}
	.header h1 img{
		width:180px;
		height:auto;
	}
	.header div div{
		margin-top:-5px;
	}
	.index_wallper{
		padding:35px 0;
	}
	.main_visual{
		margin-bottom:25px;
	}
	.main_visual h2{
		font-size:14px;
		line-height:170%;
		letter-spacing:1px;
		margin-top:20px;
	}	
	.main_visual img{
		width:80%;
		height:auto;
	}
	.news div a{
		letter-spacing:0px;
		font-size:13px;
	}
	.index_contents h2 img{
		display:none;	
	}
	.index_contents h2 span{
		margin-left:0px;
	}
	.img01 , .img02 , .img01_bgnone , .img02_bgnone{
		float:none;
		width:60%;
		margin-left:0%;
		padding:8% 20%;
	}
	.img02 , .img02_bgnone{
		float:none;
		margin-right:0%;
	}
	.img01_bgnone , .img02_bgnone{
		width:100%;
		padding:0% 0% 15px 0;
		margin-top:15px;
	}
	.footer a{
		font-size:13px;
		margin:0 0 10px 0;
		display:block;
		line-height: 150%;
	}
	.footer p{
		font-size:11px;
	}
}