@charset "utf-8";
/*
Theme Name:Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template:lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
#main{width:100%;}

/* ロゴ右側のブロック */
.logo-after {
    display: block;
    width: 480px;
    float: right;
}
 
/* ヘッダー幅を100%に */
.navbar-header {
    width: 100%;
}
 
@media (max-width: 991px) {
    .logo-after {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
}

/* 連絡先のスタイル */
.logo-after .message {
    font-size: 16px;
}
 
.logo-after .text {
    color: #231815;
    font-size: 20px;
display:inline;
}

.tel{padding:0 0 10px 40px;background-image:url(image/tel-ico.png); background-repeat:no-repeat;}
.contact{margin-left:20px;padding:0 0 10px 40px;background-image:url(image/contact-ico.png); background-repeat:no-repeat;}

/* ナビゲーションの設定 */
ul#menu-g-menu{float:left;}
ul#menu-g-menu li{color:#231815; font-weight:bold;}

 
/*トップページページタイトル部分非表示*/
.page-id-12 .page-header_pageTitle {
    display: none;
}
/*トップページパンくずリスト部分非表示*/
.page-id-12 .breadcrumb{
    display: none;
}
.postid-12 .section breadSection .breadcrumb{display: none;}

/*991ピクセル以下の設定*/
@media (max-width: 991px) {
#menu-g-menu{float:none;}
}


/*オリジナルCSS*/

#main_contents_inner {
	margin: 0;
}

#main_contents_inner .mainSection-title h2 {
    position: relative;
    text-align: center;
	padding:0;
	background-color:#fff;
}

h2.l_r_padding {
    position: relative;
    text-align: center;
	padding: 2.2em 0;
}

h2,
.mainSection-title { background-color: #fff; padding:25px 20px 16px;border-bottom:2px solid #008f44; border-top:none; text-align:center;}
h2.l_r_padding:before {
    border-top:solid 1px #008f44;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	z-index:1;
}
h2.l_r_padding span {
    background: #fff;
    display: inline-block;
    padding: 0 1.5em;
	position: relative;
	z-index: 5;
}
#main_contents_inner .box_1 {
	width: 31.4453%;
	float: left;
	margin-right: 2.9296%;
}

#main_contents_inner img {
	border: solid 1px #bfbfbf;
}
#main_contents_inner .box_2 {
	width: 31.4453%;

	margin-right: -20px;
	float: left;
}
#main_contents_inner h3 {
	font-size: 1.1em;
	padding: 0.5em 0;
	color: #008f44;
}

#main_contents_inner .box_1 p,
#main_contents_inner .box_2 p {
	margin-bottom: 1em;
}
#main_contents_inner h3.kenchiku{padding-bottom:2.1em;}
#main_contents_inner p.text_border {
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	border: solid 1px #008f44;
	text-align: center;
}

#main_contents_inner p.text_border a {
	
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;	
	display:block;
	color:#008f44;
}

#main_contents_inner p.text_border a:hover{
	background-color:#008f44;
	color:#fff;
	}
#main_contents_inner p.center {
	width: 31.4453%;
	height: 2.5em;
	line-height: 2.5em;
	margin: 2em auto;
	text-align: center;
	border: solid 1px #008f44;
}
#main_contents_inner p.center a {
	padding: 0;
	text-decoration: none;
	color: #008f44;
	font-weight: bold;
	font-size: 1.1em;	
}
#main_contents_inner_2 .box_3 {
	width: 39.0625%;
	float: left;
	margin-right: 5.46875%;
}
#main_contents_inner_2 .box_3 img {
	border: none;
}
#main_contents_inner_2 .box_3 p {
	margin-top: 1em;	
}
table tr:first-child {
	background: #008f44;
	height: 37px;
	color: #fff;
}
table th:first-child {
	width: 30.8098%;
	              
}
table td:first-child {
	background: #eeeeef;                                                       
}
table td:first-child(2) {
	padding-left: 1em;
}
footer {
	width:100%;	
}
footer #footer_inner {
	max-width: 1024px;
	margin: 0 auto;
	padding: 3em 0;
	position:relative;
}

.footer_top p {
	font-family:"ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	padding: 0 0 3px 51px;
}
.footer_top {
	height: 59px;
	padding: 5px 0 0 11.718%;
}
.footer_top p.bold {
	font-family:"ＭＳ ゴシック", "MS Gothic";
	font-weight: bold;
	font-size: 2em;
	position: absolute;
	top: 72px;
	left: 66px;
}
.footer_tel_mail {
	width: 43.902439%;
	height: 30px;
	position: absolute;
	top: 72px;
	left: 48.828125%;
		
}
.footer_tel_mail p.tel a {
	height: 35px;
	font-size: 1.5em;
	line-height: 1.5em;
	background: url("images/tel_logo.jpg") no-repeat ;
	padding-left: 38px;
	float: left;
	text-decoration: none;
	color: #008f44;
	pointer-events: none;	
}
.footer_tel_mail p.mail a {
	height: 35px;
	font-size: 1.2em;
	line-height: 1.2em;
	background: url("images/mail_logo.jpg") no-repeat ;
	padding-top: 7px;
	padding-left: 38px;
	float: right;
	text-decoration: none;
	color: #008f44;
	font-weight: bold;
}

