@charset "UTF-8";
body {
	/*base*/
	color:rgb(33,33,33);
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, Arial, "メイリオ", Meiryo, "MS Pゴシック", 'MS PGothic', arial, helvetica, sans-serif;
	font-size:16px;
	line-height:1.8;
	word-wrap:break-word;
	font-feature-settings : "pkna" 1;
	letter-spacing:0.2px;
	/*each*/
	background:#;
	overflow: hidden;
}
p{
	/*base*/
	text-align:justify;
}
a{
	/*base*/
	color:rgb(33,33,33);
	text-decoration:none;
}
/*===============================
//
レスポンシブ｜表示・非表示
//
===============================*/
.pc{display:block}.tb{display:none}.mb{display:none}.pc_tb{display:block}.tb_mb{display:none}
@media screen and (max-width:768px){.pc{display:none}.tb{display:block}.mb{display:none}.pc_tb{display:block}.tb_mb{display:block}}
@media screen and (max-width:768px){.pc{display:none}.tb{display:none}.mb{display:block}.pc_tb{display:none}.tb_mb{display:block}}
/*===============================
//
PC
//
===============================---*/
/*▼▼h1▼▼pc*/
h1{
	padding:0.5% 0;
	background-color:#001E50;
}
h1>p{
	width:90%;
	max-width:1080px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:1;
}
/* ************************************************************
◆ header
************************************************************ */
/*▼▼header▼▼pc*/
#header>div{
	width:90%;
	max-width:1080px;
	padding:1% 0;
	margin:0 auto;
}

/*▼▼nav▼▼pc*/
#nav{
	padding:0.5% 0;
	border-top:1px solid #e68c96;
	border-bottom:1px solid #e68c96;
	background: #ff0000;
	background: -moz-linear-gradient(top,  #ff0000 0%, #ff0000 40%, #c80000 100%);
	background: -webkit-linear-gradient(top,  #ff0000 0%,#ff0000 40%,#c80000 100%);
	background: linear-gradient(to bottom,  #ff0000 0%,#ff0000 40%,#c80000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c80000',GradientType=0 );
	box-shadow:0 -1px 0 #b40000,0 1px 0 #b40000;
}
#nav>ul{
	width:90%;
	max-width:1080px;
	border-left:1px solid #B40000;
	border-right:1px solid #FF7864;
	margin:0 auto;
}
#nav>ul>li{
	width:14.285%;
	border-left:1px solid #FF7864;
	border-right:1px solid #B40000;
	float:left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


/*▼▼header▼▼*/
#header>div{
	width:100%;
	padding:1% 0 2%;
}
#header>div>a{
	width:50%;
	margin:0 auto;
	display:block;
}

 /* *************** */
}


/* ************************************************************
◆ footer
************************************************************ */
/*▼▼フッター▼▼pc*/
#footer{
	padding-top:10%;
	background-color:#001E78;
}
#footer>div{
	width:90%;
	max-width:1080px;
	padding-bottom:5%;
	border-top:10px solid #fa0000;
	margin:0 auto;
	border-radius:10px 10px 0 0;
	background-color:#fff;
}
#footer>div>p{
	width:89%;
	margin:-80px auto 1.5%;
}
#footer>div>div{
	width:86%;
	margin:0 auto;
}
#footer>div>div>p.footer_logo{
	width:36%;
	margin:0 auto 5%;
}
#footer>div>div>div{
	margin-bottom:5%;
}
#footer>div>div>div>p{
	width:48%;
	float:left;
}
#footer>div>div>div>a{
	width:48%;
	background-color:#001E78;
	float:right;
	display:block;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
#footer>div>div>div>a:hover{
	background-color:#ffb400;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
#footer>div>div>p.footer_line{
	margin-bottom:5%;
}
#footer>div>div>ul{
	padding:1% 0;
	border-top:1px solid #001E78;
	border-bottom:1px solid #001E78;
	margin-bottom:5%;
}
#footer>div>div>ul>li{
	width:14.2%;
	padding:0.5% 0;
	border-right:1px solid #001E78;
	text-align:center;
	line-height:1;
	float:left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
#footer>div>div>ul>li:last-child{
	border-right:none;
}
#footer>div>div>ul>li a{
	font-size:12px;
	color:#001E78;
	vertical-align:middle;
}
#footer>div>div>ul>li a:hover{
	text-decoration:underline;
}
#footer>div>div>p.footer_text{
	margin-bottom:5%;
	color:#001E78;
	font-size:12px;
	line-height:1.6;
}
#footer>div>div>p.footer_copyright{
	color:#001E78;
	font-size:12px;
	text-align:center;
}


