/* ======================================= トップページ ======================================= */ /*スライダー*/ .wideslider { width: 100%; text-align: left; position: relative; overflow: hidden;} .wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden;} .wideslider ul li img { width: 100%; max-width:825px; display: none;} .wideslider_base { top: 0; position: absolute;} .wideslider_wrap { top: 0; position: absolute; overflow: hidden;} .slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer;} .slider_prev {background: #fff url(../img/arrow2.png) no-repeat right center;} .slider_next {background: #fff url(../img/arrow.png) no-repeat left center;} .pagination { bottom: 10px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 200;} .pagination a { display:none; } .pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;} /* ======================================= ClearFixElements ======================================= */ .wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;} .wideslider ul { display: inline-block; overflow: hidden;} #container{/* background-image:url(../img/background.jpg); background-repeat:inherit;*/ background-color:#f9f8f4;} /*★block2*/ #block2{ clear:both; padding-top:90px;} #block2 h2{ color:#582c13; text-align:center; font-size:25px; line-height:35px;} #block2 h2 span{ color:#c92b11; text-decoration:underline;} #block2 #block2_message{ border:#c6b8a8 solid 1px; border-radius: 10px; -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ height:270px; margin-top:20px; background-color:#fff;} #block2 #block2_message dl{ padding:35px 0 35px 30px;} #block2 #block2_message dt{ float:left;} #block2 #block2_message dd{ float:left; margin-left:30px; max-width:700px; height:auto; line-height:25px; font-size:15px; width:100%;} #block2 #block2_message dd span{ color:#c92b11;} @media screen and (max-width: 768px) { #block2{ clear:both; padding-top:50px;width:95%; } #block2 #block2_message{ min-height:270px;} #block2 #block2_message dl{ width:100%; padding:25px 0 25px 20px;} #block2 #block2_message dd{ margin-left:30px; line-height:22px; max-width:450px; } } @media screen and (max-width: 640px) { #block2{ padding-top:30px;} #block2 h2{ color:#582c13; text-align:center; font-size:16px; line-height:25px;} #block2 #block2_message{ min-height:370px;} #block2 #block2_message dl{ width:100%; padding:15px 0 25px 15px;} #block2 #block2_message dt { display:none;} #block2 #block2_message dd{ margin-left:0px; line-height:22px; max-width:640px; width:90%;} } /*★block3*/ #block3{ clear:both; padding-top:50px;} .block3_box1 {float:left; padding-right:16px;} .block3_box1 dl{ width:100%; max-width:306px; border:#c6b8a8 solid 1px; border-radius: 6px; -webkit-border-radius: 6px; /* Safari,Google Chrome用 */ -moz-border-radius: 6px; /* Firefox用 */ border-top:none; margin-top:-25px; text-align:center; background-color:#fff;} .block3_box1 dl dt{ padding:45px 0 5px 0; font-size:21px; border-bottom:#5fb200 dotted; width:60%; margin:0 auto;} .block3_box1 dl dd{padding:20px 20px 30px 20px;} .last_div{padding-right:0 !important;} .last_div dt{ width:90% !important;} @media screen and (max-width: 768px) { #block3{ width:96%;} .block3_box1 { width:32%; padding-right:10px; } .block3_box1 p img{ width:100%; height:auto;} .block3_box1 dl dt{ width:90%; margin:0 auto;} .block3_box1 dl dd{padding:20px 20px 30px 20px;} } @media screen and (max-width: 640px) { #block3{ width:100%;} .block3_box1 { width:100%; padding-right:0px; padding-bottom:20px;} .block3_box1 p{ width:96%; max-width:768px; margin:0 auto;} .block3_box1 dl{ margin:-25px auto 0 auto; width:95%; max-width:768px;} } /*★block4-流れるブロック☆ */ #block4{ clear:both; padding:100px 0 80px 0; margin:0 auto;} @media screen and (max-width: 768px) { #block4{ padding:70px 0 80px 0; width:95%; height:auto;} } @media screen and (max-width: 640px) { #block4{ padding:40px 0 60px 0; width:95%; height:auto;} } /*★block5-5つのポイント☆*/ #block5{ background-color:#fff; padding:70px 0 150px 0 ; max-width:710px; margin:0 auto;} #block5 p{text-align:center;} #block5 p img{ width:100%; max-width:665px; height:24px;} #block5 dl{ margin-top:20px;} #block5 dl dt{ float:left;} #block5 dl dt img{ max-width:300px; height:auto;} #block5 dl dd{ float:right;} @media screen and (max-width: 640px) { #block5{ padding:30px 0 30px 0;} #block5 p img{ width:95%;height:auto; margin:0 auto;} #block5 dl{ text-align:center; margin-top:10px;} #block5 dl img{ width:70%; height:auto;} #block5 dl dt{ float:none;} #block5 dl dd{ margin-top:10px; float:none;} #block5 .smp_on{ font-size:14px;} } /* ======================================= 　弊社の特徴 ======================================= */ #point_block2{ background-color:#ecebd5; padding:25px 0 20px 0;} #block6{ padding-top:50px; padding-bottom:0px;} #content-block6 { } #content-block6 .inner { padding: 0px 0 40px 0;} #block6 h3 { text-align:center; font-size:42px; line-height:59px;} #block6 #block6_body{ max-width:1000px; margin: 0 auto; } #block6 #block6_body span{ color:#c51c00;} #block6 .block6_box{ width:100%; height:auto; max-width:1000px; clear:both; padding-top:10px;} #block6 .block6_box .block6_point1 {float:left; width:45%; height:auto;} #block6 .icon{ float:left;padding:30px 0 0 20px;} #block6 .block6_box h4{ font-size:20px; font-weight:bold; float:left; padding:30px 0 0 20px; line-height:25px;} #block6 .line_change {padding-top:35px !important; line-height:30px;} #block6 .line_change2 {padding-top:50px !important; line-height:0px;} #block6 .block6_box .block6_txt{ font-size:14px; padding:20px 0 3% 30px; width:90%;} #block6 .block6_box .block6_img{float:right; padding:15px 10% 0 0%; } #block6 .block6_box .block6_img dd{ text-align:center; font-size:14px;} #block6 .block6_point1{ /*background-image:url(../img/7_point1.gif); background-repeat:no-repeat; background-color:#f5f1ed; box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc;-webkit-box-shadow: 1px 1px 2px #ccc;*/ padding-bottom:10px;} #block6 .block6_box2{ width:100%; height:auto; max-width:1000px; clear:both; padding-top:60px;} #block6 .block6_box2 .block6_point2 {float:right; width:50%; height:auto; /*background-image:url(../img/7_point1.gif); background-repeat:no-repeat; background-color:#f5f1ed; box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc;-webkit-box-shadow: 1px 1px 2px #ccc;*/ padding-bottom:10px; margin-top:-15px;} #block6 .block6_box2 h4{ font-size:20px; font-weight:bold; float:left; padding:30px 0 0 20px; line-height:25px;} #block6 .block6_box2 .block6_txt{ font-size:14px; padding:20px 0 3% 30px; width:90%;} #block6 .block6_box2 .block6_img{float:left; padding:0 2% 0 4%; } #block6 .block6_box2 .block6_img dd{ text-align:center; font-size:14px;} @media screen and (max-width: 768px){ #point_block2 h2{ margin-left:20px;} #block6{ padding-top:40px;} #block6 h3 {font-size:35px; line-height:45px;} #block6 #block6_body{ max-width:768px;} #block6 .block6_box{ max-width:768px; padding-top:0px;} #block6 .block6_box .block6_point1 { width:50%; height:auto;} #block6 .block6_box h4{ font-size:18px; padding:30px 0 0 20px;} #block6 .block6_box .block6_img{ width:45%; height:auto; padding:30px 0px 0 2%; } #block6 .block6_box2{ max-width:768px;} #block6 .block6_box2 .block6_point2 { margin-top:-30px;} #block6 .block6_box2 h4{ font-size:18px;} #block6 .block6_box2 .block6_txt{ font-size:14px; padding:20px 0 0 30px; padding-bottom:3%;} #block6 .block6_box2 .block6_img{float:left; padding:0 0px 0 2%; width:45%; height:auto;} #block6 .block6_box2 .block6_img dd{ text-align:center; font-size:14px;} } @media screen and (max-width: 640px) { #block6{ padding-top:80px; padding-bottom:50px;} #block6 h3 {font-size:20px; line-height:25px;} #block6{ max-width:640px; padding-top:30px;} #block6 #content-block6 .inner { padding: 0px 0 0px 0;} #block6 .block6_box{ width:100%; height:auto; max-width:640px; clear:both; padding-top:20px;} #block6 .block6_box .block6_point1 {float:none; width:98%; height:auto; background-size:100% auto; margin:0 1% 0 1%;} #block6 .icon{ padding:30px 0 0 5px;} #block6 .icon img { width:70%; height:auto;} #block6 .block6_box h4{font-size:17px;padding:27px 0 0 0px; line-height:22px;} #block6 .block6_box .block6_txt{ font-size:12px; padding:10px 0 0 10px; width:95%; line-height:20px;} #block6 .block6_box .block6_img{width:100%; max-width:648px; height:auto; float:none; text-align:center; margin-bottom:20px; margin:0 auto; padding:0% 0px 0 0px; } #block6 .block6_box .block6_img img {width:95%; height:auto;} #block6 .block6_box2 h4{ font-size:18px;padding:40px 0 0 0px;} #block6 .line_change {padding-top:25px !important; line-height:20px;} #block6 .line_change2 {padding-top:35px !important; line-height:0px;} #block6 .smp_on h4{ padding:0px; line-height:20px; margin-left:-20px; padding:28px 0 0 20px; } } /* ======================================= 　施行事例 ======================================= */ #block7{ padding-top:50px; padding-bottom:0px;} #works_block1 .inner{ border-bottom:solid 1px #c6b8a8; padding-bottom:20px;} .point_box1 { padding-top:55px;} .point_box1 h3{ font-size:20px; font-weight:bold; padding-bottom:20px;} .point_box1 dl{border-bottom:solid 1px #c6b8a8; padding-bottom:50px;} .point_box1 dl dt{ padding-bottom:20px;} .border_none{ border:none !important;} @media screen and (max-width: 768px){ #block7{ padding-top:40px; width:95%; margin:0 auto;} #block7{ padding-top:50px; padding-bottom:0px;} } @media screen and (max-width: 640px) { #block7{ padding-top:30px; } } /* ======================================= 　施行の流れ ======================================= */ #block9{padding-top:50px; padding-bottom:50px;} #point_block2{ background-color:#ecebd5; padding:25px 0 20px 0;} #block9 #content-block6 { } #block9 #content-block6 .inner { padding: 0px 0 40px 0;} #block9 #block6_body{ max-width:960px; margin: 0 auto; } #block9 .block6_box{ width:100%; height:auto; max-width:960px; clear:both; padding-top:30px; margin:0 auto;} #block9 .block6_box .block6_point1 {float:left; width:60%; height:auto;} #block9 .icon{ padding:30px 0 0 0px;} #block9 .icon img{ max-width:45px; heifht:auto;} #block9 .block6_box h4{ font-size:25px; font-weight:bold; padding:10px 0 0 0px; line-height:25px;} #block9 .block6_box .block6_txt{ padding:20px 0 0px 0px; width:100%;} #block9 .block6_box .block6_img{float:right; padding:30px 0 0 0; } #block9 .block6_box .block6_img dd{ font-size:14px;} @media screen and (max-width: 768px){ #block9{ padding-top:40px; width:95%; margin:0 auto;} #block9 .block6_box{ width:100%; height:auto; max-width:768px;} } @media screen and (max-width: 640px) { #block9{ padding-top:30px; } #block9 #block6_body{ max-width:640px;} #block9 .block6_box{ width:100%; height:auto; max-width:640px; } #block9 .block6_box .block6_point1 {float:left; width:100%;} #block9 .icon{ padding:20px 0 0 0px;} #block9 .block6_box h4{ font-size:20px; padding:10px 0 0 0px; } #block9 .block6_box .block6_txt{ padding:10px 0 0px 0px; width:100%;} #block9 .block6_box .block6_img{float:none; clear:both; padding:10px 0 0 0; } #block9 .block6_box .block6_img img{width:100%; height:auto; } } /* ======================================= 　会社概要 ======================================= */ #block8{padding-top:60px; padding-bottom:50px;} #block8 #block2_message{ border:#c6b8a8 solid 1px; border-radius: 10px; -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ height:300px; background-color:#fff;} #block8 #block2_message dl{ padding:35px 0 35px 30px; float:left;} #block8 #block2_message dt{ font-size:20px; font-weight:bold;} #block8 #block2_message dd{ margin-top:20px; max-width:700px; height:auto; line-height:25px; width:100%;} #block8 #block2_message dd span{ color:#c92b11;} #block8 #block2_message p{ float:left; min-width:170px; height:auto; margin:40px 0 0 20px;} #company_box2 { margin:0 auto; width:70%; text-align:center; padding-top:50px;} TABLE {text-align:left; width:100%; margin-top:30px;} TH { font-weight:normal; border: 1px #c6b8a8 solid; padding: 20px 0; border-width: 1px 0px; padding-left:50px; width:20%;} TD { font-weight:normal; border: 1px #c6b8a8 solid; padding: 20px 0; border-width: 1px 0px; padding-left:50px;} #company_box2 h3{ font-size:20px;} #company_box2 iframe{ margin-top:70px; width:100%; height:400px;} @media screen and (max-width: 768px){ #block8{ padding-top:40px; width:95%; margin:0 auto;} #block8 #block2_message{ height:420px; } #block8 #block2_message dl{ padding:35px 30px 0px 30px;} #block8 #block2_message dd{ margin-top:30px; max-width:400px; height:auto} #company_box2 { width:95%; text-align:center; padding-top:50px;} } @media screen and (max-width: 640px) { #block8{ padding-top:30px; } #block8 #block2_message{ height:580px;} #block8 #block2_message dl{ padding:35px 20px 35px 20px; float:none;} #block8 #block2_message dt{ font-size:18px; } #block8 #block2_message dd{ margin-top:20px;} #block8 #block2_message p{ float:none; display:none;} #company_box2 { width:90%;} TABLE {text-align:left; width:100%; margin-top:20px;} TH { padding-left:10px; width:30%;} TD { padding-left:10px;} #company_box2 h3{ font-size:18px;} #company_box2 iframe{ margin-top:40px; width:100%; height:200px;} } .t_1 img{ max-width:115px; height:auto;} .t_2 img{ max-width:126px; height:auto;} .t_3 img{ max-width:140px; height:auto;} .t_4 img{ max-width:115px; height:auto;} .t_5 img{ max-width:139px; height:auto;}