@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
body{width: 100%;
background: -moz-linear-gradient(top right, #FFF 20%, #EDF6F7 70%);
background: -webkit-linear-gradient(top right, #FFF 20%, #EDF6F7 70%);
background: linear-gradient(to bottom left, #FFF 20%, #EDF6F7 70%);}

#HEADER ul.H_MENU li a.H_STRUCTURE	{ border-bottom:2px solid #000;  text-decoration:none; }
.sidr ul li a.sidr-class-H_EQUIPMENT {background-color: #b9dbd8;}

#HEADER ul.NAVI li a.H_EQUIPMENT	{ border-bottom:3px solid #595757; }
strong.STRONG_TOP { width:100%; float:left; clear:none; font-size:25px; line-height:1.7em;  letter-spacing:0.1em; font-weight:normal; margin:0 0 30px 0; text-align:center; }

.BOX { width:600px; height:auto; float:right; clear:none; margin:0 0px 50px 0; }

#PAGE em.TXT	{ width:auto; float:left; display:inline; margin:0px 0 0 30px; font-size:20px; line-height:1.2em; letter-spacing:0.05em; }
#PAGE p { width:auto; margin:0px 0 0 0px; float:left; clear:none; font-size:13px; line-height:2em; }

h2	{ width:100%float:left; clear:none; margin:30px 0 20px 0px; font-size:20px; line-height:2em; text-align:center; letter-spacing:0.1em; }
h2 strong	{ width:120px; float:left; margin:0 20px 0 0; padding:5px 0 5px 10px; color:#000; font-size:13px; line-height:1.2em; }
h2 span {;}
.MAIN h1	{ width:100%; float:left; margin:30px 0 30px 0; font-size:20px; line-height:1.2em; letter-spacing:0; text-align:center; }
.MAIN h2 { width:100%; float:left; font-size:20px; text-align: left; margin:0px 0 20px 0px; float:left; border-bottom:1px dotted #7D5D34; }

.MAIN .BORDER	{ width:820px; float:left; background:none; border-bottom:1px solid #ffad4e; }
.MAIN .BORDER_L	{ margin:50px 0 0 0; }
.MAIN dl	{ width:820px; float:left; padding:10px 0; border-bottom:1px solid #404040; letter-spacing:0.1em; }
.MAIN .BOX h1.NAME strong	{ width:180px; float:left; margin:5px 0 0 0; text-align:center; line-height:2em; }
.MAIN .BOX strong	{ width:560px; float:right; margin:20px 30px 10px 0; color:#ba1a8d; text-align:left; font-weight:bold; font-size:16px; line-height:2em; }
.MAIN .BOX p	{ width:560px; float:right; clear:none; margin:10px 30px 20px 0; text-align:left; font-weight:bold; font-size:13px; line-height:2em; }
.MAIN .BOX p em	{ width:560px; float:left; color:#4880ba; }




.stracture { width:1080px;  height: auto; float:none; display:block; margin:0px auto; color: #000; font: normal normal normal 13px/2em "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.stracture img.top { margin:0px 0 0 0; width: 85%; display: inline;}
.stracture img.SP { margin:50px 0 0 0; width: 85%; display: none;}
.stracture .topic { width:1080px; padding: 30px 0 20px 0 ; height: auto; float: left; clear: none; text-align: center; background-color: white; margin-bottom: 60px;}
.stracture .topic p.topic1 {  width:100%; float:left; display:block; color: #000;  font-size:18px; text-align: left; margin:0px 0 30px 0px ; border-bottom: 1px solid #000; border-bottom-width: 0.1em; text-align:center; padding:10px; letter-spacing: 0.2em;}
.stracture .topic p.topic2 {  width:760px; float:left; display:block; color: #000;  font-size:20px; text-align: left; margin:30px 0 0px 30px ; border-bottom: solid; border-bottom-color:#fc2;border-bottom-width: 0.1em;}

.stracture  img.topics {margin:30px 0 30px 0px; width:450px;}/*
.stracture h0 { float:left; display:block; color: #000;  font-size:20px; text-align: left; margin:50px 0 0 55px ; border-bottom: solid; border-bottom-color:#fc2;border-bottom-width: 0.1em;}	*/

.stracture p.lead { width:100%; font-size:13px; text-align:left; display: block; float:left; clear:none; margin:0 0 10px 0; color: #666;}
.stracture p.lead50 { width:50%; font-size:13px; text-align:left; display: block; float:left; clear:none; margin-top:0; }


.stracture .right { width:200px; margin:0px 20px 0px 40px; float:left;}
.stracture .right_eco { width:350px; margin:0px 0 0px 0px; float:right;}
.stracture .right img { width:100%; margin:0px 0 0px 0px; float:right;}
.stracture .right_eco img { width:350px; margin:0px 0 0px 0px; float:right;}
.stracture strong { width:auto; float:left; font-size:20px; text-align: left; margin:0px 0 0px 0px; float:left; line-height:26px; color: #666; font-weight: bold;}
.stracture img.topics {margin:30px 0 30px 0px;}

/*事例はすべてを物語る*/
.stracture .shinsai { width:770px; display:block; margin:0px 130px 50px 130px; font-size:15px/2em; text-align: left; float:left; background:#ebe2d2; padding:20px; }
.stracture .shinsai strong { margin-left:30px; color: #666; margin-bottom: 10px;
margin-top: 10px;}
.stracture .shinsai p.lead { width:480px; float:left; clear:none; margin-left:30px; }
.stracture .shinsai  img { width:182px; vertical-align: top; margin-left: 40px ;padding: 0px; }


.stracture .taishin { width:880px; display:block; margin: 0 auto;  font-size:15px/2em; text-align: center; float:left; padding: 60px 100px; }
.stracture .taishin span { width:auto; padding:0 10px 0 10px; background:#7D5D34; color:#fff; margin:0 20px 0 0; float:left; clear:none; font-family: 'Copperplate', "Copperplate Gothic Light", 'fantasy'}
.stracture .taishin img.taishin_1 { width:300px; margin:0px 20px 0px 0px; float:left;}
.stracture .taishin img.taishin_2 { width:350px; margin:0px 0 0px 0px; float:left;}
.stracture .taishin p.lead { width:90%; float:initial; clear:none; margin: 0 auto; margin-bottom: 25px;}
.shiro {width: 760px; background-color: #fff; text-align: center; padding: 20px; margin: 0px 40px 20px 40px;}

img.bottom { width:400px; }
img.fire_stop { width: auto; margin: 10px;}

.stracture .taika { width:760px; display:block; margin:0px 0 0 30px;  font-size:15px/2em; text-align: left; float:left;}
.stracture .taika img.bottom { width:58%; margin:0px 0 0px 0px; float:left; }

.stracture .kimitsu { width:760px; display:block; margin:0px 0 0 30px; font-size:15px/2em; text-align: left; float:left;}


.stracture .kimitsu h1 { text-align:left; }

/*窓ガラス*/
.stracture .grass { width:880px; display:block; margin:0px 130px 0 130px; auto; font-size:15px/2em; text-align: left; float:left;}
.stracture .grass img.bottom { width:100%; margin:50px 0 0px 0px; float:left;}
.stracture .grass ul { width:760px; clear:none; margin:0 0 30px 0; }
.stracture .grass ul li { width:380px; float:left; clear:none; text-align:center; }
.stracture .grass ul li img { width:300px; }
.stracture .grass ul li small { width:100%;clear:none; }
.taishin img.IMG_KIMITSU { width:730px; clear:none; margin-top:20px; }

.kome {font-size: 12px;text-align: left;line-height: 20px;width: 800px;margin: 0 auto; }
.k-damper {width: 55%; float: left; margin-left: 50px;}
.stracture .k_point {width: 350px; float: right;padding: 60px 50px 0 0;}
.BR_SP { display:none; }
.sp{display: none;}
.stracture .sp{display: none;}

.SAFE strong {font-size: 28px;padding-top: 15px;width: 100%;float: left;letter-spacing: 0.05em;text-align: center;margin: 50px 0 10px 0px;}
.SAFE p{width: 100%;text-align: center;}

@media screen and (max-width: 770px){
.BR_SP { display:block; }
.PC{display: none;}

.MAIN h2 { width:95%; float:left; clear:none; margin:0 0 0 2.5%; line-height:1.7em; }
.stracture { width:100%; float:left; clear:none; }
.stracture .topic { width:95%; margin:0px 0 10px 2.5%; float:left; clear:none; background-color: #fff;  padding: 20px 0 20px 0;padding: 20px 0 0px 0;}
.stracture .taishin { width:95%; display:block; margin:0px 0 0px 2.5%;  font-size:15px/2em; text-align: left; float:left; padding:0px 0 ; }
.stracture .taishin span { width:auto; font-size:15px; padding:10px; background:#7D5D34; color:#fff; margin:0 5px 0 0; float:left; clear:none; }
.stracture strong { width:auto; float:left; font-size:17px; text-align: left; margin:0px 0 0px 0px; float:left; line-height:46px; }
img.bottom { width:100%; }
.stracture p.lead { width:100%; font-size:12px; text-align:left; display: block; float:left; clear:none; margin:0 0 10px 0; }

strong.STRONG_TOP {font-size: 20px;line-height: 1.6em;}

.taishin img.IMG_KIMITSU { width: 100%;}
.shiro {width: 88vw; overflow: visible; padding: 0px; margin: 0px;}
.k-damper {width: 100%; margin: 0;}
img.fire_stop {width: 100%;margin: 0px;margin-bottom: 0px; margin-top: -20px;}
img.fire_stop_sm { width: 74vw;margin-left: 40px;margin-top: 29px;}
.stracture .taishin p.lead { margin-bottom: 30px;text-align: justify;}
.MAIN_h3{margin: 0px 0 6px 0px;}

/*事例はすべてを物語る*/
.stracture .shinsai { width:100%; display:block; margin:0px 0 0px 0px; font-size:15px/2em; text-align: left; float:left; background:#ebe2d2; padding:20px 0; }
.stracture .shinsai strong { width:100%; margin:0; text-align:center; font-size: 15px;}
.stracture .shinsai p.lead { width:90%; float:left; clear:none; margin-left:5%; text-align: justify;}
.stracture .shinsai ul { width: 100%; float: left; margin: 0px 0px 0px 0px;}
 .stracture .shinsai ul li { width:50%; float:left; clear:none; margin:0; }
.stracture .shinsai ul li img { width:100%; vertical-align: top; margin:0 0px 0 0 ;padding: 0px; }

/*窓ガラス*/
.stracture .grass { width:95%; display:block; margin:0px 0 0 2.5%; auto; font-size:15px/2em; text-align: left; float:left;}
.stracture .grass strong { width:100%; float:left; clear:none; text-align:center; line-height:1.7em; font-size:15px; margin:0 0 10px 0; }
.stracture .grass ul { width:100%; float:left; clear:none; margin:0 0 30px 0; }
.stracture .grass ul li { width:100%; float:left; clear:none; margin:0 0 10px 0; }


.MAIN .BORDER	{ width:95%; margin:0 0 0 2.5%; }
.MAIN .BORDER_L	{ margin:50px 0 0 0; }
.MAIN dl	{ width:95%; padding:10px 0; margin:0 0 0 2.5%; }
.MAIN dl dt	{ width:100%; color:#999; }
.MAIN dl dd	{ width:100%; }
.MAIN .BOX h1.NAME strong	{ width:180px; float:left; margin:5px 0 0 0; text-align:center; line-height:2em; }
.MAIN .BOX strong	{ width:560px; float:right; margin:20px 30px 10px 0; color:#ba1a8d; text-align:left; font-weight:bold; font-size:16px; line-height:2em; }
.MAIN .BOX p	{ width:560px; float:right; clear:none; margin:10px 30px 20px 0; text-align:left; font-weight:bold; font-size:13px; line-height:2em; }
.MAIN .BOX p em	{ width:560px; float:left; color:#4880ba; }

.stracture strong.kaigyo{font-size: 16px;line-height: 24px;}
.kome{width: 90vw;line-height: 18px;text-align: justify;font-size: 11px; margin-bottom: 25px;}
.stracture .topic p.topic1{width: 100%;margin: 0 auto;letter-spacing: 2px;line-height: 28px;padding: 0;padding-bottom: 15px;}
.HYO{overflow: hidden;}

.sp{display: block;}
.pc{display: none;}
.stracture .pc{display: none;}
.stracture .sp{display: block; overflow: visible;}
.k{margin-top: 20px;}
.IGUCHI{overflow: visible;width: 55vw;margin: 0 auto;}
.stracture .shinsai img {width: 100%;vertical-align: top;margin-left: 0px;}
.SAFE strong{font-size: 25px;margin: 35px 0 0px 0px;}
.SAFE p{font-size: 11px;}

}