@charset "UTF-8";
.feature .txt01-2 {
	display:none;
}
.txtmain {
	font-size:16px;
}
.contents .top-obi {
	background-color: rgba(153,174,181,0.8);  
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	color: #FFF;
	margin-top: 700px;
	position: relative;
	z-index: 2;
}
.top-obi .top-obi-in {
	text-align: left;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
.contents .top-obi h1 {
	margin-bottom:20px;
	font-size: 150%;
	line-height: 160%;
}
.contents .top-obi p {
	font-size: 100%;
	line-height: 160%;
}
#top-cont {
	width: 100%;
	background-color: #FFF;
}
.top-cate {
	width: 100%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 95px;
}
.top-cate .cate4 {
	width: 23%;
	height:auto;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: center;
	overflow: hidden;
}
.top-cate .cate4 img {
  transition: 0.5s;
}
.top-cate .cate4 img:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.top-cate:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.top-cate .cate4 .ttl {
	font-weight: bold;
	font-size: 170%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.top-cate .cate4 .sub-ttl {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 5px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
.top-cate .cate4 p {
	font-size: 90%;
	margin-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
.plumbing {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: normal;
}
.color01 {
	color: #007C36;
}
.color02 {
	color: #94B200;
}
.color03 {
	color: #007B9B;
}
.color04 {
	color: #003D6D;
}


video {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
p.test {
  font-family: serif;         
  color: #fff;
  font-size: 400%;
  margin: 50px;
  position: relative;
  z-index: 2;
}
.company01-pc {
	background-color: #F4F6F7;
	width: 100%;
	text-align: center;
	background-image: url(../img/compback.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 70px;
}
.company01-pc .company-box1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.company01-pc .company-box1 p {
	margin-top: 15px;
	line-height: 200%;
	padding-right: 50px;
	padding-left: 50px;
}
.company1-in {
	width: 600px;
	margin-top: 60px;
	margin-bottom:0px;
	margin-left: 50px;
}
.company1-in .ttl-green {
	font-size: 140%;
	font-weight: bold;
	color: #007440;
	clear: both;
	margin-bottom: 15px;
}
.company1-in .comp-left {
	width: 220px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 0px;
}
.company1-in .comp-left p {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	letter-spacing: 0em;
}
.company1-in .comp-right {
	width: 360px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 10px;
}
.company1-in .comp-left,.company1-in .comp-right {
	margin-bottom:20px;
}
.comp-right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.company1-in:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.tech05 {
	display:none;
}
.company02, .tech02 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.company03 {
	width: 1000px;
	margin:80px auto 50px auto;
	clear: both;
}
.company03-sp {
	display:none;
}
.blue-ttl {
	font-size: 180%;
	font-weight: bold;
	color: #08287F;
}
.blue-ttl-s {
	font-size: 140%;
	font-weight: bold;
	color: #08287F;
}
.seet {
	display:table;
}
.seet-left {
	width: 200px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #08287F;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	float: left;
	margin-top: 50px;
	color: #08287F;
	display:table-cell;
	line-height: 170%;
}
.seet-left2 {
	width: 200px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	float: left;
	margin-top: 50px;
	color: #08287F;
	display:table-cell;
	line-height: 170%;
}
.seet-right {
	float: left;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 15px;
	margin-top: 50px;
	display:table-cell;
}
.seet-right li {
	float: left;
	width: 30%;
	margin-left: 20px;
	font-size: 90%;
	margin-bottom: 10px;
}
.seet-right li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.seet-right2 {
	float: left;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 15px;
	margin-top: 50px;
	display:table-cell;
}
.seet-right2 li {
	float: left;
	width: 330px;
	margin-left: 20px;
	font-size: 90%;
	margin-bottom: 10px;
}
.seet-right2 li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.seet-right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.seet-right2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.seet-right p {
	padding-left:20px;
}
.tech01-pc {
	text-align: center;
	background-image: url(../img/tech02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 550px;
	margin-bottom: 100px;
}
.tech01-pc h1 {
	font-size: 140%;
	font-weight: bold;
	color: #08287F;
	letter-spacing: 0.2em;
	margin-top: 15px;
}
.tech01-pc p {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.tech01-pc .tech-in {
	text-align: left;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
.tech03 {
	background-color: #F4F6F7;
	margin-top: 100px;
}
.innnerbox {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.innnerbox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.innnerbox .tech03-left {
	float: left;
	width: 300px;
}
.innnerbox .tech03-right {
	float: right;
	width: 670px;
	padding-top: 80px;
}
.tech03-right p {
	margin-top: 15px;
}
.tech04 {
	background-color: #ECF3F7;
	margin-bottom: 100px;
}
.innnerbox .tech04-left {
	float: left;
	width: 670px;
	padding-top: 80px;
}
.innnerbox .tech04-right {
	float: right;
	width: 300px;
}
.tech04-left p {
	margin-top: 15px;
}
.contact {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.form1 {
	background-color: #F8F8F7;
	padding: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 750px;
}
.form2 {
	background-color: #F8F8F7;
	padding: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 300px;
}
.form3 {
	background-color: #F8F8F7;
	padding: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 750px;
	height: 200px;
}
.ibtn {
	margin-top:70px;
}
.contact-ttl-box {
	width: 100%;
	margin-top: 60px;
	text-align: center;
}
.contact-ttl-box p {
	margin-top:40px;
}
.factory01 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
.factory01:after,.factory02:after,.factory03:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.factory01 .factory-left {
	float: left;
	width: 450px;
}
.factory01 .factory-left h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 0.2em;
}
.factory01 .factory-right {
	float: right;
	height: 251px;
	width: 500px;
}
.factory02 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.factory02 .factory-box {
	width: 300px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	text-align: center;
}
.factory02 .factory-box p {
	margin-top: 5px;
}
.factory03 {
	background-color: #F7F8F8;
	width: 100%;
	margin-top: 100px;
	padding-top: 40px;
	padding-bottom: 50px;
}
.factory03 h2 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	width: 100%;
	letter-spacing: 0.2em;
}
.factory03 h3 {
	font-size: 100%;
	font-weight: lighter;
	text-align: center;
	width: 100%;
	letter-spacing: 0.2em;
	margin-top: 15px;
	margin-bottom: 35px;
}
.factory03 p {
	font-size: 100%;
	font-weight: lighter;
	text-align: center;
	width: 100%;
	letter-spacing: 0.2em;
	margin-top: 15px;
	margin-bottom: 35px;
}
.factory03 .fac-mini-ttl {
	font-size: 120%;
	font-weight: bold;
}
.factory03 .factory-inbox2 {
	width: 900px;
	margin-left: 50px;
}
.factory03 .factory-left2 {
	width: 400px;
}
.factory03 .factory-right2 {
	float: right;
	width: 455px;
}
.factory03 .table-l {
	width: 35%;
	padding-top: 5px;
	padding-bottom: 3px;
}
.factory03 .table-r {
	width: 15%;
	padding-top: 5px;
	padding-bottom: 3px;
}
.factory03 table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: 5px;
}
.factory03 .flash {
	float: left;
}
.factory03 #wrapper {
	float: left;
}

.factory04 {
	display:none;
}

.works-ttl {
	margin:25px 0;
}
.factory-B1 {
	width:1000px;
	margin:0 auto;
}
.factory-B1 img {
	width:100%;
}
.factory-B2 {
	width:1000px;
	margin:0 auto;
}
.factory-B2 img {
	width:50%;
}
.factory-B3 {
	width:1000px;
	margin:0 auto 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.factory-B3 img {
	width:32%;
	margin-right:1%;
	height:224px;
}*/
.factory-B3 .factory-inner {
	width:32.5%;
    margin: 0 0 12px 0;
}
.factory-B3 .factory-inner img {
	width:100%;
	height:auto;
}
.factory-B3-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 50px 0 0 0;
}
.factory-B3-2 .factory-inner {
    width: 24%;
    margin: 0 0 30px 0;
}
.factory-B3-2 .factory-inner img {
    width: 100%;
    height: auto;
}
.factory-B3-2 .factory-inner p span {
    font-size: 10px;
}
.factory-B4 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	padding-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0065A8;
	font-size: 20px;
	font-weight: nomal;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
	background-position: left 30px;
}
.factory-B5 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: nomal;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.factory-B4 p, .factory-B5 p {
	padding-left:25px;
	padding-bottom:8px;
}
.factory01 .blue-ttl {
	display:none;
}



/*----------------------------------
　　　求人について
----------------------------------*/
img.w100 {
    width: 100%;
    height: auto;
}
section.recruit1 {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
section.recruit2 {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
section.recruit1 h1 {
    text-align: center;
    font-size: 160%;
    line-height: 160%;
    margin: 20px 0;
    font-weight: bold;
    letter-spacing: 0.12em;
    color: #08287F;
}
section.recruit1 dl {
    margin: 0;
    box-sizing: border-box;
    display: block;
}
.recruit1 dl dt {
    color: #08287F;
    font-weight: bold;
    font-size: 110%;
    width: 100%;
    padding: 0;
    border: none;
}
.recruit1 dl dd {
    margin: 0 0 15px 0;
    box-sizing: border-box;
    padding: 3px 0 0 10px;
    width: 100%;
    border: none;
}
input.formday {
    background-color: #F8F8F7;
    padding: 8px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    width: 95%;
    margin: 0 0 9px 0;
    display: block;
}
.under-margin-day {
	margin: 0 0 15px 0;
}

section.recruit2 h1 {
    text-align: center;
    font-size: 160%;
    line-height: 160%;
    margin: 60px 0 20px 0;
    font-weight: bold;
    letter-spacing: 0.12em;
    color: #08287F;
}
section.recruit2 .recruit-summary {
    box-sizing: border-box;
    border: solid 3px #08287F;
    padding: 8px 10px;
    text-align: justify;
    margin: 0px 0 20px 0;
    border-radius: 10px;
}
section.recruit2 .recruit-summary h1 {
    font-size: 140%;
    line-height: 160%;
    text-align: center;
    font-weight: bold;
    color: #08287F;
    margin: 0 0 5px 0;
}
section.recruit2 .seet-left span {
    font-size: 10px;
    display: block;
}
textarea.mf2 {
    width: 100%;
    border: none;
    background-color: #F8F8F7;
    box-sizing: border-box;
    padding: 10px;
    min-height: 200px;
}
section.recruit2 input[type="radio"] {
    vertical-align: middle;
    margin: -2px 5px 0 0;
}


/*---PC---*/
@media screen and (min-width:1024px) {
section.recruit1 {
    width: 90%;
    margin: 40px auto 0 auto;
    max-width: 1000px;
}
section.recruit2 {
    width: 90%;
    margin: 80px auto 0 auto;
    max-width: 1000px;
}
section.recruit1 h1 {
    font-size: 250%;
    font-weight: bold;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.1em;
}
section.recruit1 dl {
    margin: 20px 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
section.recruit1 dl dt {
    box-sizing: border-box;
    width: 20%;
    padding: 10px 0;
    border-top: solid 2px #000;
    margin: 0 0 25px 0;
    font-weight: bold;
}
section.recruit1 dl dd {
    box-sizing: border-box;
    width: 80%;
    padding: 10px 0 10px 10px;
    border-top: solid 1px #999;
    margin: 0 0 25px 0;
}
section.recruit2 h1 {
    font-size: 250%;
    font-weight: bold;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 0 30px 0;
}
section.recruit2 .recruit-summary {
    box-sizing: border-box;
    border: solid 3px #08287F;
    padding: 20px 10px;
    margin: 0 0 60px 0;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 200%;
    font-weight: bold;
}
input.formday {
    width: auto;
    display: inline-block;
}
select.formtime {
    padding: 8px;
    margin: 0 0 9px 10px;
}
}