@charset "utf-8";
/* CSS Document */

/*ベース*/
*{
margin:0;
padding:0;
}
html {
overflow-y:scroll;
}
html {
  scroll-padding-top: 80px; /* 固定ヘッダの高さ分 */
}
body{
max-width: 100%;
max-height: 100%;
overflow: hidden !important ;
}

img {
pointer-events: none;
vertical-align: bottom;
}
a{
text-decoration: none;
cursor: pointer;
}
p{
color: #080F2C;
}
h1,h2,h3,h4{
color: #080F2C;
}
.clear{
clear: both;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

.topbtn{
position:fixed;
z-index: 90;
bottom: 15px;
right:15px;
width:60px;
}
.topbtn img{
width: 100%;
}
.tp75{
margin-top: 75px; /*ヘッダーの高さ*/
}

/*リンク*/
.contact a:hover{
opacity: 0.5;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.pcmenu a:hover,.footerlink li:hover{
opacity: 0.5;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.ryuko:hover{
opacity: 0.75;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
}
.ryuko a{
color: #fff;
}
.ryuko {
margin: 5px 0;
}
.logo a{
display: block;
}
/*svg*/

.st0{fill:#080F2C;}
.st1{fill:none;stroke:#fff;stroke-width:14;stroke-miterlimit:10;}
.st2{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#fff;stroke-width:11;stroke-miterlimit:10;}
.st4{fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;}
.st5{fill:none;stroke:#fff;stroke-width:9;stroke-miterlimit:10;}
.st6{fill:none;stroke:#fff;stroke-width:13;stroke-miterlimit:10;}
.st7{fill:none;stroke:#fff;stroke-width:10;stroke-miterlimit:10;}
.st8{fill:none;stroke:#fff;stroke-width:18;stroke-miterlimit:10;}
.st9{fill:none;stroke:#fff;stroke-width:15;stroke-miterlimit:10;}

/* header */

header{
height: 75px;
border-top: #0080CB 4px solid;
background: #fff;
position: fixed;
width: 100%;
z-index: 50;
box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.2);
}
.logo{
width: 100px;
float: left;
margin: 22px 15px 0;
}
.logo img{
width: 100%;
}

/*menu*/
.pcmenu{
float: left;
margin: 25px  0 0 15px;
}
.pcmenu li{
list-style: none;
display: inline-block;
font-size: 18px;
color: #080F2C;
font-weight:bold;
margin-right:18px;
font-family: 'Noto Sans JP', sans-serif;
}
.pcmenu li:nth-child(4n){
margin-right: 0;
}
.pcmenu li a,.contact a{
color: #000;
}
.contact{
margin: 24px 20px 0 0;
float: right;
}
.contact p{
font-size: 18px;
color: #080F2C;
font-weight:bold;
font-family: 'Noto Sans JP', sans-serif;
}
.contact p:before{
content: '';
display: inline-block;
width: 28px;
height: 28px;
background-image: url("../img/contact.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}

/* メイン画像　*/
.mainbox{
margin-top:75px;
}
.maininner{
position: relative;
padding-bottom: 60px;
}
.mainimg{
width:60%;
float: right;
}
.mainimg img,.rinen img{
width: 100%;
}
.cover1{
overflow:hidden;
background-position: bottom;
position: relative;
z-index: 10;
}

.cover1_on{
position: absolute;
top: 100%;
right:0;
z-index: 2;
width: 100%;
height: 100%;
background:rgba(255,255,255,0.35);
-webkit-transition: .3s;
transition: .3s;
}
.cover1 .cover1_on{
right: 0;
top: 0;
}

/*企業理念*/

.message{
position: absolute;
width: 100%;
max-width: 1280px;
top:35%;
bottom:0;
right:0;
left:0;
margin:auto;
z-index:10;
}
.rinen{
width: 65%;
}
.rinen_text{
padding: 40px 0;
font-size: 16px;
line-height: 30px;
color: #080F2C;
}
/*　ボタン　*/
.btn p{
color: #fff;
background:#080F2C;
display: inline-block;
padding: 13px 90px 13px 30px;
position: relative;
color: #fff;
text-decoration: none;
border:1px solid #080F2C;
}

.btn p::after {
  content: "";
  display: block;
  position: absolute;
  top:-6px;
  bottom: 0;
  right:10%;
  margin: auto;
  width: 45px;
  height: 10px;
  border-bottom: 1px solid #fff;
}
.btn p:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -6px;
  right: 10%;
  margin: auto;
  width: 20px;
  height: 10px;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

.btn p:hover {
  background-position: -100% 0;
  transition: 0.3s;
  background: #fff;
  color: #080F2C;
  border:1px solid #080F2C;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all  0.25s ease;
}
.btn p:hover:before {
 border-top: 1px solid #080F2C;
}
.btn p:hover:after{
  border-bottom: 1px solid #080F2C;
}
.entry_btn a:hover{
background:#0080CB;
color: #fff;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all  0.25s ease;
color: #fff;
}
/* 事業部 */
.contents{
width: 100%;
position:relative;
}

.department_fl{
float: left;
width: 92%;
}
.department_fr{
float: right;
width: 92%;
right: -12.5px;
position: relative;
z-index: 15;
}
.department_name{
color: #fff;
width: 33%;
float:left;
text-align: center;
position: relative;
}
.department_name h3{
font-size: 40px;
position: absolute;
color:#fff;
top:50%;
left:50%;
transform : translate(-50%, -50%);
}
.department_name p{
position: absolute;
color:#fff;
top:65%;
left:50%;
transform : translate(-50%, -50%);
font-size: 14px;
}
.department_img{
width: 33%;
float:left;
position: relative;
color: #080F2C;
overflow: hidden;
cursor: pointer;
}
.department_img img,.department_name img{
width: 100%;
transition-duration: 0.75s;
}

.department_img:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.cover2{
overflow:hidden;
background-position: bottom;
position: relative;
z-index: 10;

}
.cover2_on{
position:absolute;
top:50%;
left:50%;
transform : translate(-50%, -50%);
z-index:10;
width: 100%;
height:100%;
background:rgba(255,255,255,0.35);
-webkit-transition: .3s;
transition: .3s;
text-align: center;
margin: 0 auto;
}
.cover2_on img{
margin: 15% 0 0;
}

.cover2_on p{
color: #080F2C;
font-size: 14px;
}

/*新着情報*/
.infobox{
background:linear-gradient(180deg,#fff 0%,#fff 8%,#0080CB,0%,#0080CB 100%);
width: 100%;
margin: 8% 0 0;
padding-bottom: 30px;
}
.inner{
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.title01{
color: #080F2C;
font-family:"DIN","sans-serif";
font-size: 30px;
}
.border{
background:#080F2C;
max-width: 100px;
width: 100%;
height: 2px;
margin: 10px 0 ;
}
.title01 p{
color: #fff;
font-size: 18px;
margin: 30px 0;
font-weight: bold;
}
.title02{
color: #080F2C;
font-family:"DIN","sans-serif";
font-size: 30px;
}
.title02 p{
color: #080F2C;
font-size: 18px;
margin: 30px 0;
font-weight: bold;
}
.infonews{
color: #fff;
padding-bottom:5px;
font-size: 14px;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
.infonews p{
margin-bottom: 10px;
color:#fff;
}
.infonews .day{
font-weight: bold;
letter-spacing: 2px;
}

/* recruit */
.recruitbox{
width: 100%;
margin:8% 0 ;
}

.re_read{
padding: 30px 0 40px;
font-size: 16px;
line-height: 30px;
color: #080F2C;
}
.re_fl{
float:left;
width: 48%;
margin-top:0%;
}
.re_fr{
width: 45%;
float: right;
}
.re_fr img{
width: 100%;
}

/*footer*/
.footerlink{
list-style: none;
display: flex;
}
.footerlink a{
display: block;
}

.footerlink li{
width: 19.5%;
display: inline-block;
text-align: center;
margin:5% 0;
}
.footerlink li p{
color: #080F2C;
font-size: 14px;
margin-top: 5px;
}
.footerlink li img{
width: 80%;
}
.footer_logo{
background: #E8E8E8;
width: 100%;
}
.footer_bottom{
background:#0080CB; 
padding:40px 0 20px;
}

.footer_menu{
list-style: none;
padding: 0;
text-align: center;
margin: 0 auto;
}
.footer_menu li{
display: inline-block;
color: #fff;
}
.footer_menu li p{
color: #fff;
font-size: 14px;
margin: 0 20px; 
}
.copy{
color: #fff;
text-align: center;
margin: 30px auto 0;
font-size: 12px;
padding-top: 40px;
}
.copy p{
color: #fff;
}
/*** CONTACT ***/
.pagebcx{
padding: 70px 0;
}
.recruitbox{
padding: 70px 0 0 !important;
}
.contact_about{
margin: 70px 0 0;
}
.header-3_contact{
	text-align: center;
}
.mail_txt{
	line-height: 2rem;
    margin: 2% 0 5%;
	text-align: center;
}
.header-01{
	font-size: 3.875rem;
    margin-bottom: 0;
}
.site-branding{
	display: none;
}
.link_form a {
    color: #237B95;
	border-bottom: solid 1px #000;
}
input::placeholder {
   font-size: 0.8em;
   color: #b8b8b8;
}
textarea::placeholder {
   font-size: 0.8em;
   color: #b8b8b8;
}
/*.:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
	    background-color: #fff;
}*/
/*** 採用情報 ***/

.recruit_mainimg{
width:100%;
margin-top: 70px;
background:url("../img/recruit_main.jpg");
background-repeat: no-repeat;
background-size: cover;
}

.recruit_main{
width:100%;
position: relative;
z-index: 1;
}

.recruit_readinner{
position: absolute;
width:400px;
right: 0;
z-index: 2;
background: #0080CB;
padding:3%;
}
.recruit_read h3{
font-size:18px;
margin-bottom: 10px;
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
}
.recruit_read p{
font-size: 14px;
line-height: 27px;
color: #fff;
}
.recruit_naiyo{
position: relative;
}
.recruit_fr01 img{
width: 100%;
}
.recruit_fr02 img{
width: 100%;
}
.recruit_fr01{
position: relative;
right: 0;
top: 0;
float: right;
margin: 0 0 8%;
z-index:1;
width: 50%;
}

.recruit_fl01{
width:53%;
position:absolute;
z-index:2;
left: 0;
}
.recruit_fl01 h3{
font-size:20px;
margin:10% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:2px solid #0080CB;
display: inline-block;
}
.recruit_fr02{
position: relative;
right: 0;
top: 0;
float: left;
margin: 0 0 8%;
z-index:1;
width: 50%;
}

.recruit_fl02{
width: 45%;
position:absolute;
z-index:2;
right:0;
}
.recruit_fl02 h3{
font-size:20px;
margin:10% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:2px solid #0080CB;
display: inline-block;
}
.syokusyu{
background:#0080CB;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 27px;
padding:2px 15px;
margin:10px 0 30px;
}
.syokusyu p{
color: #fff;
}
.syokusyu_text{
font-size: 14px;
margin: 0 0 30px;
}
.jyouken p span{
font-size: 14px;
color:#0080CB;
background: #fff;
padding:3px 10px;
border-radius: 40px;
margin-right: 5px;
border:2px solid #0080CB;
}
/* エントリー　*/
.entry{
background:#0080CB;
padding:60px 0;
width: 100%;
margin: 0 auto;
text-align: center;
}
.entry h1{
color: #fff;
font-size:40px;
font-family:"DIN","sans-serif";
letter-spacing: 0.1rem;
}
.entry .entry_read{
font-size: 16px;
line-height:30px;
color: #fff;
margin: 30px 0;
}

.entry_btn p{
color: #0080CB;
}
.entry_btn a{
font-size: 16px;
border-radius: 40px;
padding: 10px 60px;
color: #0080CB;
font-weight: bold;
display: inline-block;
background: #fff;
font-family: 'Noto Sans JP', sans-serif;
border:2px solid #fff;
}


/** COMPANY **/
.companybox{
margin: 70px 0 0;
}
.company_rinen p{
font-size: 16px;
margin: 0 0 10px;
}
.company_rinen{
margin: 0 0 60px;
}
.company_rinen h4{
font-size: 20px;
font-family: 'Noto Sans JP', sans-serif;
}
.jyoho{
padding: 40px 0 0;
}
.jyoho_fl{
float: left;
width: 47%;
}
.jyoho_fr{
float: right;
width: 47%;
}
 table{
width: 100%;
border-collapse:collapse;
font-size: 14px;
}
.jyoho_fl tr,.jyoho_fr tr,.place_fr tr,.place_fl tr{
border-bottom: 1px solid #080F2C;
}
.jyoho_fl tr:last-child{
border-bottom: none;
}
.jyoho_fr tr:last-child{
border-bottom: none;
}
.td01{
padding: 15px 0;
font-weight: bold;
width: 20%;
}
.td02{
padding:15px 0;
width:80%;
}
.td03{
padding:15px 0;
width:20%;
}
.td04{
padding:15px 0;
width:70%;
}
.td05{
padding: 5px 0;
width: 15%;
}
.td06{
padding: 5px 0;
width:85%;
}
/*沿革*/
.enkaku p{
font-size: 14px;
color: #fff;
float: left;
font-weight: bold;
width: 20%;
padding: 5px 0;
}
.enkaku_list{
float: right;
width: 80%;
}
.enkaku_list p{
color: #fff;
}
.enkakubox{
position: relative;
}
.bk01{
background:#0080CB;
content: "";
width: 100%;
padding: 2%;
}
.bk02::before{
background:#0080CB;
content: "";
width: 50%;
height:100%;
position: absolute;
right: 0;
z-index: -1;
}
/*各事業部概要*/
.placebox{
padding: 40px 0;
}
.placebox h3{
color: #0080CB;
font-family: 'Noto Sans JP', sans-serif;
margin:0 0 20px;
font-size: 20px;
}
.placebox h4{
font-family: 'Noto Sans JP', sans-serif;
margin:0 0 10px;
font-size:16px;
}
.map,.place_fl{
float: left;
width: 47%;
}
.place_fr{
float: right;
width: 47%;
}
.tp40{
padding-top: 40px;
}
.policybox{
font-size: 14px;
}
.policybox h4{
font-size: 15px;
font-family: 'Noto Sans JP', sans-serif;
}
#title {
    color: #000;
    font-size: 60px;
	 font-family: "見出ゴMB31","Midashi Go MB31"
}
#title span:last-child{
margin-left: -10px !important;
}
#title span:nth-child(4){
margin-left: -10px !important;
}
.message h1{
 font-family: "見出ゴMB31 JIS2004","Midashi Go MB31 JIS2004";

}
.button{
	    background-color: #fff;
}
/*************** PC　***************/
@media only print, screen and (min-width:1280px){
.pc{
display: none;
}
/*contact*/
.fl{
float: left;
}
.fr{
float: right;
}
.contactbox{
width: 80%;
margin: 5% auto;

}
.contactinner{
/*border:3px solid #0080CB;
padding:15px;*/
width: 95%;
margin-right:2%;
text-align: center;
}
.contactbox div:nth-child(2n){
margin-right: 0;
}
.contactinner h3{
font-size: 18px;
color: #080F2C;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner h2{
font-size: 32px;
color:#0080CB;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner p{
font-size: 14px;
margin-top: -1.5%;
color: #080F2C;
}
.tel:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url("../img/tel.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.mail:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url("../img/mail.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.recruit_mainimg_sp{
display: none;
}
.recruit_mainimg{
height: 500px;
}
.recruit_read{
position: absolute;
max-width: 1280px;
width: 100%;
top:200px;
left:50%;
transform : translate(-50%, -50%);
}
.contact_03{
width: 80%;
margin: 0 auto;
}
.input_field {
display: flex;
justify-content: end;
}
.title{
font-size:14px;
letter-spacing: 1px;
padding-top: 1%;
height: 60px;
line-height: 60px;
position: relative;
}
	.title:after {
    content: "必須";
    width: 54px;
    height: 25px;
    color: #DF4440;
    text-align: center;
    font-size: 11px;
    border: solid 2px #DF4440;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    bottom: 0;
    line-height: 20px;
}
.title_02{
	font-size:14px;
letter-spacing: 1px;
padding-top: 1%;
height: 60px;
line-height: 60px;
position: relative;
	}
.input_field dd input{
border: solid 1px rgba(116,116,116,1.00);
padding: 0 18px;
height: 60px;
width: 600px;
background: #F4F4F4;
webkit-border-radius: 0px; 
 border-radius: 0px;
}
.contact_title{
width: 230px;
}
.input_field dd textarea{
	border: solid 1px rgba(116,116,116,1.00);
height: 250px;
width: 600px;
background: #F4F4F4;
webkit-border-radius: 0px; 
 border-radius: 0px;
	}
.link_form input {
    position: absolute;
    left: -15px;
    width: 15px !important;
    height: 15px !important;
    top: 3px;
}
.position{
	    margin-left: 10%;
}
.chk_agree{
	text-align: center;
}
	.form_button .btn_submit{
		width: 315px;
    margin: 0 auto;
}
	.form_button .btn_submit input{
		position: relative;
    width: 330px;
    height: 80px;
    top: 0%;
    left: 0%;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 2;
    background-color: transparent;
    border: 1px solid #000;
    margin: 0 auto 15px;
    padding: 3px 0;
    box-sizing: border-box;
	}
	.form_button .btn_submit input:hover{
		background-color: #000 !important;
    color: #fff !important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	}
}
/*************** Tblet ***************/
@media only screen and (max-width: 1279px) and (min-width: 769px){
.mb{
display: none;
}
.logo{
width: 100px;
float: left;
margin: 22px 15px 0;
}
.logo img{
width: 100%;
}
.title01,.title02{
font-size: 26px;
padding-top:10px;
}
/*企業理念*/
.message{
position: absolute;
width: 92%;
top:25%;
bottom:0;
right:0;
left:0;
margin:auto;
z-index:10;
}
.inner{
width: 92%;
margin: 0 auto;
}
.rinen_text{
padding: 40px 0;
font-size: 14px;
line-height: 27px;
color: #080F2C;
}

/* recruit */
.re_read{
padding: 30px 0 40px;
font-size: 14px;
line-height: 28px;
color: #080F2C;
}
.re_fl{
margin-top: 0;
}
.department_name h3{
font-size: 28px;
}
/*footer*/
.footerlink li{
width: 19%;
display: inline-block;
text-align: center;
margin:5% 0;
}
/*contact*/

.fl{
float: left;
}
.fr{
float: right;
}
.contactbox{
margin: 5%;

}
.contactinner{
/*border:3px solid #0080CB;
padding:15px;*/
width: 95%;
margin-right:2%;
text-align: center;
}
.contactbox div:nth-child(2n){
margin-right: 0;
}
.contactinner h3{
font-size: 18px;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner h2{
font-size: 32px;
color:#0080CB;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner p{
font-size: 14px;
padding: 10px;
    margin-top: -3%;
}
.tel:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url("../img/tel.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.mail:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
background-image: url("../img/mail.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.contact_03{
width: 100%;
margin: 0 auto;
}
.input_field {
display: flex;
justify-content: end;
}
.title{
font-size:14px;
letter-spacing: 1px;
padding-top: 1%;
height: 60px;
line-height: 60px;
position: relative;
}
	.title:after {
    content: "必須";
    width: 54px;
    height: 25px;
    color: #DF4440;
    text-align: center;
    font-size: 11px;
    border: solid 2px #DF4440;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    bottom: 0;
    line-height: 20px;
}
.title_02{
	font-size:14px;
letter-spacing: 1px;
padding-top: 1%;
height: 60px;
line-height: 60px;
position: relative;
	}
.input_field dd input{
border: solid 1px rgba(116,116,116,1.00);
padding: 0 18px;
height: 60px;
width: 600px;
background: #F4F4F4;
webkit-border-radius: 0px; 
 border-radius: 0px;
}
.contact_title{
width: 230px;
}
.input_field dd textarea{
border: solid 1px rgba(116,116,116,1.00);
height: 250px;
width: 600px;
background: #F4F4F4;
webkit-border-radius: 0px; 
border-radius: 0px;
}
.link_form input {
position: absolute;
left: -15px;
width: 15px !important;
height: 15px !important;
top: 3px;
}
.chk_agree{
text-align: center;
}
.form_button .btn_submit{
	width: 315px;
margin: 0 auto;
}
.form_button .btn_submit input{
	position: relative;
width: 330px;
height: 80px;
top: 0%;
left: 0%;
font-size: 16px;
color: #000;
text-align: center;
line-height: 2;
background-color: transparent;
border: 1px solid #000;
margin: 0 auto 15px;
padding: 3px 0;
box-sizing: border-box;
}	
.form_button .btn_submit input:hover{
		background-color: #000 !important;
    color: #fff !important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	}
/** 採用情報　**/
.recruit_read{
position: absolute;
width: 92%;
top:200px;
left:50%;
transform : translate(-50%, -50%);
}

.recruit_naiyo{
margin-bottom: 10%;
}
.recruit_fr01{
position: relative;
right: 0;
top: 0;
float: right;
margin: 0 0 8%;
z-index:1;
width: 50%;
}

.recruit_fl01{
width:53%;
position:absolute;
z-index:2;
left: 0;
}
.recruit_fl01 h3{
font-size:20px;
margin:2% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:3px solid #0080CB;
display: inline-block;
}
.recruit_fr02{
position: relative;
right: 0;
top: 0;
float: left;
margin: 0 0 8%;
z-index:1;
width: 50%;
}

.recruit_fl02{
width: 53%;
position:absolute;
z-index:2;
right:0;
}
.recruit_fl02 h3{
font-size:20px;
margin:2% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:3px solid #0080CB;
display: inline-block;
}
.recruit_mainimg_sp{
display: none;
}
.recruit_mainimg{
height: 500px;
}
/*沿革*/
.bk02{
background:#0080CB;
width: 100%;
}
.enkaku_list{
width: 100%;
}
.enkaku p{
width: 100%;
padding-bottom: 15px;
}
#title {
    color: #000;
    font-size: 48px;
	 font-family: "見出ゴMB31","Midashi Go MB31"
}
.message h1{
 font-family: "見出ゴMB31 JIS2004","Midashi Go MB31 JIS2004";

}
}

/***************SP***************/
@media only screen and (max-width :768px ){
.sp{
display: none;
}
.logo{
width: 100px;
float: left;
margin: 22px 15px 0;
}
.logo img{
width: 100%;
}
/* メイン画像　*/
.mainbox{
margin-bottom:120px;
}
.mainbox{
margin-top:75px;
height: 100vh;
background: url("../img/main.jpg");
background-position: center;
}
.maininner{
position: relative;
padding-bottom: 60px;
}
.mainimg{
width:100%;
height: 100vh;
}
/*企業理念*/
.inner{
width: 92%;
margin: 0 auto;
position: relative;
}
.message{
position: absolute;
width:98%;
top: 30%;
text-align: center;
margin:auto;
z-index:10;
}
.rinen{
width: 95%;
text-align: center;
margin:auto;
}
.rinen_text{
padding: 40px 0;
font-size: 14px;
line-height: 27px;
color: #080F2C;
}
/*　ボタン　*/
.btn p{
color: #fff;
background:#080F2C;
display: inline-block;
padding: 12px 80px 12px 20px;
position: relative;
color: #fff;
font-size: 14px;
text-decoration: none;
border:1px solid #080F2C;
}


/* 事業部 */

.contents{
width: 100%;
position:relative;
}
.department_fl{
width: 100%;
}
.department_fr{
display: none;
}
.department_name{
color: #fff;
width:50%;
float:left;
text-align: center;
position: relative;
}
.department_name h3{
font-size:5.5vw;
}
.department_name p{
font-size: 12px;
}
.department_img{
width:50%;
float:left;
position: relative;
}
.cover2_on p{
font-size: 12px;
}
.border{
background:#080F2C;
max-width: 80px;
width: 100%;
height: 2px;
margin: 10px 0 ;
}
.title01,.title012{
font-size: 20px;
padding-top:25px;
font-family:"DIN","sans-serif";
}
.title01 p{
color: #fff;
font-size: 14px;
margin: 30px 0;
font-weight: bold;
}
.title02{
font-size: 20px;
}
.title02 p{
color: #080F2C;
font-size: 14px;
margin: 30px 0;
font-weight: bold;
}
/* recruit */
.recruitbox{
width: 100%;
margin:8% 0 ;
}

.re_read{
padding: 20px 0 40px;
font-size: 14px;
line-height: 27px;
color: #080F2C;
}
.re_fl{
width: 100%;
}
.re_fr{
width: 100%;
position: relative;
margin-top: 40px;
}

/*footer*/

.footerlink{
padding: 20px 0;
display: block;
}
.footerlink li{
width: 49%;
display: inline-block;
text-align: center;
margin:5% 0;
}
.footerlink li p{
color: #080F2C;
font-size: 12px;
margin-top: 5px;
}

/*contact*/
.contactbox{
margin: 5%;
}
.contact_about{
font-size: 14px;
margin-bottom: 5%;
}
.contactinner{
/*border:3px solid #0080CB;
padding:5px;*/
text-align: center;
margin-bottom: 5%;
}
.contactinner h3{
font-size: 16px;
color:#000;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner h2{
font-size: 28px;
color:#0080CB;
font-family: 'Noto Sans JP', sans-serif;
}
.contactinner p{
font-size: 14px;
padding: 10px;
    margin-top: -4%;
}
.tel:before{
content: '';
display: inline-block;
width: 35px;
height: 35px;
background-image: url("../img/tel.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.mail:before{
content: '';
display: inline-block;
width: 35px;
height: 35px;
background-image: url("../img/mail.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin: 5px 5px 0;
}
.input_field dd input{
	border: solid 1px rgba(116,116,116,1.00);
padding: 0 18px;
background: #F4F4F4;
webkit-border-radius: 0px;
border-radius: 0px;
	height: 50px;
}
.input_field dd textarea{
	border: solid 1px rgba(116,116,116,1.00);
height: 250px;
background: #F4F4F4;
webkit-border-radius: 0px;
border-radius: 0px;
}
.title{
	letter-spacing: 1px;
padding-top: 1%;
height: 60px;
line-height: 60px;
position: relative;
}
.title:after{
	content: "必須";
width: 54px;
height: 25px;
color: #DF4440;
text-align: center;
font-size: 11px;
border: solid 2px #DF4440;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
bottom: 0;
left: 48%;
line-height: 20px;
}
.form_button .btn_submit input{
position: relative;
width: 330px;
height: 80px;
top: 0%;
left: 0%;
font-size: 16px;
color: #000;
text-align: center;
line-height: 2;
background-color: transparent;
border: 1px solid #000;
margin: 0 auto 15px;
padding: 3px 0;
box-sizing: border-box;
}	
.form_button .btn_submit input:hover{
background-color: #000 !important;
color: #fff !important;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.form_button .btn_submit{
width: 330px;
margin: 0 auto;
}
	
/** 採用情報　**/
.recruit_main{
width:100%;
position: relative;
z-index: 1;
}
.recruit_mainimg{
background: none;
}
.recruit_mainimg_sp{
width: 100%;
position: relative;
}
.recruit_mainimg_sp img{
width: 100%;
}
.recruit_read{
width:100%;
position: relative;
top: 0;
background: #0080CB;
color: #fff;

margin: 0 auto;
}
.recruit_readinner{
width:92%;
padding:5% 3%;
position: relative;
}
.recruit_read h3{
font-size:18px;
text-align:left;
margin-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
}
.recruit_read p{
font-size: 14px;
line-height: 25px;
}
.recruit_naiyo{
margin-bottom: 10%;
}
.recruit_fr01{
position: relative;
left:-5%;
top: 0;
float: left;
margin: 8% 0 8%;
z-index:1;
width: 90%;
}

.recruit_fl01{
width:100%;
position: relative;
}
.recruit_fl01 h3{
font-size:18px;
margin:2% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:3px solid #0080CB;
display: inline-block;
}
.recruit_fr02{
position: relative;
right:-5%;
top: 0;
float: right;
margin: 8% 0 8%;
z-index:1;
width: 90%;
}

.recruit_fl02{
width:100%;
position: relative;
}
.recruit_fl02 h3{
font-size:18px;
margin:2% 0;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom:3px solid #0080CB;
display: inline-block;
}



/** COMPANY **/

.company_rinen p{
font-size: 14px;
}
.company_rinen h4{
font-size: 18px;
}

.jyoho_fl{
width: 100%;
}
.jyoho_fr{
width: 100%;
}
 table{
width: 100%;
border-collapse:collapse;
font-size: 14px;
}
.jyoho_fl tr,.jyoho_fr tr,.place_fr tr,.place_fl tr{
border-bottom: 1px solid #080F2C;
display: block;
}
.jyoho_fl tr:last-child{
border-bottom: 1px solid #080F2C;
}
.jyoho_fr tr:last-child{
border-bottom: none;
}
.td01{
padding: 10px 0 5px;
font-weight: bold;
width: 100%;
display: block;
}
.td02{
padding: 5px 0 10px;
width:100%;
display: block;
}
.td03{
padding: 5px 0 5px;
width:20%;
}
.td04{
padding: 5px 0 10px;
width:70%;
}
.td05{
padding: 10px 0 2px;
width: 15%;
width: 100%;
display: block;
}
.td06{
padding:2px 0 10px;
width: 100%;
display: block;
}
/*沿革*/
.enkaku_list{
width: 100%;
}
.enkaku p{
width: 100%;
padding-bottom: 15px;
}

.bk01{
background:#0080CB;
content: "";
width: 92%;
padding: 2%;
}
.bk02::before{
background:#0080CB;
content: "";
width: 100%;
height:100%;
position: absolute;
right: 0;
z-index: -1;
}
/*各事業部概要*/
.placebox{
padding: 20px 0;
}
.placebox h3{
color: #0080CB;
font-family: 'Noto Sans JP', sans-serif;
margin:0 0 20px;
font-size: 16px;
}
.placebox h4{
font-family: 'Noto Sans JP', sans-serif;
margin:0 0 10px;
font-size:14px;
}
.map,.place_fl{
width: 100%;
}
.place_fr{
width: 100%;
}
.tp40,.tpsp2{
padding-top: 20px;
}

.tpsp{
padding-top: 40px;
}
#title {
    color: #000;
    font-size: 8vw;
	 font-family: "見出ゴMB31","Midashi Go MB31"
}
.message h1{
 font-family: "見出ゴMB31 JIS2004","Midashi Go MB31 JIS2004";

}
}