/* common */



body{
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
}

.container{
	min-width:320px;
}

#tpl-header.container{
	padding:0 6px;
	margin-bottom:20px;
	position:relative
}

#tpl-content.container{
	padding-right:10px;
	padding-left:10px;
}

#tpl-content h1{
	width:100%;
	margin:0 0 8px 0;
	padding:4px;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

#tpl-content h2{
	width:100%;
	margin:0 0 8px 0;
	padding:4px;
	font-size:16px;
	font-weight:bold;
}

#tpl-content h3{
	width:100%;
	margin:0 0 8px 0;
	padding:4px;
	font-size:14px;
	font-weight:bold;
}

#tpl-content.toppage h3{
	font-size:14px;
	border-bottom:1px solid #ccc;
}

#tpl-content p{
	margin:0 0 8px 0;
	padding:4px;
}

#tpl-content .box{
	margin-bottom:20px;
	border:1px solid #14285A;
	padding:16px;
}

#tpl-footer.container{
	padding:0 6px;
}

#tpl-content img.left{
float:left;
margin-right:8px;
margin-bottom:8px;
}

#tpl-content img.right{
float:right;
margin-left:8px;
margin-bottom:8px;
}

.col-md-4,
.col-md-6{
	padding:0 10px;
}

@media (max-width:767px){

	#tpl-header.container,
	#tpl-footer.container {
		padding:0;
	}

	#tpl-content.container{
		margin-top:74px;	// 54+20
	}

	.row{
		margin-left:-10px;
		margin-right:-10px;
	}

}

@media (min-width:952px){

	.container{
		width:952px;
	}


}



/* header */

#tpl-header .top{
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
    position: absolute;
    top: 97px;
    left: 615px;
    z-index: 9999;
}

#tpl-header .top .sp-btn a{
	color:#14285A;
	line-height:1em;
	padding:6px 8px;
}

#tpl-header .top .sp-btn .title{
	margin:4px 0 0;
	text-align:center;
	font-size:8px;
	color:#000;
}

#tpl-header .top .left{
	display:none;
	overflow:hidden;
	float:left;
}

#tpl-header .top .left .sp-btn{
	float:left;
}

#tpl-header .top .center{
	float:left;
	padding: 15px 30px;
	color:#eee;
}

#tpl-header .top .center a{
	color:#eee;
}

#tpl-header h1{
	margin:0;
}

#tpl-header.subpage .top .center span{
	font-size:24px;
}

#tpl-header .top .right{
	float:right;
	overflow:hidden;
}

#tpl-header .top .right .sp-btn{
	float:right;
	margin-right:4px;
}

#tpl-header .top .right .contact-pc{
	float:right;
	padding:4px 8px;
	margin-right: 14px;
}

#tpl-header .top .right .contact-pc span{
	color:#14285A;
}

#tpl-header .top .right .contact-pc .tel{
	font-size:150%;
	font-weight:bold;
	line-height:1em;
}

#tpl-header .top .right .contact-pc .tel span{
	font-size:80%;
	color:#14285A;
	margin-right:4px;
}

#tpl-header .top .right .contact-pc .tel a{
	color:#333;
}

#tpl-header .top .right .contact-pc .message{
	color:#333;
	font-size:10px;
	margin-bottom:2px;
}

#tpl-header .top .right .contact-pc .link a{
	color:#fff;
	background:#14285A;
	border:none;
	padding: 2px 10px;
}

#tpl-header .contact-pc p{
	margin-bottom:0;
}

#tpl-header .top .right .contact-sp{
	display:none;
}

@media (max-width:767px){

	#tpl-header {
		padding:0;
	}

	#tpl-header .top{
		padding: 4px 0;
	}

	#tpl-header .top .sp-btn{
		display:block;
	}

	#tpl-header .top .sp-btn .title{
		color:#fff;
	}

	#tpl-header .top .left{
		display:block;
		padding: 0 4px;
	}

	#tpl-header .top .center{
		padding:8px;
	}

	#tpl-header h1,
	#tpl-header.subpage .top .center span{
		font-size:14px;
		line-height:1.1;
	}

	#tpl-header .top .right .contact-pc{
		display:none;
	}

	#tpl-header .top .right .contact-sp{
		display:block;
	}

}



/* header - image */

#tpl-header .image{
	border-top: 4px solid #14285A;
	position: relative;
	overflow: hidden;
}

@media (max-width:767px){

	#tpl-header.subpage .image{
		display:none;
	}

}

/* header -description */

#tpl-header .description{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0 10px 55%;
	font-size:20px;
	font-weight:bold;
	color:#2F2F2F;
	background-color:rgba(255,255,255,0.65);
}

#tpl-header .description p{
	margin:0;
}

@media (max-width:991px){

	#tpl-header .description{
		font-size:14px;
	}
}

@media (max-width:767px){

	#tpl-header .description{
		padding-left:10px;
	}
}



/* header - menu */


#tpl-header .menu{
	position:static;
	width:100%;
	background:#204192;
	background:linear-gradient(#204192,#2A53BB);
	padding:10px 0;
}