#main_top_inner:after,
#main_contents_inner:after,
#footer_inner:after {
	content: "";
	display: block;
	clear: both;
}

footer p.background {
	
	height:42px;
	text-align: center;
	background: #008f44;
	padding-top: 20px;
	color: #fff;
}

@media screen and (max-width: 850px) {

#main_contents_inner p.text_border a {
	
	padding: 0;
}
#main_contents_inner p.center a {
	padding: 0 50px;
	
}
#main_contents_inner .box_3 {
	float: none;
	width: 40%;
	margin-bottom: 3em;
	
}
#main_contents_inner table {
	width: 100%;
}	
}

@media screen and (max-width: 680px) {
img {
	max-width: 100%;
	height: auto;	
}
body {
	font-size: 15px;
}

#main_contents h2 {
	font-size: 1.2em;
}
#main_contents h3 {
	font-size: 1.1em;
}
.header_tel_mail {
	display: none;
}

.mean-container a.meanmenu-reveal {
	position: fixed;
}

.fixed {
	display: none;
}
#main_contents_inner .box_1,
#main_contents_inner .box_2,
#main_contents_inner .box_3, 
#main_contents_inner img {
	width: 100%;
	float: none;
	margin:0;
}
#main_contents_inner .box_1,
#main_contents_inner .box_2 {
	margin-bottom: 3em;
}
#main_contents_inner .box_3 {
	margin-bottom: 1em;
}
#main_contents_inner .box_1 p,
#main_contents_inner .box_2 p {
	margin-bottom: 1em;
}

#main_contents_inner table {
	width: 100%;
}
#main_contents_inner dl {
	line-height: 1.6em;
}
#main_contents_inner dt {
	float: none;
	border: none;
	margin-top: 2em;
}
#main_contents_inner h2 {
	padding: 1.5em 0;
}

#main_contents_inner p.center {
	width: 100%;

}
#main_contents_inner p.center a {
	padding: 0 100px;
	text-decoration: none;
	color: #008f44;
	font-weight: bold;
	font-size: 1.1em;	
}
}

.tablenav {
    color: #2583ad;
    background:white;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}
 
a.page-numbers, .tablenav .current {
    color: #00019b;
    padding: 2px .4em;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:smaller;
}
 
a.page-numbers:hover {
    color:white;
    background: #008f44;
}
 
.tablenav .current {
    color: white;
    background: #008f44;
    border-color: #008f44;
    font-weight:bold;
}
 
.tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
    text-decoration:underline;
    font-size:smaller;
    font-weight:bold;
}
.right-image-box-1{padding:30px 0 0 0; overflow:hidden;}
/*サトウCSS追加*/
/*求人情報を非表示 ↓*/
#main_contents_inner_2 {
	display: none;
}
/*求人情報を非表示 ↑*/
#main_contents h3 {
	border-bottom: solid 1px #008f44;
}
#main_contents_inner table {
	all: initial;
	width: 100%;
	border-collapse: collapse;
	color: #333;
}
#main_contents #main_contents_inner_2 table {
	all: initial;
	width: 55%;
	border-collapse: collapse;
	color: #333;
}
#main_contents_inner table th,
#main_contents_inner table td,
#main_contents_inner table tr {
	border: solid 1px #666;
	white-space: nowrap;
}
#main_contents_inner_2 table th,
#main_contents_inner_2 table td,
#main_contents_inner_2 table tr {
	border: solid 1px #666;
	white-space: nowrap;
}
#main_top_inner #item13 {
	top: 10px;
}
#main_top_inner #item12 {
	top: 0;
	left: 0
}
#main_top_inner #item11 {
	top: 0;
	left: 0
}
#main_top_inner #item10 {
	top: 0;
	left: 0;
}
#main_contents .text_box {
	height: 7em;
}
/*製品・サービス一覧ページ　レイアウト*/
#products h3 {
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 2em;
	border-bottom: solid 1px #008f44;
	padding-left: 0.8%;
}
#products h4 {
	margin-bottom: 2em;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	padding: 0.8em;
	background: #008f44;
	border-radius: 0px;
}
#products p.bold {
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 0.5em;
}
#products .box_1,
#products .box_2 {
	margin-bottom: 3em;	
}
#products .button {
	
}
#products .button a {
	display: block;
	margin: 2em 0;
	width: 140px;
	height: 2em;
	line-height: 2em;
	padding-top: 2px;
	text-align: center;
	background: #008f44;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	position: relative;
	box-shadow: 0 2px 0px #00663c;
}
#products .button a:hover {
	background: #008f44;
	opacity: 0.8;
}
#products .button a:active {
	top: 2px;
	box-shadow: none;
}
#products a:hover img {
	opacity: 0.8;
}
#products .right {
	text-align: right;
}
#products .wp-image-1720 {
	border: none;
}
#products .right a {
	color: #0044CC;
}
/*コンテナハウスページ レイアウト*/
#container #main_contents_inner h3 {
	font-size: 1.1em;
	color: #fff;
	padding:0.8em;
	background: #008f44;
	font-weight: normal;
	margin: 1.8em 0;
	border-bottom: solid 1px #008f44;
}
#container h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.5em;
	border-bottom: solid 1px #008f44;
	border-radius: 0px;
	background: #fff;
	position: relative;
	z-index: -5;
}
#container img {
	float: left;
	margin-right: 5%;
	margin-bottom: 5em;
}
#container table tr,
#container table th {
	text-align: center;
	height: 1em;
}
#container table tr td {
	font-weight: normal;
}

