@charset "utf-8";
/* 印刷時の余白幅指定 */
@page {
	margin: 3mm 3mm;
}
/*ヘッダー*/
header {
	width:100%;
	height:auto;
	background: rgba(255,255,255,1);
}
#headinner{
	width:100%;
	margin: 0 auto;	
	overflow:hidden;
	*zoom: 1;
}
#headR li{width:110px;}
#pc{display:block; margin:0 auto;}/*PC用*/
#sp{display:none;}/*スマホ用*/
#burger{/*スマホ用*/
	display: none;
}
#headL{
	width:200px;
	float:left;
	padding:10px 0px 10px 0px;
	background:url(../images/logo.png) 0px 10px no-repeat;
}
#headR{
	width:500px;
	float:right;
	padding:10px 0px 10px 0px;
}
#headL h1{
	padding:0px 0 0px 60px;
	line-height:1;
	font-size:20px;
	color:#333;
	font-family: "Noto Sans Japanese";
}
#headL h2{
	padding:0px 0 10px 60px;
	line-height:1.3;
	font-size:14px;
	color:#3180F4;
	font-family: "Sawarabi Mincho";
}
#headL h1 span{ font-size:14px; font-weight:bold;}

#headL a{	
	text-decoration:none;
}
#headR ul {
	overflow:hidden;
	*zoom: 1;
}
#headR ul li {
	float:left;
	margin:4px;
}
.mac.gecko #headR ul li{
	float:left;
	margin: 5px;
	border-left:#CCC solid 2px;
}
#headR ul li a{
	display:block;
	text-align:center;
	padding:5px;
	line-height:1.5;
	font-size:12px;
	text-decoration:none;
	color:#333;
}
#headR ul li a p{
	text-align:center;
	line-height:1;
	font-size:10px;
	color:#3180F4;
}
/*フッター*/
footer,
#page_bottom{ display:none;}
#foot_bg_blue{
	width:100%;
	min-height:10px;
	margin:0;
	overflow: hidden;
	zoom: 1;
	background-color:#3180F4;
}

/*中身*/
.txt16{font-size:16px; margin:10px 0; line-height:1.5;}
.txt20{font-size:20px; line-height:1.5;}
.txt25{font-size:25px; line-height:1.2;}

.spacing1em{ letter-spacing:1em;}
.spacing2em{ letter-spacing:2em;}
.spacing3em{ letter-spacing:3em;}

.skyblue{
	font-size:19px;
	color:#3180F4;
	font-weight:bold;
	line-height:1.5;
}

#wrap{
	text-align:center;
	/*margin-top:112px;*/
	clear:both;
	overflow: hidden;
	zoom: 1;
}
#content{
	min-height:500px;
	margin:0 auto 20px auto;
}
#inner{
	width:95%;
	margin: 0 auto;
	line-height:1.5;
	text-align:center;
	overflow: hidden;
	zoom: 1;
}
#inner h2{
	color:#000;
	font-size:25px;
	padding:10px 0 0 0;
	font-family:"Sawarabi Mincho", serif;
	letter-spacing:0.3em;
}
#inner h4{
	color:#000;
	font-size:25px;
	font-weight:bold;
	padding:5px 0 0 0;
	letter-spacing:0.3em;
}

#bg_blue{
	width:100%;
	margin:0;
	overflow: hidden;
	zoom: 1;
	background-color:#3180F4;
}
#bg_blue h3{
	font-size:30px;
	color:#FFF;
	line-height:2;
}
#bg_gray{
	width:100%;
	margin:0;
	padding:0 0 1em 0;
	overflow: hidden;
	zoom: 1;
	background-color:#F2F4F7;
}


