@charset "UTF-8";

/*
	Theme Name: 精豊工産
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2026.02

*/   

/*
font-family: "Zen Kaku Gothic New", sans-serif;
font-family: "Zen Old Mincho", serif;
font-family: "Teko", sans-serif;
font-family: "Hina Mincho", serif;
font-family: "Zen Kurenaido", sans-serif;
font-family: "Allura", cursive;
*/


*{margin: 0;padding: 0;}
html {font-family: "Zen Kaku Gothic New", 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.7;font-weight: bold;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{display: block;}
header>section{display: block;position: fixed;z-index: 2;width: 100%;background-color: #fff;}
header>section>div{width: 1200px;display: flex;justify-content: space-between;margin: auto;align-items: center;height: 80px;}
header h1{display: block;}
header h1 a{display: flex;align-items: center;font-size: 15px;text-decoration: none;color: #000;}
header h1 a figure{display: block;margin-right: 15px;}
header h1 a figure img{display: block;width: 100%;height: auto;}
header .contact{display: flex;justify-content: flex-end;align-items: center;}
header h1 a span{display: block;}
header .contact li.tel{margin-right: 30px;text-align: right;line-height: 1.4;}
header .contact li.tel a{font-size: 24px;color: #000;text-decoration: none;letter-spacing: 2px;}
header .contact li.tel a::before{content:"TEL";font-size: 18px;margin-right: 10px;}
header .contact li.tel address{font-size: 15px;font-style: normal;}
header .contact .button{font-size: 18px;font-weight: bold;color: #fff;padding: 12px 40px;border-radius: 100px;background-color:#ff7e27;text-decoration: none;letter-spacing: 2px;}
header .contact .button::before{content: "\25B8";margin-right: 6px;}


header .pcnav{width: 100%;height: 80px;border-bottom: 2px solid #00b5b0;background-image: linear-gradient(0deg, #81e9e6, #ffffff 70%);}
header .pcnav ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;height: 100%;}
header .pcnav ul li{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;position: relative;}
header .pcnav ul li::before{content: "";border-left: 1px solid #999;position: absolute;left: 0;top:35px;height: 12px;}
header .pcnav ul li:first-child:before{content: none;}
header .pcnav ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;font-family: "Zen Old Mincho", serif;color: #000;letter-spacing: 1px;text-decoration: none;}

.fade span{font-size: 22px;font-weight: 500;color: #fff;background-color: rgba(0,0,0,0.75);padding: 12px 25px;display: block;font-family: "Zen Old Mincho", serif;letter-spacing: 2px;position: absolute;z-index: 1;right: 20px;}
.fade span:nth-of-type(1){bottom: 180px;}
.fade span:nth-of-type(2){bottom: 100px;}


/*--------フッダー--------*/
footer{display: block;position: relative;border-top: 1px solid #eee;}
footer>ul{display: flex;justify-content: center;position: relative;top: -50px;}
footer>ul li{margin: 0 10px;}
footer>ul li a{font-size: 12px;display: flex;align-items: center;text-decoration: none;color: #000;}
footer>ul li a::before{content: "\25B8";color: #ccc;margin-right: 3px;}

footer section{width: 1200px;margin: auto;position: relative;padding-bottom: 40px;}
footer section>img{position: absolute;right: 0;bottom: -15px;z-index: 1;}
footer section a.tel{font-size: 24px;color: #000;text-decoration: none;letter-spacing: 2px;display: table;transform: translate(-50%,0);left: 50%;position: relative;}
footer section a.tel::before{content:"TEL";font-size: 18px;margin-right: 10px;}
footer section h1{width: 240px;margin: auto;font-size: 15px;text-align: center;margin-top: 40px;}
footer section h1 img{width: 100%;height: auto;display: block;}
footer section h2{font-size: 15px;text-align: center;margin-top: 15px;}
footer section h2 small{font-size: 13px;}
footer section address{font-size: 15px;font-style: normal;display: block;text-align: center;margin-top: 15px;}
footer>small{background-color: #02d3cd;color: #fff;font-size: 10px;text-align: center;display: block;padding: 5px 0;}



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


.midashi{background-color: #02d3cd;height: 140px;position: relative;}
.midashi::before{content: "";background-color: #02d3cd;position: absolute;left: 50%;transform: translate(-50%,0) rotate(45deg);width: 40px;height: 40px;bottom: -10px;}
.midashi>div{width: 1200px;margin: auto;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;}
.midashi h2{font-size: 26px;font-family: 'Zen Old Mincho';color: #fff;letter-spacing: 4px;}
.midashi h2 small{display: block;font-family: 'Teko';text-align: center;font-size: 17px;opacity: .6;font-weight: 400;}
.midashi>div>img{position: absolute;right: 0;bottom: -20px;transform: scale(0.9);}


p.read{font-family: "Zen Old Mincho", serif;font-size: 20px;font-weight: bold;text-align: center;letter-spacing: 2px;position: relative;}
div.scr{display: block;}
div.scr table{}
.spbr{display: block;}
.anc{padding-top:220px;margin-top:-220px;pointer-events:none;display:block;}


.contents .temp{margin-top: 220px;}
.temp{width: 100%;margin-top: 180px;}
.temp>div{background-image: url(images/bg2.jpg);width: 100%;position: relative;padding: 100px 0 40px;}
.temp h2{font-size: 26px;font-weight: 900;position: absolute;left: 50%;transform: translate(-50%,0);display: table;background-color: #fff;padding: 0 40px 20px;top: -110px;text-align: center;letter-spacing: 2px;}
.temp h2 small{display: block;text-align: center;font-size: 17px;color: #02d3cd;font-family: "Teko", sans-serif;}
.temp h2 img{display: block;margin: auto;width: 120px;height: auto;}
.temp ul{display: block;}
.temp ul li{display: block;margin: 0 20px;}
.temp ul li a{display: block;color: #000;text-decoration: none;}
.temp ul li a img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.temp ul li a h3{font-size: 16px;margin-top: 15px;}
.temp ul li a h4{font-size: 15px;}
.temp ul li a address{font-size: 15px;font-style: normal;}




/*--------トッページ--------*/
.top .s1{width: 100%;margin: auto;background-color: #fff;}
.top .s1>p{font-size: 23px;text-align: center;padding: 70px 0 0;background-color: #fff;position: relative;top: -40px;width: 1200px;margin: auto;box-sizing: border-box;font-family: "Zen Old Mincho", serif;letter-spacing: 2px;}
.top .s1>div{background-image: url(images/bg1.jpg);padding: 60px 0;position: relative;}
.top .s1>div::before{content: "";position: absolute;background-color: #fff;width: 40px;height: 40px;left: 50%;top: -30px;transform: translate(-50%,0) rotate(45deg);}
.top .s1 ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;}
.top .s1 ul li{width: 30%;}
.top .s1 ul li a{color: #fff;text-decoration: none;}
.top .s1 ul li a small{display: block;text-align: center;font-family: "Teko", sans-serif;font-size: 17px;letter-spacing: 3px;opacity: .4;font-weight: normal;line-height: 1;}
.top .s1 ul li a b{font-size: 26px;font-weight: 900;letter-spacing: 5px;text-align: center;display: block;line-height: 1.5;}
.top .s1 ul li a img{display: block;width: 100%;height: auto;margin-top: 15px;}
.top .s1 ul li a p{font-weight: normal;margin-top: 15px;}


.top .s2{width: 1200px;margin: auto;display: flex;justify-content: space-between;margin-top: 80px;align-items: center;}
.top .s2>figure{flex: 0 0 600px;margin-right: 70px;}
.top .s2 .menu{flex: 1;}
.top .s2 .menu h2{display: flex;align-items: center;font-size: 26px;font-weight: 900;letter-spacing: 2px;line-height: 1.2;}
.top .s2 .menu h2 figure{flex: 0 0 50px;margin-right: 15px;}
.top .s2 .menu h2 figure img{display: block;}
.top .s2 .menu h2 span{font-size: 17px;color: #02d3cd;font-family: "Teko", sans-serif;letter-spacing: 2px;display: block;}
.top .s2 .menu ul{margin-top: 20px;}
.top .s2 .menu ul li{line-height: 2.2;}
.top .s2 .menu ul li a{text-decoration: none;color: #000;font-size: 18px;}
.top .s2 .menu ul li a::before{content:"\25B8";color: #ccc;margin-right: 5px;}


.top .s3{width:800px;margin: auto;margin-top: 90px;}
.top .s3>div{width: 100%;border: 4px solid #ddd;border-radius: 10px;box-sizing: border-box;position: relative;padding: 30px 40px;}
.top .s3 h3{font-size: 26px;font-weight: 900;background-color: #fff;padding: 0 30px;position: absolute;letter-spacing: 2px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);top: -40px;line-height: 1.5;}
.top .s3 h3 span{font-size: 17px;color: #02d3cd;font-family: "Teko", sans-serif;display: block;}
.top .s3 ul{display: block;}
.top .s3 ul li{border-bottom: 1px dotted #ccc;padding: 12px 0;}
.top .s3 ul li:last-child{border-bottom: none;}
.top .s3 ul li a{text-decoration: none;color: #000;display: flex;align-items: flex-start;}
.top .s3 ul li a time{flex: 0 0 85px;font-size: 14px;position: relative;top: 3px;}
.top .s3 ul li a p{display: block;flex: 1;}
.top .s3>div>a{font-size: 14px;text-decoration: none;color: #000;margin-top: 20px;display: table;}
.top .s3>div>a::before{content:"\25B8";color: #ccc;margin-right: 5px;}



/*--------精豊工産の強み--------*/
.concept .s1{width: 1200px;margin: auto;margin-top: 50px;}
.concept .s1 ul{margin-top: -50px;}
.concept .s1 ul li{margin-top: 100px;display: flex;align-items: center;justify-content: space-between;}
.concept .s1 ul li figure{flex: 0 0 560px;margin-right: 70px;display: block;position: relative;}
.concept .s1 ul li figure::before{content: "";background-color:#02d3cd;width: 100%;height: 100%;position: absolute;top:10px;left: 10px;z-index: -1;}
.concept .s1 ul li:nth-of-type(2) figure{margin-right: 0;margin-left: 70px;order: 2;}
.concept .s1 ul li figure img{display: block;}
.concept .s1 ul li  .text{flex: 1;width: 100%;position: relative;}
.concept .s1 ul li:nth-of-type(2) div{order: 1;}
.concept .s1 ul li .text small{font-family: "Teko", sans-serif;position: absolute;right: 50px;top: 60%;font-size: 350px;font-style: italic;color: #eee;z-index: -1;transform: translate(0, -50%);line-height: 0;font-weight: normal;}
.concept .s1 ul li .text h2{display: block;line-height: 1;}
.concept .s1 ul li .text h2::before{content: "";border-top: 1px dotted #ccc;position: absolute;top: 55px;left: 0;width: 100%;}
.concept .s1 ul li .text h2 span{font-size: 38px;display: table;background-color: #fff;padding: 4px 20px 4px 0;position: relative;letter-spacing: 2px;}
.concept .s1 ul li .text h2 b{font-family: "Teko", sans-serif;color: #02d3cd;font-size: 22px;font-weight: normal;letter-spacing: 2px;}
.concept .s1 ul li .text p{margin-top: 25px;}




/*--------事業内容--------*/
.business .s1{width: 100%;margin: auto;margin-top: 50px;overflow: hidden;padding-bottom: 30px;}
.business .s1 p.read::before{content: url(images/dots.png);position: absolute;left: 50%;transform: translate(-50%,0);bottom: -35px;}
.business h2.title{display: table;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 80px;font-size: 26px;color: #00b5b0;letter-spacing: 3px;font-weight: 900;}
.business .s1 h2.title img{display: block;margin: auto;}
.business h2+p{text-align: center;margin-top: 25px;}
.business .s1 ul{display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;position: relative;width: 1200px;margin: auto;}
.business .s1 ul::before{content: "";background-color: #02d3cd;opacity: 0.3;position: absolute;width: 200%;height: 85%;top: 50px;left: 50%;transform:translate(-50%,0) rotate(-5deg);z-index: -1;}
.business .s1 ul li{width: 31.3%;margin: 50px 1% 0;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.2);box-sizing: border-box;background-color: #fff;}
.business .s1 ul li h3{font-size: 22px;text-align: center;padding: 20px 0;}
.business .s1 ul li h3 span{font-size: 15px;}
.business .s1 ul li img{width: 100%;display: block;height: auto;}
.business .s1 ul li p{padding: 25px;box-sizing: border-box;}




.business .s2{width: 1200px;margin: auto;}
.business .s2 h2.title img{display: block;margin: auto;width:120px;height: auto;}
.business .s2 h2+p{border-bottom: 1px dotted #ccc;padding-bottom: 30px;}
.business .s2 ol{margin-top: 25px;}
.business .s2 ol li{margin-left: 25px;list-style-type: decimal;padding: 4px 0;}
.business .s2 ol li time{display: inline-block;width: 140px;}
.business .s2 ol li table{border: 1px solid #ccc;width: 100%;border-collapse: collapse;}
.business .s2 ol li table caption{background-color: #00b5b0;color: #fff;font-size: 18px;padding: 8px 0;margin-top: 40px;}
.business .s2 ol li table th{font-size: 16px;text-align: center;background-color: #eee;padding: 6px 0px;box-sizing: border-box;border: 1px solid #ccc;}
.business .s2 ol li table th small{font-size: 14px;}
.business .s2 ol li table td{text-align: center;padding: 6px 0px;box-sizing: border-box;font-size: 15px;border: 1px solid #ccc;}
.business .s2 ol li span{color: #00b5b0;font-size: 15px;display: block;margin-bottom: 30px;margin-top: 10px;}
.business .s2 ol li span a{color: #00b5b0;}




/*--------納品実績--------*/
.works .s1{width: 100%;margin: auto;margin-top: 50px;}
.works .s1 .box{background-image: url(images/bg2.jpg);margin-top: 50px;padding: 50px 0;position: relative;}
.works .s1 .box::before{content: "SEIHO WORKS";font-family: "Teko", sans-serif;font-size: 36px;font-style: italic;font-weight: normal;position: absolute;left: 50%;transform: translate(-50%,0);top: -30px;color: #02d3cd;}
.works .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;width: 1200px;margin: auto;margin-top: -35px;}
.works .s1 ul li{width: 280px;margin-top: 50px;margin-left: 20px;}
.works .s1 ul li a{display: block;color: #000;text-decoration: none;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.works .s1 ul li h3{font-size: 16px;margin-top: 15px;}
.works .s1 ul li h4{font-size: 15px;}
.works .s1 ul li address{font-size: 15px;font-style: normal;}



/*--------納品実績詳細--------*/
.detail .s1{width: 100%;margin: auto;margin-top: 50px;}
.detail .s1 .box{background-image: url(images/bg2.jpg);margin-top: 50px;padding: 50px 0;position: relative;}
.detail .s1 .box::before{content: "SEIHO WORKS";font-family: "Teko", sans-serif;font-size: 36px;font-style: italic;font-weight: normal;position: absolute;left: 50%;transform: translate(-50%,0);top: -30px;color: #02d3cd;}
.detail .s1 .overview{display: flex;width: 1200px;margin: auto;align-items: flex-start;justify-content: space-between;}
.detail .s1 figure {flex: 0 0 440px;margin-right: 60px;}
.detail .s1 .outline{flex: 1;width: 100%;background-color: #fff;padding: 20px 35px;}
.detail .s1 .outline h2{font-size: 20px;}
.detail .s1 .outline dl{margin-top: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.detail .s1 .outline dt{width: 15%;box-sizing: border-box;padding: 4px 0;color: #02d3cd;}
.detail .s1 .outline dd{width: 85%;box-sizing: border-box;padding: 4px 0;}
.detail .s1 .outline dd.point{padding-top: 15px;padding-bottom: 15px;width: 100%;border-top: 1px dotted #ddd;margin-top: 15px;}





/*--------業務の流れ--------*/
.flow .s1{width: 1200px;margin: auto;margin-top: 50px;}
.flow .s1 .snavi{margin-top: 30px;display: flex;align-items: center;justify-content: center;}
.flow .s1 .snavi li{margin: 0 10px;}
.flow .s1 .snavi li a{width: 350px;display: block;border: 3px solid #02d3cd;padding: 10px 15px;border-radius: 6px;color: #02d3cd;font-size: 22px;display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;}
.flow .s1 .snavi li a.visit{background-color: #02d3cd;color: #fff;}
.flow .s1 .snavi li a img{position: absolute;left: 15px;bottom: 0;height: 80px;}
.flow .s1 .snavi a[data-target="p2"]{padding-left: 70px;}
.flow .s1 .process{margin-top: 60px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.flow .s1 .process li{position: relative;display: flex;align-items: center;justify-content: space-between;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 120px;}
.flow .s1 .process li div{flex: 0 0 320px;background-color: #eee;display: flex;position: relative;height: 100%;align-items: center;justify-content: center;}
.flow .s1 .process li div small{position: absolute;left: 10px;line-height: 0;font-family: "Teko", sans-serif;font-style: italic;font-size: 130px;color: #fff;font-weight: normal;top: 60%;transform: translate(0,-50%);}
.flow .s1 .process li div h3{font-size: 19px;position: relative;text-align: center;}
.flow .s1 .process li div h3 span{font-size: 15px;display: block;}
.flow .s1 .process li p{flex: 1;width: 100%;padding: 20px 30px;box-sizing: border-box;}
.flow .s1 .process li::before{content: url(images/arrow.png);position: absolute;}
.flow .s1 .process li:last-child::before{content: none;}


/*--------所有設備--------*/
.facility .s1{width: 1200px;margin: auto;margin-top: 50px;}
.facility .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;margin: auto;margin-top: -10px;}
.facility .s1 ul li{width: 280px;margin-top: 50px;margin-left: 20px;}
.facility .s1 ul li:nth-of-type(4n){margin-right: 0;}
.facility .s1 ul li img{width: 100%;height: auto;display: block;border: 1px solid #eee;}
.facility .s1 ul li b{font-size: 16px;margin-top: 15px;display: block;}
.facility .s1 ul li span{font-size: 13px;display: block;}




/*--------求人案内--------*/
.recruit .s1{width: 1200px;margin: auto;margin-top: 50px;}
.recruit .s1 .head{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.recruit .s1 .head figure{flex: 0 0 270px;margin-right: 30px;}
.recruit .s1 .head figure img{display: block;width: 100%;height: auto;}
.recruit .s1 .head p{display: block;}
.recruit .s1 .head p b{font-size: 18px;color: #02d3cd;display: block;margin-bottom: 10px;}
.recruit .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ccc;}
.recruit .s1 table th{background-color: #f7f7f7;padding: 8px 15px;box-sizing: border-box;border: 1px solid #eee;}
.recruit .s1 table td{border: 1px solid #eee;padding: 8px 15px;box-sizing: border-box;font-weight: normal;}
.recruit .s1 table td a{color: #ff6600;font-weight: bold;margin: 0 4px;}



/*--------企業情報--------*/
.company .s1{margin: auto;}
.company .s1>div{position: relative;}
.company .s1>div>img{display: block;width: 100%;position: relative;z-index: -1;}
.company .s1 div h2{font-family: "Hina Mincho", serif;position: absolute;right: 60px;top: 0;font-size: 20px;font-weight: normal;top: 30%;transform: translate(0,-50%);}
.company .s1 div h2 b{display: block;text-align: right;font-size: 40px;font-weight: normal;}
.company .s1 p{background-color: #fff;position: relative;top: -60px;width: 75%;display: table;left: 25%;padding: 45px 50px 0px 50px;box-sizing: border-box;font-family: "Zen Old Mincho", serif;font-weight: normal;}
.company .s1 p::before{content: "Message";font-family: "Allura", cursive;position: absolute;left: -53px;top: -58px;transform: rotate(-10deg);font-size: 65px;color: #02d3cd;font-weight: normal;}
.company .s1 p span{font-family: "Zen Kurenaido", sans-serif;display: block;text-align: right;font-weight: normal;font-size: 18px;margin-top: 15px;}


.company .s2{width: 1200px;margin: auto;margin-top: -80px;position: relative;}
.company .s2 .title{position: relative;margin-top: 100px;}
.company .s2 h2{font-size: 28px;letter-spacing: 5px;writing-mode: vertical-rl;position: absolute;left: 0;top: 0;white-space: nowrap;}
.company .s2 small{font-family: "Teko", sans-serif;font-size: 62px;color: #ddd;letter-spacing: 6px;font-weight: normal;font-style: italic;position: relative;top: -5px;z-index: -1;left: 20px;}
.company .s2 small::before{content: "";border-top: 1px solid #eee;top: 45px;width: 100%;position: absolute;left: 90%;margin-left: 15%;}
.company .s2 div.box{display: flex;align-items: flex-start;margin-left: 100px;}
.company .s2 iframe{order: 2;flex: 0 0 430px;margin-left: 40px;width: 100%;height: 400px;}
.company .s2 dl{flex: 1;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.company .s2 dl dt{width: 17%;padding: 4px 0;box-sizing: border-box;}
.company .s2 dl dd{width: 83%;font-weight: normal;padding: 4px 0;box-sizing: border-box;}
.company .s2 dl dd a{color: #000;}
.company .s2 figure{order: 2;flex: 0 0 430px;margin-left: 40px;}
.company .s2 figure img{display: block;width: 100%;height: auto;}





/*--------プライバシーポリシー--------*/
.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;font-weight: normal;}
.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: #02d3cd;}




/*--------サイトマップ--------*/
.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;opacity: 0.3;}
.sitemap .s1 ul li a{text-decoration: none;color: #000;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;opacity: 0.3;}
.links .s1 ul li a{text-decoration: none;color: #000;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;font-weight: normal;}
.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: 18px;margin-bottom: 25px;color: #000;padding: 15px 30px;display: flex;border: 1px solid #ddd;border-radius: 5px;align-items: flex-start;font-weight: bold;}
.post .container>h3::before{content: url(images/ec.png);margin-right: 10px;line-height: 1;position: relative;top: 5px;}
.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: #000;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: 900;color: #000;}
.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: #000;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:#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: 50px;}

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.7;font-weight: bold;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;}
header>section{display: block;position: fixed;z-index: 2;width: 100%;background-color: #fff;}
header>section>div{width: 100%;display: flex;margin: auto;align-items: center;height: 70px;}
header h1{display: block;width: 200px;margin-left: 20px;}
header h1 a{font-size: 14px;text-decoration: none;color: #000;position: relative;display: block;}
header h1 a figure{display: block;}
header h1 a figure img{display: block;width: 100%;height: auto;}
header h1 a span{display: block;position: absolute;left: 50px;top: 17px;font-weight: normal;font-size: 13px;white-space: nowrap;}
header .contact{display: none;}
header .pcnav{display: none;}

.fade span{font-size: 16px;font-weight: 500;color: #fff;background-color:rgba(0,0,0,0.75);padding: 10px 15px;display: block;font-family: "Zen Old Mincho", serif;letter-spacing: 1px;position: absolute;z-index: 1;right: 3%;margin-left: 30px;}
.fade span:nth-of-type(1){bottom: 140px;}
.fade span:nth-of-type(2){bottom: 60px;}



/*--------フッダー--------*/
footer{display: block;position: relative;border-top: 1px solid #eee;padding-bottom: 54px;}
footer>ul{display: flex;justify-content: center;position: relative;top: -35px;}
footer>ul li{margin: 0 10px;}
footer>ul li a{font-size: 12px;display: flex;align-items: center;text-decoration: none;color: #000;}
footer>ul li a::before{content: "\25B8";color: #ccc;margin-right: 3px;}

footer section{width: 100%;margin: auto;position: relative;padding-bottom: 70px;}
footer section>img{position: absolute;right: 0px;bottom: -15px;z-index: 1;width: 110px;}
footer section a.tel{display: none;}
footer section a.tel::before{content:"TEL";font-size: 18px;margin-right: 10px;}
footer section h1{width: 100%;margin: auto;font-size: 15px;text-align: center;margin-top: 25px;width: 170px;}
footer section h1 img{width: 100%;height: auto;display: block;}
footer section h2{font-size: 14px;text-align: center;margin-top: 15px;}
footer section h2 small{font-size: 13px;}
footer section address{font-size: 14px;font-style: normal;display: block;text-align: center;margin-top: 15px;}
footer>small{background-color: #02d3cd;color: #fff;font-size: 10px;text-align: center;display: block;padding: 5px 0;}




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


.midashi{background-color: #02d3cd;height: 110px;position: relative;}
.midashi::before{content: "";background-color: #02d3cd;position: absolute;left: 50%;transform: translate(-50%,0) rotate(45deg);width: 40px;height: 40px;bottom: -20px;transform-origin:right;}
.midashi>div{width: 100%;margin: auto;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;}
.midashi h2{font-size: 24px;font-family: 'Zen Old Mincho';color: #fff;letter-spacing: 3px;}
.midashi h2 small{display: block;font-family: 'Teko';text-align: center;font-size: 16px;opacity: .6;font-weight: 400;}
.midashi>div>img{position: absolute;right: 0;bottom: -35px;transform: scale(0.6);transform-origin: right;}

p.read{font-family: "Zen Old Mincho", serif;font-size: 18px;font-weight: bold;text-align: center;letter-spacing: 0px;position: relative;}

div.scr{margin: 20px 0;overflow-x: scroll;}
div.scr table{white-space: nowrap;}
.spbr{display: none;}
.anc{padding-top:100px;margin-top:-100px;pointer-events:none;display:block;}

.contents .temp{margin-top: 200px;}
.temp{width: 100%;margin-top: 150px;}
.temp>div{background-image: url(images/bg2.jpg);width: 100%;position: relative;padding: 80px 0 25px;}
.temp h2{font-size: 24px;font-weight: 900;position: absolute;left: 50%;transform: translate(-50%,0);display: table;background-color: #fff;padding: 0 35px 15px;top: -90px;text-align: center;letter-spacing: 2px;}
.temp h2 small{display: block;text-align: center;font-size: 15px;color: #02d3cd;font-family: "Teko", sans-serif;}
.temp h2 img{display: block;margin: auto;width: 100px;height: auto;}
.temp ul{display: block;}
.temp ul li{display: block;margin: 0 20px;}
.temp ul li a{display: block;color: #000;text-decoration: none;}
.temp ul li a img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.temp ul li a h3{font-size: 15px;margin-top: 15px;}
.temp ul li a h4{font-size: 14px;}
.temp ul li a address{font-size: 14px;font-style: normal;}




/*--------トッページ--------*/
.top .s1{width: 100%;margin: auto;background-color: #fff;}
.top .s1>p{font-size: 16px;text-align: center;padding: 40px 0 15px;background-color: #fff;position: relative;top: -30px;width: 94%;margin: auto;box-sizing: border-box;font-family: "Zen Old Mincho", serif;letter-spacing: 0px;}
.top .s1>div{background-image: url(images/bg1.jpg);padding: 45px 0 55px;position: relative;}
.top .s1>div::before{content: "";position: absolute;background-color: #fff;width: 40px;height: 40px;left: 50%;top: -30px;transform: translate(-50%,0) rotate(45deg);}
.top .s1 ul{width: 90%;margin: auto;margin-top: -30px;}
.top .s1 ul li{margin-top: 30px;width: 100%;}
.top .s1 ul li a{color: #fff;text-decoration: none;}
.top .s1 ul li a small{display: block;text-align: center;font-family: "Teko", sans-serif;font-size: 17px;letter-spacing: 3px;opacity: .4;font-weight: normal;line-height: 1;}
.top .s1 ul li a b{font-size: 24px;font-weight: 900;letter-spacing: 5px;text-align: center;display: block;line-height: 1.5;}
.top .s1 ul li a img{display: block;width: 100%;height: auto;margin-top: 15px;}
.top .s1 ul li a p{font-weight: normal;margin-top: 15px;}


.top .s2{width: 100%;margin: auto;}
.top .s2>figure{display: block;}
.top .s2 .menu{width: 90%;margin: auto;margin-top: 15px;}
.top .s2 .menu h2{display: flex;align-items: center;font-size: 24px;font-weight: 900;letter-spacing: 2px;line-height: 1.2;}
.top .s2 .menu h2 figure{flex: 0 0 50px;margin-right: 15px;}
.top .s2 .menu h2 figure img{display: block;}
.top .s2 .menu h2 span{font-size: 15px;color: #02d3cd;font-family: "Teko", sans-serif;letter-spacing: 2px;display: block;}
.top .s2 .menu ul{margin-top: 10px;}
.top .s2 .menu ul li{line-height: 2.2;}
.top .s2 .menu ul li a{text-decoration: none;color: #000;font-size: 17px;}
.top .s2 .menu ul li a::before{content:"\25B8";color: #ccc;margin-right: 5px;}

.top .s3{width:100%;margin: auto;margin-top: 75px;}
.top .s3>div{width: 90%;border: 4px solid #ddd;border-radius: 10px;box-sizing: border-box;position: relative;padding: 25px 30px;margin: auto;}
.top .s3 h3{font-size: 24px;font-weight: 900;background-color: #fff;padding: 0 30px;position: absolute;letter-spacing: 2px;text-align: center;display: table;left: 50%;transform: translate(-50%,0);top: -30px;line-height: 1.5;}
.top .s3 h3 span{font-size: 15px;color: #02d3cd;font-family: "Teko", sans-serif;display: block;}
.top .s3 ul{display: block;}
.top .s3 ul li{border-bottom: 1px dotted #ccc;padding: 12px 0;line-height: 1.5;}
.top .s3 ul li:last-child{border-bottom: none;}
.top .s3 ul li a{text-decoration: none;color: #000;}
.top .s3 ul li a time{font-size: 13px;display: block;color: #666;}
.top .s3 ul li a p{display: block;font-size: 15px;}
.top .s3>div>a{font-size: 14px;text-decoration: none;color: #000;margin-top: 25px;display: table;position: relative;left: 45%;transform: translate(-50%,0);}
.top .s3>div>a::before{content:"\25B8";color: #ccc;margin-right: 5px;}


/*--------精豊工産の強み--------*/
.concept .s1{width: 90%;margin: auto;margin-top: 35px;}
.concept .s1 ul{margin-top: -35px;}
.concept .s1 ul li{margin-top: 70px;}
.concept .s1 ul li figure{display: block;position: relative;}
.concept .s1 ul li figure::before{content: "";background-color:#02d3cd;width: 100%;height: 100%;position: absolute;top:10px;left: 10px;z-index: -1;}
.concept .s1 ul li figure img{display: block;width: 100%;}
.concept .s1 ul li .text{flex: 1;width: 100%;position: relative;margin-top: 30px;}
.concept .s1 ul li .text small{font-family: "Teko", sans-serif;position: absolute;right: 20px;top: 40%;font-size: 200px;font-style: italic;color: #eee;z-index: -1;transform: translate(0, -50%);line-height: 0;font-weight: normal;}
.concept .s1 ul li .text h2{display: block;line-height: 1;}
.concept .s1 ul li .text h2::before{content: "";border-top: 1px dotted #ccc;position: absolute;top: 55px;left: 0;width: 100%;}
.concept .s1 ul li .text h2 span{font-size: 30px;display: table;background-color: #fff;padding: 0px 16px 0px 0;position: relative;letter-spacing: 2px;}
.concept .s1 ul li .text h2 b{font-family: "Teko", sans-serif;color: #02d3cd;font-size: 20px;font-weight: normal;letter-spacing: 2px;}
.concept .s1 ul li .text p{margin-top: 25px;}




/*--------事業内容--------*/
.business .s1{width: 100%;margin: auto;margin-top: 35px;overflow: hidden;padding-bottom: 30px;}
.business .s1 p.read::before{content: url(images/dots.png);position: absolute;left: 50%;transform: translate(-50%,0);bottom: -35px;}
.business h2.title{display: table;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 80px;font-size: 24px;color: #00b5b0;letter-spacing: 3px;font-weight: 900;}
.business .s1 h2.title img{display: block;margin: auto;}
.business h2+p{margin: auto;margin-top: 15px;width: 90%;}
.business .s1 ul{position: relative;width: 90%;margin: auto;}
.business .s1 ul::before{content: "";background-color: #02d3cd;opacity: 0.3;position: absolute;width: 200%;height: 95%;top: 50px;transform: rotate(-5deg) translate(-50%,0);z-index: -1;left: 50%;}
.business .s1 ul li{width: 100%;margin: 50px 1% 0;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.2);box-sizing: border-box;background-color: #fff;}
.business .s1 ul li h3{font-size: 20px;text-align: center;padding: 20px 0;}
.business .s1 ul li h3 span{font-size: 14px;}
.business .s1 ul li img{width: 100%;display: block;height: auto;}
.business .s1 ul li p{padding: 25px;box-sizing: border-box;}



.business .s2{width: 90%;margin: auto;}
.business .s2 h2.title img{display: block;margin: auto;width:120px;height: auto;}
.business .s2 h2+p{border-bottom: 1px dotted #ccc;padding-bottom: 30px;width: 100%;}
.business .s2 ol{margin-top: 25px;}
.business .s2 ol li{margin-left: 25px;list-style-type: decimal;padding: 4px 0;}
.business .s2 ol li time{display: block;}
.business .s2 ol li table{border: 1px solid #ccc;width: 100%;border-collapse: collapse;}
.business .s2 ol li table caption{background-color: #00b5b0;color: #fff;font-size: 18px;padding: 6px 15px;text-align: left;box-sizing: border-box;}
.business .s2 ol li table th{font-size: 16px;text-align: center;background-color: #eee;padding: 6px 10px;box-sizing: border-box;border: 1px solid #ccc;}
.business .s2 ol li table th small{font-size: 14px;}
.business .s2 ol li table td{text-align: center;padding: 6px 10px;box-sizing: border-box;font-size: 15px;border: 1px solid #ccc;}
.business .s2 ol li span{color: #00b5b0;font-size: 15px;display: block;margin-bottom: 30px;}
.business .s2 ol li span a{color: #00b5b0;}



/*--------納品実績--------*/
.works .s1{width: 100%;margin: auto;margin-top: 35px;}
.works .s1 .box{background-image: url(images/bg2.jpg);margin-top: 40px;padding: 50px 0;position: relative;}
.works .s1 .box::before{content: "SEIHO WORKS";font-family: "Teko", sans-serif;font-size: 30px;font-style: italic;font-weight: normal;position: absolute;left: 50%;transform: translate(-50%,0);top: -24px;color: #02d3cd;}
.works .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;width: 90%;margin: auto;margin-top: -35px;justify-content: space-between;}
.works .s1 ul li{width: 49%;margin-top: 35px;}
.works .s1 ul li a{display: block;color: #000;text-decoration: none;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li img{width: 100%;height: auto;display: block;border: 5px solid #fff;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.works .s1 ul li h3{font-size: 15px;margin-top: 15px;}
.works .s1 ul li h4{font-size: 13px;}
.works .s1 ul li address{font-size: 13px;font-style: normal;}



/*--------納品実績詳細--------*/
.detail .s1{width: 100%;margin: auto;margin-top: 35px;}
.detail .s1 .box{background-image: url(images/bg2.jpg);margin-top: 40px;padding: 50px 0;position: relative;}
.detail .s1 .box::before{content: "SEIHO WORKS";font-family: "Teko", sans-serif;font-size: 30px;font-style: italic;font-weight: normal;position: absolute;left: 50%;transform: translate(-50%,0);top: -24px;color: #02d3cd;}
.detail .s1 .overview{width: 90%;margin: auto;}
.detail .s1 figure {display: block;}
.detail .s1 .outline{flex: 1;width: 100%;background-color: #fff;padding: 15px 30px;margin-top: 20px;box-sizing: border-box;}
.detail .s1 .outline h2{font-size: 18px;}
.detail .s1 .outline dl{margin-top: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 15px;}
.detail .s1 .outline dt{width: 22%;box-sizing: border-box;padding: 4px 0;color: #02d3cd;}
.detail .s1 .outline dd{width: 78%;box-sizing: border-box;padding: 4px 0;}
.detail .s1 .outline dd.point{padding-top: 15px;padding-bottom: 15px;width: 100%;border-top: 1px dotted #ddd;margin-top: 15px;}









/*--------業務の流れ--------*/
.flow .s1{width: 90%;margin: auto;margin-top: 35px;}
.flow .s1 .snavi{margin: auto;margin-top: 70px;display: flex;align-items: center;justify-content: space-between;}
.flow .s1 .snavi li{width: 49%;}
.flow .s1 .snavi li a{width: 100%;display: block;border: 3px solid #02d3cd;padding: 8px 10px;border-radius: 6px;color: #02d3cd;font-size: 18px;display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;letter-spacing: 2px;}
.flow .s1 .snavi li a.visit{background-color: #02d3cd;color: #fff;}
.flow .s1 .snavi li a img{position: absolute;left: 50%;bottom: 40px;height: 60px;transform: translate(-50%,0);}
.flow .s1 .snavi a[data-target="p2"]{}
.flow .s1 .process{margin-top: 35px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.flow .s1 .process li{position: relative;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.flow .s1 .process li div{flex: 0 0 320px;background-color: #eee;position: relative;height: 100%;align-items: center;justify-content: center;padding: 30px 0;}
.flow .s1 .process li div small{position: absolute;left: 10px;line-height: 0;font-family: "Teko", sans-serif;font-style: italic;font-size: 80px;color: #fff;font-weight: normal;top: 60%;transform: translate(0,-50%);}
.flow .s1 .process li div h3{font-size: 18px;position: relative;text-align: center;}
.flow .s1 .process li div h3 span{font-size: 15px;display: block;}
.flow .s1 .process li p{flex: 1;width: 100%;padding: 15px 25px;box-sizing: border-box;}
.flow .s1 .process li::before{content: url(images/arrow.png);position: absolute;z-index: 1;left: 50%;transform: translate(-50%,0);bottom: -15px;}
.flow .s1 .process li:last-child::before{content: none;}



/*--------所有設備--------*/
.facility .s1{width: 90%;margin: auto;margin-top: 35px;}
.facility .s1 ul{display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;margin: auto;margin-top: 5px;justify-content: space-between;}
.facility .s1 ul li{width: 49%;margin-top: 30px;}
.facility .s1 ul li:nth-of-type(4n){margin-right: 0;}
.facility .s1 ul li img{width: 100%;height: auto;display: block;border: 1px solid #eee;box-sizing: border-box;}
.facility .s1 ul li b{font-size: 15px;margin-top: 10px;display: block;}
.facility .s1 ul li span{font-size: 13px;display: block;}




/*--------求人案内--------*/
.recruit .s1{width: 90%;margin: auto;margin-top: 35px;}
.recruit .s1 .head{margin-top: 35px;}
.recruit .s1 .head figure{display: block;}
.recruit .s1 .head figure img{display: block;width: 100%;height: auto;max-width: 230px;margin: auto;}
.recruit .s1 .head p{display: block;margin-top: 15px;}
.recruit .s1 .head p b{font-size: 17px;color: #02d3cd;display: block;margin-bottom: 10px;text-align: center;}
.recruit .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ccc;}
.recruit .s1 table th{background-color: #f7f7f7;padding: 8px 15px;box-sizing: border-box;border: 1px solid #eee;}
.recruit .s1 table td{border: 1px solid #eee;padding: 8px 15px;box-sizing: border-box;font-weight: normal;}
.recruit .s1 table td a{color: #ff6600;font-weight: bold;margin: 0 4px;}


/*--------企業情報--------*/
.company .s1{margin: auto;width: 100%;}
.company .s1>div{position: relative;}
.company .s1>div>img{display: block;width: 100%;position: relative;z-index: -1;height: auto;}
.company .s1 div h2{font-family: "Hina Mincho", serif;position: absolute;right: 15px;font-size: 15px;font-weight: normal;bottom: 70%;transform: translate(0,-50%);text-align: right;z-index: 1;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;}
.company .s1 div h2 b{display: block;text-align: right;font-size: 28px;font-weight: normal;}
.company .s1 p{background-color: #fff;position: relative;top: -60px;width: 90%;display: table;left: 10%;padding: 30px 35px 0px 30px;box-sizing: border-box;font-family: "Zen Old Mincho", serif;font-weight: normal;}
.company .s1 p::before{content: "Message";font-family: "Allura", cursive;position: absolute;left: -25px;top: -40px;transform: rotate(-10deg);font-size: 50px;color: #02d3cd;font-weight: normal;}
.company .s1 p span{font-family: "Zen Kurenaido", sans-serif;display: block;text-align: right;font-weight: normal;font-size: 18px;margin-top: 15px;}


.company .s2{width: 90%;margin: auto;margin-top: -80px;position: relative;}
.company .s2 .title{position: relative;margin-top: 100px;}
.company .s2 h2{font-size: 26px;letter-spacing: 3px;}
.company .s2 small{font-family: "Teko", sans-serif;font-size: 55px;color: #eee;letter-spacing: 5px;font-weight: normal;font-style: italic;position: absolute;top: -40px;z-index: -1;left: 15px;display: block;}
.company .s2 small::before{content: none;}
.company .s2 div.box{display: flex;flex-direction: column;}
.company .s2 iframe{width: 100%;height: 400px;order: 2;margin-top: 10px;}
.company .s2 dl{width: 100%;margin-top: 15px;}
.company .s2 dl dt{padding: 5px 0 0 0;box-sizing: border-box;font-size: 14px;}
.company .s2 dl dd{font-weight: normal;padding: 0 0 5px 0;box-sizing: border-box;}
.company .s2 dl dd a{color: #000;}
.company .s2 figure{display: block;margin-top: 10px;}
.company .s2 figure img{display: block;width: 100%;height: auto;}






/*--------プライバシーポリシー--------*/
.privacy .s1{width: 90%;margin: auto;margin-top: 50px;}
.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;font-weight: normal;}
.privacy .s1 ul li span{display: flex;font-size: 16px;margin-bottom: 5px;font-weight: normal;align-items: center;font-weight: bold;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 6px;font-size: 10px;color: #02d3cd;}




/*--------サイトマップ--------*/
.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;font-weight: normal;}
.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.3;}
.sitemap .s1 ul li a{text-decoration: none;color: #000;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;font-weight: normal;}
.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.3;}
.links  .s1 ul li a{text-decoration: none;color: #000;font-weight: bold;}
.links  .s1 ul li small{display: none;}






/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 90%;margin: auto;margin-top: 50px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 30px;}
.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: #000;padding: 10px 15px;;display: flex;border: 1px solid #ddd;border-radius: 3px;font-weight: bold;align-items: flex-start;}
.post .container>h3::before{content: url(images/ec.png);margin-right: 8px;position: relative;top: 1px;}
.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: #000;font-weight: 900;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: 900;color: #000;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: normal;color: #000;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:#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;}	

}