#container .box_1 {
	width: 55.46875%;
	margin-right: -20%;
	margin-bottom: 4em;
}
#container p.underline {
	margin-bottom: 2em;
	background: linear-gradient(to top, rgba(149,149,149,0.5) .1em, transparent .1em );
	background-size: auto 2.2em;
	line-height: 2.2em; 	
}
#container .contents_box {
	margin: 3em 0;
}
#container #cak_a {
	margin-top: -120px;
	padding-top: 120px;
}
#container #cak_b {
	margin-top: 930px;
	padding-top: -930px;
}
#container #cav {
	margin-top: 450px;
	padding-top: -450px;	
}
#container #cap {
	margin-top: -110px;
	padding-top: 110px;	
}
#container #panelbox {
	margin-top: 440px;
	padding-top: -440px;
}
#container #clearpanel {
	margin-top: 380px;
	padding-top: -380px;	
}
#container #toire {
	margin-top: -120px;
	padding-top: 120px;
}
#container #bousai {
	margin-top: 660px;
	padding-top: -660px;	
}
#container #stanchion {
	margin-top: 660px;
	padding-top: -660px;
}
#container #stanchion_cak {
	margin-top: 290px;
	padding-top: -290px;
}
#container #led {
	margin-top: 290px;
	padding-top: -290px;
}
#container #bisu {
	margin-top: 250px;
	padding-top: -250px;	
}
#container .img_box_2,
#container .img_box_4 {
	width: 400px;
	float: left;
	margin-right: 5%;
}
#container .img_box_3 img {
	margin-bottom: 0;
}
#container .text_box {
	margin: 0;
}
#container p.jitsuyou {
	margin: 0;
	background: #f00;
	color: #fff;
	text-align: center;
	letter-spacing: 1em;
}
#container p.tokkyo {
	background: #00F;
	color: #fff;
	text-align: center;
	letter-spacing: 1em;
}
#container p.tokkyo_2 {
	width: 300px;
    background: #00F;
	color: #fff;
	text-align: center;
	letter-spacing: 1em;
}
td.bg-color {
	background-color: #f5f5f5 !important;
}
.product-new {
	background-color: #ff0000;
	color: #fff;
	padding: 2px 10px;
	margin-left: 20px;
}
#container #okunaihouse {
	margin-top: -110px;
	padding-top: 110px;
	
}
#container #raunjihouse {
	margin-top: 1200px;
	padding-top: -1200px;
}
#container #refreshhouse {
	margin-top: 680px;
	padding-top: -680px;
}
/*一坪シャッター倉庫・ミニハウスのページ*/
#shutter_house h3 {
	
	color: #fff;
	padding:0.8em;
	background: #008f44;
	font-weight: normal;
	margin-bottom: 1.8em;
	border-bottom: solid 1px #008f44;
}
#shutter_house h4 {
	font-size: 1.1em;
	margin-bottom: 2em;
	padding: 0.5em;
	border-bottom: solid 1px #008f44;
	border-radius: 0px;
	font-weight: bold;
	background: #fff;
}
#shutter_house img {
	float: left;
	margin-right: 5%;
}

#shutter_house tr,
#shutter_house th {
	text-align: center;
	height: 1em;
}
#shutter_house table tr td {
	font-weight: normal;
}

