@charset "UTF-8";
/* COMMON CSS Document */
.content{margin:0 auto; max-width:980px; width:100%; padding:0 10px;}
.sp{display: none;}

/*HEADER
====================================*/
h1{line-height: 0; text-align: center; padding: 20px 0; width: 60%; margin-left: auto; margin-right: auto;}
h1 img {width: 95%;}


/*MAIN CONTENT
====================================*/
a{transition: all .3s linear;}
a:hover{opacity: 0.8;}
a[href^="tel:"]{pointer-events:none;}

#boxTit{background: #f3f3f3; padding: 30px 0;}
#boxTit h2{font-size: 28px; line-height: 1; margin:0 auto; max-width:980px; width:100%; padding:0 10px;}
h3{font-size: 22px; font-weight: bold; color: #00b0cc; position: relative; padding: 0 0 0 20px; margin: 0 0 13px;}
h3 span {color:#000000; font-weight:normal;}
h3:before{content: ''; display: block; width: 4px; height: 20px; background: #00b0cc; position: absolute; left: 0; top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.i-block{display: inline-block;}
.cap10{font-size: 10px;}

/*FOOTER
===================================*/
footer{padding: 100px 0 20px; text-align: center; position: relative;}
footer #flogo{margin: 0 auto 60px;}
footer #fBtn{font-size: 18px; color: #fff; text-align: center; margin: 0 auto 50px; display: block; line-height: 1; padding: 15px 0; background-color: #0058a4;	border-radius: 5px;	position: relative; width: 94%; max-width: 500px;}
footer #fBtn:hover{text-decoration: none;}
footer .copyR{font-size: 12px;}

#page-top{cursor: pointer; position: fixed; right: 40px; bottom: 40px; z-index: 8000;}


/*===============================
             MEDIA
================================*/
@media only screen and (max-width:767px){
	.content{padding: 0 5.3%;}
	.pc{display: none;}
	.sp{display: block; line-height: 0;}
	a[href^="tel:"]{pointer-events:auto;}  

    header figure{width: 100%; float: none;}
    h1{width: 100%;}
    h1 img {display: inline; width: 74%;}
   
	.btnMenuSP span{position: absolute; top: 0; right: 0; z-index: 9999; display: block; width: 13vw; height: 13vw; background: url(../../images/common/btnMenu.jpg) no-repeat center center; background-size: cover;}
	.btnMenuSP span.active{position: fixed; background: url(../../images/common/btnClose.jpg) no-repeat center center; background-size: cover;}

	#boxTit h2{padding: 0 5.3%;}
	h3{line-height: 1.3; padding: 0 0 0 15px;}
	h3:before{height: 100%;}

	#page-top{display: none!important;}
}

@media only screen and (max-width:480px){
	#boxTit{padding: 7vw 0; margin: 0 auto 30px!important;}
	#boxTit h2{font-size: 6vw;}
	h3{font-size: 18px;}
	h3 span{font-size: 12px;}

	footer{padding: 50px 0 20px;}
	footer #flogo,footer #fBtn{margin: 0 auto 30px;}
	footer #fBtn{font-size: 14px;}
	footer .copyR{font-size: 2.2vw;}
}