/*top*/
#bg_blue_top{
	width:100%;
	height:380px!important;
	margin:0 0 20px 0;
	overflow: hidden;
	zoom: 1;
	background:url(../images/wt_town.png) left bottom repeat-x #3180F4;
}
.top_slide{
	width:90%;
	margin:20px auto;
	text-align:center;
	overflow: hidden;
	zoom: 1;
	/*position:relative;*/
}
/* topスライドショー
------------------------------------------------------- */
.list_carousel1{width:660px!important; text-align:center!important; margin:0 auto!important;}
#foo1{ width:660px!important; text-align:center!important; margin:0 auto!important;}
#foo1 li{ width:660px!important; text-align:center!important; margin:0 auto!important;}
#pager {
  text-align:center;
  padding:10px;
}
#pager1 a {
   background: url(../images/bullets.png) 0 2px no-repeat transparent;
   width: 42px;
   height: 37px;
   margin: 0 5px 0 0;
   display: inline-block;
}
#pager1 a.selected {
   background-position: 0 -35px;
   cursor: default;
}
#pager1 a span { display: none; }
/*----------------- */
.top_slide img{width:90%; height:auto;}

#bg_photo01{
	width:100%;
	min-height:10px;
	margin:20px 0;
	padding:20px 0 20px 0;
	background:url(../images/top_img01.jpg) center top no-repeat;
	overflow: hidden;
	zoom: 1;
}
.photo_in{
	display:block;
	width:80%;
	max-width:800px;
	margin:0 auto;
	border:#FFF solid 1px;
	padding:10px;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	background: rgba(100,100,100,0.5);
}

.photo_in:hover{background: rgba(255,255,255,0.4);}
.photo_in h3{ font-size:26px; color:#FFF; line-height:2;}
.innerL{
	width:45%;
	float:left;
	text-align: left;
	margin-right:15px;
}
.innerL img{ width:100%; height:auto;}
.innerR{
	width:50%;
	float:right;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
	overflow: hidden;
	line-height:1.8;
	zoom: 1;
}
.innerR h3{
	font-size:18px;
	color:#3180F4;
	line-height:1.4;
	margin-bottom:10px;
}
.Rlink{
	display:block;
	width:100%;
	float:right;
	text-align: center;
	text-decoration:none;
	font-size:16px;
	padding:15px 5px;
	background-color:#FADC98;
}
.Rlink:hover{
	background-color:#E1ECFF;}

ul.bg_blue_in{
	width:80%;
	margin:0 auto;
	padding-bottom:120px;
	display: -webkit-box;
	display: -moz-box; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	flex-start: space-between;
}
li.top_menu{
	width:14%;
	width : -webkit-calc(16% - 1em);
	width: -moz-calc(16% - 1em);
	width: calc(16% - 1em);
	line-height:1.5;
	color:#FFF;
}
.top_menu img{width:100%; max-width:178px; height:auto;}
.safari ul.bg_blue_in{
	width:800px;
	margin:0 auto;
	display:block;
	overflow: hidden;
	zoom: 1;
}
.safari li.top_menu{
	width:15%;
	line-height:1.5;
	color:#FFF;
	float:left;
	margin:0 20px 0 0;
}
#top_saiyou{
	margin:-90px auto 0 auto;
}
#top_saiyou p{ width:770px; margin:0 auto; background-color:#fff;}
#top_saiyou h4{
	color:#fff;
	font-size:25px;
	padding:5px 0 5px 0;
	font-family:"Sawarabi Mincho", serif;
	letter-spacing:0.1em;
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=50);
}
#top_saiyou img{ width:100%; height:auto;}
	
#bg_blue_head{
	width:800px;
	min-height:140px;
	margin:0px 0 20px 0;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0845F5), color-stop(0.00, #358AFF));
	background: -webkit-linear-gradient(top, #358AFF 0%, #0845F5 88%);
	background: -moz-linear-gradient(top, #358AFF 0%, #0845F5 88%);
	background: -o-linear-gradient(top, #358AFF 0%, #0845F5 88%);
	background: -ms-linear-gradient(top, #358AFF 0%, #0845F5 88%);
	background: linear-gradient(to bottom, #358AFF 0%, #0845F5 88%);
	overflow: hidden;
	zoom: 1;	
}
#bg_blue_head_wt{
	width:800px;
	min-height:140px;
	margin:0px 0 20px 0;
	text-align:center;
	background:url(../images/wt_town.png) left bottom repeat-x #3180F4;
	overflow: hidden;
	zoom: 1;	
}
#bg_blue_head img,
#bg_blue_head_wt img{
	width:100%; height:auto; }
h2#taitle01{
	font-size:24px;
	text-align:left;
	border-bottom:#057DD6 solid 1px;
	letter-spacing:0.1em;
	font-family: "Noto Sans Japanese";
}
h2#taitle01 .eng{
	font-size:14px;
	color:#057DD6;
}
h3#subtitle{
	font-size:18px;
	margin-bottom:10px;
	padding:5px 0;
	line-height:1.8;
	border-bottom:#CCC solid 1px;
}