#shutter_house .box_1 {
	width: 55.46875%;
	margin-right: -20%;
	margin-bottom: 2em;
}
#shutter_house .box_1 p.underline {
	margin-bottom: 2em;
	background: linear-gradient(to top, rgba(149,149,149,0.5) .1em, transparent .1em );
	background-size: auto 2.2em;
	line-height: 2.2em; 
}		
#shutter_house .contents_box {
	margin: 3em 0;
}
#shutter_house .impact {
	font-size: 30px;
	color: #f00;
	font-family: 'impact';
}
#shutter_house .red {
	color: #f00;
	font-weight: bold;
	padding: 0 2px;
}
.size-b {
	font-size: 22px;
	font-weight: bold;
	color: #f00;
	margin-right: 20px;
}
#shutter_house .bg_red {
	background: #f00;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#shutter_house .bg_blue {
	background: #00F;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#shutter_house .bg_green {
	background: #090;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#shutter_house p.price {
	border: none;
	margin: 1em;
}
#shutter_house table.t_1 {
	height: 170px;
}
#shutter_house table.t_2 {
	height: 297px;
}
#shutter_house table.t_1 tr,
#shutter_house table.t_1 td,
#shutter_house table.t_2 tr,
#shutter_house table.t_2 td {
	text-align: left;
}
#shutter_house table.t_1 tr:first-child,
#shutter_house table.t_2 tr:first-child {
	background: #fff;
	color: #333;
}
#shutter_house table.t_1 td:first-child,
#shutter_house table.t_2 td:first-child {
	background: #008f44;
	color: #fff;
}
#shutter_house .white {
	background: #fff;
}
#shutter_house #saburo {
	margin-top: -120px;
	padding-top: 120px;
}
#shutter_house #ichiro {
	margin-top: 400px;
	padding-top: -400px;
}
#shutter_house #huji {
	margin-top: -120px;
	padding-top: 120px;
}
#shutter_house #jiro {
	margin-top: 280px;
	padding-top: -280px;
}
#shutter_house #hanako {
	margin-top: 280px;
	padding-top: -280px;
}
#shutter_house .img_box_2,
#shutter_house .img_box_3 {
	width: 400px;
	float: left;
	margin-right: 5%;
}
#shutter_house .img_box_2 img {
	margin-bottom: 3em;
}
#shutter_house .img_box_3 img {
	margin-bottom: 0.5em;
}

/*会社概要ページレイアウト*/
#company .contents_box img {
	float: left;
	margin-right: 5%;
}
#company .box_1 {
	width: 55.46875%;
	margin-right: -20%;	
}
#company a.bg_green {
	text-decoration: none;
	color: #fff;
	background: #008f44;
	font-size: 0.8em;
	padding: 0.2em;
}
#company a.bg_green:hover {
	color: #ccc;
}
#company p.underline {
	background: linear-gradient(to top, rgba(149,149,149,0.5) .1em, transparent .1em );
	background-size: auto 2.2em;
	line-height: 2.2em; 
	margin-bottom: 0;
	text-indent: 1em;
}
#company h3 {
	font-size: 1.3em;
	color: #333;
	border-bottom: solid 1px #008f44;
	margin-bottom: 2em;
	font-weight: bold;
}
#company dl dt {
	font-size: 1em;
	color: #333;
	font-weight: normal;
	border: none;
	width: 20%;
	padding-top: 0.5em;
	line-height:2em;
	float: left;	
}
#company dl dd {
	border-left: none;
	border-bottom: solid 1px #CCC;
	padding-top: 0.5em;
	line-height: 2em;	
}
#company dt.height {
	height: 100px;
}
#company dt .left_border {
	border-left: solid 5px #008f44;
	padding-left: 0.8em;	
}
#company dl.list_2 dt {
	width: 7em;
}
#company h4 {
	background: #008f44;
	color: #fff;
	border-radius: 0px;
}
#company dl.list_3 dt {
	width: 7em;
}
#company .contents_box,
#company .contents_box_2 {
	margin-bottom: 4em;
}
#company .contents_box_2 img {
	margin-right: 3%;
	margin-bottom: 2em;
	border: none;
}
#company dl dd br {
	display: none;
}

/*アクセスページのレイアウト*/
#access .maparea {
	width: 600px;
	height: 400px;
	margin: 0 auto 3em;
}
#access h3 {
	font-weight: bold;
	font-size: 1.3em;
	color: #333;
	border-bottom: solid 1px #008f44;
	padding: 0 0 0 0.5em;
	margin-bottom: 2em;
	
}
#access h4 {
	width: 90%;
	background: #008f44;
	font-weight: normal;
	color: #fff;
	font-size: 1em;
	padding: 0.8em 0 0.8em 2em;
	margin: 0 auto 2em;
	border-radius: 0px;
}
#access dl {
	width: 90%;
	margin: 0 auto 3em;
}
#access dl dt {
	font-size: 1em;
	color: #008f44;
	font-weight: bold;
	border: none;
	width: 20%;
	padding-top: 0.5em;
	line-height:2em;
	float: left;	
}
#access dl dd {
	border-bottom: solid 1px #CCC;
	padding-top: 0.5em;
	line-height: 2em;
	border-left: none;
	
}
#access dl dd br {
	display: none;
}
/*展示情報ページレイアウト*/
#tenji h3 {
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#tenji h4 {
	background: #008f44;
	color: #fff;
	border-radius: 0px;
}