#tpl-header .menu ul{
	margin:0;
	padding:0px;
	list-style-type:none;
	overflow:hidden;
	width:100%;
}

#tpl-header .menu ul li{
	display:block;
	width:20%;
	float:left;
	text-align:center;
	border-right:1px solid #000;
}

#tpl-header .menu ul li:last-child,
#tpl-header .menu ul li:nth-last-child(2){
	border-right:none;
}

#tpl-header .menu ul li a{
	display:block;
	width:100%;
	padding-top:1em;
	height:3em;
	color:#fff;
	font-weight:bold;
}

@media (max-width:767px){

	#tpl-header .menu{
		display:none;
	}

	#tpl-header .menu{
		padding:0;
	}

	#tpl-header .menu ul li{
		width:100%;
		float:none;
		text-align:left;
		padding-left:16px;
		border-bottom:1px solid #000;
	}
}



/* header - fixed */



@media (max-width:767px){

	body.header-fixed #tpl-header .top{
		position: fixed !important;  
		position: absolute;  
		top: 0;
		left: 0;
		background:#14285A;
		z-index:9999;
	}

	body.header-fixed #tpl-header .menu{
		position: fixed !important;  
		position: absolute;  
		top: 0;
		left: 0;
		background:#14285A;
		border-top:1px solid #000;
		z-index:9999;
	}

}



/* footer */




#tpl-footer .links{
	margin:0;
	padding:1.5em;
	overflow:hidden;
	position: relative;
	border-top:1px solid #14285a;
	background:#f7f9fd;
}

#tpl-footer .links ul{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	position: relative;
	left: 50%;
}

#tpl-footer .links ul li{
	float:left;
	border-right:1px solid #aaa;
	padding: 0 6px;
	line-height: 1;
	position: relative;
	left: -50%;
}

#tpl-footer .links ul li:last-child{
	border-right:none;
}

#tpl-footer .links ul li a{
	color:#333;
	font-size:12px;
}

#tpl-footer .copyright{
	padding:.8em;
	background:#14285a;
	color:#efefef;
	text-align:center;
}

@media (max-width:991px){

	#tpl-footer .links{
		padding:1em 0;
	}

}

@media (max-width:767px){

	#tpl-footer .links{
		padding:0;
	}

	#tpl-footer .links ul{
		float:none;
		left: 0;
	}

	#tpl-footer .links ul li{
		float:none;
		width:100%;
		border-right:none;
		padding: 0;
		left: 0;
	}

	#tpl-footer .links ul li a{
		display:block;
		width:100%;
		height:44px;
		padding:18px;
		border-bottom:solid 1px #aaa;
	}

	#tpl-footer .links ul li:last-child a{
		border-bottom:none;
	}

}



/* side menu */



#tpl-content .side-menu{
	margin-bottom:20px;
}

#tpl-content .side-menu ul{
	padding:0;
	list-style-type:none;
	border:1px solid #14285A;
}

#tpl-content .side-menu ul li{
	padding:12px;
	border-top:1px solid #14285A;
}

#tpl-content .side-menu ul li:first-child{
	border-top:none;
}

#tpl-content .side-menu ul li a{
	display:block;
	width:100%;
	color:#333;
	font-weight:bold;
}

#tpl-content .side-menu ul li a span{
	color:#2a53ba;
	margin-right:8px;
	font-size:75%;
	vertical-align: 10%;
}



/* point */


#tpl-content .point h2{
	width:266px;
	height:52px;
	margin:0 0 8px;
	padding:16px;
	font-size:20px;
	font-weight:bold;
	border:1px solid #a2a2a2;
	color:#14285A;
}

#tpl-content .point p{
	margin:0 .5em 4px;
}

#tpl-content .point a{
	background:#e9eefa;
	color:#14285a;
	padding:4px 8px;
	font-size:12px;
}

#tpl-content .point .svc-a{
	background-image:url('./img/02.jpg');
}
    
#tpl-content .point .svc-b{
	background-image:url('./img/03.jpg');
}
    
#tpl-content .point .svc-c{
	background-image:url('./img/04.jpg');
}
    
@media (max-width:991px){

	#tpl-content .point{
		margin-bottom:8px;
	}

	#tpl-content .point h2{
		width:100%;
		border:none;
	}

	#tpl-content .point .svc-a,
	#tpl-content .point .svc-b,
	#tpl-content .point .svc-c{
		background:#CAD8E1;
    }

}


/* news */



#tpl-content .news ul{
	margin:0 0 8px 0;
	padding:0px;
	list-style-type:none;
}

#tpl-content .news ul li{
	border-bottom:dotted 1px #999;
	padding:4px 0 2px;
}

#tpl-content .news ul li span{
	color:#2a53ba;
}

#tpl-content .news ul li a{
	color:#333;
}

#tpl-content.subpage .news h2{
	margin-top:8px;
	font-weight:normal;
}

#tpl-content.subpage .news h2 span{
	margin-right:8px;
}