/*▼▼トップにスクロール▼▼pc*/
#goup{
	width:50px;
	height:50px;
	background-image:url(../img/scroll.gif);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	z-index:9999;
}
#goup:hover{
	background-image:url(../img/scroll_on.gif);
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#footer>div>div>ul>li a{font-size:10px;}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */


/*▼▼フッター▼▼480*/
#footer{
	padding-top:8%;
}
#footer>div{
	width:92%;
	padding:8% 0 10%;
}
#footer>div>div{
	width:88%;
}
#footer>div>div>p.footer_logo{
	width:80%;
	margin:0 auto 10%;
}
#footer>div>div>div{
	margin-bottom:5%;
}
#footer>div>div>div>p{
	width:100%;
	margin-bottom:5%;
	float:none;
}
#footer>div>div>div>a{
	width:100%;
	float:none;
}
#footer>div>div>p.footer_line{
	margin-bottom:8%;
}
#footer>div>div>ul{
	padding:0;
	border:1px solid #001E78;
	margin-bottom:10%;
	text-align: left;
}
#footer>div>div>ul>li{
	width:50%;
	padding:5% 0;
	border-bottom:1px solid #001E78;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	text-align: center;

}
#footer>div>div>ul>li a{font-size:14px;}

#footer>div>div>ul>li:nth-child(2n){
	border-right:none;
}
#footer>div>div>ul>li:last-child{
	width:100%;
	border-bottom:0;
}

#footer>div>div>p.footer_text{
	margin-bottom:10%;
	line-height:1.7;
}
#footer>div>div>p.footer_copyright{
	font-size:8px;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#footer>div>div>ul>li a{font-size:12px;}


 /* *************** */
}
/*------------------------------------------------------
//
部分共通
//
------------------------------------------------------*/
/*▼▼流れ▼▼pc*/
#flow{
	width:90%;
	max-width:1080px;
	margin:0 auto 8%;
}
#flow>h3{
	width:48%;
	margin:0 auto 8%;
}
#flow>ul>li{
	width:23.5%;
	margin-right:2%;
	float:left;
}
#flow>ul>li:nth-child(4){
	margin-right:0;
}
#flow>ul>li>p:nth-child(1){
	margin-bottom:8%;
}
#flow>ul>li>h4{
	margin-bottom:4%;
	font-size:20px;
}
#flow>ul>li>p:nth-child(3){
	font-size:14px;
	line-height:1.6;
}
/*------------------------------------------------------
//
下層ページ
//
------------------------------------------------------*/
/*▼▼下層ページ▼▼コンテンツ名▼▼pc*/
#contetname{
	padding:5% 0;
	margin-bottom:5%;
	background-color:#001E50;
}
#contetname h2{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	line-height:1;
	color:#fff;
	letter-spacing:4px;
}
/*下層ページ▼▼▼▼概要文▼▼pc*/
.text{
	width:90%;
	max-width:1080px;
	margin:0 auto 5%;
}
.text h3{
	margin-bottom:5%;
	color:#001E50;
	font-size:26px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
/*下層ページ▼▼▼▼お問い合わせ▼▼pc*/
.under_contact{
	margin-bottom:8%;
	background-color:#001E50;
}
.under_contact>div{
	width:90%;
	max-width:880px;
	padding:4% 0;
	margin:0 auto;
}
.under_contact>div>h3{
	margin-bottom:3%;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
}
.under_contact>div>div{
	border:2px solid #fff;
	margin-bottom:3%;
}
.under_contact>div>div>p{
	width:65%;
	border-right:2px solid #fff;;
	float:left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
.under_contact>div>div>a{
	width:35%;
	float:left;
	display:block;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
.under_contact>div>div>a:hover{
	background-color:#ff6400;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
.under_contact>div p{
	font-size:14px;
	color:#fff;
	text-align:center;
}
/*===============================
//
MAXWIDTH / 1280
//
===============================*/
@media screen and (max-width:1280px){
}
/*===============================
//
MAXWIDTH / 960
//
===============================*/
@media screen and (max-width:960px){
}
/*===============================
//
MAXWIDTH / 600
//
===============================*/
@media screen and (max-width:600px){
}
/*===============================
//
MAXWIDTH / 480
//
===============================---*/
@media screen and (max-width:768px){
/*▼▼h1▼▼480*/
h1{
	padding:2% 0;
}
h1>p{
	font-size:10px;
}
/*▼▼固定メニュー▼▼480*/
#fixed_menu{
	border-top:1px solid #3c508c;
	background-color:#001E78;
	position:fixed;
	bottom:0;
	left:0;
	z-index:8000;
}
#fixed_menu>li{
	float:left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
#fixed_menu>li:nth-child(1){
	width:34%;
	border-right:1px solid rgba(0,0,0,1);
}
#fixed_menu>li:nth-child(1) button{
	line-height:1;
	display:block;
	background:none;
}
#fixed_menu>li:nth-child(2){
	width:33%;
	border-left:1px solid rgba(255,255,255,0.2);
	border-right:1px solid rgba(0,0,0,1);
}
#fixed_menu>li:nth-child(2) a{
	line-height:1;
	display:block;
}
#fixed_menu>li:nth-child(3){
	width:33%;
	border-left:1px solid rgba(255,255,255,0.2);
}
#fixed_menu>li:nth-child(3) a{
	line-height:1;
	display:block;
}
/*▼▼ドロワーメニュー▼▼480*/
#drawer{
	width:100%;
	height:100%;
	border-top:5px solid #ffaa00;
	background-color:#001E78;
	position:fixed;
	top:0;
	right:-100%;
	z-index:9000;
	-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