#tenji .contents_box{height:auto;overflow:auto;}

#tenji .contents_box img {
	width: 100%;
	margin-bottom: 1em;
}
#tenji .contents_box:empty {
	display: none;
}
#tenji .contents_box .archive-tenji-image img {
	width:400px;
	height:300px;
}
#tenji .contents_box {
	width: 70%;
	margin: 0 auto;
	border-bottom: solid 1px #333;
	margin-bottom: 3em;
	padding-bottom: 6em;
}
#tenji p.link a {
	display: block;
	width: 60%;
	margin: 3em auto 1em;
	height: 2em;
	line-height: 2em;
	padding-top: 2px;
	text-align: center;
	background: #008f44;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	position: relative;
	box-shadow: 0 2px 0px #00663c;
}
#tenji p.link a:hover {
	background: #008f44;
	opacity: 0.8;

}
#tenji p.link a:active {
	top: 2px;
	box-shadow: none;
}
#tenji dl {
	width: 90%;
	margin: 5em auto;
}
#tenji dl dt {
	color: #008f44;
	font-weight: bold;
	float: left;
	border: none;
	line-height: 2em;
	width: 10%;
	
}
#tenji dl dd {
	border-bottom: solid 1px #ccc;
	border-left: none;
	line-height: 2em;
	margin-bottom: 1.5em;
}
#tenji .box_1:after,
#tenji .contents_box:after {
	content:"";
	display: block;
	clear: both;
}
#tenji_single img {
	width: 50%;
	height: auto;
}
#tenji .impact {
	font-size: 30px;
	color: #f00;
	font-family: 'impact';
}
#tenji .red {
	color: #f00;
	font-weight: bold;
	padding: 0 2px;
}
#tenji .bg_red {
	background: #f00;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#tenji .bg_blue {
	background: #00F;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#tenji .bg_green {
	background: #090;
	color: #fff;
	margin: 0 3px;
	padding: 2px 3px;
}
#tenji p.price {
	text-align: right;
	border: none;
	margin: 1em;
}
#tenji .y_m_d {
	font-weight: bold;
	margin-bottom: 1em;
}
#tenji a.bg_green {
	text-decoration: none;
	color: #fff;
	background: #008f44;
	font-size: 0.8em;
	padding: 0.2em;
}
#tenji a.bg_green:hover {
	color: #ccc;
}
#tenji a:hover img {
	opacity: 0.8;
}
#tenji br {
	display: none;
}
/*お問い合わせページレイアウト*/
#contact {
	width: 100%;
}
#contact h3 {
	border-bottom: solid 1px #008f44;
}
#contact dl {
	margin-bottom: 5em;
}
#contact dl dt {
	float: left;
	border-left: solid 3px #008f44;
	padding-right: 7em;
}
#contact dl dd {
	border-bottom: solid 1px #ccc;
	border-left: none;
	padding-bottom: 0.4em;	
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
} 
.wpcf7-submit {
	width:30%;
	margin: 0 auto;
	padding:15px;
	border-radius:10px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	border: none;
	box-shadow: 0 3px 0 #ddd;
	background: #eee;
	
}
  
.wpcf7-submit:hover {
	opacity: 0.8;
 
}
/*施行例のページレイアウト*/
#sekou h3 {
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#sekou h4 {
	background: #008f44;
	color: #fff;
	border-radius: 0px;
}
#sekou .box_1 {
	width: 100%;
}