/*会社概要*/
.rinen{
	width:100%;
	min-height:110px;
	text-align:center;
	padding:50px 0 0 0;
	margin:15px auto;
	font-size:18px;
	font-weight:bold;
	background: url(../images/com_img01.png) top center no-repeat;
}
.comL{
	width:55%;
	float:left;
	margin:20px 0 40px 2em;
	line-height:1.8;
	text-align:left;
	font-size:14px;
}
.comR{
	width:38%;
	float:right;
	margin:20px 0 40px 0;
	line-height:1.5;
	text-align:left;
	font-size:12px;
}
.comR h3{
	color:#000;
	font-size:20px;
	font-weight:bold;
	padding:5px 0 0 0;
	letter-spacing:0.1em;
}
table.comtable {
	width:100%;
}
.comtable th{
	width:20%;
	padding:10px;
	line-height:1.5;
	text-align:left;
	border-bottom:#CCC solid 1px;
}
.comtable td{
	padding:10px;
	line-height:1.5;
	text-align:left;
	background-color:#FFF;
	border-bottom:#CCC solid 1px;
}
table.comtable2 {
	width:100%;
	margin:20px 0 0 2em;
	font-size:14px;
}
.comtable2 th{
	width:11%;
	padding:10px;
	line-height:1.5;
	text-align:left;
}
.comtable2 td{
	padding:10px;
	line-height:1.5;
	text-align:left;
}
.com_map{
	width:1200px;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}

/*サイディング*/
.sidL{
	width:45%;
	float:left;
	margin:20px 15px 30px 0;
	line-height:1.8;
	text-align:left;
	font-size:14px;
}
.sidR{
	width:45%;
	float:right;
	margin:20px 0 30px 0;
	line-height:1.5;
	text-align:left;
	font-size:14px;
}
.sidL img,
.sidR img,
.sidL2 img{width:100%; height:auto;}
.sidingtitle{
	font-size:16px;
	color:#3180F4;
	text-align:left;
	font-weight:bold;
	line-height:1.5;
}
ul.sidingimg{
	width:100%;
	margin:0 auto 40px auto;
	padding-bottom:10px;
	display: -webkit-box;
	display: -moz-box; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	flex-start: space-between;
}
.safari ul.sidingimg{
	width:100%;
	margin:0 auto 40px auto;
	display:block;
	overflow: hidden;
	zoom: 1;
}
li.siding_photo{
	width:14%;
	width : -webkit-calc(16% - 1em);
	width: -moz-calc(16% - 1em);
	width: calc(16% - 1em);
	line-height:1.5;
	font-size:12px;
}
.siding_photo img{width:100%; height:auto;}

.safari li.siding_photo{
	width:14%;
	line-height:1.5;
	float:left;
	margin:0 20px 0 0;
}

