@charset "UTF-8";

/*
	Theme Name: 川原﨑板金
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2025.11

*/

/*font-family: 'Teko';font-weight: 500;*/
/*font-family: "Zen Old Mincho", serif;font-weight: 500;*/
/*font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 500;*/




*{margin: 0;padding: 0;}
html {font-family: "Zen Old Mincho", serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}


.pagination {text-align: center;margin-top: 30px;display: flex;justify-content: center;font-family: "Zen Kaku Gothic New", sans-serif;}
.pagination span {text-decoration: none;color: #666;background-color: #eee;font-size: 13px;font-weight: bold;padding:2px 8px;}
.pagination a {text-decoration: none;color: #000;font-size: 13px;padding: 2px 8px;}





@media all and (min-width:751px) {
body {color: #4d4d4d;font-size: 16px;line-height: 1.8;font-weight: 500;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{display: block;font-family: "Zen Kaku Gothic New", sans-serif;}
header section{display: block;width: 100%;position: fixed;z-index: 2;background-color: #fff;height: 180px;}
header section>div{width: 1200px;margin: auto;display: flex;justify-content: space-between;align-items: center;height: 100px;}
header section h1{font-size: 26px;font-weight: 500;font-family: "Zen Old Mincho", serif;}
header section h1 a{display: flex;text-decoration: none;align-items: center;color: #000;}
header section h1 a img{display: block;width: 60px;height: auto;margin-right: 15px;}
header section h1 a span{display: block;line-height: 1.4;}
header section h1 a small{font-size: 22px;margin-right: 5px;}
header section h1 a b{display: block;font-size: 16px;font-weight: normal;font-family: "Zen Kaku Gothic New", sans-serif;}


header ul.contact{display: flex;align-self: center;}
header ul.contact li{margin-left: 20px;}
header ul.contact li:nth-of-type(1){text-align: right;}
header ul.contact li:nth-of-type(1) a::before{content: "\260E";font-size: 24px;margin-right: 8px;}
header ul.contact li:nth-of-type(1) a{font-size: 26px;color: #000;font-weight: bold;text-decoration: none;}
header ul.contact li:nth-of-type(1) address{font-size: 15px;font-style: normal;margin-top: -10px;}
header ul.contact li:nth-of-type(2) a{background-color: #FF8000;color: #fff;font-size: 17px;font-weight: 900;display: block;padding: 16px 40px;border-radius: 100px;text-decoration: none;}
header ul.contact li:nth-of-type(2) a::before{content: "\25B8";font-size: 17px;margin-right: 5px;color: rgba(255,255,255,0.6);}


header .pcnav{width: 100%;background-image: url(images/navi_bg.jpg);height: 80px;border-bottom: 6px solid #004f72;border-top: 4px solid #DDD;box-sizing: border-box;}
header .pcnav ul{display: flex;width: 1200px;margin: auto;height: 100%;position: relative;}
header .pcnav ul li{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
header .pcnav ul li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-weight: bold;text-decoration: none;letter-spacing: 2px;}
header .pcnav ul li::before{content: "";position: absolute;border-right: 1px solid rgba(255,255,255,0.2);right: 0;top: 0;height: 100%;}
header .pcnav ul li::after{content: "";position: absolute;border-right: 1px solid rgba(0,0,0,0.2);right: 1px;top: 0;height: 100%;}
header .pcnav ul::before{content: "";position: absolute;border-left: 1px solid rgba(255,255,255,0.2);left: 0;top: 0;height: 100%;}
header .pcnav ul::after{content: "";position: absolute;border-left: 1px solid rgba(0,0,0,0.2);left: -1px;top: 0;height: 100%;}





/*--------フッダー--------*/
footer{width: 100%;display: block;background-color: #efefef;font-family: "Zen Kaku Gothic New", sans-serif;}
footer section{width: 1200px;margin: auto;position: relative;padding: 40px 0;}
footer nav{position: relative;top: -85px;}
footer nav ul{display: flex;align-items: center;justify-content: center;}
footer nav li{margin: 0 10px;}
footer nav li a{font-size: 12px;color: #4d4d4d;text-decoration: none;}
footer nav li a::before{content: "\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}

footer ul.contact{display: flex;align-self: center;justify-content: center;}
footer ul.contact li{margin: 0px 15px;}
footer ul.contact li:nth-of-type(1) a::before{content: "\260E";font-size: 24px;margin-right: 8px;}
footer ul.contact li:nth-of-type(1) a{font-size: 26px;color: #000;font-weight: bold;text-decoration: none;display: block;margin-top: 8px;}
footer ul.contact li:nth-of-type(1) address{font-size: 15px;font-style: normal;margin-top: -10px;}
footer ul.contact li:nth-of-type(2) a{background-color: #FF8000;color: #fff;font-size: 17px;font-weight: 900;display: block;padding: 16px 40px;border-radius: 6px;text-decoration: none;}
footer ul.contact li:nth-of-type(2) a::before{content: "\25B8";font-size: 17px;margin-right: 5px;color: rgba(255,255,255,0.6);}

footer h2{font-size: 16px;color: #000;text-align: center;margin-top: 20px;font-weight:normal;}
footer h1{display: flex;align-items: center;justify-content: center;margin-top: 20px;font-family: "Zen Old Mincho", serif;font-weight:500;}
footer h1 img{display: block;width: 60px;height: auto;margin-right: 15px;}
footer h1 span{font-size: 26px;color: #000;}
footer h1 span small{font-size: 22px;margin-right: 5px;}
footer h1+span{display: block;font-size: 16px;text-align: center;color: #000;margin-top: 10px;line-height: 1.5;}
footer address{display: block;font-style: normal;font-size: 15px;text-align: center;color: #000;line-height: 1.5;margin-top: 15px;}
footer>small{background-color: #55a9fd;display: block;width: 100%;padding: 4px 0;color: #fff;font-size: 11px;text-align: center;}

/*--------コンテンツ共通--------*/
main{padding-top: 180px;display: block;}
article{display: block;padding-bottom: 100px;}


.midashi{background-color: #005584;height: 130px;display: flex;align-items: center;justify-content: center;color: #fff;flex-direction: column;position: relative;font-family: "Zen Kaku Gothic New", sans-serif;}
.midashi h2{font-size: 24px;letter-spacing: 6px;}
.midashi small{display: block;color: rgba(255,255,255,0.4);margin-top: -4px;font-size: 13px;font-family: "Zen Old Mincho", serif}
.midashi::before{content: "";height: 50px;width: 50px;background-color: #005584;position: absolute;left: 50%;transform: translate(-50%,0) rotate(45deg);bottom: -12px;z-index: -1;}
.read{margin-top: 50px;font-size: 18px;color: #000;text-align: center;margin-bottom: 50px;}


.anc{padding-top:250px;margin-top:-250px;pointer-events:none;display:block;}

.contents .temp1{width: 100%;margin-top: 150px;}
.contents .temp1::before{content: "";position: absolute;width: 100%;height: 250px;background-image: url(images/bg1.jpg);}
.contents .temp1 h2+p{margin-top: 0px;color: #fff;position: relative;display: table;left: 50%;transform: translate(-50%,0);}
.contents .temp1 h2+p::before{content: url(images/drone.png);left: -200px;bottom: -40px;position: absolute;}

.temp1{margin: auto;position: relative;}
.temp1 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 24px;color: #000;padding: 20px 75px 10px;letter-spacing: 4px;background-color: #fff;}
.temp1 h2+p{font-size: 18px;text-align: center;color: #000;margin-top: -25px;position: relative;}
.temp1>ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;margin-top: 40px;}
.temp1>ul>li{width: 280px;height: auto;position: relative;}
.temp1>ul>li::before{content: "";position: absolute;border-right: 1px dotted #ddd;height: 100%;right: -14px;top: 0;}
.temp1>ul>li:last-child:before{content: none;}
.temp1 ul li figure{display: block;position: relative;}
.temp1 ul li figure img{display: block;width: 100%;height: auto;}
.temp1 ul li small{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.4);color: #fff;font-family: 'Teko';display: table;padding: 5px 20px;font-size: 20px;line-height: 1;}
.temp1 ul li small b{font-size: 26px;font-weight: normal;margin-left: 4px;line-height: 1;display: inline-block;}
.temp1 ul li h3{font-size: 24px;color: #000;text-align: center;letter-spacing: 4px;margin-top: 10px;}
.temp1 ul li ul{margin-top: 10px;}
.temp1 ul li ul li{list-style-type: disc;margin-left: 25px;line-height: 1.7;}
.temp1 ul li>a{display: table;padding: 3px 15px;border: 1px solid #ddd;text-decoration: none;border-radius: 100px;color: #000;font-size: 15px;margin-top: 20px;position: relative;left: 50%;transform: translate(-50%,0);}
.temp1 ul li>a::before{content:"\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}
.temp1 .drone{width: 1200px;margin: auto;background-color: #f7931e;margin-top: 50px;border-radius: 10px;display: flex;padding: 30px;box-sizing: border-box;}
.temp1 .drone figure{display: block;margin-right: 30px;}
.temp1 .drone figure img{display: block;}
.temp1 .drone>span{display: block;color: #fff;}
.temp1 .drone small{color: #ffff00;font-family: 'Teko';font-size: 16px;border: 1px solid #ffff00;padding: 1px 8px;line-height: 1;}
.temp1 .drone h3{font-size: 24px;display: flex;align-items: center;margin-top: 5px;}
.temp1 .drone h3 b{display: block;color: #f7931e;border-radius: 100px;background-color: #fff;font-size: 16px;padding: 2px 20px;margin-left: 20px;}
.temp1 .drone p{margin-top: 10px;;line-height: 1.5;}



.temp2{width: 100%;background-image: url(images/bg2.jpg);margin-top: 130px;padding-bottom: 30px;}
.temp2 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 24px;color: #000;padding: 20px 75px 10px;letter-spacing: 4px;background-color: #fff;}
.temp2 ul{margin-top: 10px;display: block;}
.temp2 ul li{margin: 0 20px;}
.temp2 ul li a{display: block;color: #4d4d4d;text-decoration: none;}
.temp2 ul li a img{display: block;width: 100%;height: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}
.temp2 ul li h3{font-size: 17px;margin-top: 10px;}
.temp2 ul li span{font-size: 15px;display: block;line-height:1.4;}
.temp2 ul li address{font-size: 15px;display: block;font-style: normal;line-height:1.4;margin-top:5px;}




/*--------トッページ--------*/
.top .s1{width: 1200px;margin: auto;position: relative;background-color: #fff;top: -60px;padding-top: 45px;}
.top .s1 h2{text-align: center;color: #000;font-size: 24px;line-height: 1.6;position: relative;font-family: 'Zen Old Mincho';}
.top .s1 h2 small{font-size: 12px;color: #ccc;display: block;margin-bottom: 15px;font-weight: normal;}
.top .s1 h2::before{content: url(images/dot.png);position: absolute;bottom: -50px;left: 50%;transform: translate(-50%,0);}
.top .s1 h2::after{content: url(images/drone.png);position: absolute;left: 0;bottom: -20px;}
	
	
.top .s2{width: 100%;background-image: url(images/bg1.jpg);margin-top: 70px;padding-bottom: 120px;}
.top .s2 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 24px;color: #fff;font-family: 'Zen Old Mincho';padding: 20px 75px 10px;background-image: url(images/bg1.jpg);letter-spacing: 4px;}
.top .s2 ul{display: flex;flex-wrap: wrap;width: 1200px;align-items: flex-start;justify-content: space-between;margin: auto;}
.top .s2 ul li{width: 570px;background-color: #fff;margin-top: 50px;padding-bottom: 25px;}
.top .s2 ul li a{text-decoration: none;color: #000;position: relative;display: block;}
.top .s2 ul li span{position: absolute;right: 0px;top: 150px;display: block;width: 100%;text-align: right;padding-right: 15px;box-sizing: border-box;}
.top .s2 ul li span::before{content:"";border-top: 1px solid #fff;width: 100%;position: absolute;left: 0px;top: 46px;}
.top .s2 ul li span small{font-size: 46px;color: #fff;font-family: 'Teko';}
.top .s2 ul li figure{display: block;position: relative;}
.top .s2 ul li img{display: block;width: 100%;height: auto;}
.top .s2 ul li b{display: block;width: 500px;margin: auto;font-size: 24px;font-family: 'Zen Old Mincho';margin-top: 10px;letter-spacing: 2px;}
.top .s2 ul li p{width: 500px;margin: auto;margin-top: 5px;font-size: 16px;color: #4d4d4d;font-family: 'Zen Old Mincho';}



.top .s3{width: 1200px;margin: auto;display: flex;justify-content: space-between;margin: auto;margin-top: 70px;}
.top .s3>div{width:50%;box-sizing: border-box;border: 5px solid #e6e6e6;padding: 25px 40px;}
.top .s3>div:nth-of-type(1){border-right: none;}
.top .s3>div:nth-of-type(2){border-left: 1px solid #e6e6e6;}
.top .s3 h2{font-size: 30px;font-family: 'Teko';font-weight: normal;color: #4d4d4d;position: relative;top: -55px;left: -15px;display: table;background-color: #fff;padding: 0 15px;}
.top .s3 ul{margin-top: -50px;margin-bottom: 20px;}
.top .s3 ul li{border-bottom: 1px dotted #ddd;padding: 8px 0;}
.top .s3 ul li:last-child{border-bottom: none;padding: 8px 0;}
.top .s3 ul li a{text-decoration: none;color: #4d4d4d;display: block;}
.top .s3 ul li a time{font-size: 13px;display: block;}
.top .s3 ul li a span{}
.top .s3>div>a{font-size: 13px;text-decoration: none;color: #4d4d4d;display: table;border: 1px solid #ddd;border-radius: 100px;padding: 3px 15px;}
.top .s3>div>a::before{content:"\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}




/*--------選ばれる理由--------*/
.concept .s1{width: 1200px;margin: auto;}
.concept .s1 ul{display: block;margin-top: -70px;}
.concept .s1 ul li{display: flex;margin-top: 120px;align-items: center;}
.concept .s1 ul li figure{display: block;position: relative;margin-right: 50px;flex: 0 0 640px;}
.concept .s1 ul li figure img{display: block;width: 100%;height: auto;}
.concept .s1 ul li figure::before{content: "";position: absolute;width: 100%;height: 100%;background-color: #e6e6e6;z-index: -1;left: 15px;top: 15px;}
.concept .s1 ul li:nth-of-type(even) figure{order: 2;margin-right: 0;margin-left: 50px;}
.concept .s1 ul li div{display: block;flex: 1;}
.concept .s1 ul li div h3{display: flex;position: relative;align-items: center;background-color: #fff;}
.concept .s1 ul li div h3::before{content: "";border-top: 1px solid #ccc;width: 100%;position: absolute;z-index: 0;top: 38px;}
.concept .s1 ul li div h3 b{font-size: 40px;color: #000;font-family: 'Zen Old Mincho';font-weight: normal;z-index: 1;position: relative;display: block;padding-right: 10px;background-color: #fff;letter-spacing: 4px;}
.concept .s1 ul li div h3 span{font-family: 'Teko';font-size: 26px;color: #bcbcbc;font-weight: normal;background-color: #fff;position: relative;z-index: 1;padding: 0 10px;top: 5px;}
.concept .s1 ul li div h3 small{font-size: 150px;color: #e6e6e6;font-weight: normal;font-family: 'Zen Old Mincho';font-style: italic;position: absolute;bottom: 0;right: 0;line-height: 1;}
.concept .s1 ul li div p{margin-top: 15px;}


/*--------事業内容--------*/
.service .s1{width: 1200px;margin: auto;}
.service .s1 .box{margin-top: 100px;}
.service .s1 .box:nth-of-type(1){margin-top: -5px;}
.service .s1 .box h3{display: flex;align-items: center;}
.service .s1 .box h3 b{font-size: 40px;color: #000;font-weight: normal;display: block;padding-right: 30px;letter-spacing: 4px;margin-right: 30px;border-right: 1px solid #ccc;white-space: nowrap;}
.service .s1 .box p{font-size: 16px;}
.service .s1 ul{margin-top: 35px;}
.service .s1 ul li{display: flex;}
.service .s1 ul li figure{display: block;margin-right: 50px;flex: 0 0 400px;}
.service .s1 ul li figure img{display: block;width: 100%;height: auto;}
.service .s1 ul li div{flex: 1;}
.service .s1 ul li div b{display: table;background-color: #005584;color: #fff;font-size: 17px;padding: 4px 15px;}
.service .s1 ul li div h4{display: flex;align-items: center;font-size: 18px;color: #000;margin-top: 20px;}
.service .s1 ul li div h4::before{content: url(images/ec1.png);margin-right: 5px;position: relative;top: 2px;}
.service .s1 ul li div p{display: block;margin-top: 5px;}




/*--------施工実例--------*/
.works .s1{width: 1200px;margin: auto;}
.works .s1 .box{background-image: url(images/bg3.jpg);padding: 50px;}
.works .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;margin-top: -50px;}
.works .s1 ul li{width: 250px;margin-right: 33px;margin-top: 50px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;color: #4d4d4d;text-decoration: none;}
.works .s1 ul li a img{display: block;width: 100%;height: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}
.works .s1 ul li a h3{font-size: 17px;margin-top: 10px;}
.works .s1 ul li a span{font-size: 15px;display: block;line-height:1.4;}
.works .s1 ul li a address{font-size: 15px;display: block;font-style: normal;line-height:1.4;margin-top:5px;}





/*--------施工実例詳細--------*/
.detail .s1{width: 1200px;margin: auto;}
.detail .s1 .box{background-image: url(images/bg3.jpg);padding: 50px;}
.detail .s1 .box>ul{display: flex;justify-content: space-between;align-items: flex-start;}
.detail .s1 .box>ul li{position: relative;width: 355px;}
.detail .s1 .box>ul li:nth-of-type(1)::before{content: url(images/arrow.png);position: absolute;right: -26px;top: 160px;}
.detail .s1 .box>ul li figure{display: block;position: relative;}
.detail .s1 .box>ul li figure img{width: 100%;height: auto;display: block;} 
.detail .s1 .box ul li figure small{position: absolute;z-index: 1;background-color: rgba(0,0,0,0.6);font-family: 'Teko';font-size: 18px;display: table;padding: 6px 15px;line-height: 1;}
.detail .s1 .box>ul li:nth-of-type(1) figure small{color: #fff;}
.detail .s1 .box>ul li:nth-of-type(2) figure small{color: #ffff00;}
.detail .s1 .box>ul li:nth-of-type(3){width: 320px;background-color: #fff;border: 2px solid #005584;border-radius: 6px;padding: 20px;box-sizing: border-box;}
.detail .s1 .box>ul li:nth-of-type(3) dl{display: flex;flex-wrap: wrap;}
.detail .s1 .box>ul li:nth-of-type(3) dl dt{width: 24%;font-weight: bold;border-bottom: 1px dotted #ddd;padding: 3px 0;box-sizing: border-box;}
.detail .s1 .box>ul li:nth-of-type(3) dl dd{width: 76%;border-bottom: 1px dotted #ddd;padding: 3px 0;box-sizing: border-box;}
.detail .s1 .box>ul li:nth-of-type(3) dl dd:nth-last-of-type(1){width: 100%;border-bottom: none;padding-bottom: 0;line-height: 1.6;padding-top: 8px;}
.detail .s1 .gallery{margin-top: 50px;}
.detail .s1 .gallery h4{display: flex;align-items: center;font-size: 18px;color: #000;margin-top: 20px;}
.detail .s1 .gallery h4::before{content: url(images/ec1.png);margin-right: 5px;position: relative;top: 2px;}
.detail .s1 .gallery ul{display: flex;flex-wrap: wrap;/* margin-top: 15px; */}
.detail .s1 .gallery ul li{width: 260px;margin-right: 20px;margin-top: 20px;}
.detail .s1 .gallery ul li:nth-of-type(4n){margin-right: 0;}
.detail .s1 .gallery ul li figure{display: block;}
.detail .s1 .gallery ul li figure img{display: block;width: 100%;height: auto;border: 5px solid #fff;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}



/*--------施工の流れ--------*/
.flow .s1{width: 1200px;margin: auto;}
.flow .s1 ul{display: block;;}
.flow .s1 ul li{display: flex;align-items: center;border: 1px solid #cccccc;position: relative;background-color: #e9e9e9;border-bottom: none;}
.flow .s1 ul li::before{content: url(images/arrow2.png);position: absolute;left: 110px;bottom: -22px;z-index: 1;}
.flow .s1 ul li:last-child{border-bottom: 1px solid #ccc;}
.flow .s1 ul li:last-child:before{content: none;}
.flow .s1 ul li span{flex: 0 0 240px;display: flex;align-items: center;justify-content: center;}
.flow .s1 ul li span b{font-size: 20px;color: #000;font-weight: normal;}
.flow .s1 ul li span small{font-size: 90px;color: #dbdbdb;font-style: italic;position: absolute;line-height: 1;left: 170px;bottom: -6px;}
.flow .s1 ul li div{flex: 1;background-color: #f1f1f1;padding: 50px 30px;}
.flow .s1 ul li div p{display: block;}






/*--------保有機械・設備--------*/
.facility .s1{width: 1200px;margin: auto;}
.facility .s1 ul{display: flex;flex-wrap: wrap;margin-top: -30px;justify-content: center;}
.facility .s1 ul li{width: 380px;font-size: 15px;margin: 30px 10px 0;}
.facility .s1 ul li img{display: block;width: 100%;height: auto;}
.facility .s1 ul li h4{font-size: 16px;font-weight: normal;margin-top: 5px;}



/*--------企業情報--------*/
.company .s1{width: 100%;margin: auto;}
.company .s1 .box{background-image: url(images/company_img1.jpg);height: 500px;background-size: cover;background-position: center bottom;display: flex;justify-content: flex-end;align-items: flex-end;}
.company .s1 .box p{position: relative;padding: 30px 40px;margin: 0 0 0 auto;background-color: #fff;width: 700px;top: 100px;}
.company .s1 .box p span{display: block;text-align: right;}

.company .s2{width: 1200px;margin: auto;margin-top: 120px;}
.company .s2 h3{font-size: 24px;color: #000;font-weight: normal;border-left: 2px solid #005584;padding-left: 15px;line-height: 1.6;letter-spacing: 2px;}
.company .s2 table{width: 100%;border: none;border-collapse: collapse;margin-top: 40px;}
.company .s2 table th{border-bottom: 1px dotted #ccc;padding: 8px 0;box-sizing: border-box;vertical-align: top;text-align: left;width: 120px;font-weight: normal;}
.company .s2 table td{border-bottom: 1px dotted #ccc;padding: 8px 0;box-sizing: border-box;}
.company .s2 table td a{color: #4d4d4d;}
.company .s2 iframe{width: 100%;margin-top: -1px;height:400px;}



/*--------プライバシーポリシー--------*/
.privacy .s1{width: 1200px;margin: auto;margin-top: 50px;}
.privacy .s1 ul{}
.privacy .s1 ul li:first-child{padding-top:0px;margin-top: 0px;border: none;}
.privacy .s1 ul li{padding-top:30px;margin-top: 30px;border-top: 1px dotted #ccc;}
.privacy .s1 ul li span{display: flex;font-size: 17px;margin-bottom: 5px;font-weight: normal;align-items: center;font-weight: bold;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 8px;font-size: 10px;color: #FF8000;}



/*--------サイトマップ--------*/
.sitemap .s1{width: 1200px;margin: auto;margin-top: 50px;}
.sitemap .s1>ul{}
.sitemap .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.sitemap .s1>ul>li:first-child{padding-left: 0px;}
.sitemap .s1>ul>li a::before{content: "\25B8";font-size: 13px;margin-right: 6px;color: #ccc;}
.sitemap .s1 ul li a{text-decoration: none;color: #666;font-weight: bold;}
.sitemap .s1 ul li small{color:#999;margin-left: 15px;font-size: 13px;}


/*--------関連リンク--------*/
.links .s1{width: 1200px;margin: auto;margin-top: 50px;}
.links .s1>ul{}
.links .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.links .s1>ul>li:first-child{padding-left: 0px;}
.links .s1>ul>li a::before{content: "\25B8";font-size: 13px;margin-right: 6px;color: #ccc;}
.links .s1 ul li a{text-decoration: none;color: #666;font-weight: bold;}
.links .s1 ul li small{color:#999;margin-left: 15px;font-size: 13px;}







/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 1200px;margin: auto;margin-top: 50px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 50px;margin-top: 0px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;}
.post .s1 .container{margin-bottom:100px;}
.post .s1 .container:last-child {margin-bottom:60px;}
	


/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 18px;margin-bottom: 25px;color: #4d4d4d;padding: 12px 25px;display: flex;border: 1px solid #ddd;border-radius: 5px;align-items: flex-start;}
.post .container>h3::before{content: url(images/ec1.png);margin-right: 10px;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -22px;margin-bottom: -5px;font-size: 12px;text-align: right;}

	
.post .s1 .container>.inner h1{font-size: 20px;font-weight: bold;color: #4d4d4d;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: bold;color: #4d4d4d;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #4d4d4d;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF8000;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{float: right;margin-left: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignleft{float: left;margin-right: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignnone{margin-bottom: 0px;max-width:640px;height:auto;}
	
	
	
	
/*--------お問い合わせ--------*/	

.contact .s1{width: 1200px;margin: auto;margin-top: 50px;}
table.contact {border-collapse: collapse;width: 100%;margin: 50px auto 0;background-color: #fff;border: 2px solid #ddd;}
table.contact th {padding: 10px;width: 250px;background-color: #f5f5f5;border: 1px solid #ddd;font-weight: bold;}
table.contact th span {font-size:12px;color:#ff0000;}		
table.contact td {border-bottom: 1px solid #ddd;padding: 10px;}
table.contact td label{display:block;border-bottom:1px dotted #eee;padding-bottom:3px;margin-bottom:3px;}	
table.contact td small {display:block;font-size:14px;margin-top:3px;}
table.contact td input,table.contact td textarea{width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:  'Zen Kaku Gothic New', sans-serif;font-weight:normal;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {width:150px;font-size: 16px;padding: 10px 0px;font-weight: bold;margin:10px;border: none;background-color: #FF8000;color: #fff;border-radius: 3px;font-family: 'Zen Kaku Gothic New', sans-serif;}
table.contact td button.reset {background-color: #eee;color: #333;}	
table.contact td input[type=file]{background-color:#fff;}
table.contact td.center{text-align:center;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}	
div.wpcf7-response-output {margin: 20px auto !important;width: 90%;box-sizing: border-box;}
.wpcf7 .ajax-loader {margin: 0;}	
.s1>.wpcf7{margin-bottom:100px}
	
	
	
	
}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/













@media all and (max-width:750px) {
body {color: #4d4d4d;font-size: 16px;line-height: 1.8;font-weight: 500;font-family: "Zen Old Mincho", serif;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;font-family: "Zen Kaku Gothic New", sans-serif;}
header section{display: block;width: 100%;position: fixed;z-index: 2;background-color: #fff;height: 70px;}
header section>div{width: 100%;margin: auto;display: flex;justify-content: space-between;align-items: center;height: 70px;padding-left: 15px;}
header section h1{font-size: 22px;font-weight: normal;font-family: "Zen Old Mincho", serif;}
header section h1 a{display: flex;text-decoration: none;align-items: center;color: #000;}
header section h1 a img{display: block;width: 35px;height: auto;margin-right: 10px;}
header section h1 a span{display: block;line-height: 1.4;}
header section h1 a small{font-size: 15px;margin-right: 5px;}
header section h1 a b{display: block;font-size: 15px;font-weight: normal;letter-spacing: -1px;}
header ul.contact{display: none;}
header .pcnav{display: none;}




/*--------フッダー--------*/
footer{width: 100%;display: block;background-color: #efefef;margin-bottom: 54px;font-family: "Zen Kaku Gothic New", sans-serif;}
footer section{width: 100%;margin: auto;position: relative;padding: 30px 0;}
footer nav{display: none;}
footer nav ul{display: flex;align-items: center;justify-content: center;}
footer nav li{margin: 0 10px;}
footer nav li a{font-size: 12px;color: #4d4d4d;text-decoration: none;}
footer nav li a::before{content: "\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}

footer ul.contact{display: flex;align-self: center;justify-content: center;flex-direction: column;}
footer ul.contact li{margin: 0px 15px;text-align: center;}
footer ul.contact li:nth-of-type(1) a::before{content: "\260E";font-size: 22px;margin-right: 8px;}
footer ul.contact li:nth-of-type(1) a{font-size: 24px;color: #000;font-weight: bold;text-decoration: none;}
footer ul.contact li:nth-of-type(1) address{font-size: 15px;font-style: normal;margin-top: -10px;}
footer ul.contact li:nth-of-type(2) a{background-color: #FF8000;color: #fff;font-size: 17px;font-weight: 900;display: block;padding: 15px 20px;border-radius: 6px;text-decoration: none;max-width: 260px;margin: auto;box-sizing: border-box;margin-top: 10px;}
footer ul.contact li:nth-of-type(2) a::before{content: "\25B8";font-size: 17px;margin-right: 5px;color: rgba(255,255,255,0.6);}

footer h2{font-size: 16px;color: #000;text-align: center;margin-top: 15px;letter-spacing: -1px;font-weight: normal;}
footer h1{display: flex;align-items: center;justify-content: center;margin-top: 20px;flex-direction: column;font-weight: normal;font-family: "Zen Old Mincho", serif;}
footer h1 img{display: block;width: 50px;height: auto;margin-right: 15px;}
footer h1 span{font-size: 22px;color: #000;margin-top: -5px;display: block;}
footer h1 span small{font-size: 15px;margin-right: 5px;}
footer h1+span{display: block;font-size: 14px;text-align: center;color: #000;margin: auto;margin-top: 10px;line-height: 1.5;width: 90%;}
footer address{display: block;font-style: normal;font-size: 14px;text-align: center;color: #000;line-height: 1.5;margin-top: 15px;}
footer>small{background-color: #55a9fd;display: block;width: 100%;padding: 4px 0;color: #fff;font-size: 11px;text-align: center;}



/*--------コンテンツ共通--------*/
main{padding-top: 70px;display: block;}
article{display: block;padding-bottom: 100px;}
.contents article{padding-bottom: 0px;}

.midashi{background-color: #005584;height: 100px;display: flex;align-items: center;justify-content: center;color: #fff;flex-direction: column;position: relative;font-family: "Zen Kaku Gothic New", sans-serif;}
.midashi h2{font-size: 22px;letter-spacing: 3px;}
.midashi small{display: block;color: rgba(255,255,255,0.4);font-family: 'Zen Old Mincho';margin-top: -4px;font-size: 11px;}
.midashi::before{content: "";height: 50px;width: 50px;background-color: #005584;position: absolute;left: 50%;transform: translate(-50%,0) rotate(45deg);bottom: 0px;z-index: -1;}
.read{margin: auto;margin-top: 50px;font-size: 17px;color: #000;text-align: center;line-height: 1.5;width: 100%;}




.anc{padding-top:110px;margin-top:-110px;pointer-events:none;display:block;position:absolute;}

.contents .temp1{width: 100%;margin-top: 90px;}
.contents .temp1::before{content: "";position: absolute;width: 100%;height: 250px;background-image: url(images/bg1.jpg);}
.contents .temp1 h2+p{margin-top: 0px;color: #fff;position: relative;}
.contents .temp1 h2+p::before{content: url(images/drone_s.png);left: -15px;bottom: 25px;position: absolute;}


.temp1{margin: auto;position: relative;}
.temp1 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 23px;color: #000;padding: 20px 75px 10px;letter-spacing: 4px;background-color: #fff;}
.temp1 h2+p{font-size: 17px;text-align: center;color: #000;margin: auto;margin-top: -40px;position: relative;width: 90%;line-height: 1.5;}
.temp1>ul{width: 100%;margin: auto;margin-top: -15px;}
.temp1>ul>li{width: 90%;margin: auto;height: auto;position: relative;margin-top: 55px;}
.temp1>ul>li:last-child:before{content: none;}
.temp1 ul li figure{display: block;position: relative;width: 100%;margin: auto;}
.temp1 ul li figure img{display: block;width: 100%;height: auto;}
.temp1 ul li small{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.4);color: #fff;font-family: 'Teko';display: table;padding: 5px 20px;font-size: 18px;line-height: 1;}
.temp1 ul li small b{font-size: 26px;font-weight: normal;margin-left: 4px;line-height: 1;display: inline-block;}
.temp1 ul li h3{font-size: 22px;color: #000;text-align: center;letter-spacing: 4px;margin-top: 10px;}
.temp1 ul li ul{margin: auto;margin-top: 5px;width: 100%;}
.temp1 ul li ul li{list-style-type: disc;margin-left: 25px;line-height: 1.7;}
.temp1 ul li>a{display: table;padding: 3px 15px;border: 1px solid #ddd;text-decoration: none;border-radius: 100px;color: #000;font-size: 15px;margin-top: 20px;position: relative;left: 50%;transform: translate(-50%,0);}
.temp1 ul li>a::before{content:"\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}
.temp1 .drone{width: 100%;margin: auto;background-color: #f7931e;margin-top: 50px;padding: 30px;box-sizing: border-box;}
.temp1 .drone figure{display: block;width: 100%;}
.temp1 .drone figure img{display: block;width: 100%;height: auto;}
.temp1 .drone>span{display: block;color: #fff;margin-top: 15px;}
.temp1 .drone small{color: #ffff00;font-family: 'Teko';font-size: 15px;border: 1px solid #ffff00;padding: 3px 8px;line-height: 1;display: table;position: relative;left: 50%;transform: translate(-50%, 0);}
.temp1 .drone h3{font-size: 22px;margin-top: 5px;text-align: center;}
.temp1 .drone h3 b{display: table;color: #f7931e;border-radius: 100px;background-color: #fff;font-size: 15px;padding: 3px 20px;position: relative;left: 50%;transform: translate(-50%,0);margin-top: 10px;}
.temp1 .drone p{margin-top: 15px;line-height: 1.5;}






.temp2{width: 100%;background-image: url(images/bg2.jpg);margin-top: 130px;padding-bottom: 30px;}
.temp2 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 23px;color: #000;padding: 20px 75px 10px;letter-spacing: 4px;background-color: #fff;}
.temp2 ul{margin-top: 10px;display: block;}
.temp2 ul li{margin: 0 20px;}
.temp2 ul li a{display: block;color: #4d4d4d;text-decoration: none;}
.temp2 ul li a img{display: block;width: 100%;height: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}
.temp2 ul li h3{font-size: 17px;margin-top: 10px;}
.temp2 ul li span{font-size: 15px;display: block;line-height:1.4;}
.temp2 ul li address{font-size: 15px;display: block;font-style: normal;line-height:1.4;margin-top:5px;}




/*--------トッページ--------*/
.top .s1{width: 90%;margin: auto;position: relative;background-color: #fff;top: -30px;padding-top: 20px;}
.top .s1 h2{text-align: center;color: #000;font-size: 18px;line-height: 1.6;position: relative;}
.top .s1 h2 small{font-size: 12px;color: #ccc;display: block;margin-bottom: 15px;font-weight: normal;}
.top .s1 h2::before{content: url(images/dot.png);position: absolute;bottom: -45px;left: 50%;transform: translate(-50%,0);}
.top .s1 h2::after{content: url(images/drone_s.png);position: absolute;left: 0;top: -75px;}
	
	
.top .s2{width: 100%;background-image: url(images/bg1.jpg);margin-top: 85px;padding-bottom: 120px;}
.top .s2 h2{display: table;position: relative;left: 50%;transform: translate(-50%,0);top: -45px;font-size: 23px;color: #fff;padding: 20px 50px 10px;background-image: url(images/bg1.jpg);letter-spacing: 4px;}
.top .s2 ul{display: flex;flex-wrap: wrap;width: 90%;align-items: flex-start;justify-content: space-between;margin: auto;margin-top: -70px;}
.top .s2 ul li{width: 100%;background-color: #fff;margin-top: 50px;padding-bottom: 25px;}
.top .s2 ul li a{text-decoration: none;color: #000;position: relative;display: block;}
.top .s2 ul li span{position: absolute;right: 0px;bottom: -24px;display: block;width: 100%;text-align: right;padding-right: 15px;box-sizing: border-box;}
.top .s2 ul li span::before{content:"";border-top: 1px solid #fff;width: 100%;position: absolute;left: 0px;top: 35px;}
.top .s2 ul li span small{font-size: 35px;color: #fff;font-family: 'Teko';}
.top .s2 ul li figure{display: block;position: relative;}
.top .s2 ul li img{display: block;width: 100%;height: auto;}
.top .s2 ul li b{display: block;margin: auto;font-size: 22px;margin-top: 15px;width: 90%;letter-spacing: 2px;}
.top .s2 ul li p{margin: auto;margin-top: 0px;font-size: 16px;color: #4d4d4d;width: 90%;line-height: 1.5;}



.top .s3{width: 100%;/margin: auto;margin-top: 70px;}
.top .s3>div{width: 90%;box-sizing: border-box;border: 3px solid #e6e6e6;padding: 25px 25px;margin: auto;}
.top .s3>div:nth-of-type(1){padding-bottom: 45px;}
.top .s3>div:nth-of-type(2){}
.top .s3 h2{font-size: 28px;font-family: 'Teko';font-weight: normal;color: #4d4d4d;position: relative;top: -50px;left: -15px;display: table;background-color: #fff;padding: 0 15px;}
.top .s3 ul{margin-top: -50px;margin-bottom: 20px;}
.top .s3 ul li{border-bottom: 1px dotted #ddd;padding: 8px 0;}
.top .s3 ul li:last-child{border-bottom: none;padding: 8px 0;}
.top .s3 ul li a{text-decoration: none;color: #4d4d4d;display: block;}
.top .s3 ul li a time{font-size: 12px;display: block;}
.top .s3 ul li a span{font-size: 15px;display: block;line-height: 1.5;margin-top: 4px;}
.top .s3>div>a{font-size: 13px;text-decoration: none;color: #4d4d4d;display: table;border: 1px solid #ddd;border-radius: 100px;padding: 3px 15px;}
.top .s3>div>a::before{content:"\25B8";margin-right: 3px;color: rgba(0,0,0,0.3);}







/*--------選ばれる理由--------*/
.concept .s1{width: 90%;margin: auto;}
.concept .s1 ul{display: block;margin-top: -60px;}
.concept .s1 ul li{margin: auto;margin-top: 90px;width: 100%;}
.concept .s1 ul li figure{display: block;position: relative;}
.concept .s1 ul li figure img{display: block;width: 100%;height: auto;}
.concept .s1 ul li figure::before{content: "";position: absolute;width: 100%;height: 100%;background-color: #e6e6e6;z-index: -1;left: 10px;top: 10px;}
.concept .s1 ul li:nth-of-type(even) figure{order: 2;}
.concept .s1 ul li div{display: block;margin-top: 20px;}
.concept .s1 ul li div h3{display: flex;position: relative;align-items: center;background-color: #fff;}
.concept .s1 ul li div h3::before{content: "";border-top: 1px solid #ccc;width: 100%;position: absolute;z-index: 0;top: 30px;}
.concept .s1 ul li div h3 b{font-size: 30px;color: #000;font-family: 'Zen Old Mincho';font-weight: normal;z-index: 1;position: relative;display: block;padding-right: 5px;background-color: #fff;letter-spacing: 4px;}
.concept .s1 ul li div h3 span{font-family: 'Teko';font-size: 22px;color: #bcbcbc;font-weight: normal;background-color: #fff;position: relative;z-index: 1;padding: 0 10px;top: 5px;}
.concept .s1 ul li div h3 small{font-size: 130px;color: #e6e6e6;font-weight: normal;font-family: 'Zen Old Mincho';font-style: italic;position: absolute;bottom: -2px;right: 10px;line-height: 1;}
.concept .s1 ul li div p{margin-top: 10px;line-height: 1.7;}



/*--------事業内容--------*/
.service .s1{width: 90%;margin: auto;}
.service .s1 .box{margin-top: 60px;}
.service .s1 .box:nth-of-type(1){margin-top: 35px;}
.service .s1 .box h3{}
.service .s1 .box h3 b{font-size: 28px;color: #000;font-weight: normal;display: block;padding-bottom: 5px;letter-spacing: 4px;margin-bottom: 10px;border-bottom: 1px solid #ccc;white-space: nowrap;text-align:center;}
.service .s1 .box p{font-size: 16px;line-height: 1.6;}
.service .s1 ul{margin-top: 35px;}
.service .s1 ul li{}
.service .s1 ul li figure{display: block;}
.service .s1 ul li figure img{display: block;width: 100%;height: auto;}
.service .s1 ul li div{}
.service .s1 ul li div b{display: table;background-color: #005584;color: #fff;font-size: 17px;padding: 4px 15px;margin-top: -15px;position: relative;}
.service .s1 ul li div h4{display: flex;align-items: center;font-size: 18px;color: #000;margin-top: 20px;}
.service .s1 ul li div h4::before{content: url(images/ec1.png);margin-right: 5px;position: relative;top: 2px;}
.service .s1 ul li div p{display: block;margin-top: 5px;}



/*--------施工実例--------*/
.works .s1{width: 100%;margin: auto;}
.works .s1>p{width: 90%;}
.works .s1 .box{background-image: url(images/bg3.jpg);padding: 25px;margin-top: 30px;}
.works .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;margin-top: -35px;justify-content: space-between;}
.works .s1 ul li{width: 48%;margin-top: 35px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;color: #4d4d4d;text-decoration: none;}
.works .s1 ul li a img{display: block;width: 100%;height: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}
.works .s1 ul li a h3{font-size: 17px;margin-top: 10px;}
.works .s1 ul li a span{font-size: 14px;display: block;line-height:1.4;}
.works .s1 ul li a address{font-size: 14px;display: block;font-style: normal;line-height:1.4;margin-top:5px;}





/*--------施工実例詳細--------*/
.detail .s1{width: 100%;margin: auto;}
.detail .s1>p{width: 90%;}
.detail .s1 .box{background-image: url(images/bg3.jpg);padding: 25px;margin-top: 30px;}
.detail .s1 .box>ul{margin-top: -40px;}
.detail .s1 .box>ul li{position: relative;width: 100%;margin-top: 40px;}
.detail .s1 .box>ul li:nth-of-type(1)::before{content: url(images/arrow.png);position: absolute;left: 50%;transform: translate(-50%,0) rotate(90deg);bottom: -40px;}
.detail .s1 .box>ul li figure{display: block;position: relative;}
.detail .s1 .box>ul li figure img{width: 100%;height: auto;display: block;} 
.detail .s1 .box ul li figure small{position: absolute;z-index: 1;background-color: rgba(0,0,0,0.6);font-family: 'Teko';font-size: 18px;display: table;padding: 6px 15px;line-height: 1;}
.detail .s1 .box>ul li:nth-of-type(1) figure small{color: #fff;}
.detail .s1 .box>ul li:nth-of-type(2) figure small{color: #ffff00;}
.detail .s1 .box>ul li:nth-of-type(3){background-color: #fff;border: 3px solid #005584;border-radius: 6px;padding: 20px;box-sizing: border-box;margin-top: 15px;}
.detail .s1 .box>ul li:nth-of-type(3) dl{display: flex;flex-wrap: wrap;}
.detail .s1 .box>ul li:nth-of-type(3) dl dt{width: 24%;font-weight: bold;border-bottom: 1px dotted #ddd;padding: 3px 0;box-sizing: border-box;}
.detail .s1 .box>ul li:nth-of-type(3) dl dd{width: 76%;border-bottom: 1px dotted #ddd;padding: 3px 0;box-sizing: border-box;}
.detail .s1 .box>ul li:nth-of-type(3) dl dd:nth-last-of-type(1){width: 100%;border-bottom: none;padding-bottom: 0;line-height: 1.5;padding-top: 8px;}
.detail .s1 .gallery{margin-top: 50px;}
.detail .s1 .gallery h4{display: flex;align-items: center;font-size: 18px;color: #000;margin-top: 20px;}
.detail .s1 .gallery h4::before{content: url(images/ec1.png);margin-right: 5px;position: relative;top: 2px;}
.detail .s1 .gallery ul{display: flex;flex-wrap: wrap;}
.detail .s1 .gallery ul li{width: 100%;margin: auto;margin-top: 15px;}
.detail .s1 .gallery ul li:nth-of-type(4n){margin-right: 0;}
.detail .s1 .gallery ul li figure{display: block;}
.detail .s1 .gallery ul li figure img{display: block;width: 100%;height: auto;border: 5px solid #fff;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}




/*--------施工の流れ--------*/
.flow .s1{width: 90%;margin: auto;}
.flow .s1 ul{display: block;margin-top: 40px;}
.flow .s1 ul li{border: 1px solid #cccccc;position: relative;background-color: #e9e9e9;border-bottom: none;}
.flow .s1 ul li::before{content: url(images/arrow2.png);position: absolute;left: 50%;bottom: -16px;z-index: 1;transform: translate(-50%,0);}
.flow .s1 ul li:last-child{border-bottom: 1px solid #ccc;}
.flow .s1 ul li:last-child:before{content: none;}
.flow .s1 ul li span{}
.flow .s1 ul li span b{font-size: 18px;color: #000;font-weight: normal;padding: 20px 0;display: block;text-align: center;}
.flow .s1 ul li span small{font-size: 90px;color: #dbdbdb;font-style: italic;position: absolute;line-height: 1;right: 20px;bottom: -8px;}
.flow .s1 ul li div{background-color: #f1f1f1;padding: 25px 25px;line-height: 1.6;}
.flow .s1 ul li div p{display: block;}






/*--------保有機械・設備--------*/
.facility .s1{width: 90%;margin: auto;}
.facility .s1 ul{display: flex;flex-wrap: wrap;margin-top: 10px;justify-content: center;}
.facility .s1 ul li{width: 100%;font-size: 15px;margin-top: 30px;}
.facility .s1 ul li img{display: block;width: 100%;height: auto;}
.facility .s1 ul li h4{font-size: 16px;font-weight: normal;margin-top: 5px;}



/*--------企業情報--------*/
.company .s1{width: 100%;margin: auto;}
.company .s1 .box{background-image: url(images/company_img1_sp.jpg);background-size: cover;background-position: center;position: relative;padding-top: 340px;}
.company .s1 .box p{position: relative;padding: 30px 30px;background-color: #fff;width: 90%;box-sizing: border-box;margin: 0 0 0 auto;top: 100px;}
.company .s1 .box p span{display: block;text-align: right;margin-top: 10px;}

.company .s2{width: 90%;margin: auto;margin-top: 120px;}
.company .s2 h3{font-size: 22px;color: #000;font-weight: normal;border-left: 2px solid #005584;padding-left: 15px;line-height: 1.6;letter-spacing: 2px;}
.company .s2 table{width: 100%;border: none;border-collapse: collapse;margin-top: 25px;}
.company .s2 table th{padding: 8px 0 0 0;box-sizing: border-box;vertical-align: top;text-align: left;width: 100%;display: block;font-size: 14px;}
.company .s2 table td{border-bottom: 1px dotted #ccc;padding: 0 0 8px 0;box-sizing: border-box;display: block;width: 100%;line-height: 1.6;}
.company .s2 table td a{color: #4d4d4d;}
.company .s2 iframe{width: 100%;margin-top: -1px;height:400px}







/*--------プライバシーポリシー--------*/
.privacy .s1{width: 90%;margin: auto;margin-top: 40px;}
.privacy .s1 p.read{text-align: center;}
.privacy .s1 ul{}
.privacy .s1 ul li:first-child{padding-top:0px;margin-top: 0px;border: none;}
.privacy .s1 ul li{padding-top:25px;margin-top: 25px;border-top: 1px dotted #ccc;}
.privacy .s1 ul li span{display: flex;font-size: 16px;margin-bottom: 5px;font-weight: normal;align-items: center;font-weight: 900;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 6px;font-size: 10px;color: #FFD75B;;}




/*--------サイトマップ--------*/
.sitemap .s1{width: 90%;margin: auto;margin-top: 50px;}
.sitemap .s1 p.read{text-align: center;}
.sitemap .s1>ul{}
.sitemap .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.sitemap .s1>ul>li:first-child{padding-left: 0px;}
.sitemap .s1>ul>li a::before{content: "\25B8";font-size: 12px;margin-right: 6px;color: #ccc;}
.sitemap .s1 ul li a{text-decoration: none;color: #666;font-weight: bold;}
.sitemap .s1 ul li small{display: none;}


/*--------関連リンク--------*/
.links .s1{width: 90%;margin: auto;margin-top: 50px;}
.links .s1 p.read{text-align: center;}
.links  .s1>ul{}
.links  .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.links  .s1>ul>li:first-child{padding-left: 0px;}
.links  .s1>ul>li a::before{content: "\25B8";font-size: 12px;margin-right: 6px;color: #ccc;}
.links  .s1 ul li a{text-decoration: none;color: #666;font-weight: bold;}
.links  .s1 ul li small{display: none;}





/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 90%;margin: auto;margin-top: 40px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 30px;margin-top: 0px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}




/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 16px;margin-bottom: 25px;color: #4d4d4d;padding: 10px 15px;display: flex;border: 1px solid #ddd;border-radius: 3px;align-items: flex-start;}
.post .container>h3::before{content: url(images/ec1.png);margin-right: 8px;position: relative;top: 2px;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -25px;margin-bottom: -6px;font-size: 11px;text-align: right;}




.post .s1 .container>.inner h1{font-size: 18px;font-weight: bold;color: #4d4d4d;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: bold;color: #4d4d4d;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #4d4d4d;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF8000;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignleft{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignnone{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
	
	
/*--------お問い合わせ--------*/		
.contact .s1{width: 90%;margin: auto;margin-top: 50px;}	

table.contact {border-collapse: collapse;width: 100%;margin-top: 30px;}
table.contact th {padding: 8px 0 0;display: block;text-align: left;font-weight:bold;}
table.contact th span {font-size:12px;color:#ff0000;font-weight:normal;}	
table.contact td {display: block;padding: 0 8px 8px 0;}
table.contact td label{display:block;border-bottom:1px dotted #eee;padding-bottom:8px;margin-bottom:8px;}
table.contact td small {display:block;font-size:14px;margin-top:3px;}
table.contact td input,table.contact td textarea{width:100%;font-size:16px;padding:3px;box-sizing:border-box;font-family: 'Zen Kaku Gothic New', sans-serif;border: 1px solid #ccc;font-weight:normal;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {font-size: 16px;padding:10px 20px;margin: 10px 4px;width:inherit;border:inherit;background-color: #FF8000;;color: #fff;border-radius: 3px;font-family:'Zen Kaku Gothic New', sans-serif;font-weight:bold;}
table.contact td button.reset {background-color:#eee;color: #333;}	
table.contact td input[type=file]{border: 1px solid #fff;padding:10px 20px;}	
table.contact td.center{text-align:center;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;width:100% !important;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}
div.wpcf7-response-output {margin: 0px !important;}
.wpcf7 .ajax-loader {margin: 0;}	

}