#sekou .contents_box {
	width: 100%;
	border-bottom: solid 1px #333;
	margin-bottom: 3em;
	padding-bottom: 2em;
}
#sekou .img_box {
	width: 400px;
	height: 300px;
	display: inline-block;
	position: relative;
	margin: 1em 2em 1em 0;
	background: #eee;
}
#sekou .img_box:empty {
	display: none;
}
#sekou .img_box img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; 
}
#sekou a:hover img {
	opacity: 0.8;
}
/*施工例の詳細ページレイアウト*/
#sekou_single img {
	width: 30%;
	height: auto;
	margin-right: 3%;
	margin-bottom: 3em;
}
#sekou_single .bold {
	font-weight: bold;
}
/*トピックス情報のページレイアウト*/
#topix h3 {
	border-bottom: solid 1px #008f44;
	font-weight: bold;
}
#topix h4 {
	background: #008f44;
	color: #fff;
	border-radius: 0px;
}
#topix .img_box {
	width: 400px;
	height: 300px;
	background: #eee;
	position: relative;
	float: left;
}
#topix img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; 
}
#topix .box_1 {
	width: 58%;
	float: right;
}
#topix .contents_box {
	width: 100%;
	
	border-bottom: solid 1px #333;
	margin-bottom: 3em;
	padding-bottom: 6em;
}
#topix .contents_box:after {
	display: block;
	content: "";
	clear: both;
}
#topix .y_m_d {
	font-weight: bold;
	margin-bottom: 1em;
}
#topix a:hover img {
	opacity: 0.8;
}
/*イベント情報の詳細ページのレイアウト*/
#event_single img {
	width: 50%;
	height: auto;
	margin-right: 3%;
	margin-bottom: 3em;
}
#event_single .y_m_d {
	text-align: right;
	margin-right: 5%;
	margin-bottom: 2em;
	font-weight: bold;
}
/*プライバシーポリシーページのレイアウト*/
#privacypolicy h3 {
	color: #333;
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#privacypolicy h4 {
	border-radius: 0px;
	background: #008f44;
	color: #fff;
}
#privacypolicy #main_contents_inner dl dd {
	border: none;
}
/*個人情報の取扱いについてページのレイアウト*/
#privacypolicy_1 h3 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#privacypolicy_1 h4 {
	border-radius: 0px;
	background: #008f44;
	color: #fff;
}
#privacypolicy_1 #main_contents_inner dl dd {
	border: none;
}
#privacypolicy_1 .right {
	text-align: right;
	margin-right: 2em;
}
#privacypolicy_1 a {
	color: #0000ff;
}
#privacypolicy_1 img {
	border: none;
	margin-right: 15px;
	margin-bottom: 20px;
}
#privacypolicy_1 ol {
	margin-left: -10px;
}
#privacypolicy_1 ol li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	margin-left: 20px;
	text-indent: -30px;

}
#privacypolicy_1 ol li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
/*特定個人情報の取扱についてページのレイアウト*/
#privacypolicy_2 h3 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#privacypolicy_2 h4 {
	border-radius: 0px;
	background: #008f44;
	color: #fff;
}
#privacypolicy_2 .right {
	text-align: right;
	margin-right: 2em;
}
#privacypolicy_2 a {
	color: #0000ff;
}
#privacypolicy_2 img {
	border: none;
	margin-right: 15px;
	margin-bottom: 20px;
	padding-top: 15px;
}
#privacypolicy_2 dl dt img {
	width: 158px;
	height: 39px;
	margin: 0;
	padding: 0;
}
#privacypolicy_2 ol {
	margin-left: -10px;
}
#privacypolicy_2 ol li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	margin-left: 20px;
	text-indent: -30px;

}
#privacypolicy_2 ol li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
#privacypolicy_2 dl dt {
	margin-top: 3px;
	float: left;
	border: none;

}
#privacypolicy_2 dl dd {
	width: 84%;
	float: right;
	border: none;

}
/*建築設計事務所の運営ページレイアウト*/
#jimusho h3 {
	border-bottom: solid 1px #008f44;
}
#jimusho h4 {
	background: #008f44;
	border-radius: 0px;
	color: #fff;
}
#jimusho .box_1 img {	
	float: left;
	margin: 1em 2em 1em 0;
}
#jimusho .text_box {
	clear: both;
	margin-bottom: 3em;
	padding-bottom: 2em;
	border-bottom: solid 1px #333;
}
#jimusho .text_box p {
	margin: 0;
}
/*特約店様一覧ページのレイアウト*/
#tokuyakuten h3 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	border-bottom: solid 1px #008f44;
}
#tokuyakuten table {
	
	width: 100%;
	margin: 0 auto;
	
}
#tokuyakuten table th {
	text-align: center;
	font-weight: bold;
}
#tokuyakuten table td:first-child {
	background-color: #fff;
}
#tokuyakuten table tr:nth-child(3),
#tokuyakuten table tr:nth-child(5) {
	background-color: #eeeeef !important;
}
#tokuyakuten table td.bk {
	background-color: #eeeeef;
}
@media screen and (max-width: 1200px) {
#main_top_inner #anime-box {
	width: 100%;
}
#tenji .box_1 {
	width: 100%;
	float: none;
}
#tenji .contents_box {
	height: auto;
	padding-bottom: 2em;
}
#tenji dl dt {
	width: 20%;
}
#topix .box_1 {
	width: 52%;
}
#main_contents_inner:after {
	content:"";
	display: block;
	clear: both;
}
#privacypolicy_2 dl dd {
	width: 80%;
}
}
@media screen and (max-width: 1024px) {
#container img {
	float: none;
	margin-bottom: 0;
}
#container .box_1 {
	width: 100%;
}
#container .img_box_2,
#container .img_box_4 {
	float: none;
}
#container .img_box_2 img {
	margin-bottom: 1em;
}
#container .img_box_4 img {
	margin-bottom: 0;
}
#container .img_box_2 p {
	margin: 0;
}
#container #cak_b {
	margin-top: 900px;
	padding-top: -900px;
}
#container #bousai {
	margin-top: -100px;
	padding-top: 100px;
	
}
#container #clearpanel {
	margin-top: 280px;
	padding-top: -280px;
}
#container #panelbox {
	margin-top: 400px;
	padding-top: -400px;
}
#container #stanchion_cak {
	margin-top: 180px;
	padding-top: -180px;
}
#container #stanchion {
	margin-top: 400px;
	padding-top: -400px;
}
#container #led {
	margin-top: 70px;
	padding-top: -70px;
}
#container #bisu {
	margin-top: 0px;
	padding-top: 0px;
}
#shutter_house img {
	float: none;
}
#shutter_house .box_1 {
	margin-left: 0;
	width: 100%;
}
#shutter_house p.price {
	width: 100%;
}
#shutter_house .img_box_2 {
	float: none;
}
#shutter_house .img_box_2 img {
	margin-bottom: 1em;
}
#shutter_house #ichiro {
	margin-top: 400px;
	padding-top: -400px;
}
#company img {
	float: none;
}
#company .box_1 {
	width: 100%;
}
#company .contents_box dl dt {
	width: 30%;
	float: none;
}
#company .contents_box dl dt.height {
	height: 3em;

}
#sekou_single img {
	width: 100%;
	height: auto;
	
}
#tenji .contents_box {
	width: 100%;
}
#tenji .box_1,
#sekou .box_1,
#topix .box_1 {
	margin-bottom: 1em;
}
#topix .box_1 {
	width: 100%;
	float: none;
}
#privacypolicy_2 dl dd {
	width: 70%;
}
}
@media (max-width: 991px) {
.logo-after {
	padding-bottom: 1em;
}
.text {
	padding-bottom: 0.5em;
}
.tel,
.contact {
	padding-top: 4px;
}
#main_contents .text_box {
	height: 11em;
}
#main_contents_inner h3 {
	font-size: 1em;
}

