@charset "UTF-8";

@import url("reset.css");
@import url("base.css");
@import url("layout.css");

/* main_visual 
---------------------------------------------------------- */
#main_visual{
	background: url(../img/bg_main.jpg) no-repeat center;
	text-align: center;
	background-size: cover;
}
#main_visual02 img {
	width: 100%;
	height: auto;
}

@media (min-width: 1201px) {
	.sp {display: none;}
	.pc {display: block;}
}
@media (max-width: 1200px) {
	.sp {display: block;}
	.pc {display: none;}
}

/* page_index 
---------------------------------------------------------- */
.cl_bg{ background: none;}
.page_index .title_page{
	font-size: 20px;
	margin-bottom: 15px;
}
.page_index .title_page span{
	font-size: 12px;
}
.page_index #service{
	background: url(../img/bg_service.jpg) no-repeat center;
	background-size: cover;
	padding: 55px 0;
}
.page_index #service .col{
	background: #FFF;
}
.page_index #service .col:hover{
	background: rgba(255,255,255,0.8);
}
.page_index #service a{
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 30px;
}
.page_index #service h3{
	font-weight: bold;
	color: #00479d;
	font-size: 18px;
	margin: 20px 0;
}
.page_index #service p{
	color: #9b9b9b;
	background: url(../img/arrow.png) no-repeat center bottom;
	padding-bottom: 40px;
}
.page_index #news ul{
	padding: 0 230px;
}
.page_index #news ul a{
	color: #333;
}
.page_index #news ul a:hover{
	color: #999;
}
.page_index #news ul li{
	margin-bottom: 15px;
	padding-left: 130px;
}
.page_index #news ul span{
	display: inline-block;
	width: 130px;
	margin-left: -130px;
	color: #333;
}