#drawer.open{
	right:0;
	-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;
}
#drawer>div{
	width:84%;
	margin:10% auto 0;
}
#drawer>div>p.close{
	margin-bottom:8%;
}
#drawer>div>p.close button{
	width:48%;
	background:none;
	display:block;
}
#drawer>div>ul{
	margin-bottom:10%;
}
#drawer>div>ul>li{
	width:47.5%;
	border-bottom:2px solid #fff;
	margin-right:5%;
	margin-bottom:4%;
	float:left;
}
#drawer>div>ul>li:nth-child(2n){
	margin-right:0;
}
#drawer>div>.drawer_logo{
	width:50%;
	margin:0 auto;
}
/*------------------------------------------------------
//
部分共通
//
------------------------------------------------------*/
/*▼▼流れ▼▼pc*/
#flow{
	width:92%;
	margin:0 auto 10%;
}
#flow>h3{
	width:100%;
	margin:0 auto 10%;
}
#flow>ul>li{
	width:96%;
	margin:0 auto 5%;
	float:none;
}
#flow>ul>li:nth-child(4){
	margin-right:0;
	margin-bottom:0;
}
#flow>ul>li>p:nth-child(1){
	margin-bottom:5%;
}
#flow>ul>li>h4{
	margin-bottom:3%;
	font-size:18px;
}
#flow>ul>li>p:nth-child(3){
	font-size:13px;
	line-height:1.5;
}
/*------------------------------------------------------
//
下層ページ
//
------------------------------------------------------*/
/*▼▼下層ページ▼▼コンテンツ名▼▼480*/
#contetname{
	padding:6% 0;
	margin-bottom:8%;
}
#contetname h2{
	font-size:20px;
	letter-spacing:4px;
	line-height:1;
}
/*下層ページ▼▼▼▼概要文▼▼480*/
.text{
	width:92%;
	margin:0 auto 8%;
}
.text h3{
	margin-bottom:6%;
	font-size:18px;
	line-height:1.5;
}
.text p{
	font-size:12px;
	line-height:1.6;
}
/*下層ページ▼▼▼▼お問い合わせ▼▼480*/
.under_contact>div{
	width:92%;
	padding:6% 0;
}
.under_contact>div>h3{
	margin-bottom:3%;
	font-size:18px;
	letter-spacing:1px;
}
.under_contact>div>div{
	border:1px solid #fff;
	margin-bottom:4%;
}
.under_contact>div>div>p{
	border-right:1px solid #fff;;
}
.under_contact>div p{
	font-size:10px;
}
}


/*------------------------------------------------------
//
施工事例はこちらボタン
//
------------------------------------------------------*/

p.repair-btn01{
margin:5% auto 2%;
width:100%;
max-width:500px;
text-align:center;
padding:2%;
font-size:16px;
letter-spacing: 0.05em;
border:1px solid #000;
}

p.repair-btn01:hover{
opacity:0.7;
transition: 0.3s
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

p.repair-btn01{
margin:5% auto 2%;
width:80%;
padding:3% 4%;
font-size:14px;
}

 /* *************** */
}