#tokuyakuten .scroll {
	overflow-y: scroll;
}
#tokuyakuten .scroll::-webkit-scrollbar {
  height: 5px;
}
#tokuyakuten .scroll::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
#tokuyakuten .scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
}
@media screen and (max-width: 680px) {
#main_contents h2 {
	top: 0;	
}
#main_contents_inner h3.kenchiku {
	padding-bottom: 0.5em;
}
.logo-after {
	padding-left: 10%;
	padding-bottom: 0;
}
.logo-after .text {
	display: block;
	font-size: 14px;
	padding-bottom: 0.5em;
}
.tel {
	margin: 0;
	padding-top: 5px;
	padding-left: 0;
	background-position: 17% 2px;
	background-size: 25px 25px;
}
.contact {
	margin: 0;
	padding-left: 15%;
	padding-top: 5px;
	background-position: 17% 3px;
	background-size: 25px 25px;
}
#container .box_1 {
	width: 100%;
}
.contents_box {
	width: 100%;
}
#container .box_1 p.underline {
	border-bottom: solid 1px transparents;
}
#container .img_box_2,
#container .img_box_4 {
	width: 100%;
	margin-bottom: 1em;
	float: none;
}
#container .img_box_2 img {
	margin-bottom: 1em;
}
#container .img_box_4 img {
	margin-bottom: 0;
}
#container .img_box_3 img {
	margin: 0;
}
table {
	width: 100%;
}
.scroll {
	width: 100%;
}
.scroll {
	overflow: scroll;
	white-space: nowrap;
	
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
#main_contents .text_box {
	height: auto;
}
#main_contents_inner h3 {
	font-size: 1.2em;
}
#shutter_house .box_1 {
	width: 100%;
}
#shutter_house .box_1 p.underline {
	border-bottom: solid 1px transparents;
}
#company .box_1 {
	width: 100%;
}
#company .contents_box {
	width: 100%;
}
#company .contents_box .list_1 dt {
	width: 100%;
	float: none;
}
#company .contents_box dl dt.height {
	height: 3em;
}
#company .box_1 p.underline {
	background: none;

}
#company dl dd br {
	display: block;
}
#access #main_contents_inner h4 {
	width: 100%;
}
#access #main_contents_inner dl {
	width: 100%;
}
#access #main_contents_inner dl dt {
	width: 50%;
	float: none;
} 
#access #main_contents_inner .maparea {
	width: 100%;
	height: 280px;
}
#access dl dd br {
	display: block;
}
#container #cak_a,
#container #cak_b,
#container #cav,
#container #s_cak_a,
#shutter_house #ichiro,
#shutter_house #jiro,
#shutter_house #saburo,
#shutter_house #hanako,
#shutter_house #huji {
	margin-top: -120px;
	padding-top: 120px;
} 
#shutter_house .img_box_2 {
	width: 100%;
	margin-bottom: 1em;
	float: none;
}
#shutter_house .img_box_3 {
	width: 100%;
	margin-bottom: 0;
	float: none;
}
#container .img_box_2 img {
	margin-bottom: 1em;
}
#container #panelbox {
	margin-top: -120px;
	padding-top: 120px;
}
#container #clearpanel {
	margin-top: -20px;
	padding-top: 20px;
	
}
#container #bousai {
	margin-top: -120px;
	padding-top: 120px;
}
#container #stanchion {
	margin-top: -120px;
	padding-top: 120px;
}
#container #stanchion_cak {
	margin-top: -120px;
	padding-top: 120px;
}
#container #led {
	margin-top: -120px;
	padding-top: 120px;
}
#container #bisu {
	margin-top: -120px;
	padding-top: 120px;
}
#container #okugaikumitate {
	margin-top: -120px !important;
	padding-top: 120px !important;
}
#tenji img {
	max-width: 100%;
	height: auto;
}
#tenji h4 {
	margin-top: 2em;
}
#tenji .contents_box {
	width: 100%;
	height: auto;
}
#tenji p.link a {
	width: 100%;
	height: 30px;
	padding-top: 0px;
}
#tenji dl dt {
	width: 50%;
	float: none;
}
#tenji br {
	display: block;
}
#tenji_single img {
	width: 100%;
	height: auto;
}
#contact .wpcf7 {
	width: 100%;
}
#topix .box_1 {
	width: 100%;
	float: none;
}
#topix .img_box {
	width: 100%;
}
#event_single img {
	width: 100%;
	height: auto;
}
#event_single .y_m_d {
	margin-right: 0;
}
#sekou .img_box {
	width: 100%;
}
#main_contents #main_contents_inner_2 .box_3 {
	width: 100%;
	float: none;
}
#privacypolicy_2 img {
	width: 10%;
}
#privacypolicy_2 dl dt {
	float: none;
}
#privacypolicy_2 dl dd {
	width: 100%;
	float: none;
}
#privacypolicy_1 ol li,
#privacypolicy_2 ol li {
	margin-left: 0;
}
#tokuyakuten .scroll table {
	width: 80%;
	
	overflow-y: scroll;
}
}
.meihen{
border:solid 1px #333;
padding:20px;
}
.meihen h2{text-align:left; border-bottom:none; margin-top:-20px;}

