@charset "UTF-8";

/*
	Theme Name: NIN
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2025.6

*/

/*font-family: "Noto Sans", sans-serif;*/
/*font-family: "Noto Serif", serif;*/

*{margin: 0;padding: 0;}
html {font-family: "Noto Serif", 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: 60px;clear: none;margin-bottom: 0px;display: flex;align-items: center;justify-content: center;}
.pagination span {margin-right: 4px;margin-left: 4px;text-decoration: none;color: #666;background-color: #d7d7d7;font-size: 12px;font-weight: bold;padding: 4px 10px;}
.pagination a {text-decoration: none;margin-right: 4px;margin-left: 4px;color: #333;font-size: 12px;background-color: #f3f3f3;padding: 4px 10px;border-radius: 4px;}





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



/*--------ヘッダー--------*/
header{display: block;position: fixed;z-index: 2;width: 100%;box-sizing: border-box;background-color: #fff;}
header section{display: block;}
header section>div{width: 1200px;margin: auto;height: 130px;display: flex;justify-content: space-between;align-items: center;font-family: "Noto Sans", sans-serif;}
header div h1{font-size: 24px;display: flex;align-items:flex-end;font-weight: normal;}
header div h1 a{color: #666;text-decoration: none;display: flex;align-items: center;}
header div h1 a figure{display: block;margin-right: 15px;}
header div h1 a figure img{display: block;width: 115px;height: auto;}
header div h1 a span{display: block;line-height: 1.4;font-size: 16px;}
header div h1 a span b{display: block;font-size: 24px;color: #333;font-weight: 500;}


header div ul{display: flex;align-items: center;}
header div ul::before{position: relative;display: block;bottom: -10px;}
header div ul li{margin-left: 15px;}
header div ul li:nth-of-type(1){display: flex;flex-direction: column;align-items: flex-end;}
header div ul li:nth-of-type(1) a{font-size: 24px;color: #666;text-decoration: none;display: flex;align-items: flex-end;line-height: normal;}
header div ul li:nth-of-type(1) a::before{content: "\260E";margin-right: 4px;font-size: 22px;}
header div ul li:nth-of-type(1) address{display: block;font-style: normal;margin-top: 3px;}
header div ul li:nth-of-type(2){margin-left: 20px;}
header div ul li:nth-of-type(2) a{color: #666;text-decoration: none;font-size: 18px;display: flex;align-items: center;width: 220px;height: 50px;border-radius: 4px;justify-content: center;border: 2px solid #ddd;}
header div ul li:nth-of-type(2) a::before{content: "\25B8";color: #ccc;margin-right: 5px;}



header .pcnav{border-top: 1px solid #0971A1;height: 78px;background-image: url(images/nav_bg.jpg);position: relative;border-bottom: 4px solid #004C66;}
header .pcnav ul{display: flex;width: 1200px;margin: auto;height: 100%;justify-content: space-between;align-items: center;position: relative;}
header .pcnav ul li{height: 100%;display: flex;align-items: center;width: 100%;justify-content: center;position: relative;}
header .pcnav ul li::before{content: "";position: absolute;border-right: 1px solid rgba(255,255,255,0.1);right: 0;top: 0;height: 100%;}
header .pcnav ul li::after{content: "";position: absolute;border-right: 1px solid rgba(0,0,0,0.1);right: 1px;top: 0;height: 100%;}
header .pcnav ul::before{content: "";position: absolute;border-left: 1px solid rgba(255,255,255,0.1);left: 0;top: 0;height: 100%;}
header .pcnav ul::after{content: "";position: absolute;border-left: 1px solid rgba(0,0,0,0.1);left: -1px;top: 0;height: 100%;}
header .pcnav ul li a{color: #fff;font-size: 20px;text-decoration: none;letter-spacing: 5px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-family: "Noto Sans", sans-serif;}






/*--------フッダー--------*/
footer{background-image: url(images/fbg.jpg);background-position: center;background-size: cover;position: relative;font-family: "Noto Sans", sans-serif;}
footer section{width: 1200px;margin: auto;position: relative;box-sizing: border-box;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);padding-bottom: 50px;}
footer section>ul{position: relative;display: flex;justify-content: center;align-items: center;left: 50%;transform: translate(-50%,0);top: 25px;}
footer section>ul li{margin-left: 35px;}
footer section>ul li a{text-decoration: none;font-size: 13px;color: #fff;position: relative;}
footer section>ul li a::before{content: "";color: #fff;border-top: 1px solid #fff;width: 6px;position: absolute;left: -10px;top: 9px;}
footer section h1{position: relative;color: #fff;}
footer section h1 figure{width: 250px;height: 250px;background-color: #fff;border-radius: 300px;display: flex;align-items: flex-end;justify-content: center;top: -180px;position: relative;margin: auto;}
footer section h1 figure img{display: block;width: 115px;height: auto;margin-bottom: 35px;}
footer section h1 span{display: block;font-size: 16px;font-weight: 500;margin-top: -140px;text-align: center;}
footer section h1 small{text-align: center;font-size: 18px;margin-right: 3px;}
footer section h1 b{display: block;font-size: 22px;color: #fff;text-align: center;font-weight: 500;}
footer section h1+a{position: relative;color: #fff;text-decoration: none;font-size: 24px;left: 50%;transform: translate(-50%, 0);display: table;margin-top: 40px;}
footer section h1+a::before{content: "\260E";margin-right: 4px;font-size: 22px;}
footer section address{font-style: normal;color: #fff;display: block;text-align: center;}
footer>small{background-color: rgba(0,104,139,0.4);display:block;text-align: center;font-size: 10px;color: #fff;padding: 3px 0;box-sizing: border-box;}



.slide h2{font-size: 34px;position: absolute;z-index: 1;color: #004C66;text-align: center;font-weight: normal;left: 50%;line-height: 1.3;top: 120px;transform: translate(-50%,0);pointer-events: none;text-shadow: rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px;}
.slide h2 b{font-size: 50px;font-weight: normal;}
.slide h2 small{font-size: 11px;color: #004C66;display: table;background-color: rgba(255,255,255,0.5);text-shadow: none;font-weight: normal;padding: 4px 15px;margin-top: 15px;position: relative;left: 50%;transform: translate(-50%, 0px);}





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


.midashi{height: 240px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);background-image: url(images/midashi_bg.jpg);background-position: bottom center;background-size: cover;display: flex;align-items: center;justify-content: center;margin-bottom: -30px;}
.midashi h2{font-size: 30px;font-weight: bold;font-family: "Noto Sans", sans-serif;letter-spacing: 10px;color: #fff;text-align: center;margin-top: -75px;}
.midashi h2 small{font-size: 12px;font-weight: normal;display: block;font-family: "Noto Serif", serif;letter-spacing: 3px;}



h2.title1{font-size: 22px;color: #000;font-weight: normal;border-left: 3px solid #0085B2;padding-left: 25px;line-height: 2;letter-spacing: 5px;}
h2.title1:nth-of-type(2){margin-top: 80px;}
p.read{font-size: 22px;color: #000;text-align: center;}
.spbr{display: none;}

.anchor{padding-top:240px;margin-top:-240px;pointer-events:none;}	
	
	
.contents .temp1{margin-top: 100px;}
.temp1{background-image: url(images/works_bg.jpg);padding: 85px 0 50px;position: relative;z-index: 1;}
.temp1 h2{display: table;background-color: #fff;color: #2088b5;position: absolute;left: 50%;transform: translate(-50%, 0);top: -40px;padding: 20px 60px 20px 60px;letter-spacing:2px;font-weight: normal;font-size: 24px;}
.temp1  ul{display: flex;justify-content: space-between;align-items: flex-start;height: 120px;width: 1200px;margin: auto;}	
.temp1  ul li{width: 31%;height: 100%;}	
.temp1  ul li a{display: flex;align-items: center;text-decoration: none;color: #666;font-size: 22px;height: 100%;justify-content: center;border: 2px solid #ddd;border-radius: 6px;background-image: linear-gradient(0deg, #ededed, #ffffff);}
.temp1  ul li a figure{display: block;margin-right: 20px;}	
.temp1  ul li a figure img{width: 80px;height:auto;display:block;}
.temp1  ul li a b{display: block;font-weight: normal;}			
.temp1 ul li a b::after{content:"\25B8";margin-left:5px;color:#ccc;}
	
	


.contents .temp2{margin-top: 100px;}
.temp2{width: 1200px;margin: auto;margin-top: 100px;position: relative;z-index: 1;}
.temp2 h2{font-size: 26px;color: #000;font-weight: normal;text-align: center;letter-spacing: 5px;}
.temp2 h3{font-size: 22px;color: #FF8000;font-weight: 500;text-align: center;margin-top: 25px;}
.temp2 p{font-size: 18px;display: table;position: relative;left: 50%;transform: translate(-50%, 0px);margin-top: 10px;}
.temp2 p::before{content: "";border-top: 1px solid #ddd;width: 30px;top: 15px;position: absolute;left: -45px;}
.temp2 p::after{content: "";border-top: 1px solid #ddd;width: 30px;top: 15px;position: absolute;right: -45px;}
.temp2 img{display: block;margin: auto;margin-top: 30px;}
.temp2 ul{background-color: #FF8000;display: flex;align-items: center;justify-content: center;width: 700px;padding: 0px 50px;margin: auto;box-sizing: border-box;border-radius: 100px;}
.temp2 ul li{width: 100%;height: 100%;}
.temp2 ul li a{font-size: 17px;color: #fff;text-decoration: none;display: block;width: 100%;height: 100%;padding: 15px 0;}
.temp2 ul li a::before{content: "\25B8";color: #fff;margin-right: 2px;font-size: 13px;}



.temp3{width: 1200px;margin: auto;margin-top: 130px;position: relative;z-index: 1;}
.temp3::before{content: url(images/ten.png);position: absolute;left: 50%;transform: translate(-50%,0);top: -40px;}
.temp3 h2{font-size: 26px;color: #000;font-weight: normal;text-align: center;letter-spacing: 5px;}
.temp3 ul{display: flex;justify-content: space-between;margin-top: 30px;}
.temp3 ul li{width: 580px;border: 1px solid #ddd;box-sizing: border-box;}
.temp3 ul li a{display: block;text-decoration: none;color: #666;display: flex;flex-wrap: wrap;align-items: flex-start;}
.temp3 ul li a>span{display: block;flex: 1;}
.temp3 ul li a h3{font-size: 22px;color: #0085B2;font-weight: normal;border-left: 2px solid #0085B2;padding-left: 15px;display: flex;align-items: center;line-height: 3;}
.temp3 ul li h3 span{display: inline-block;background-color: #0085B2;line-height: normal;color: #fff;font-size: 15px;padding: 2px 15px;border-radius: 100px;margin-left: 20px;}
.temp3 ul li a p{margin-top: 5px;margin-left: 20px;font-size: 15px;}
.temp3 ul li a figure{flex: 0 0 150px;margin-left: 20px;margin-bottom: -21px;position: relative;z-index: 1;}
.temp3 ul li a figure img{display: block;width: 100%;height: auto;}
.temp3 ul li a small{width: 100%;background-color: #F3F3F3;color: #BABABA;font-size: 10px;height: 20px;display: flex;align-items: center;padding-left: 20px;}





/*--------トッページ--------*/
.top .s1{width: 1200px;margin:auto;position: relative;margin-top: 50px;padding-bottom: 80px;}
.top .s1>img{position: absolute;right: 0;top: -150px;pointer-events: none;}
.top .s1 h2{font-size: 25px;font-weight: normal;color: #000;letter-spacing: -1px;}
.top .s1 ul{margin-top: 25px;display: flex;align-items: center;}
.top .s1 ul li{background-color: #0085B2;line-height: normal;color: #fff;font-size: 20px;padding: 12px 30px;border-radius: 4px;margin-right: 10px;letter-spacing: 1px;font-weight: normal;}


	
	

.top .s2{width: 1200px;margin: auto;margin-top: 100px;}
.top .s2 .topics{display: flex;justify-content: space-between;}
.top .s2 .topics div{width: 580px;background-color: #F3F3F3;padding-bottom: 30px;}
.top .s2 h3{font-size: 18px;padding: 0px 30px 10px 30px;font-weight: normal;background-color: #fff;display: table;position: relative;top: -15px;color: #000;}
.top .s2 ul{margin: 30px;margin-top: 20px;}
.top .s2 ul li{border-bottom: 1px dotted #ddd;padding-bottom: 15px;margin-bottom: 15px;}
.top .s2 ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.top .s2 ul li a{display: flex;align-items: center;text-decoration: none;color: #666;}
.top .s2 ul li a time{font-size: 13px;width: 80px;}
.top .s2 ul li a p{display: block;}
.top .s2 .topics div>a{font-size: 14px;text-decoration: none;color: #666;margin-left: 30px;}
.top .s2 .topics div>a::before{content:"\25B8";margin-right: 3px;color: #ccc;}




/*--------事業内容--------*/
.service .s1{width: 1200px;margin: auto;}
.service .s1 ul.mss{margin-top: -60px;}
.service .s1 ul.mss li{margin-top: 60px;position: relative;}
.service .s1 ul.mss li .img{display: block;position: relative;}
.service .s1 ul.mss li .img img{display: block;width: 100%;height: auto;}
.service .s1 ul.mss li .box{position: absolute;right: 0;left: auto;background-color: #fff;bottom: 0;padding: 40px 0 0 40px;}
.service .s1 ul.mss li .box h3{font-size: 16px;font-weight: normal;white-space: nowrap;}
.service .s1 ul.mss li .box span{background-color: #0085B2;color: #fff;border-radius: 100px;font-size: 16px;letter-spacing: -1px;padding: 2px 10px;margin-top: 20px;display: table;}
.service .s1 ul.mss li .box h2{font-size: 36px;color: #0085B2;font-weight: normal;}
.service .s1 ul.mss li .box small{color: #bbb;font-size: 11px;display: block;}
.service .s1 ul.mss li p{margin-top: 30px;}

	
.service .s1 ul.sss{display: flex;justify-content: space-between;margin-top: 50px;}
.service .s1 ul.sss li{width: 560px;position:relative;}
.service .s1 ul.sss li:first-child::before{content:"";position:absolute;border-left:1px dotted #ccc;height:100%;right: -40px;}
.service .s1 ul.sss li h2{font-size: 26px;color: #0085B2;font-weight: normal;margin-bottom: 10px;}	
	
	
/*--------実績紹介--------*/
.works_index .s1{width: 1200px;margin: auto;}
.works_index .s1 ul{display: flex;justify-content: space-between;align-items: flex-start;height: 120px;margin-top: 50px;}	
.works_index .s1 ul li{width: 31%;height: 100%;}	
.works_index .s1 ul li a{display: flex;align-items: center;text-decoration: none;color: #666;font-size: 22px;height: 100%;justify-content: center;border: 2px solid #ddd;border-radius: 6px;background-image: linear-gradient(0deg, #ededed, #ffffff);}
.works_index .s1 ul li a figure{display: block;margin-right: 20px;}	
.works_index .s1 ul li a figure img{width: 80px;height:auto;display:block;}
.works_index .s1 ul li a b{display: block;font-weight: normal;}	
.works_index .s1 ul li a b::after{content:"\25B8";margin-left:5px;color:#ccc;}	
	
.works .s1{width: 1200px;margin: auto;}
.works .s1 h2{display:table;position:relative;left:50%;transform:translate(-50%,0);font-size: 24px;font-weight: normal;letter-spacing: 2px;margin-bottom: 20px;}
.works .s1 h2::before{content:"";position:absolute;border-top:1px solid #ccc;width: 25px;top: 18px;right: -35px;}
.works .s1 h2::after{content:"";position:absolute;border-top:1px solid #ccc;width: 25px;top: 18px;left: -35px;}	
.works .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ddd;box-sizing:border-box;position:relative;}
.works .s1 table th{box-sizing: border-box;padding: 12px 0;background-color: #1262aa;color: #fff;text-align: center;font-weight:normal;}
.works .s1 table td{border: 1px solid #ddd;box-sizing: border-box;padding: 12px 20px;vertical-align: top;}
.works .s1 small{font-size:14px;display:block;text-align:right;padding:3px 0;}

/*--------実績紹介詳細--------*/
.works_detail .s1{width: 1200px;margin: auto;}
.works_detail .s1 h2{display:table;position:relative;left:50%;transform:translate(-50%,0);font-size: 24px;font-weight: normal;letter-spacing: 2px;margin-bottom: 20px;}
.works_detail .s1 h2::before{content:"";position:absolute;border-top:1px solid #ccc;width: 25px;top: 18px;right: -35px;}
.works_detail .s1 h2::after{content:"";position:absolute;border-top:1px solid #ccc;width: 25px;top: 18px;left: -35px;}	
.works_detail .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ddd;box-sizing:border-box;}
.works_detail .s1 table th{box-sizing: border-box;padding: 12px 0;background-color: #1262aa;color: #fff;text-align: center;font-weight:normal;}
.works_detail .s1 table td{border: 1px solid #ddd;box-sizing: border-box;padding: 12px 20px;vertical-align: top;}



/*--------求人案内--------*/
.recruit .s1{width: 1200px;margin: auto;}

.recruit .snavi{position: relative;width: 800px;margin: auto;margin-top: 30px;}
.recruit .snavi img{display: block;width:260px;height: auto;position: absolute;right: -20px;bottom: 60px;}
.recruit .snavi ul{width: 100%;display: flex;height: 60px;justify-content: center;align-items: center;margin: auto;border: 5px solid #FFE599;border-radius: 10px;position: relative;background-color: #fff;}
.recruit .snavi ul li{display: flex;width: 100%;height: 100%;}
.recruit .snavi ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;font-size: 18px;font-weight: normal;text-decoration: none;color: #666;}
.recruit .snavi ul li a::before{content: "\25B8";color: #ccc;}
.recruit .snavi ul li a.hover{background-color: #FFF5D9;}
.recruit .scon{margin-top: 70px;}



.recruit.p1 .s1 .scon figure{display: block;}
.recruit.p1 .s1 .scon figure img{display: block;width: 100%;height: auto;}
.recruit.p1 .s1 .scon b{position: relative;display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;padding: 30px 60px 0;top: -40px;font-size: 26px;color: #000;letter-spacing: 5px;font-weight: normal;}
.recruit.p1 .s1 .scon p{text-align: center;line-height: 2;position: relative;padding-top: 10px;margin-bottom: 70px;}
.recruit.p1 .s1 .scon table{width: 100%;border-collapse: collapse;border: 3px solid #ccc;margin-top: 30px;}
.recruit.p1 .s1 .scon table th{background-color: #f7f7f7;border-bottom: 1px solid #ddd;padding: 10px 40px;font-weight: normal;text-align: left;white-space: nowrap;}
.recruit.p1 .s1 .scon table td{border-bottom: 1px solid #ddd;padding: 10px 40px;}



.recruit.p2 .s1 .scon ul{display: flex;flex-wrap: wrap;width: 1200px;margin: auto;margin-top: -30px;}
.recruit.p2 .s1 .scon ul li{width: 33%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;margin-top: 70px;}
.recruit.p2 .s1 .scon ul li img{display: block;}
.recruit.p2 .s1 .scon ul li div{margin-top: -15px;}
.recruit.p2 .s1 .scon ul li div span{font-size: 60px;color: #00A3D8;font-weight: normal;}
.recruit.p2 .s1 .scon ul li div small{font-size: 30px;margin: 0 4px;}
.recruit.p2 .s1 .scon ul li span.women{color: #FF9999;margin-left: 20px;}
.recruit.p2 .s1 .scon ul li b{font-size: 22px;color: #000;font-weight: normal;display: block;margin-top: -10px;letter-spacing: 3px;}
.recruit.p2 .s1 .scon ul li small.att{font-size: 13px;text-align: center;display: block;margin-top: 10px;line-height: 1.4;}


.recruit.p3 .s1 .scon .box{background-color: #F7F7F7;position: relative;display: flex;justify-content: space-between;margin-top: 150px;}
.recruit.p3 .s1 .scon .status{padding: 30px 40px;}
.recruit.p3 .s1 .scon .box .name{display: flex;align-items: center;}
.recruit.p3 .s1 .scon .box .name span{background-color: #0085B2;position: absolute;left: 0;top: -44px;color: #fff;font-size: 18px;padding: 0px 25px;display: flex;align-items: center;justify-content: center;height: 44px;}
.recruit.p3 .s1 .scon .box .name time{font-size: 14px;padding:3px 15px;background-color: #fff;}
.recruit.p3 .s1 .scon .box .name b{font-size: 32px;font-weight: normal;margin-left: 20px;}
.recruit.p3 .s1 .scon .box .name small{font-size: 12px;letter-spacing: 5px;margin-left: 20px;}
.recruit.p3 .s1 .scon .box .word{display: block;}
.recruit.p3 .s1 .scon .box .word h3{font-size: 18px;color: #0085B2;font-weight: normal;letter-spacing: 3px;border-left: 1px solid #0085B2;padding-left: 15px;line-height: 2;margin-top: 50px;}
.recruit.p3 .s1 .scon .box .word p{margin-top: 15px;}
.recruit.p3 .s1 .scon .box .picflow{flex: 0 0 400px;background-color: #0085B2;}
.recruit.p3 .s1 .scon .box .picflow figure{display: block;}
.recruit.p3 .s1 .scon .box .picflow figure img{display: block;width: 100%;height: auto;}
.recruit.p3 .s1 .scon .box .timeline{color: #fff;padding: 30px;}
.recruit.p3 .s1 .scon .box .timeline h4{font-size: 18px;font-weight: normal;display: table;position: relative;left: 50%;transform: translate(-50%,0);}
.recruit.p3 .s1 .scon .box .timeline h4::before{content:"";border-top: 1px solid rgba(255,255,255,0.3);width: 20px;top: 15px;left: -35px;position: absolute;}
.recruit.p3 .s1 .scon .box .timeline h4::after{content:"";border-top: 1px solid rgba(255,255,255,0.3);width: 20px;top: 15px;right: -35px;position: absolute;}
.recruit.p3 .s1 .scon .box .timeline ul{margin-top: 30px;font-size: 15px;}
.recruit.p3 .s1 .scon .box .timeline ul li{border-bottom: 1px dotted rgba(255,255,255,0.3);padding: 10px 0;display: flex;align-items: flex-start;}
.recruit.p3 .s1 .scon .box .timeline ul li:last-child{border-bottom: none;}
.recruit.p3 .s1 .scon .box .timeline ul li time{width: 110px;}



.recruit.p4 .s1 .scon img{display: block;width: 100%;height: auto;}
.recruit.p4 .s1 .scon small{display: block;text-align: center;font-size: 13px;margin-top: 25px;}




/*--------企業情報--------*/
.company .s1{width: 1200px;margin: auto;}
.company .s1 figure{display: block;margin-top: 60px;}
.company .s1 figure img{display: block;width: 100%;height: auto;}
.company .s1 p.com{font-size: 17px;line-height: 2;width: 90%;background-color: #fff;position: relative;top: -50px;padding: 30px 0 0 50px;margin: 0 0 0 auto;}




.company .s2{width: 1200px;margin: auto;margin-top: 80px;}
.company .s2 table{width: 100%;border-collapse: collapse;margin-top: 30px;}
.company .s2 table th{border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 10px 0;width: 140px;text-align: left;font-weight: normal;vertical-align: top;}
.company .s2 table td{border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 10px 0;}
.company .s2 table td a{text-decoration: none;color: #666;}





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



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


/*--------関連リンク--------*/
.links .s1{width: 1200px;margin: auto;margin-top: 40px;}
.links .s1>ul{}
.links .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 15px;}
.links .s1>ul>li:first-child{padding-left: 0px;}
.links .s1 ul li a{text-decoration: none;color: #666;}
.links .s1>ul>li a::before{content: "\25B8";font-size: 13px;margin-right: 6px;color: #ccc;}
.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;}
.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;}
.post .s1 .container{margin-bottom:100px;}
.post .s1 .container:last-child {margin-bottom:60px;}
	


/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 17px;margin-bottom: 25px;color: #000;padding: 12px 25px;display: flex;border: 1px solid #ddd;border-radius: 3px;font-weight: normal;}
.post .container>h3::before{content: url(images/ec.png);margin-right: 10px;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -20px;margin-bottom: -5px;font-size: 12px;text-align: right;}

	
.post .s1 .container>.inner h1{font-size: 20px;font-weight: bold;color: #666;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: bold;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: normal;color: #666;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;}		
	
table.contact {border-collapse: collapse;width: 100%;margin: 50px auto 0;background-color: #fff;border: 1px solid #ddd;}
table.contact th {padding: 10px;width: 250px;background-color: #f5f5f5;border: 1px solid #ddd;font-weight:normal;}
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: 'Noto serif', 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;margin:10px;border: none;background-color: #2088b5;color: #fff;border-radius: 3px;letter-spacing: 2px;font-family: 'Noto serif', 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: #666;font-size: 16px;line-height: 1.6;font-weight: normal;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;position: fixed;z-index: 2;width: 100%;box-sizing: border-box;background-color: #fff;}
header section{display: block;}
header section>div{width: 100%;margin: auto;height: 70px;display: flex;align-items: center;font-family: "Noto Sans", sans-serif;}
header div h1{font-size: 24px;display: flex;align-items:flex-end;font-weight: normal;margin-left: 15px;}
header div h1 a{color: #666;text-decoration: none;display: flex;align-items: center;}
header div h1 a figure{display: block;margin-right: 5px;}
header div h1 a figure img{display: block;width: 60px;height: auto;}
header div h1 a span{display: block;line-height: 1.4;font-size: 13px;letter-spacing: -1px;}
header div h1 a span b{display: block;font-size: 14px;color: #333;font-weight: 500;letter-spacing: -2px;}

header section>div>ul{display: none;}
header .pcnav{display: none;}







/*--------フッダー--------*/
footer{background-image: url(images/fbg.jpg);background-position: center;background-size: cover;position: relative;font-family: "Noto Sans", sans-serif;margin-bottom: 55px;}
footer section{width: 100%;margin: auto;position: relative;box-sizing: border-box;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);padding-bottom: 30px;}
footer section>ul{display: none;}
footer section h1{position: relative;color: #fff;}
footer section h1 figure{width: 150px;height: 150px;background-color: #fff;border-radius: 200px;display: flex;align-items: flex-end;justify-content: center;top: -110px;position: relative;margin: auto;}
footer section h1 figure img{display: block;width: 75px;height: auto;margin-bottom: 25px;}
footer section h1 span{display: block;font-size: 15px;font-weight: 500;margin-top: -90px;text-align: center;letter-spacing: -1px;}
footer section h1 small{text-align: center;font-size: 13px;margin-right: 3px;}
footer section h1 b{display: block;font-size: 20px;color: #fff;text-align: center;font-weight: 500;}
footer section h1+a{position: relative;color: #fff;text-decoration: none;font-size: 20px;left: 50%;transform: translate(-50%, 0);display: table;margin-top: 15px;}
footer section h1+a::before{content: "\260E";margin-right: 4px;font-size: 22px;}
footer section address{font-style: normal;color: #fff;display: block;text-align: center;}
footer>small{background-color: rgba(0,104,139,0.4);display:block;text-align: center;font-size: 10px;color: #fff;padding: 3px 0;box-sizing: border-box;}





.slide h2{width: 90%;font-size: 18px;position: absolute;z-index: 1;color: #004C66;text-align: center;font-weight: normal;left: 50%;line-height: 1.3;top: 180px;transform: translate(-50%,0);pointer-events: none;text-shadow: rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px,rgb(255,255,255,0.5) 0px 0px 5px;}
.slide h2 b{font-size: 30px;font-weight: normal;}
.slide h2 small{font-size: 9px;color: #004C66;display: table;background-color: rgba(255,255,255,0.5);text-shadow: none;font-weight: normal;padding: 4px 15px;margin-top: 15px;position: relative;left: 50%;transform: translate(-50%, 0px);}








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


.midashi{height: 150px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);background-image: url(images/midashi_bg.jpg);background-position: bottom center;background-size: cover;display: flex;align-items: center;justify-content: center;margin-bottom: -20px;}
.midashi h2{font-size: 20px;font-weight: bold;font-family: "Noto Sans", sans-serif;letter-spacing: 10px;color: #fff;text-align: center;margin-top: -50px;}
.midashi h2 small{font-size: 10px;font-weight: normal;display: block;font-family: "Noto Serif", serif;letter-spacing: 3px;}




h2.title1{font-size: 20px;color: #000;font-weight: normal;border-left: 3px solid #0085B2;padding-left: 20px;line-height: 2;letter-spacing: 5px;}
h2.title1:nth-of-type(2){margin-top: 70px;}
p.read{font-size: 18px;color: #000;text-align: center;}
.spbr{display: block;}

.anchor{padding-top:100px;margin-top:-100px;pointer-events:none;}		
	
.contents .temp1{margin-top: 80px;}
.temp1{background-image: url(images/works_bg.jpg);padding: 45px 0 20px;position: relative;z-index: 1;}
.temp1 h2{display: table;background-color: #fff;color: #2088b5;position: absolute;left: 50%;transform: translate(-50%, 0);top: -25px;padding: 10px 30px 10px 30px;letter-spacing:2px;font-size: 18px;font-weight:normal;}
.temp1  ul{display: flex;justify-content: space-between;align-items: flex-start;height: 100px;width: 90%;margin: auto;}	
.temp1  ul li{width: 31%;height: 100%;}	
.temp1  ul li a{display: flex;align-items: center;text-decoration: none;color: #666;font-size: 16px;flex-direction: column;height: 100%;justify-content: center;border: 2px solid #ddd;border-radius: 6px;background-image: linear-gradient(0deg, #ededed, #ffffff);box-sizing: border-box;}
.temp1  ul li a figure{display: block;margin-bottom: 5px;}	
.temp1  ul li a figure img{width: 45px;height:auto;display:block;}
.temp1  ul li a b{display: block;font-weight: normal;}			
.temp1 ul li a b::after{content:"\25B8";margin-left:5px;color:#ccc;}




.contents .temp2{margin-top: 80px;}
.temp2{width: 90%;margin: auto;margin-top: 80px;position: relative;z-index: 1;}
.temp2 h2{font-size: 22px;color: #000;font-weight: normal;text-align: center;letter-spacing: 5px;}
.temp2 h3{font-size: 18px;color: #FF8000;font-weight: 500;margin-top: 20px;}
.temp2 p{font-size: 16px;display: table;position: relative;left: 50%;transform: translate(-50%, 0px);margin-top: 5px;}
.temp2 img{display: block;margin: auto;margin-top: 25px;width: 90%;}
.temp2 ul{background-color: #FF8000;display: flex;align-items: center;justify-content: center;width: 100%;padding: 10px 10px;margin: auto;box-sizing: border-box;border-radius: 5px;flex-wrap: wrap;}
.temp2 ul li{width: 50%;}
.temp2 ul li a{font-size: 16px;color: #fff;text-decoration: none;display: block;width: 100%;height: 100%;padding: 3px 0;letter-spacing: -1px;text-align: center;}
.temp2 ul li a::before{content: "\25B8";color: #fff;margin-right: 3px;font-size: 13px;}



.temp3{width: 90%;margin: auto;margin-top: 110px;position: relative;z-index: 1;}
.temp3::before{content: url(images/ten.png);position: absolute;left: 50%;transform: translate(-50%,0);top: -40px;}
.temp3 h2{font-size: 22px;color: #000;font-weight: normal;text-align: center;letter-spacing: 5px;}
.temp3 ul{display: flex;justify-content: space-between;margin-top: 30px;flex-direction: column;}
.temp3 ul li{width: 100%;border: 1px solid #ddd;box-sizing: border-box;}
.temp3 ul li:nth-of-type(2){margin-top: 25px;}
.temp3 ul li a{display: block;text-decoration: none;color: #666;display: flex;flex-direction: column;}
.temp3 ul li a>span{display: block;flex: 1;order: 2;padding-bottom: 10px;}
.temp3 ul li a h3{font-size: 18px;color: #0085B2;font-weight: normal;border-left: 2px solid #0085B2;padding-left: 10px;display: flex;align-items: center;line-height: 3;}
.temp3 ul li h3 span{display: inline-block;background-color: #0085B2;line-height: normal;color: #fff;font-size: 13px;padding: 3px 12px;border-radius: 100px;margin-left: 15px;}
.temp3 ul li a p{margin-top: 5px;margin-left: 20px;font-size: 15px;}
.temp3 ul li a figure{position: relative;z-index: 1;order: 1;}
.temp3 ul li a figure img{display: block;width: 100%;height: auto;}
.temp3 ul li a small{width: 100%;background-color: #F3F3F3;color: #BABABA;font-size: 10px;height: 20px;display: flex;align-items: center;padding-left: 20px;order: 3;box-sizing: border-box;}








/*--------トッページ--------*/
.top .s1{width: 90%;margin:auto;position: relative;margin-top: 35px;padding-bottom: 35px;}
.top .s1>img{position: absolute;right: 0px;top: -238px;pointer-events: none;width: 250px;}
.top .s1 h2{font-size: 20px;font-weight: normal;color: #000;letter-spacing: -1px;}
.top .s1 h2 br{display: none;}
.top .s1 ul{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
.top .s1 ul li{line-height: normal;color: #0085B2;font-size: 17px;padding: 10px 10px;border-radius: 4px;letter-spacing: 0px;border: 2px solid #0085B2;font-weight: normal;box-sizing: border-box;margin:0 1%;}



.top .s2{width: 90%;margin: auto;margin-top: 80px;}
.top .s2 .topics{display: flex;flex-direction: column;}
.top .s2 .topics div{width: 100%;background-color: #F3F3F3;padding-bottom: 30px;}
.top .s2 .topics div:nth-of-type(2){margin-top: 60px;}
.top .s2 h3{font-size: 17px;padding: 0px 30px 10px 30px;font-weight: normal;background-color: #fff;display: table;position: relative;top: -15px;color: #000;}
.top .s2 ul{margin: 20px;margin-top: 15px;}
.top .s2 ul li{border-bottom: 1px dotted #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.top .s2 ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.top .s2 ul li a{display: flex;text-decoration: none;color: #666;flex-direction: column;}
.top .s2 ul li a time{font-size: 12px;}
.top .s2 ul li a p{display: block;font-size: 15px;margin-top: 5px;}
.top .s2 .topics div>a{font-size: 14px;text-decoration: none;color: #666;margin-left: 30px;}
.top .s2 .topics div>a::before{content:"\25B8";margin-right: 3px;color: #ccc;}










/*--------事業内容--------*/
.service .s1{width: 90%;margin: auto;}
.service .s1 ul.mss{margin-top: -60px;width: 111%;margin-left: -5.55%;}
.service .s1 ul.mss li{margin-top: 60px;position: relative;}
.service .s1 ul.mss li .img{display: block;position: relative;}
.service .s1 ul.mss li .img img{display: block;width: 100%;height: auto;}
.service .s1 ul.mss li .box{position: relative;margin: 0 0 0 auto;background-color: #fff;top: -40px;padding: 30px 10px 0 30px;width: 75%;}
.service .s1 ul.mss li .box h3{font-size: 14px;font-weight: normal;}
.service .s1 ul.mss li .box span{background-color: #0085B2;color: #fff;border-radius: 100px;font-size: 14px;letter-spacing: -1px;padding: 2px 10px;margin-top: 12px;display: table;}
.service .s1 ul.mss li .box h2{font-size: 26px;color: #0085B2;font-weight: normal;}
.service .s1 ul.mss li .box small{color: #bbb;font-size: 11px;display: block;}
.service .s1 ul.mss li p{width: 90%;margin: auto;margin-top: -15px;}


.service .s1 ul.sss{margin: auto;margin-top: 40px;border-top:1px solid #ccc;}
.service .s1 ul.sss li{position:relative;margin-top: 30px;}
.service .s1 ul.sss li h2{font-size: 22px;color: #0085B2;font-weight: normal;margin-bottom: 10px;}	
	
	


/*--------実績紹介--------*/
.works_index .s1{width: 90%;margin: auto;}
.works_index .s1 ul{display: flex;justify-content: space-between;align-items: flex-start;height: 100px;margin-top: 20px;}	
.works_index .s1 ul li{width: 31%;height: 100%;}	
.works_index .s1 ul li a{display: flex;align-items: center;text-decoration: none;color: #666;flex-direction: column;font-size: 16px;height: 100%;justify-content: center;border: 2px solid #ddd;border-radius: 6px;background-image: linear-gradient(0deg, #ededed, #ffffff);}
.works_index .s1 ul li a figure{display: block;margin-bottom: 5px;}	
.works_index .s1 ul li a figure img{width: 45px;height:auto;display:block;}
.works_index .s1 ul li a b{display: block;font-weight: normal;}	
.works_index .s1 ul li a b::after{content:"\25B8";margin-left:5px;color:#ccc;}		

	
.works .s1{width: 90%;margin: auto;}
.works .s1 h2{display:table;position:relative;left:50%;transform:translate(-50%,0);font-size: 19px;font-weight: normal;letter-spacing: 2px;margin-bottom: 20px;}	
.works .s1 h2::before{content:"";position:absolute;border-top:1px solid #ccc;width: 20px;top: 15px;right: -35px;}
.works .s1 h2::after{content:"";position:absolute;border-top:1px solid #ccc;width: 20px;top: 15px;left: -35px;}
.works .s1 div{overflow-x: scroll;}	
.works .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ddd;box-sizing: border-box;white-space: nowrap;position:relative;}
.works .s1 table th{box-sizing: border-box;padding: 10px 0;background-color: #1262aa;color: #fff;text-align: center;font-weight: normal;}
.works .s1 table td{border: 1px solid #ddd;box-sizing: border-box;padding: 10px 15px;vertical-align: top;}
.works .s1 small{font-size:13px;display:block;text-align:right;padding:3px 0;}

/*--------実績紹介詳細--------*/
.works_detail .s1{width: 90%;margin: auto;}
.works_detail .s1 h2{display:table;position:relative;left:50%;transform:translate(-50%,0);font-size: 19px;font-weight: normal;letter-spacing: 2px;margin-bottom: 20px;}
.works_detail .s1 h2::before{content:"";position:absolute;border-top:1px solid #ccc;width: 20px;top: 15px;right: -35px;}
.works_detail .s1 h2::after{content:"";position:absolute;border-top:1px solid #ccc;width: 20px;top: 15px;left: -35px;}
.works_detail .s1 div{overflow-x: scroll;}	
.works_detail .s1 table{width: 100%;border-collapse: collapse;border: 3px solid #ddd;box-sizing: border-box;white-space: nowrap;}	
.works_detail .s1 table th{box-sizing: border-box;padding: 10px 0;background-color: #1262aa;color: #fff;text-align: center;font-weight: normal;}
.works_detail .s1 table td{border: 1px solid #ddd;box-sizing: border-box;padding: 10px 15px;vertical-align: top;}



/*--------求人案内--------*/
.recruit .s1{width: 90%;margin: auto;}

.recruit .snavi{position: relative;width: 100%;margin: auto;margin-top: 30px;}
.recruit .snavi img{display: block;width: 200px;height: auto;position: absolute;right: -15px;bottom: 50px;}
.recruit .snavi ul{width: 100%;display: flex;justify-content: center;align-items: center;margin: auto;border: 3px solid #FFE599;border-radius: 6px;position: relative;background-color: #fff;flex-wrap: wrap;box-sizing: border-box;}
.recruit .snavi ul li{display: flex;width: 50%;height: 100%;}
.recruit .snavi ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;font-size: 15px;font-weight: normal;text-decoration: none;color: #666;padding: 3px 0;}
.recruit .snavi ul li a::before{content: "\25B8";color: #ccc;}
.recruit .snavi ul li a.hover{background-color: #FFF5D9;}
.recruit .scon{margin-top: 40px;}



.recruit.p1 .s1 .scon figure{display: block;width: 111%;margin-left: -5.55%;}
.recruit.p1 .s1 .scon figure img{display: block;width: 100%;height: auto;}
.recruit.p1 .s1 .scon b{position: relative;display: table;left: 50%;transform: translate(-50%,0);background-color: #fff;padding: 25px 30px 0;top: -40px;font-size: 22px;color: #000;letter-spacing: 5px;font-weight: normal;text-align: center;}
.recruit.p1 .s1 .scon p{position: relative;padding-top: 10px;margin-bottom: 70px;margin-top: -15px;}
.recruit.p1 .s1 .scon table{width: 100%;border-collapse: collapse;border: 3px solid #ccc;margin-top: 30px;}
.recruit.p1 .s1 .scon table th{background-color: #f7f7f7;padding: 10px 25px;font-weight: normal;text-align: left;white-space: nowrap;display: block;width: 100%;box-sizing: border-box;}
.recruit.p1 .s1 .scon table td{border-bottom: 1px solid #ddd;padding: 10px 25px;display: block;width: 100%;box-sizing: border-box;}



.recruit.p2 .s1 .scon ul{display: flex;flex-wrap: wrap;width: 100%;margin: auto;margin-top: -50px;justify-content: space-between;}
.recruit.p2 .s1 .scon ul li{width: 47%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;margin-top: 70px;}
.recruit.p2 .s1 .scon ul li img{display: block;width: 100%;height: auto;}
.recruit.p2 .s1 .scon ul li div{margin-top: -5px;}
.recruit.p2 .s1 .scon ul li div span{font-size: 34px;color: #00A3D8;font-weight: normal;}
.recruit.p2 .s1 .scon ul li div small{font-size: 16px;margin: 0 4px;}
.recruit.p2 .s1 .scon ul li span.women{color: #FF9999;margin-left: 5px;}
.recruit.p2 .s1 .scon ul li b{font-size: 17px;color: #000;font-weight: normal;display: block;margin-top: -5px;letter-spacing: 3px;text-align: center;}
.recruit.p2 .s1 .scon ul li small.att{font-size: 13px;text-align: center;display: block;margin-top: 10px;line-height: 1.4;}



.recruit.p3 .s1 .scon .box{background-color: #F7F7F7;position: relative;display: flex;justify-content: space-between;margin-top: 80px;flex-direction: column;}
.recruit.p3 .s1 .scon .status{padding: 25px;order: 2;}
.recruit.p3 .s1 .scon .box .name{display: flex;align-items: center;flex-direction: column;}
.recruit.p3 .s1 .scon .box .name span{background-color: #0085B2;position: absolute;left: 0;top: -44px;color: #fff;font-size: 18px;padding: 0px 25px;display: flex;align-items: center;justify-content: center;height: 44px;}
.recruit.p3 .s1 .scon .box .name time{font-size: 14px;padding:3px 15px;background-color: #fff;}
.recruit.p3 .s1 .scon .box .name b{font-size: 32px;font-weight: normal;letter-spacing: 2px;}
.recruit.p3 .s1 .scon .box .name small{font-size: 12px;letter-spacing: 5px;}
.recruit.p3 .s1 .scon .box .word{display: block;}
.recruit.p3 .s1 .scon .box .word h3{font-size: 18px;color: #0085B2;font-weight: normal;letter-spacing: 3px;border-left: 1px solid #0085B2;padding-left: 15px;line-height: 2;margin-top: 40px;}
.recruit.p3 .s1 .scon .box .word p{margin-top: 15px;font-size: 15px;}
.recruit.p3 .s1 .scon .box .picflow{background-color: #0085B2;order: 2;}
.recruit.p3 .s1 .scon .box .picflow figure{display: block;}
.recruit.p3 .s1 .scon .box .picflow figure img{display: block;width: 100%;height: auto;}
.recruit.p3 .s1 .scon .box .timeline{color: #fff;padding: 25px;}
.recruit.p3 .s1 .scon .box .timeline h4{font-size: 17px;font-weight: normal;display: table;position: relative;left: 50%;transform: translate(-50%,0);}
.recruit.p3 .s1 .scon .box .timeline h4::before{content:"";border-top: 1px solid rgba(255,255,255,0.3);width: 20px;top: 15px;left: -35px;position: absolute;}
.recruit.p3 .s1 .scon .box .timeline h4::after{content:"";border-top: 1px solid rgba(255,255,255,0.3);width: 20px;top: 15px;right: -35px;position: absolute;}
.recruit.p3 .s1 .scon .box .timeline ul{margin-top: 15px;font-size: 14px;}
.recruit.p3 .s1 .scon .box .timeline ul li{border-bottom: 1px dotted rgba(255,255,255,0.3);padding: 10px 0;display: flex;flex-direction: column;}
.recruit.p3 .s1 .scon .box .timeline ul li:last-child{border-bottom: none;}
.recruit.p3 .s1 .scon .box .timeline ul li time{display: block;margin-bottom: 2px;font-size: 13px;}


.recruit.p4 .s1 .scon img{display: block;width: 100%;height: auto;}
.recruit.p4 .s1 .scon small{display: block;text-align: center;font-size: 12px;margin-top: 20px;}






/*--------企業情報--------*/
.company .s1{width: 100%;margin: auto;}
.company .s1 figure{display: block;margin-top: 30px;}
.company .s1 figure img{display: block;width: 100%;height: auto;}
.company .s1 p.com{line-height: 2;width: 90%;background-color: #fff;position: relative;top: -70px;padding: 30px 10px 0 30px;margin: 0 0 0 auto;box-sizing: border-box;}

.company .s2{width: 90%;margin: auto;margin-top: -20px;}
.company .s2 table{width: 100%;border-collapse: collapse;margin-top: 25px;}
.company .s2 table th{box-sizing: border-box;padding: 10px 0 0 0;width: 140px;text-align: left;font-weight: normal;display: block;width: 100%;}
.company .s2 table td{border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 5px 0 10px 0;display: block;width: 100%;}
.company .s2 table td a{text-decoration: none;color: #666;}



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



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


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




/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 90%;margin: auto;}
.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;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}




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







.post .s1 .container>.inner h1{font-size: 18px;font-weight: bold;color: #666;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: bold;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: normal;color: #666;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;}			
	
table.contact {border-collapse: collapse;width: 100%;margin-top: 30px;}
table.contact th {padding: 8px 0 0;display: block;text-align: left;font-weight:normal;}
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: 'Noto serif', 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 10px;width:inherit;border:inherit;background-color: #2088b5;color: #fff;border-radius: 3px;font-family: 'Noto serif', serif;letter-spacing: 2px}
table.contact td input[type=file]{border: 1px solid #fff;padding:10px 20px;}	
table.contact td.center{text-align:center;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;width:100% !important;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}
div.wpcf7-response-output {margin: 0px !important;}
.wpcf7 .ajax-loader {margin: 0;}

}