.sidL2{
	width:25%;
	float:left;
	margin:20px 0 40px 0;
	line-height:1.8;
	text-align: center;
	font-size:14px;
}
.sidR2{
	width:72%;
	float:right;
	margin:40px 0 40px 0;
	line-height:1.5;
	text-align:left;
	font-size:14px;
}
.sidR2 th{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#3180F4;
}
.sidR2 th,
.sidR2 td{
	padding:8px;
	vertical-align:middle;
}
.sidingnagare{
	font-family: "Noto Sans Japanese", sans-serif!important;
	border-bottom:#057DD6 solid 1px;
	line-height:1.5;
	margin:30px 0 30px 0;
	letter-spacing:0!important;
}
.nagare_in{
	width:80%;
	margin:15px auto;
	background-color:#FFF;
	padding:10px;
	overflow: hidden;
	zoom: 1;
}
.nagare_inL{
	width:48%;
	float:left;
	text-align:left;
	font-size:14px;
	line-height:1.3;
	margin:0 0 10px 0;
}
.nagare_inL h3{
	color:#057DD6;
	font-size:18px;
	font-weight:bold;
	vertical-align:bottom;
	border-bottom:#CCC solid 1px;
	padding:5px 0;
	margin:0px 0 10px 0;
}
.nagare_inL h3 .no{
	color:#057DD6;
	font-size:34px;
	font-weight:bold;
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 15px 0 0;
}
.nagare_inR{
	width:48%;
	float:right;
}
.nagare_inR img{ width:100%; height:auto;}
.nagare_kansei{
	font-size:19px;
	color:#3180F4;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:2em;
	padding-left:2em;
}
.desumichumon{
	width:90%;
	margin:0 auto;
	padding:16px;
	border:#CCC solid 1px;
	overflow: hidden;
	zoom: 1;
}
.desumichumon dt{
	float:left;
	width:30%;
	text-align: center;
}
.desumichumon dt p{
	color:#3180F4;
	font-size:24px;
}
.desumichumon dd{
	margin-left:30%;
	text-align:left;
}