@media screen and (max-width: 490px) {
.siteHeader_logo{margin-left:40px;}
}
/*202105追加*/
.kankyou-wrap {
	width: 100%;
	margin-bottom: 80px;
}
.kankyou-wrap img {
	border: none !important;
}
img.kankyou-img {
	float: left;
	width: 45%;
	margin: 0;
	
}
.kankyou-box2 {
	width: 50%;
	margin-top: -20px;
	float: right;
}
p.hinshitsu {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold;
	font-size: 23px;
	margin: 30px 0;
}
img.hinshitsu-img {
	float: left;
	width: 44%;
	margin: 0 5px;
}
img.hinshitsu-img2 {
	width: 44%;
}
@media screen and (max-width: 600px) {
	img.kankyou-img {
		float: none;
	}
	.kankyou-box2 {
		width: 100%;
		float: none;
	}
	p.hinshitsu {
		font-size: 17px;
	}
}
.remote p a {
	display: block;
	width: 350px;
	text-align: center;
	
	padding: 0.5em;
	color: #fff;
	margin-left: auto;
	
	
}
.header-wrap {
	width: 80%;
	height: 40px;
	margin: 0 auto;
	
}
a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.remote{  
    position: fixed; 
	z-index:100;
    right: 0;  
    bottom:0;  
}
/*簡単見積*/
.mitsumori h4 {
	font-size: 16px;
}
.mitsumori .hissu {
	background: #e62e2e;
	color: #fff;
	font-size: 11px;
	padding: 3px;
	border-radius: 4px;
	margin-left: 5px;
	word-break:keep-all;
}
/*会社*/
.enkaku {
	display: block;
}
.sdgs {
	margin: 10px 30px 30px 30px;
}
.img-center {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 490px) {
	.sdgs {
		display: block;
		width: 150px;
		margin: 10px auto 30px;
	}
	}
}