@charset "UTF-8";

/*
	Theme Name: 株式会社 野矢板金
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2026.08

*/   

/*font-family: "Teko", sans-serif;*/


*{margin: 0;padding: 0;}
html {font-family: "Noto Sans", sans-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: #000;font-size: 16px;line-height: 1.6;font-weight: 400;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header>section{position: fixed;z-index: 2;width: 100%;background-color: #fff;}
header>section>div{display: flex;justify-content: space-between;align-items: center;width: 1200px;margin: auto;height: 110px;}
header h1{display: block;position: relative;}
header h1::before{content: url(images/sashie1.png);position: absolute;right: -100px;bottom: -36px;}
header h1 a{display: flex;text-decoration: none;color: #000;align-items: center;}
header h1 a figure{display: block;flex: 0 0 90px;margin-right: 10px;}
header h1 a figure img{width: 100%;display: block;height: auto;}
header h1 a div{font-size: 16px;line-height: 1.5;font-weight: 400;color: #666;}
header h1 a div b{display: block;font-size: 30px;font-weight: 900;color: #000;}
header h1 a div span{font-size: 20px;margin-right: 5px;}
header h1 a div p{}
header .contact{display: flex;align-items: center;}
header .contact li.tel{text-align: right;}
header .contact li.tel a{font-size: 28px;color: #e89128;text-decoration: none;letter-spacing: 1px;font-weight: 700;}
header .contact li.tel a::before{content: "\260E";margin-right: 4px;font-size: 26px;}
header .contact li.tel address{font-style: normal;font-size: 16px;margin-top: -5px;color: #666;}
header .contact .button a{font-size: 17px;background-color: #e89128;color: #fff;display: flex;align-items: center;justify-content: center;width: 270px;height: 56px;font-weight: 700;text-decoration: none;border-radius: 6px;margin-left: 20px;letter-spacing: 0px;}
header .contact .button img{margin-right: 8px;}
header .pcnav{width: 100%;display: block;border-top: 2px solid #ccc;border-bottom: 5px solid #e89128;background-image: linear-gradient(0deg, #003e6a, #0061a6);height: 87px;box-sizing: border-box;}
header .pcnav ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;height: 83px;position: relative;}
header .pcnav ul::before{content: "";border-left:1px solid rgba(0,0,0,0.2);position: absolute;top: 0;left: -1px;height: 100%;}
header .pcnav ul::after{content: "";border-right:1px solid rgba(255,255,255,0.2);position: absolute;top: 0;right: -1px;height: 100%;}
header .pcnav ul li{display: flex;width: 100%;height: 100%;position: relative;}
header .pcnav ul li::before{content: "";border-left:1px solid rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;height: 100%;}
header .pcnav ul li::after{content: "";border-right:1px solid rgba(0,0,0,0.2);position: absolute;top: 0;right: 0;height: 100%;}
header .pcnav ul li a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;text-decoration: none;color: #ffffff;font-size: 19px;letter-spacing: 2px;font-weight: 900;}



.slider-pro b{position: absolute;z-index: 1;letter-spacing: 1px;font-size: 44px;color: #000;font-weight: 900;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-left: -15%;white-space: nowrap;text-shadow: rgb(255,255,255) 4px 0px 0px, rgb(255,255,255) 3.87565px 0.989616px 0px, rgb(255,255,255) 3.51033px 1.9177px 0px, rgb(255,255,255) 2.92676px 2.72656px 0px, rgb(255,255,255) 2.16121px 3.36588px 0px, rgb(255,255,255) 1.26129px 3.79594px 0px, rgb(255,255,255) 0.282949px 3.98998px 0px, rgb(255,255,255) -0.712984px 3.93594px 0px, rgb(255,255,255) -1.66459px 3.63719px 0px, rgb(255,255,255) -2.51269px 3.11229px 0px, rgb(255,255,255) -3.20457px 2.39389px 0px, rgb(255,255,255) -3.69721px 1.52664px 0px, rgb(255,255,255) -3.95997px 0.56448px 0px, rgb(255,255,255) -3.97652px -0.432781px 0px, rgb(255,255,255) -3.74583px -1.40313px 0px, rgb(255,255,255) -3.28224px -2.28625px 0px, rgb(255,255,255) -2.61457px -3.02721px 0px, rgb(255,255,255) -1.78435px -3.57996px 0px, rgb(255,255,255) -0.843183px -3.91012px 0px, rgb(255,255,255) 0.150409px -3.99717px 0px, rgb(255,255,255) 1.13465px -3.8357px 0px, rgb(255,255,255) 2.04834px -3.43574px 0px, rgb(255,255,255) 2.83468px -2.82216px 0px, rgb(255,255,255) 3.44477px -2.03312px 0px, rgb(255,255,255) 3.84068px -1.11766px 0px, rgb(255,255,255) 3.9978px -0.132717px 0px;}
.slider-pro b span{display: table;color: #000000;font-size: 20px;font-weight: 700;}
.slider-pro b br{display: none;}






/*--------フッダー--------*/
footer{display: block;}
footer section{width: 1200px;margin: auto;padding-bottom: 30px;}
footer nav{display: table;left: 50%;position: relative;transform: translate(-50%,0);border: 1px solid #ddd;padding: 6px 20px;box-sizing: border-box;border-radius: 100px;}
footer nav>ul{display: flex;align-items: center;}
footer nav>ul li{margin: 0px 10px;}
footer nav>ul li a{font-size: 12px;color: #666;text-decoration: none;}
footer nav>ul li a::before{content: "\25B8";margin-right: 3px;opacity: 0.5;}
footer h1{font-size: 16px;display: table;text-align: center;margin-top: 30px;font-weight: 400;color: #666;position: relative;left: 50%;transform: translate(-50%,0)}
footer h1::before{content: url(images/sashie1.png);position: absolute;right: -20px;bottom: 30px;}
footer h1 img{width: 90px;display: block;height: auto;margin: auto;margin-top: 40px;margin-bottom: 5px;}
footer h1 b{display: block;font-size: 30px;font-weight: 900;color: #000;}
footer h1 b span{font-size: 20px;margin-right: 5px;}
footer a.tel{font-size: 28px;color: #e89128;text-decoration: none;letter-spacing: 1px;font-weight: 700;display: table;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 20px;}
footer a.tel::before{content: "\260E";margin-right: 4px;font-size: 25px;}
footer section address{font-style: normal;font-size: 16px;margin-top: -5px;color: #666;display: block;text-align: center;}
footer>small{background-color: #003e6a;color: #fff;font-size: 12px;display: block;width: 100%;padding: 4px 0;text-align: center;}





/*--------コンテンツ共通--------*/
main{display: block;padding-top: 197px;}
article{display: block;padding-bottom: 70px;position: relative;}

.line{position: fixed;right: 0;top: 260px;z-index: 1;background-color: #fff;color: #06c755;font-size: 22px;font-weight: 700;writing-mode:vertical-lr;text-decoration: none;padding: 30px 12px 30px;line-height: normal;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.line img{position: absolute;width: 40px;height: auto;display: block;top: -20px;}

.midashi{background-color: #eeeeee;position: relative;height: 120px;border-bottom: 1px solid #666;}
.midashi div{display: flex;justify-content: flex-start;width: 1200px;margin: auto;align-items: center;height: 100%;}
.midashi::before{content: url(images/sashie2.png);position: absolute;right: 0;bottom: 0;line-height: 0;transform: scale(0.5);transform-origin: right bottom;}
.midashi h2{font-size: 30px;letter-spacing: 3px;color: #000;display: flex;align-items: center;font-weight: 900;}
.midashi h2 span{font-size: 12px;color: #666;display: table;padding: 4px 15px;box-sizing: border-box;background-color: #fff;letter-spacing: 1px;font-weight: 400;font-style: italic;border-radius: 100px;margin-left: 15px;}


p.read{font-size: 24px;font-weight: 900;color: #003e6a;text-align: center;letter-spacing: 2px;position: relative;margin-bottom: 75px;}
p.read::before{content: "";position: absolute;border-bottom: 8px solid #eee;left: 50%;transform: translate(-50%,0);width: 30px;bottom: -25px;}
p.read br{display: none;}

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



.contents .temp1{margin-top: 50px;}
.temp1{position: relative;}
.temp1 .bg1{background-image: url(images/bg1.jpg);margin: auto;position: relative;padding-top: 70px;padding-bottom: 85px;}
.temp1 h2{font-size: 34px;font-weight: 900;letter-spacing: 3px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);position: relative;background-color: #fff;bottom: -30px;z-index: 1;padding: 0 90px 15px;}
.temp1 h2::before{content: url(images/sashie1.png);position: absolute;right: -60px;bottom: -15px;}
.temp1 h2 span{display: table;position: relative;font-size: 20px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.temp1 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 16px;left: -45px;width: 30px;}
.temp1 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 16px;right: -45px;width: 30px;}
.temp1 .bg1 strong{display: table;position: relative;left: 50%;transform: translate(-50%,0);color: #fff;font-size: 22px;letter-spacing: 2px;padding: 6px 40px;border: 1px solid #fff;}
.temp1 .bg1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;width: 1200px;margin: auto;margin-top: 40px;}
.temp1 .bg1 ul li{}
.temp1 .bg1 ul li a{text-decoration: none;color: #fff;}
.temp1 .bg1 ul li a img{display: block;width: 100%;height: auto;}
.temp1 .bg1 ul li a h3{font-size: 16px;text-align: center;margin-top: 15px;}
.temp1 .bg1 ul li a h3 b{font-size: 18px;font-weight: 700;}

.temp1 .bg2{background-image: url(images/bg2.jpg);margin: auto;position: relative;padding-bottom: 70px;}
.temp1 .bg2 strong{display: table;position: relative;left: 50%;transform: translate(-50%, 0);color: #000;font-size: 22px;letter-spacing: 2px;padding: 6px 40px;background-color: #fff;position: relative;top: -25px;}
.temp1 .bg2 ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;width: 1200px;margin: auto;margin-top: 40px;}
.temp1 .bg2 ul li{}
.temp1 .bg2 ul li a{text-decoration: none;color: #000;}
.temp1 .bg2 ul li a img{display: block;width: 100%;height: auto;}
.temp1 .bg2 ul li a h3{font-size:16px;text-align:center;margin-top:15px;}
.temp1 .bg2 ul li a h3 b{font-size:18px;font-weight:700;}



.contents .temp2{border-top: 1px dotted #ccc;position: relative;margin-top: 240px;}
.contents .temp2::after{content: url(images/sashie3.png);left:50%;transform: translate(-50%,0);position: absolute;top: -150px;}
.temp2{width: 100%;position: relative;padding-top: 50px;}
.temp2::before{content: "";background-color: #ddd;position: absolute;left: 0;top: 0;width: 150px;height: 300px;clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}
.temp2 h2{font-size: 34px;font-weight: 900;letter-spacing: 3px;text-align: center;}
.temp2 h2 span{display: table;position: relative;font-size: 20px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.temp2 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 16px;left: -45px;width: 30px;}
.temp2 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 16px;right: -45px;width: 30px;}
.temp2>div{}
.temp2 ul{margin-top: 40px;}
.temp2 ul li{width: 260px;margin: 0 20px;box-sizing: border-box;}
.temp2 ul li a{display: block;text-decoration: none;color: #000;}
.temp2 ul li a img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.temp2 ul li a div{display: flex;margin-top: 15px;align-items: center;}
.temp2 ul li a h3{display: table;font-size: 15px;background-color: #003e6a;color: #fff;padding: 3px 12px;margin-right: 6px;}
.temp2 ul li a h4{display: block;font-size: 15px;color: #003e6a;}
.temp2 ul li a span{display: block;font-size: 15px;margin-top: 6px;}




/*--------トッページ--------*/
.top .s1{width: 1200px;margin: auto;background-color: #fff;margin-top: -70px;position: relative;padding-top: 40px;position: relative;}
.top::before{content: url(images/sashie2.png);position: absolute;right: 0;top: -151px;z-index: 1;transform: scale(1.2);transform-origin:right bottom;}
.top .s1 h2{font-size: 34px;font-weight: 900;letter-spacing: 3px;text-align: center;}
.top .s1 h2 span{display: table;position: relative;font-size: 20px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.top .s1 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 16px;left: -45px;width: 30px;}
.top .s1 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 16px;right: -45px;width: 30px;}
.top .s1 ul{display: flex;justify-content: space-between;margin-top: 25px;}
.top .s1 ul li{width: 370px;}
.top .s1 ul li a{display: block;text-decoration: none;color: #666;}
.top .s1 ul li a h3{color: #003e6a;font-size: 26px;font-weight: 900;text-align: center;letter-spacing: 2px;}
.top .s1 ul li a figure{position: relative;margin-top: 20px;}
.top .s1 ul li a img{display: block;width: 100%;height: auto;}
.top .s1 ul li a figure small{position: absolute;font-size: 12px;font-style: italic;color: #fff;display: table;background-color: #1f3e68;left: 50%;transform: translate(-50%,0);padding: 3px 10px;box-sizing: border-box;top: -15px;letter-spacing: 2px;}
.top .s1 ul li a p{text-align: center;margin-top: 15px;}




.top .s2{background-image: url(images/bg3.jpg);position: relative;margin-top: 160px;padding-bottom: 70px;}
.top .s2 .topics{display: flex;justify-content: space-between;width: 1200px;margin: auto;}
.top .s2 h2{font-size: 34px;font-weight: 900;letter-spacing: 3px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);position: relative;background-color: #fff;bottom: 70px;z-index: 1;padding: 0 90px 15px;}
.top .s2 h2::before{content: url(images/sashie1.png);position: absolute;right: -60px;bottom: -15px;}
.top .s2 h2 span{display: table;position: relative;font-size: 20px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.top .s2 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 16px;left: -45px;width: 30px;}
.top .s2 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 16px;right: -45px;width: 30px;}
.top .s2 .topics>div{width: 580px;position: relative;background-color: #fff;border-radius: 6px;box-shadow: 0 0 5px rgba(0,0,0,0.2);padding: 30px 40px 50px;box-sizing: border-box;}

.top .s2 .topics>div:nth-of-type(1)::before{content: "おしらせ";position: absolute;left: 50%;transform: translate(-50%,0);top: -50px;font-size: 22px;color: #fff;text-align: center;font-weight: 900;}
.top .s2 .topics>div:nth-of-type(2)::before{content: "ブログ";position: absolute;left: 50%;transform: translate(-50%,0);top: -50px;font-size: 22px;color: #fff;text-align: center;font-weight: 900;}
.top .s2 ul{margin-top: 20px;}
.top .s2 ul li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dotted #ccc;}
.top .s2 ul li:last-child{padding-bottom: 0;margin-bottom: 0;border: none;}
.top .s2 ul li a{display: flex;color: #666;text-decoration: none;align-items: center;justify-content: space-between;}
.top .s2 ul li a figure{flex: 0 0 80px;margin-right: 20px;}
.top .s2 ul li a figure img{width: 100%;height: auto;display: block;}
.top .s2 ul li a div{width: 100%;flex: 1;}
.top .s2 ul li a div time{font-size: 13px;display: block;}
.top .s2 ul li a div p{font-size: 15px;}
.top .s2 .topics>div>a{position: absolute;right: 0;bottom: 0;font-size: 13px;display: table;padding: 8px 20px;box-sizing: border-box;text-decoration: none;color: #fff;background-color: #003e6a;border-radius: 0 0 6px 0;}
.top .s2 .topics>div>a::before{content: "\25B8";margin-right: 3px;}



/*--------当社の特長--------*/
.concept .s1{width: 1200px;margin: auto;margin-top: 40px;}
.concept .s1 ul{}
.concept .s1 ul li{display: flex;align-items: center;justify-content: space-between;margin-top: 80px;}
.concept .s1 ul li figure{flex: 0 0 500px;margin-right: 80px;position: relative;}
.concept .s1 ul li figure span{background-color:#003e6a;font-size: 15px;color: #fff;display: inline-block;padding: 3px 20px;font-style: italic;letter-spacing: 1px;position: absolute;left: 25px;top: -15px}
.concept .s1 ul li:nth-of-type(even) figure{order: 2;margin-right: 0;margin-left: 80px;}
.concept .s1 ul li figure img{display: block;width: 100%;height: auto;}
.concept .s1 ul li figure::before{content:"";background-color: #eee;position: absolute;width: 100%;height: 100%;left: 20px;top: 20px;z-index:-1;}
.concept .s1 ul li figure:nth-of-type(odd) ::before{content:"";}
.concept .s1 ul li div{flex: 1;width: 100%;}
.concept .s1 ul li:nth-of-type(even) div{}
.concept .s1 ul li div b small{font-family: "Teko", sans-serif;font-size: 200px;opacity: 0.15;font-style: italic;color: #003e6a;position: absolute;font-weight: normal;left: 360px;top: 7px;line-height: 0;}
.concept .s1 ul li div h3{font-size: 36px;font-weight: 900;color: #003e6a;letter-spacing: 3px;}
.concept .s1 ul li div b{font-size: 20px;color: #666;line-height: 1.5;position: relative;display: block;}
.concept .s1 ul li div p{color: #666;margin-top: 25px;padding-top: 25px;border-top: 1px dotted #ccc;}





/*--------事業案内--------*/
.service .s1{width: 1200px;margin: auto;margin-top: 40px;}
.service strong{background-color: #003e6a;font-size: 24px;color: #fff;font-weight: 900;display: table;left: 50%;transform: translate(-50%,0);position: relative;border-radius: 100px;padding: 6px 70px;margin-bottom: 25px;letter-spacing: 2px;}
.service h3{font-size: 24px;font-weight: 900;color: #003e6a;border-left: 5px solid #003e6a;padding-left: 20px;line-height: 2;}
.service h3:nth-of-type(n+2){margin-top: 70px;}
.service h3 span{font-size: 20px;}
.service .s1 h3+p{color: #666;margin-top: 20px;}
.service .s1 .overview{display: flex;margin-top: 30px;justify-content: space-between;align-items: flex-start;}
.service .s1 .overview figure{flex: 0 0 500px;margin-right: 50px;}
.service .s1 .caution{flex: 1;width: 100%;}
.service .s1 .caution div:nth-of-type(1){background-color: #eee;border-radius: 8px;padding: 25px 35px;box-sizing: border-box;position: relative;}
.service .s1 .caution div:nth-of-type(1)::before{content: "放置すると危険";position: absolute;background-color: #fff;color: #000;font-weight: 900;border-radius: 100px;padding: 4px 20px;border: 2px solid #eee;box-sizing: border-box;left: 35px;top: -18px;font-size: 17px;}
.service .s1 .caution>div:nth-of-type(1) ul{color: #666;margin-top: 10px;}
.service .s1 .caution>div:nth-of-type(1) ul li{list-style-type: disc;margin-left: 25px;line-height: 2;}
.service .s1 .caution div:nth-of-type(2){background-color: #003e6a;border-radius: 8px;padding: 25px 35px;box-sizing: border-box;position: relative;margin-top: 50px;}
.service .s1 .caution div:nth-of-type(2)::before{content: "施工可能な工事";position: absolute;background-color: #fff;color: #003e6a;font-weight: 900;border-radius: 100px;padding: 4px 20px;border: 2px solid #003e6a;box-sizing: border-box;left: 35px;top: -18px;font-size: 17px;}
.service .s1 .caution>div:nth-of-type(2) ul{color: #fff;margin-top: 10px;}
.service .s1 .caution>div:nth-of-type(2) ul li{list-style-type: disc;margin-left: 25px;line-height: 2;}

.service .s2{width: 1200px;margin: auto;margin-top: 200px;}
.service .s2 .overview{display: flex;margin-top: 30px;justify-content: space-between;align-items: center;}
.service .s2 .overview figure{flex: 0 0 500px;margin-right: 50px;}
.service .s2 .overview figure img{width: 100%;height: auto;display: block;}
.service .s2 .overview p{flex: 1;width: 100%;color: #666;}





/*--------施工の流れ--------*/
.flow .s1{width: 1200px;margin: auto;margin-top: 40px;}
.flow .s1 ul{display: block;}
.flow .s1 ul li{display: flex;justify-content: space-between;align-items: center;height: 160px;margin-bottom: 50px;}
.flow .s1 ul li:last-child{margin-bottom: 0;}
.flow .s1 ul li:last-child span::before{content: none;}
.flow .s1 ul li span{display: flex;flex: 0 0 250px;background-color: #003e6a;color: #fff;height: 100%;align-items: center;justify-content: center;position: relative;padding-top: 60px;box-sizing: border-box;}
.flow .s1 ul li span::before{content: "";width: 30px;height: 30px;background-color: #133c6a;position: absolute;bottom: -5px;left: 50%;transform: translate(-50%,0) rotate(45deg);z-index: -1;}
.flow .s1 ul li span small{position: absolute;font-size: 140px;line-height: 0;opacity: 0.15;font-style: italic;font-family: 'Teko';bottom: 75px;text-align: center;padding-right: 20px;}
.flow .s1 ul li span b{font-size: 20px;font-weight: 900;text-align: center;}
.flow .s1 ul li div{height: 100%;border: 1px solid #ddd;box-sizing: border-box;display: flex;align-items: center;padding: 0 35px;}
.flow .s1 ul li div p{color: #666;line-height: 1.8;}



/*--------施工事例--------*/
.works .s1{width: 100%;margin: auto;margin-top: 40px;}
.works .s1>div{background-image: url(images/bg4.jpg);padding: 80px 0;}
.works .s1 ul{margin-top: 40px;display: flex;flex-wrap: wrap;width: 1200px;margin: auto;margin-top: -40px;}
.works .s1 ul li{width: 280px;box-sizing: border-box;margin-top: 40px;margin-right: 26px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;text-decoration: none;color: #000;}
.works .s1 ul li a img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.works .s1 ul li a div{display: flex;margin-top: 15px;align-items: center;}
.works .s1 ul li a h3{display: table;font-size: 15px;background-color: #003e6a;color: #fff;padding: 3px 12px;margin-right: 6px;}
.works .s1 ul li a h4{display: block;font-size: 15px;color: #003e6a;}
.works .s1 ul li a span{display: block;font-size: 15px;margin-top: 6px;}


/*--------施工事例（詳細）--------*/
.detail .s1{width: 100%;margin: auto;margin-top: 40px;}
.detail .s1>div{background-image: url(images/bg4.jpg);padding: 80px 0;}
.detail .s1 ul{display: flex;align-items: flex-start;justify-content: space-between;width: 1200px;margin: auto;}
.detail .s1 ul li{width: 380px;position: relative;}
.detail .s1 ul li:nth-of-type(1)::before{content: url(images/arrow.png);position: absolute;z-index: 1;top: 50%;transform: translate(0,-50%);right: -22px;}
.detail .s1 ul li figure{position: relative;}
.detail .s1 ul li figure img{width: 100%;height: auto;display: block;}
.detail .s1 ul li:nth-of-type(1) figure small{position: absolute;left: 0;top: 0;background-color: #000;font-weight: 900;font-size: 16px;padding: 2px 15px;color: #fff;}
.detail .s1 ul li:nth-of-type(2) figure small{position: absolute;left: 0;top: 0;background-color: #fff;font-weight: 900;font-size: 16px;padding: 2px 15px;}
.detail .s1 ul li h3{font-size: 20px;font-weight: 900;background-color: #003e6a;color: #fff;display: inline-block;padding: 5px 25px;margin-right: 15px;}
.detail .s1 ul li b{font-size: 20px;font-weight: 900;color: #003e6a;}
.detail .s1 ul li h4{font-size: 20px;font-weight: 900;color: #003e6a;margin-top: 10px;}
.detail .s1 ul li span{display: block;margin-top: 5px;}
.detail .s1 ul+p{width: 1200px;margin:auto;background-color: #fff;margin-top: 50px;border-radius: 8px;padding: 40px;box-sizing: border-box;position: relative;padding-top: 50px;color: #666;}
.detail .s1 ul+p::before{content: "施工内容";background-color: #003e6a;color: #fff;display: table;position: absolute;left: 50%;transform: translate(-50%,0);top: -18px;padding: 5px 25px;font-weight: 700;letter-spacing: 2px;}



/*--------所有設備--------*/
.facility .s1{width: 1200px;margin: auto;margin-top: 40px;}
.facility .s1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -40px;}
.facility .s1 ul li{width: 580px;display: flex;align-items: center;justify-content: space-between;margin-top: 40px;}
.facility .s1 ul li figure{flex: 0 0 300px;margin-right: 25px;}
.facility .s1 ul li figure img{display: block;width: 100%;height: auto;}
.facility .s1 ul li dl{flex: 1;width: 100%;display: flex;flex-wrap: wrap;color: #666;}
.facility .s1 ul li dl dt{width: 25%;box-sizing: border-box;padding: 3px 0;font-weight: 700;}
.facility .s1 ul li dl dd{width: 75%;box-sizing: border-box;padding: 3px 0;}
.facility .s1 ul li dl dd.setumei{width: 100%;}


/*--------よくある質問--------*/
.faq .s1{width: 1200px;margin: auto;margin-top: 40px;}
.faq .s1 ul{display: block;}
.faq .s1 ul li{border-bottom: 1px dotted #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.faq .s1 ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.faq .s1 ul li b{font-size: 18px;font-weight: 900;color: #003e6a;}
.faq .s1 ul li b::before{content: "Q.";margin-right: 4px;}
.faq .s1 ul li p{margin-top: 10px;color: #666;padding-left: 25px;}



/*--------企業情報--------*/
.company .s1{width: 100%;margin: auto;display: block;}
.company .s1>figure{width: 100%;position: relative;}
.company .s1>figure>img{width: 100%;}
.company .s1 figure p{position: relative;top: -160px;background-color: #fff;width: 80%;margin: 0 0 0 auto;padding: 50px 65px 0 65px;box-sizing: border-box;line-height: 2;color: #666;}
.company .s1 figure p::before{content: "MESSAGE";font-family: "Teko", sans-serif;position: absolute;top: 13px;right: 70px;font-style: italic;font-size: 60px;color: #003e6a;letter-spacing: 3px;line-height: 0;}
.company .s1 figure p img{width: 230px;display: block;margin: 15px 0 0 auto;}
.company .s1 .gaiyo{width: 1200px;margin: auto;margin-top: -60px;display: flex;justify-content: space-between;align-items: center;}
.company .s1 .gaiyo figure{order: 2;flex: 0 0 500px;position: relative;}
.company .s1 .gaiyo figure::before{content: "";width: 100%;height: 100%;position: absolute;background-color: #eee;top: 20px;right: 20px;z-index: -1;}
.company .s1 .gaiyo figure img{width: 100%;height: auto;display: block;}
.company .s1 .gaiyo div{position: relative;flex: 1;width: 100%;padding-left: 60px;box-sizing: border-box;}
.company .s1 .gaiyo b{position: absolute;writing-mode: vertical-rl;font-size: 30px;color: #003e6a;line-height: 0;font-weight: 900;letter-spacing: 5px;left: 0;top: -30px;}
.company .s1 .gaiyo table{width: 90%;padding-left: 60px;border-collapse: collapse;color: #666;}
.company .s1 .gaiyo table th{text-align: left;padding: 8px 0px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.company .s1 .gaiyo table td{text-align: left;padding: 8px 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.company .s1 .gaiyo table td a{color: #666;}





/*--------プライバシーポリシー--------*/
.privacy .s1{width: 1200px;margin: auto;margin-top: 60px;}
.privacy .s1 ul{display: block;}
.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 #ddd;font-weight: normal;color: #666;}
.privacy .s1 ul li span{display: flex;font-size: 18px;margin-bottom: 5px;font-weight: 700;align-items: center;color: #133c6a;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 8px;font-size: 10px;color: #133c6a;}



/*--------サイトマップ--------*/
.sitemap .s1{width: 1200px;margin: auto;margin-top: 60px;}
.sitemap .s1>ul{}
.sitemap .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ddd;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;opacity: 0.5;}
.sitemap .s1 ul li a{text-decoration: none;color: #666;font-weight: 700;}
.sitemap .s1 ul li small{color:#999;margin-left: 15px;font-size: 13px;font-weight: 500;}


/*--------関連リンク--------*/
.links .s1{width: 1200px;margin: auto;margin-top: 60px;}
.links .s1>ul{}
.links .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ddd;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;opacity: 0.5;}
.links .s1 ul li a{text-decoration: none;color: #666;font-weight: 700;}
.links .s1 ul li small{color:#999;margin-left: 15px;font-size: 13px;font-weight: 500;}



/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 1200px;margin: auto;margin-top: 40px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 50px;font-weight: 500;}
.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:50px;}
	


/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 20px;margin-bottom: 25px;color: #133c6a;padding: 20px 25px 20px 25px;display: flex;border: 1px solid #ddd;border-radius: 4px;align-items: flex-start;font-weight: 700;position: relative;letter-spacing: 1px;}
.post .container>h3::before{content: url(images/ec.png);position: relative;top: 0px;margin-right: 10px;}
.post .container>time{display: block;margin-top: -24px;margin-bottom: -5px;font-size: 12px;text-align: right;font-weight: normal;}



	
.post .s1 .container>.inner h1{font-size: 20px;font-weight: 900;color: #666;font-weight: 900;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: 900;color: #666;font-weight: 900;}
.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: 500;color: #666;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner{color: #666;}
.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:#FF6600;}
.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: 40px;}

table.contact {border-collapse: collapse;width: 100%;margin: 50px auto 0;background-color: #fff;border: 3px solid #ddd;}
table.contact th {padding: 10px;width: 250px;background-color: #f5f5f5;border: 1px solid #ddd;}
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,table.contact button {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 input[type=submit],table.contact td input[type=reset],table.contact td button {width:150px;font-size: 16px;padding: 10px 0px;font-weight: 900;margin:10px;border: none;background-color: #02d3cd;color: #fff;border-radius: 3px;font-family: 'Zen Kaku Gothic New', sans-serif;}
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: #000;font-size: 16px;line-height: 1.6;font-weight: 400;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header>section{position: fixed;z-index: 3;width: 100%;background-color: #fff;}
header>section>div{display: flex;justify-content: space-between;align-items: center;width: 100%;margin: auto;height: 75px;}
header h1{display: block;position: relative;margin-top: -15px;}
header h1::before{content: url(images/sashie1.png);position: absolute;right: -63px;bottom: -46px;transform: scale(0.4);transform-origin: center;}
header h1 a{display: flex;text-decoration: none;color: #000;align-items: center;position: relative;margin-left: 15px;}
header h1 a figure{display: block;flex: 0 0 50px;margin-right: 6px;}
header h1 a figure img{width: 100%;display: block;height: auto;}
header h1 a div{line-height: 1.5;font-weight: 400;color: #666;}
header h1 a div b{display: block;font-size: 22px;font-weight: 900;color: #000;}
header h1 a div span{font-size: 18px;margin-right: 5px;}
header h1 a div p{font-size: 15px;position: absolute;left: 0;white-space: nowrap;letter-spacing: -1px;}
header .contact{display: none;}
header .pcnav{display: none;}



.slider-pro b{width: 90%;position: absolute;z-index: 2;line-height: 1.2;letter-spacing: 1px;font-size: 30px;color: #000;font-weight: 900;margin-top: -20%;left: 50%;top: 50%;text-align: center;transform: translate(-50%,-50%);text-shadow: rgb(255,255,255) 4px 0px 0px, rgb(255,255,255) 3.87565px 0.989616px 0px, rgb(255,255,255) 3.51033px 1.9177px 0px, rgb(255,255,255) 2.92676px 2.72656px 0px, rgb(255,255,255) 2.16121px 3.36588px 0px, rgb(255,255,255) 1.26129px 3.79594px 0px, rgb(255,255,255) 0.282949px 3.98998px 0px, rgb(255,255,255) -0.712984px 3.93594px 0px, rgb(255,255,255) -1.66459px 3.63719px 0px, rgb(255,255,255) -2.51269px 3.11229px 0px, rgb(255,255,255) -3.20457px 2.39389px 0px, rgb(255,255,255) -3.69721px 1.52664px 0px, rgb(255,255,255) -3.95997px 0.56448px 0px, rgb(255,255,255) -3.97652px -0.432781px 0px, rgb(255,255,255) -3.74583px -1.40313px 0px, rgb(255,255,255) -3.28224px -2.28625px 0px, rgb(255,255,255) -2.61457px -3.02721px 0px, rgb(255,255,255) -1.78435px -3.57996px 0px, rgb(255,255,255) -0.843183px -3.91012px 0px, rgb(255,255,255) 0.150409px -3.99717px 0px, rgb(255,255,255) 1.13465px -3.8357px 0px, rgb(255,255,255) 2.04834px -3.43574px 0px, rgb(255,255,255) 2.83468px -2.82216px 0px, rgb(255,255,255) 3.44477px -2.03312px 0px, rgb(255,255,255) 3.84068px -1.11766px 0px, rgb(255,255,255) 3.9978px -0.132717px 0px;}
.slider-pro b span{display: table;color: #000000;font-size: 15px;font-weight: 700;text-align: center;margin-top: 15px;width: 100%;}




/*--------フッダー--------*/
footer{display: block;margin-bottom: 54px;}
footer section{width: 100%;margin: auto;padding-bottom: 30px;padding-top: 20px;}
footer nav{display: none;}
footer nav>ul{display: flex;align-items: center;}
footer nav>ul li{margin: 0px 10px;}
footer nav>ul li a{font-size: 12px;color: #666;text-decoration: none;}
footer nav>ul li a::before{content: "\25B8";margin-right: 3px;opacity: 0.5;}
footer h1{font-size: 15px;display: table;text-align: center;font-weight: 400;color: #666;position: relative;left: 50%;transform: translate(-50%,0)}
footer h1::before{content: url(images/sashie1.png);position: absolute;right: -10px;bottom: 30px;transform-origin: right bottom;transform: scale(0.9);}
footer h1 img{width: 70px;display: block;height: auto;margin: auto;margin-top: 40px;margin-bottom: 5px;}
footer h1 b{display: block;font-size: 26px;font-weight: 900;color: #000;}
footer h1 b span{font-size: 18px;margin-right: 5px;}
footer h1 p{letter-spacing: -1px;}
footer a.tel{font-size: 24px;color: #e89128;text-decoration: none;letter-spacing: 1px;font-weight: 700;display: table;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 10px;}
footer a.tel::before{content: "\260E";font-size: 20px;margin-right: 3px;}
footer section address{font-style: normal;font-size: 15px;margin-top: -5px;color: #666;display: block;text-align: center;}
footer>small{background-color: #003e6a;color: #fff;font-size: 10px;display: block;width: 100%;padding: 4px 0;text-align: center;}


/*--------コンテンツ共通--------*/
main{display: block;padding-top: 75px;}
article{display: block;position: relative;}

.line{position: fixed;right: 0;bottom: 100px;z-index: 1;background-color: #fff;color: #06c755;font-size: 18px;font-weight: 700;writing-mode:vertical-lr;text-decoration: none;padding: 20px 8px 20px;line-height: normal;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.line img{position: absolute;width: 33px;height: auto;display: block;top: -20px;left: 5px;}

.midashi{background-color: #eeeeee;position: relative;height: 120px;border-bottom: 1px solid #666;}
.midashi div{display: flex;justify-content: flex-start;width: 90%;margin: auto;align-items: center;height: 100%;}
.midashi::before{content: url(images/sashie2.png);position: absolute;right: 0;bottom: 0;line-height: 0;transform: scale(0.4);transform-origin: right bottom;}
.midashi h2{font-size: 28px;letter-spacing: 2px;color: #000;display: flex;align-items: flex-start;font-weight: 900;flex-direction: column;}
.midashi h2 span{font-size: 11px;color: #666;display: table;padding: 2px 15px;box-sizing: border-box;background-color: #fff;letter-spacing: 1px;font-weight: 400;font-style: italic;border-radius: 100px;margin-top: 5px;}



p.read{font-size: 20px;font-weight: 900;color: #003e6a;text-align: center;letter-spacing: 2px;position: relative;}
p.read::before{content: "";position: absolute;border-bottom: 8px solid #eee;left: 50%;transform: translate(-50%,0);width: 30px;bottom: -25px;}

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



.contents .temp1{margin-top: 50px;}
.temp1{position: relative;margin-top: 35px;}
.temp1 .bg1{background-image: url(images/bg1.jpg);margin: auto;position: relative;padding-top: 60px;padding-bottom: 65px;}
.temp1 h2{font-size: 30px;font-weight: 900;letter-spacing: 3px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);position: relative;background-color: #fff;bottom: -30px;z-index: 1;padding: 0 50px 15px;}
.temp1 h2::before{content: url(images/sashie1.png);position: absolute;right: -55px;bottom: -13px;transform: scale(0.9);transform-origin: right bottom;}
.temp1 h2 span{display: table;position: relative;font-size: 18px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.temp1 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 13px;left: -45px;width: 30px;}
.temp1 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 13px;right: -45px;width: 30px;}
.temp1 .bg1 strong{display: table;position: relative;left: 50%;transform: translate(-50%,0);color: #fff;font-size: 20px;letter-spacing: 2px;padding: 4px 35px;border: 1px solid #fff;}
.temp1 .bg1 ul{width: 90%;margin: auto;}
.temp1 .bg1 ul li{margin-top: 40px;}
.temp1 .bg1 ul li a{text-decoration: none;color: #fff;}
.temp1 .bg1 ul li a img{display: block;width: 100%;height: auto;}
.temp1 .bg1 ul li a h3{font-size: 16px;text-align: center;margin-top: 10px;}
.temp1 .bg1 ul li a h3 b{font-size: 18px;font-weight: 700;}

.temp1 .bg2{background-image: url(images/bg2.jpg);margin: auto;position: relative;padding-bottom: 45px;}
.temp1 .bg2 strong{display: table;position: relative;left: 50%;transform: translate(-50%, 0);color: #000;font-size: 20px;letter-spacing: 2px;padding: 4px 35px;background-color: #fff;position: relative;top: -25px;}
.temp1 .bg2 ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;width: 90%;margin: auto;margin-top: -25px;}
.temp1 .bg2 ul li{margin-top: 40px;}
.temp1 .bg2 ul li a{text-decoration: none;color: #000;}
.temp1 .bg2 ul li a img{display: block;width: 100%;height: auto;}
.temp1 .bg2 ul li a h3{font-size:16px;text-align:center;margin-top: 10px;}
.temp1 .bg2 ul li a h3 b{font-size:18px;font-weight:700;}



.contents .temp2{border-top: 1px dotted #ccc;position: relative;margin-top: 150px;}
.contents .temp2::after{content: url(images/sashie3.png);left:50%;transform: translate(-50%,0) scale(0.6);position: absolute;top: -130px;}
.temp2{width: 100%;position: relative;padding-top: 30px;}
.temp2::before{content: "";background-color: #ddd;position: absolute;left: 0;top: 0;width: 75px;height: 300px;clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}
.temp2 h2{font-size: 30px;font-weight: 900;letter-spacing: 3px;text-align: center;}
.temp2 h2 span{display: table;position: relative;font-size: 18px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.temp2 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 13px;left: -45px;width: 30px;}
.temp2 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 13px;right: -45px;width: 30px;}
.temp2>div{}
.temp2 ul{margin-top: 25px;}
.temp2 ul li{width: 260px;margin: 0 20px;box-sizing: border-box;}
.temp2 ul li a{display: block;text-decoration: none;color: #000;}
.temp2 ul li a img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.temp2 ul li a div{display: flex;margin-top: 15px;align-items: center;}
.temp2 ul li a h3{display: table;font-size: 15px;background-color: #003e6a;color: #fff;padding: 3px 12px;margin-right: 6px;}
.temp2 ul li a h4{display: block;font-size: 15px;color: #003e6a;}
.temp2 ul li a span{display: block;font-size: 15px;margin-top: 6px;}




/*--------トッページ--------*/
.top .s1{width: 90%;margin: auto;background-color: #fff;margin-top: -45px;padding-top: 40px;position: relative;}
.top::before{content: url(images/sashie2.png);position: absolute;right: 0;top: -178px;z-index: 0;transform: scale(0.9);transform-origin:right bottom;}
.top .s1 h2{font-size: 30px;font-weight: 900;letter-spacing: 3px;text-align: center;}
.top .s1 h2 span{display: table;position: relative;font-size: 18px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.top .s1 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 13px;left: -45px;width: 30px;}
.top .s1 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 13px;right: -45px;width: 30px;}
.top .s1 ul{}
.top .s1 ul li{width: 100%;margin-top: 25px;}
.top .s1 ul li a{display: block;text-decoration: none;color: #666;}
.top .s1 ul li a h3{color: #003e6a;font-size: 26px;font-weight: 900;text-align: center;letter-spacing: 2px;}
.top .s1 ul li a figure{position: relative;margin-top: 20px;}
.top .s1 ul li a img{display: block;width: 100%;height: auto;}
.top .s1 ul li a figure small{position: absolute;font-size: 10px;font-style: italic;color: #fff;display: table;background-color: #1f3e68;left: 50%;transform: translate(-50%,0);padding: 3px 10px;box-sizing: border-box;top: -11px;letter-spacing: 2px;}
.top .s1 ul li a p{text-align: center;margin-top: 15px;}



.top .s2{background-image: url(images/bg3.jpg);position: relative;margin-top: 160px;padding-bottom: 70px;}
.top .s2 .topics{width: 90%;margin: auto;margin-top: -70px;}
.top .s2 h2{font-size: 30px;font-weight: 900;letter-spacing: 3px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);position: relative;background-color: #fff;bottom: 70px;z-index: 1;padding: 0 50px 15px;}
.top .s2 h2::before{content: url(images/sashie1.png);position: absolute;right: -28px;bottom: -13px;transform-origin: right bottom;transform: scale(0.9);}
.top .s2 h2 span{display: table;position: relative;font-size: 18px;font-weight: 700;left: 50%;transform: translate(-50%,0);color: #666;}
.top .s2 h2 span::before{content: "";position: absolute;border-top:1px solid #999;top: 13px;left: -45px;width: 30px;}
.top .s2 h2 span::after{content: "";position: absolute;border-top:1px solid #999;top: 13px;right: -45px;width: 30px;}
.top .s2 .topics>div{width: 100%;position: relative;background-color: #fff;border-radius: 6px;box-shadow: 0 0 5px rgba(0,0,0,0.2);padding: 25px 25px 60px;box-sizing: border-box;margin-top: 70px;}
.top .s2 .topics>div:nth-of-type(1)::before{content: "おしらせ";position: absolute;left: 50%;transform: translate(-50%,0);top: -40px;font-size: 22px;color: #fff;text-align: center;font-weight: 900;}
.top .s2 .topics>div:nth-of-type(2)::before{content: "ブログ";position: absolute;left: 50%;transform: translate(-50%,0);top: -40px;font-size: 22px;color: #fff;text-align: center;font-weight: 900;}
.top .s2 ul{margin-top: 20px;}
.top .s2 ul li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dotted #ccc;}
.top .s2 ul li:last-child{padding-bottom: 0;margin-bottom: 0;border: none;}
.top .s2 ul li a{display: flex;color: #666;text-decoration: none;align-items: center;justify-content: space-between;}
.top .s2 ul li a figure{flex: 0 0 80px;margin-right: 20px;}
.top .s2 ul li a figure img{width: 100%;height: auto;display: block;}
.top .s2 ul li a div{width: 100%;flex: 1;}
.top .s2 ul li a div time{font-size: 13px;display: block;}
.top .s2 ul li a div p{font-size: 15px;}
.top .s2 .topics>div>a{position: absolute;left: 50%;bottom: -10px;font-size: 13px;display: table;padding: 8px 20px;box-sizing: border-box;text-decoration: none;color: #fff;background-color: #003e6a;transform: translate(-50%,0);}
.top .s2 .topics>div>a::before{content: "\25B8";margin-right: 3px;}






/*--------当社の特長--------*/
.concept .s1{width: 90%;margin: auto;margin-top: 35px;}
.concept .s1 ul{margin-top: -5px;}
.concept .s1 ul li{margin-top: 65px;}
.concept .s1 ul li figure{position: relative;}
.concept .s1 ul li figure span{background-color:#003e6a;font-size: 12px;color: #fff;display: inline-block;padding: 3px 20px;font-style: italic;letter-spacing: 1px;position: absolute;left: 25px;top: -12px;}
.concept .s1 ul li:nth-of-type(even) figure{}
.concept .s1 ul li figure img{display: block;width: 100%;height: auto;}
.concept .s1 ul li figure::before{content:"";background-color: #eee;position: absolute;width: 100%;height: 100%;left: 15px;top: 15px;z-index:-1;}
.concept .s1 ul li figure:nth-of-type(odd) ::before{content:"";}
.concept .s1 ul li div{width: 100%;margin-top: 30px;}
.concept .s1 ul li:nth-of-type(even) div{}
.concept .s1 ul li div b small{font-family: "Teko", sans-serif;font-size: 150px;opacity: 0.15;font-style: italic;color: #003e6a;position: absolute;font-weight: normal;right: 20px;top: 15px;line-height: 0;}
.concept .s1 ul li div h3{font-size: 30px;font-weight: 900;color: #003e6a;letter-spacing: 3px;}
.concept .s1 ul li div b{font-size: 18px;color: #666;line-height: 1.5;position: relative;display: block;}
.concept .s1 ul li div p{color: #666;margin-top: 25px;padding-top: 25px;border-top: 1px dotted #ccc;}







/*--------事業案内--------*/
.service .s1{width: 90%;margin: auto;margin-top: 35px;}
.service strong{background-color: #003e6a;font-size: 22px;color: #fff;font-weight: 900;display: table;left: 50%;transform: translate(-50%,0);position: relative;border-radius: 100px;padding: 6px 70px;margin-bottom: 25px;letter-spacing: 2px;}
.service h3{font-size: 22px;font-weight: 900;color: #003e6a;border-left: 5px solid #003e6a;padding-left: 20px;line-height: 2;margin-top: 60px;}
.service h3:nth-of-type(n+2){margin-top: 85px;}
.service h3 span{font-size: 18px;}
.service .s1 h3+p{color: #666;margin-top: 20px;}
.service .s1 .overview{margin-top: 30px;}
.service .s1 .overview figure{width: 111%;margin-left: -5.55%;}
.service .s1 .caution{width: 100%;margin-top: 40px;}
.service .s1 .caution div:nth-of-type(1){background-color: #eee;border-radius: 8px;padding: 25px 25px;box-sizing: border-box;position: relative;}
.service .s1 .caution div:nth-of-type(1)::before{content: "放置すると危険";position: absolute;background-color: #fff;color: #000;font-weight: 900;border-radius: 100px;padding: 6px 20px;border: 2px solid #eee;box-sizing: border-box;left: 50%;top: -18px;font-size: 17px;display: table;transform: translate(-50%,0);}
.service .s1 .caution>div:nth-of-type(1) ul{color: #666;margin-top: 10px;}
.service .s1 .caution>div:nth-of-type(1) ul li{list-style-type: disc;margin-left: 15px;line-height: 2;}
.service .s1 .caution div:nth-of-type(2){background-color: #003e6a;border-radius: 8px;padding: 25px 25px;box-sizing: border-box;position: relative;margin-top: 45px;}
.service .s1 .caution div:nth-of-type(2)::before{content: "施工可能な工事";position: absolute;background-color: #fff;color: #003e6a;font-weight: 900;border-radius: 100px;padding: 6px 20px;border: 2px solid #003e6a;box-sizing: border-box;left: 50%;top: -18px;font-size: 17px;display: table;transform: translate(-50%,0);}
.service .s1 .caution>div:nth-of-type(2) ul{color: #fff;margin-top: 10px;}
.service .s1 .caution>div:nth-of-type(2) ul li{list-style-type: disc;margin-left: 15px;line-height: 2;}

.service .s2{width: 90%;margin: auto;margin-top: 130px;}
.service .s2 .overview{margin-top: 30px;}
.service .s2 .overview figure{width: 111%;margin-left: -5.55%;}
.service .s2 .overview figure img{width: 100%;height: auto;display: block;}
.service .s2 .overview p{width: 100%;color: #666;margin-top: 25px;}





/*--------施工の流れ--------*/
.flow .s1{width: 90%;margin: auto;margin-top: 35px;}
.flow .s1 ul{display: block;margin-top: 60px;}
.flow .s1 ul li{margin-bottom: 40px;position: relative;}
.flow .s1 ul li:last-child{margin-bottom: 0;}
.flow .s1 ul li:last-child::before{content: none;}
.flow .s1 ul li span{display: flex;background-color: #003e6a;color: #fff;height: 100%;align-items: center;justify-content: center;position: relative;padding: 55px 15px 15px 15px;box-sizing: border-box;}
.flow .s1 ul li::before{content: "";width: 30px;height: 30px;background-color: #ddd;position: absolute;bottom: -10px;left: 50%;transform: translate(-50%,0) rotate(45deg);z-index: -1;}
.flow .s1 ul li span small{position: absolute;font-size: 80px;line-height: 0;opacity: 0.15;font-style: italic;font-family: 'Teko';bottom: 80px;text-align: center;padding-right: 20px;}
.flow .s1 ul li span b{font-size: 20px;font-weight: 900;text-align: center;line-height: 1.5;}
.flow .s1 ul li div{height: 100%;border: 1px solid #ddd;box-sizing: border-box;padding: 15px 25px;background-color: #fff;}
.flow .s1 ul li div p{color: #666;line-height: 1.8;/}



/*--------施工事例--------*/
.works .s1{width: 100%;margin: auto;margin-top: 35px;}
.works .s1>div{background-image: url(images/bg4.jpg);padding: 50px 0;margin-top: 60px;box-sizing: border-box;}
.works .s1 ul{margin-top: 40px;display: flex;flex-wrap: wrap;width: 90%;margin: auto;margin-top: -40px;justify-content: space-between;}
.works .s1 ul li{width: 49%;box-sizing: border-box;margin-top: 40px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;text-decoration: none;color: #000;}
.works .s1 ul li a img{width: 100%;height: auto;display: block;border: 3px solid #fff;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.works .s1 ul li a div{margin-top: 10px;}
.works .s1 ul li a h3{display: table;font-size: 15px;background-color: #003e6a;color: #fff;padding: 4px 15px;}
.works .s1 ul li a h4{display: block;font-size: 15px;color: #003e6a;margin-top: 4px;}
.works .s1 ul li a span{display: block;font-size: 15px;margin-top: 2px;}




/*--------施工事例（詳細）--------*/
.detail .s1{width: 100%;margin: auto;margin-top: 35px;}
.detail .s1>div{background-image: url(images/bg4.jpg);padding: 50px 0;margin-top: 60px;box-sizing: border-box;}
.detail .s1 ul{width: 90%;margin: auto;}
.detail .s1 ul li{width: 100%;position: relative;margin-bottom: 40px;}
.detail .s1 ul li:nth-of-type(1)::before{content: url(images/arrow.png);position: absolute;z-index: 1;bottom: -40px;transform: translate(-50%,0) rotate(90deg);left: 50%;}
.detail .s1 ul li figure{position: relative;}
.detail .s1 ul li figure img{width: 100%;height: auto;display: block;}
.detail .s1 ul li:nth-of-type(1) figure small{position: absolute;left: 0;top: 0;background-color: #000;font-weight: 900;font-size: 14px;padding: 2px 15px;color: #fff;}
.detail .s1 ul li:nth-of-type(2) figure small{position: absolute;left: 0;top: 0;background-color: #fff;font-weight: 900;font-size: 14px;padding: 2px 15px;}
.detail .s1 ul li h3{font-size: 18px;font-weight: 900;background-color: #003e6a;color: #fff;display: inline-block;padding: 5px 25px;margin-right: 15px;}
.detail .s1 ul li b{font-size: 18px;font-weight: 900;color: #003e6a;}
.detail .s1 ul li h4{font-size: 18px;font-weight: 900;color: #003e6a;margin-top: 10px;}
.detail .s1 ul li span{display: block;margin-top: 5px;}
.detail .s1 ul+p{width: 90%;margin:auto;background-color: #fff;margin-top: 60px;border-radius: 8px;padding: 30px;box-sizing: border-box;position: relative;padding-top: 40px;color: #666;}
.detail .s1 ul+p::before{content: "施工内容";background-color: #003e6a;color: #fff;display: table;position: absolute;left: 50%;transform: translate(-50%,0);top: -18px;padding: 5px 25px;font-weight: 700;letter-spacing: 2px;}





/*--------所有設備--------*/
.facility .s1{width:90%;margin: auto;margin-top: 35px;}
.facility .s1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.facility .s1 ul li{margin-top: 50px;}
.facility .s1 ul li figure{}
.facility .s1 ul li figure img{display: block;width: 100%;height: auto;}
.facility .s1 ul li dl{flex: 1;width: 100%;display: flex;flex-wrap: wrap;color: #666;margin-top: 20px;}
.facility .s1 ul li dl dt{width: 20%;box-sizing: border-box;padding: 1px 0;font-weight: 700;}
.facility .s1 ul li dl dd{width: 80%;box-sizing: border-box;padding: 1px 0;}
.facility .s1 ul li dl dd.setumei{width: 100%;}


/*--------よくある質問--------*/
.faq .s1{width: 90%;margin: auto;margin-top: 35px;}
.faq .s1 ul{display: block;margin-top: 60px;}
.faq .s1 ul li{border-bottom: 1px dotted #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.faq .s1 ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.faq .s1 ul li b{font-size: 18px;font-weight: 900;color: #003e6a;}
.faq .s1 ul li b::before{content: "Q.";margin-right: 4px;}
.faq .s1 ul li p{margin-top: 10px;color: #666;padding-left: 25px;}



/*--------企業情報--------*/
.company .s1{width: 100%;margin: auto;display: block;}
.company .s1>figure{width: 100%;position: relative;}
.company .s1>figure>img{width: 100%;}
.company .s1 figure p{position: relative;top: -200px;background-color: #fff;width: 90%;margin: 0 0 0 auto;padding: 40px 35px 0 35px;box-sizing: border-box;line-height: 2;color: #666;}
.company .s1 figure p::before{content: "MESSAGE";font-family: "Teko", sans-serif;position: absolute;top: 0px;right: 20px;font-style: italic;font-size: 45px;color: #003e6a;letter-spacing: 3px;line-height: 0;}
.company .s1 figure p img{width: 90%;display: block;margin: 15px 0 0 auto;}
.company .s1 .gaiyo{width: 90%;margin: auto;margin-top: -150px;}
.company .s1 .gaiyo figure{position: relative;}
.company .s1 .gaiyo figure::before{content: "";width: 100%;height: 100%;position: absolute;background-color: #eee;top: 15px;left: 15px;z-index: -1;}
.company .s1 .gaiyo figure img{width: 100%;height: auto;display: block;}
.company .s1 .gaiyo div{position: relative;width: 100%;padding-left: 45px;box-sizing: border-box;margin-top: 50px;}
.company .s1 .gaiyo b{position: absolute;writing-mode: vertical-rl;font-size: 24px;color: #003e6a;line-height: 0;font-weight: 900;letter-spacing: 5px;left: 10px;top: -20px;}
.company .s1 .gaiyo table{width: 90%;padding-left: 60px;border-collapse: collapse;color: #666;}
.company .s1 .gaiyo table th{text-align: left;padding: 8px 0px 2px;box-sizing: border-box;display: block;width: 100%;font-size: 15px;}
.company .s1 .gaiyo table td{text-align: left;padding: 2px 0px 8px;box-sizing: border-box;border-bottom: 1px solid #ddd;width: 100%;display: block;}
.company .s1 .gaiyo table td a{color: #666;}






/*--------プライバシーポリシー--------*/
.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 #ddd;color:#666;}
.privacy .s1 ul li span{display: flex;font-size: 16px;margin-bottom: 5px;font-weight: 700;align-items: center;color: #133c6a;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 6px;font-size: 10px;color: #133c6a;}




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


/*--------関連リンク--------*/
.links .s1{width: 90%;margin: auto;margin-top: 40px;}
.links .s1 p.read{text-align: center;}
.links  .s1>ul{}
.links  .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;font-weight: 500;}
.links  .s1>ul>li:first-child{padding-left: 0px;}
.links  .s1>ul>li a::before{content: "\25B8";font-size: 12px;margin-right: 6px;opacity: 0.5;}
.links  .s1 ul li a{text-decoration: none;color: #666;font-weight: 700;}
.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: 40px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;font-weight: normal;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}



/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 17px;margin-bottom: 25px;color: #133c6a;padding: 12px 25px 12px 25px;display: flex;border: 1px solid #ddd;border-radius: 3px;font-weight: 700;align-items: flex-start;position: relative;letter-spacing: 1px;}
.post .container>h3::before{content: url(images/ec.png);position: relative;top: 0px;margin-right: 10px;}
.post .container>time{display: block;margin-top: -25px;margin-bottom: -6px;font-size: 11px;text-align: right;font-weight: normal;}



.post .s1 .container>.inner h1{font-size: 18px;font-weight: 900;color: #666;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: 900;color: #666;}
.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: 500;color: #666;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner{color: #666;}
.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:#FF6600;}
.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: 20px;}
table.contact th {padding: 8px 0 0;display: block;text-align: left;}
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,table.contact button {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 input[type=submit],table.contact td input[type=reset],table.contact td button {font-size: 16px;padding:10px 20px;margin: 10px 4px;width:inherit;border:inherit;background-color: #02d3cd;color: #fff;border-radius: 3px;font-family:'Zen Kaku Gothic New', sans-serif;}
table.contact td input[type=file]{border: 1px solid #fff;padding:5px 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;}	

}