/*採用情報*/
.saiyou01{
	color:#F746DE;
	font-size:24px;
	margin:1.5em 0 0.6em 0;
	line-height:1.5;
}
.saiyou02{
	width:80%;
	margin:0 auto;
	line-height:1.5;
	text-align:left;
	overflow: hidden;
	zoom: 1;
}
.saiyou03{
	width:80%;
	margin:0 auto;
	padding:20px;
	border:#CCC solid 1px;
	overflow: hidden;
	zoom: 1;
}
.saiyou02 th{
	width:20%;
	padding:10px;
	line-height:1.5;
	text-align:left;
	border-bottom:#333 solid 1px;
}
.saiyou02 td{
	padding:10px;
	line-height:1.5;
	text-align:left;
	background-color:#FFF;
	border-bottom:#CCC solid 1px;
}
.link_inner{
	padding:0 0 0 20%;
	overflow: hidden;
	zoom: 1;
}
.saiyoulink{
	width:40%;
	display:block;
	float:left;
	text-align: center;
	text-decoration:none;
	font-size:16px;
	margin:0 20px 0 0;
	padding:15px 5px;
	background-color:#FADC98;
}
.saiyoulink:hover{background-color:#E1ECFF;}


/*職人の声*/
.creator{
	width:90%;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}
.creatorL01{
	width:58%;
	float:left;
}
.creatorR01{
	width:40%;
	float:right;
}
.creatorR02{
	width:58%;
	float:right;
}
.creatorL02{
	width:40%;
	float:left;
}
.creatorL01,
.creatorR01,
.creatorL02,
.creatorR02{
	text-align:left;
	font-size:14px;
	line-height:1.5;
	margin:0 0 50px 0;
}
.creatorR01 img,
.creatorL02 img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.creatorL01 img,
.creatorR02 img{
	margin-right:10px;
}
.crename01,
.crename02,
.crename03{
	margin-bottom:15px;
	text-align:left;
	font-size:20px;
	vertical-align:bottom;
	line-height:1;
}
.crename01{
	padding:35px 0 5px 80px;
	background:url(../images/creator_img01.gif) left top no-repeat;
}
.crename02{padding:35px 0 5px 80px; background:url(../images/creator_img02.gif) left top no-repeat;}
.crename03{padding:35px 0 5px 80px; background:url(../images/creator_img03.gif) left top no-repeat;}
.creator h3{border-bottom:#CCC solid 1px; margin-bottom:10px;}
.creator h3 .cretitle{
	margin:5px 0;
	padding:0 5px;
	color:#125BC4;
	font-size:16px;
	font-weight:bold;
	border-left:#125BC4 solid 3px;
}


/*施工例*/
.example{
	width:90%;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}
.exampleL01{
	width:55%;
	float:left;
}
.exampleR01{
	width:43%;
	float:right;
}
.exampleR02{
	width:55%;
	float:right;
}
.exampleL02{
	width:43%;
	float:left;
}
.exampleL01,
.exampleR01,
.exampleL02,
.exampleR02{
	text-align:left;
	font-size:14px;
	line-height:1.5;
	margin:30px 0 30px 0;
}
.exampleL01 img,
.exampleR02 img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.example h3{
	margin-bottom:10px;
	padding:1em 0 5px 0;
	font-size:20px;
	font-weight:bold;
	border-bottom:#CCC solid 1px;
}
.example h5{
	font-size:16px;
	color:#057DD6;
	line-height:1;
	margin:0 0 10px 0;
	padding:0;
}


/*業務内容*/
.busL{
	width:49%;
	float:left;
	margin:20px 0 20px 0;
	line-height:1.8;
	text-align:left;
	font-size:14px;
}
.busR{
	width:49%;
	float:right;
	margin:20px 0 20px 0;
	line-height:1.5;
	text-align:left;
	font-size:14px;
}
.businessL{
	float:left;
	width:35%;
	padding:0 20px 3em 0;
}
.businessR{
	float:left;
	width:50%;
	font-size:14px;
	line-height:1.5;
	padding:0 0 3em 0;
}
.businessR h5{
	font-size:16px;
	margin:0;
	padding:0;
	line-height:1;
}
.businessL img,
.businessR img{
	width:100%;
	height:auto;
}


/*アクセス*/
#accessL{
	float:left;
	width:58%;
	width : -webkit-calc(60% - 20px);
	width: calc(60% - 20px);
	padding:0 20px 0 0;
}
#accessR{
	float:left;
	width:40%;
	margin-bottom:10px;
	font-size:14px;
	line-height:1.5;
}
#accessR h3{
	font-size:18px;
	color:#342276;
	font-weight:bold;
	line-height:1.3;
}
#accessR h4{
	font-size:14px;
	line-height:1.5;
	color:#333;
	border-bottom:#4F4D36 solid 1px;
	margin-bottom:3px;
}
#accessR dl.hotel{
	width:100%;
}
ul.access{
	overflow: hidden;
	zoom: 1;
}
ul.access li{
	float:left;
	width:30%;
	width : -webkit-calc(33.3% - 20px);
	width: calc(33.3% - 20px);
	text-align:left;
	line-height:1.5;
	font-size:14px;
	padding:0 20px 15px 0px;
}
h3.acc01,
h3.acc02,
h3.acc03{
	width:80%;
	width : -webkit-calc(100% - 60px);
	width:calc(100% - 60px);
	font-size:14px;
	padding:5px 0 5px 50px;
	margin-bottom:10px;
	border-bottom:#CCC solid 2px;
}
h3.acc01{
	background:url(../images/access01.gif) left top no-repeat;
}
h3.acc02{
	background:url(../images/access02.gif) left top no-repeat;
}
h3.acc03{
	background:url(../images/access03.gif) left top no-repeat;
}

/*サイトマップ*/
ul.sitemap{
	width:80%;
	margin:0 auto;
	/*display: -webkit-box;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.sitemap li{
	width:46%;
	width : -webkit-calc(50% - 25px);
	width: calc(50% - 25px);
	border:#CCC solid 1px;
	margin:10px;
}
.safari ul.sitemap{
	width:80%;
	margin:0 auto;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.safari ul.sitemap li{
	float:left;
	width:46%;
	border:#CCC solid 1px;
	margin:10px;
}
ul.sitemap li a{
	display:block;
	padding:15px;
}
ul.sitemap li a:hover{
	background-color:#F3F3F3;}

/*個人情報保護方針*/
#ppinner{
	width:90%;
	margin:1em auto 2em auto;
	text-align:left;
	line-height:1.5;
}
#ppinner h3{
	font-size:18px;
	font-weight:bold;
	color:#057DD6;
	margin:20px 0 10px 0;
}

/*フォーム*/
.formstyle{
	width:90%;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}