@charset "utf-8";
    
img{
max-width: 100%;
height:auto;
}

input[type="submit"] {
  -webkit-appearance: none;
}

.w320_only,
.pc_only{display:none !important;}
.sp_only{display:block;}

.bg_gray.bg_w,
.bg_w{
display: block;
background: #fff;
}

body{
font-size:15px;
line-height: 1.7;
min-width: 375px;
}

#main_contents{
padding-bottom: 20px;
}

.free #main_contents .work_sec .w94sp > h3 {
margin-top: 20px;
}

.free #main_contents > .work_sec{
margin-top: 10px;
}
		
.free .work_sec .box02 h2{	
font-size:140%;	
line-height: 1.5;	
margin-bottom: 1em;	
}	
.free .work_sec .box02 h3{	
font-size:125%;	
line-height: 1.5;	
margin-bottom: 1em;	
}	
.free .work_sec .box02 h4{	
font-size:110%;	
line-height: 1.5;	
margin-bottom: 1em;	
}

.w94sp{
width:92% !important;
margin-left:auto;
margin-right:auto;
}

.w95sp{
width:95% !important;
margin-left:auto;
margin-right:auto;
}

.w90sp{
width:90% !important;
margin-left:auto;
margin-right:auto;
}

.w800{
width:94% !important;
margin-left:auto;
margin-right:auto;
}

.w60{
clear:both;
width:80%;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}

.mx300{
max-width:310px;
margin-left:auto;
margin-right:auto;
}

.left{float: none;}
.right{float: none;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:8px;}
.mb15{margin-bottom:10px;}
.mb20{margin-bottom:15px;}
.mb25{margin-bottom:18px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:25px;}
.mb50{margin-bottom:25px;}
.mt_15{margin-top:-15px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:15px;}
.pt25{padding-top:20px;}
.pt30{padding-top:20px;}
.pt35{padding-top:20px;}
.pt40{padding-top:20px;}
.pt50{padding-top:25px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl10{padding-left:10px;}

.txt11{ font-size:10px; }
.txt12{ font-size:11px; }
.txt13{ font-size:12px; }
.txt14{ font-size:13px; }
.txt16{ font-size:14px; }
.txt17{ font-size:15px; }
.txt18{ font-size:16px; }
.txt20{ font-size:18px; }
.txt22{ font-size:19px; }
.txt24{ font-size:20px; }
.txt28{ font-size:20px; }
.txt32{ font-size:24px; }
.txt36{ font-size:28px; }

.tLsp{
text-align: left!important;
}

.sp_only{display:block;}



/*----------------------------------------------------
	ヘッダー 2019
----------------------------------------------------*/

header{
height: auto ;
}

#tagline2{
display: none;
}

.h1_wrap h1.stit01{
line-height: 80px;
letter-spacing: 2px;
color:#fff;
font-size:24px;
}

.h1_wrap {
width:100%;
height:80px;
margin: auto ;
text-align: center;
background: url(/img2/common/tit_bg_sp.png) 50% 50% no-repeat;
background-size: cover !important;
}

.color02 .h1_wrap {
background: url(/img2/common/color02/tit_bg_sp.png) 50% 50% no-repeat;
background-size: cover !important;
}

.color03 .h1_wrap {
background: url(/img2/common/color03/tit_bg_sp.png) 50% 50% no-repeat;
background-size: cover !important;
}

#index #top_img{
position: relative;
/*margin-top: 68px;*/
/*width:100%;
margin: auto;
position: absolute;
top:0;
left:0;
right:0;*/
}

#index #top_img img{
width:100%;
height:auto;
}

#index #top_img img.trim{
width:100%;
height: 350px;
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE対策*/
object-position: 50% 0%;
}

#index .caption2{
width:90%;
position: absolute;
bottom:45px;
left:0;
right:0;
margin: auto;
font-size:14px;
}

#fix_header{
position: relative;
}

#index .caption2 span{
background: rgba(49,49,49,0.9);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
line-height: 1.4;
display: inline-block;
color:#fff;
padding: 10px 20px;
letter-spacing: 2;
}

.logo_box2{
/*position: fixed;
box-shadow:0px 0px 5px -2px #999;*/
background: #fff;
position: relative;
height:68px;
margin: auto;
top:0px;
left:0;
right:0;
width:100%;
background: #fff;
padding: 7px 10px 5px;
z-index: 9999;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}


.logo_box2 table{
margin-right: 50px;
height:52px;
}

.logo_box2 table td{
vertical-align: middle;
}

.logo_box2 table td.txt{
text-align: left;
font-size:16px;
font-weight: bold;
line-height: 1.4;
padding-left: 8px;
}

.logo_box2 table td.logo img{
vertical-align: middle;
max-height: 40px;
}

/*
.logo_box2 .h_btn{
position: fixed;
height:50px;
width:50px;
z-index: 99999;
top:4px;
right:4px;
margin: auto;
display: inline-block;
height:50px;
padding-top: 8px;
font-size: 0;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}


.logo_box2 .h_btn li{
display: inline-block;
width:50px;
vertical-align: middle;
}

.logo_box2 .h_btn li.h_entry{
margin-right: 2px;
}

.logo_box2 .h_btn li.h_entry a{
border: 1px solid #313131;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
padding: 1px;
}

.logo_box2 .h_btn li.h_entry a img{
height:46px;
}

.logo_box2 .h_btn li.h_menu a{
border: 1px solid #fff;
display: inline-block;
}

.logo_box2 .h_btn li img{
vertical-align: middle;
height:48px;
}
*/

.logo_box2 .h_btn .h_menu{

}

#nav2{
margin: 45px auto 1px;
color:#fff;
text-align: center;
}

.color02 #nav2{
}

#nav2 table{
width:100%;
}

#nav2 table tr{
width:100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
 -ms-flex-pack:flex-start;
   justify-content:flex-start;
-webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.color02 #nav2 table tr{
/*border-right:1px solid #525252;*/
}

#nav2 td{
min-height: 82px;
position: relative;
background-color: #004087;
/*display: block;*/
width:25%;
/*border-left:1px solid #0b1d29;
border-bottom:1px solid #0b1d29;*/
position: relative;
font-size:13px;
background-position:50% 8px !important;
background-size:auto 34px!important;
background-repeat: no-repeat;
color:#fff;
-webkit-box-shadow: 1px 1px 3px #ccc;
-moz-box-shadow: 1px 1px 3px #ccc;
box-shadow: 1px 1px 3px #ccc;
font-weight: bold;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 #nav2 td{/*border-left:1px solid #292929;*/background-color: #434343;}
.color03 #nav2 td{/*border-left:1px solid #9e1f1f;*/background-color: #e12c2c;}

#nav2 td span{
padding-top: 38px;
color:#fff;
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1.4;
}

/*
#nav2 td span{
display: inline-block;

text-align: center;
color:#fff;

-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
position: absolute;
top: 50%;
left:0;
right:0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}*/

/*
#nav2 td a{
background-repeat: no-repeat;
line-height: 1.3;
letter-spacing: 0.6px;
padding: 52px 4px 5px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}*/

#nav2 td a:hover{
background-color: rgba(255,255,255,0.15);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

#nav2 td.nav1{background-image: url(/img2/common/i01.png);}
#nav2 td.nav2{background-image: url(/img2/common/i02.png);}
#nav2 td.nav3{background-image: url(/img2/common/i04.png);}
#nav2 td.nav4{background-image: url(/img2/common/i05.png);}
#nav2 td.nav5{background-image: url(/img2/common/i05.png);}
#nav2 td.nav6{background-image: url(/img2/common/i05.png);}
#nav2 td.nav7{background-image: url(/img2/common/i05.png);}
#nav2 td.nav8{background-image: url(/img2/common/i05.png);}

#nav2 td a{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}



.open_menu{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
display: none;
z-index: 99998;
}

.open_menu:before {
display: block;
content: "MENU";
width:100% ;
height:50px ;
top: 18px;
left: 0;
right: 0;
margin: auto;
text-align: center;
position: absolute;
color:#fff;
z-index: 9999;
font-size:13px;
font-weight: bold;
}

.open_v{
background-color: #004087;
width:100%;
padding-bottom: 60px;
position: absolute;
    /*height: 100%;*/
}

.color02 .open_v{
background-color: #434343;
}

.color03 .open_v{
background-color: #e12c2c;
}

.open_v ul{
color:#fff;
}
/*
.menu.fixed {
position: fixed;
top: 0!important;
left: 0;
z-index: 9999!important;
width: 100%;
height:500px;
display: block;
opacity: 1;
background-color: #313131;
color:#fff;
overflow-y: scroll;

}

*/
.open_menu ul.txt_menu{
width: 100%;
height:auto;
margin: 55px auto 30px;
}

.open_menu .txt_menu li{
line-height: 48px;
margin: 0 5%;
text-align: left;
position: relative;
border-bottom: 1px solid #336aa7;
}

.open_menu .txt_menu li:first-child{
border-top: 1px solid #336aa7;
}

.color02 .open_menu .txt_menu li:first-child{
border-top: 1px solid #fff;
}

.color03 .open_menu .txt_menu li:first-child{
border-top: 1px solid #fff;
}

.color02 .open_menu .txt_menu li,
.color03 .open_menu .txt_menu li{
border-bottom: 1px solid #fff;
}

.open_menu .txt_menu li a{
display: block;
color:#fff;
background: url(/img2/common/ar_w.png) 98% 50% no-repeat;
background-size: 12px auto;
padding-left: 5px;
}

.open_menu .txt_menu li a .sp_only{
display: inline-block;
}

.open_menu .btm_btn{
background: #00326a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0 5% 30px;
text-align: center;
border: 1px solid #336aa7;
padding: 16px 8px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack: center;
     justify-content: center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.color02 .open_menu .btm_btn{
background: #2f2f2f;
border: 1px solid #848484;
}

.color03 .open_menu .btm_btn{
background: #a52020;
border: 1px solid #731616;
}

.open_menu .btm_btn li{
font-size:15px;
width:46%;
margin: 0 2%;
}

.open_menu .btm_btn li.btn_tel{
width:100%;
margin-bottom: 10px;
}

.open_menu .btm_btn li.btn_tel span.txt{
display: inline-block;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #fff;
padding: 1px 16px 1px;
line-height: 1.6;
font-size:14px;
margin-bottom: 8px;
}

.open_menu .btm_btn li.btn_tel a{
color:#fff;
background: url(/img2/common/sp_tel.png) left 50% no-repeat;
background-size: 30px auto;
padding-left: 34px;
font-size:25px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4;
}

.open_menu .sns_btn{
margin: 0 2% 20px;
text-align: center;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
     justify-content: center;
     flex-wrap: wrap;
	 gap:8px 2%;
}

.open_menu .sns_btn li{
width:48%;
margin:0;
}

.sns_btn li a{
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.open_menu .sns_btn li.btn_insta a{
border: 1px solid #9539a0;
}

.open_menu .sns_btn li.btn_fb a{
border: 1px solid #1877f2;
}

.open_menu #btn_close{
position: absolute;
top:10px;
right:8px;
margin: auto;
text-align: center;
z-index: 9999;
}

header .h_menu{
height:44px;
width:44px;
z-index: 99999;
position: fixed;
top:10px;
right:8px;
margin: auto;
display: inline-block;
}

.toggle {
background-size: 42px auto;
border: 1px solid #cdcdcd;
background: #313131;
cursor: pointer;
/*color:#fff;*/
font-size:30px;
text-align: center;
  position: relative;
  width: 42px;
  height: 42px;
  cursor: pointer;
}

.open_menu #btn_close .toggle{
background: none;
color:#fff;
line-height: 42px;
border: none;
}

.toggle img{
width: 42px;
height:auto;
vertical-align: top;
}

.fixed .toggle {
border: 1px solid #313131;

}

.toggle:before {
display: block;
content: "";
width: 42px;
height: 42px;
top: 0;
left: 0;
right: 0;
bottom:0;
margin: auto;
position: absolute;
background: url(/img2/common/sp/sp_menu.png) 50% 50% no-repeat;
opacity: 0;
}


.fixed .toggle:before {
opacity: 1;
background-size: 42px auto;
/*-webkit-transition: all .4s linear;
transition: all .4s linear;*/
}


.fixed .toggle img{
opacity: 0;
}

/*
.toggle span {
  position: absolute;
  left: 0;
  right:0;
  margin: auto;
  width: 28px;
  height: 4px;
  display: block;
  background-color: #313131;
  border-radius: 4px;
}
.toggle, .toggle span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.toggle span:nth-of-type(1) {
  top: 10px;
}
.toggle span:nth-of-type(2) {
  top: 20px;
}
.toggle span:nth-of-type(3) {
  bottom: 10px;
}
*/


/*----------------------------------------------------
	indexコンテンツ2019
----------------------------------------------------*/

.lead01{
font-size:14px;
padding: 0 3%;
text-align: center;
line-height: 1.9;
letter-spacing: 1px;
margin: 30px auto 35px;
}

.stit_news{
font-size:24px;
text-align: center;
margin-bottom: 26px;
}

.news_wrap{
margin:0 auto 30px;
}

.stit_news span{
display: block;
font-size:12px;
}

#index .news_box{
margin: 0px auto 70px;
padding: 13px 35px 13px 15px;
border: 1px solid #004087;
text-align: left;
position: relative;
margin: 0px auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color:#004087;
background: url(/img2/common/news_arrow.png) 97% 50% no-repeat #fff;
}

#index.color02 .news_box{
color:#434343;
border: 1px solid #434343;
background: url(/img2/common/color02/news_arrow.png) 97% 50% no-repeat #fff;
}

#index.color03 .news_box{
color:#e12c2c;
border: 1px solid #e12c2c;
background: url(/img2/common/color03/news_arrow.png) 97% 50% no-repeat #fff;
}

#index .news_box a{
color:#004087;
}

#index .news_box .date{
font-size:13px;
color:#333;
font-family: Arial, sans-serif;
}

#index .news_box .txt{
line-height: 1.5;
padding-top: 3px;
}

#index .news_box a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}

#index .news_box a.more:hover{
background-color: rgba(255,255,255,0.4)
}

#index #intro2{
padding: 0px 0 10px;
text-align: start;
}

#index #intro2 blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
    margin-bottom: 15px;
}

#index #intro2 blockquote:before{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 25px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

#index #intro2 blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

#index #intro2 blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

#index #intro2 p:not(.txt01):not(.bt01){
margin-bottom: 1em;
}

#job_detail_intro .w94sp p a,
#index #intro2 p:not(.bt01) a {
color: #26517D;
text-decoration: underline;
}

#job_detail_intro .w94sp p a:hover,
#index #intro2 p:not(.bt01) a:hover {
text-decoration: none;
transition: all .4s linear;
}

#index #intro2 iframe{
aspect-ratio:16 / 9;
max-width: 100%;
width:100%;
height:100%;
}

#index #intro2 h1{
font-size:24px;
margin-bottom: 15px;
}

#index #intro2 h2{
font-size:22px;
margin-bottom: 12px;
}

#index #intro2 h3:not(.lead){
font-size:20px;
margin-bottom: 10px;
}

#index .read{
text-align: center;
}

#intro2 h4{
font-size:18px;
margin-bottom: 10px;
}

#index #intro2 h5{
font-size:17px;
margin-bottom: 10px;
}

#index #intro2 h6{
font-size:16px;
margin-bottom: 8px;
}

#index #intro2 ul{
margin: 1em 0;
}

#index #intro2 ol{
padding-left: 40px;
margin: 1em 0;
list-style-type: decimal !important;
}

#index #intro2 ol li{
list-style-type: decimal !important;
}

#index #intro2 ul li{
padding-left:1.2em;
position: relative;
}

#index #intro2 ul li:before {
display: block;
content: "";
top:10px;
left: 5px;
margin: auto;
position: absolute;
width: 6px;
height: 6px;
background-color: #333;
border-radius: 100%;
}

#index #intro2 .nav2_wrap .w94sp{
width: 100% !important;
}

#index #intro2 .bt01{
margin-top: 40px;
}

/*
#index .news_box{
padding: 10px 12px;
border: 1px solid #c9c9c9;
text-align: left;
position: relative;
margin: 0px auto 30px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#index .news_box dt{
color:#004087;
font-size:16px;
position: absolute;
top: 50%;
left:14px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: bold;
}

#index.color02 .news_box dt{
color:#333;
}

#index .news_box dd{
border-left:1px solid #c9c9c9;
padding-left: 15px;
margin-left: 85px;
display: inline-block;
font-size:14px;
line-height: 1.5;
}

#index .news_box dd .date{
font-size:12px;
color:#0077d1;
padding-bottom: 4px;
}

#index.color02 .news_box date{
color: #848484;
}*/

#index .lead{
position: relative;
font-size:20px;
line-height: 1.65;
margin:0 3% 36px;
padding-top: 5px;
text-align: center;
}

#index .lead:after {
display: block;
background: #e6eaea;
content: "";
height: 3px;
width: 54px;
bottom: -15px;
left: 0;
right: 0;
margin: auto;
position: absolute;
}

#index #intro2 .photo01{
margin-bottom: 22px;
}

#index #intro2 .txt01{
text-align: left;
margin-bottom: 30px;
}

 .bt01{
text-align: center;
margin: 0 auto 20px;
}

 .bt01 a{
display: inline-block;
width:220px;
height:58px;
line-height: 58px;
font-weight: bold;
border: 1px solid #004087;
color: #004087;
background: #fff;
position: relative;
}

 .bt01 a:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
background-color: #eaf7fc;
/*color: #4775a8;*/
}

.color02 .bt01 a{
color: #434343;
border: 1px solid #434343;
}

.color03 .bt01 a{
color: #e12c2c;
border: 1px solid #e12c2c;
}


 .bt01.i_com a{
width:220px;
}

 .bt01 a span{
display: inline-block;
padding-left: 45px;
background-size: 40px auto !important;
font-size:16px;
}

#job_list .bt01.ar{
margin-bottom: 40px;
}

.bt01.ar a{
background: #fff;
width:260px;}

.bt01.ar a span{
display: inline-block;
padding-left: 0;
font-size:16px;
position: relative;
}

.bt01.ar a:before {
display: block;
content: "";
width: 20px;
height: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
top: 0;
bottom: 0;
right: 17px;
margin: auto;
position: absolute;
background: url(/img2/common/ar_w.png) 58% 50% no-repeat ;
background-size: 8px auto;
background-color: #004087;
}

.color02 .bt01.ar a:before {background-color: #434343;}
.color03 .bt01.ar a:before {background-color: #e12c2c;}

 .bt01.i_rec a span{
background: url(/img2/common/i_recruit.png) left 50% no-repeat;
}

 .bt01.i_com a span{
background: url(/img2/common/i_company.png) left 50% no-repeat;
}

.color02 .bt01.i_rec a span{
background: url(/img2/common/color02/i_recruit.png) left 50% no-repeat;
}

.color02 .bt01.i_com a span{
background: url(/img2/common/color02/i_company.png) left 50% no-repeat;
}

.color03 .bt01.i_rec a span{
background: url(/img2/common/color03/i_recruit.png) left 50% no-repeat;
}

.color03 .bt01.i_com a span{
background: url(/img2/common/color03/i_company.png) left 50% no-repeat;
}

 .bt02{
text-align: center;
margin: 0 auto 40px;
}

 .bt02 a{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
display: inline-block;
padding-right: 20px;
width:265px;
height:65px;
line-height: 65px;
/*font-weight: bold;*/
background: #004087;
color:#fff;
position: relative;
font-size:17px;
}

.color02 .bt02 a{
background: #313131 !important;
}

.color03 .bt02 a{
background: #e12c2c !important;
}

 .bt02 a:before {
-webkit-border-radius:0 2px 2px 0;
-moz-border-radius:0 2px 2px 0;
border-radius:0 2px 2px 0;
display: block;
content: "";
width:35px ;
height:100% ;
top: 0;
bottom:0;
right: 0;
margin: auto;
position: absolute;
background: url(/img2/common/ar_bt02.png) 50% 50% no-repeat #002d5f;
background-size: 18px auto !important;
}

.color02 .bt02 a:before{
background: url(/img2/common/ar_bt02.png) 50% 50% no-repeat #1b1b1b !important;
}

.color03 .bt02 a:before{
background: url(/img2/common/ar_bt02.png) 50% 50% no-repeat #cc0202 !important;
}

.bg_gray2{
background: #f8f8f8;
}



.bg_black{
background: #004087;
color:#fff;
}

.color02 .bg_black{background: #434343;}
.color03 .bg_black{background: #e12c2c;}

#index #interview{
padding: 23px 0 50px;
}

#index #interview .int_box {
 /*display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: flex-start;
   -ms-flex-pack:flex-start;
     justify-content:flex-start;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;*/
}

#voice_slide{
width:94%;
padding: 0 4%;
margin: 0 auto;
}


#index #interview .int_box article{
margin: 0 ;
padding-bottom: 82px;
position: relative;
float:left;
}

#index #interview .int_box article:first-child{
margin-left: 0;
}

#index #interview .int_box article span{
display: block;
}

#index #interview .int_box article .img{
margin-bottom: 18px;
}

#index #interview .int_box article .tit{
font-weight: bold;
text-align: left;
margin-bottom: 10px;
font-size:16px;
}

#index #interview .int_box article .txt{
text-align: left;
margin-bottom: 10px;
font-size:14px;
}

#index #interview .int_box article img{
width:100%;
height:200px;
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE対策*/
}

@media screen and (max-width: 375px) {/*-----------------------------*/

#index #interview .int_box article img{
height:180px;
}

}/*-----------------------------*/


#interview_wrap{
margin-bottom: 10px;
}

#index #interview .int_box article .bt_detail{
position: absolute;
width:182px;
line-height:48px;
border: 1px solid #fff;
bottom:0;
left:0;
right:0;
margin: auto;
color:#fff;
text-align: center;
background: url(/img2/common/ar_w.png) 93% 50% no-repeat;
background-size: 8px auto;
}

#index #interview .int_box article .bt_detail:hover{
background: url(/img2/common/ar_w.png) 93% 50% no-repeat #555;
-webkit-transition: all .4s linear;
transition: all .4s linear;
text-decoration: none;
}

#index #msg_box{
padding: 0 0 60px;
}

#index #msg_box .stit_msg{
font-size:18px;
margin-bottom: 15px;
}

#index #msg_box .img{
display: block;
margin-bottom: 25px;
text-align: center;
padding: 0 8%;
}

#index #msg_box .txt_box .txt01{
margin-bottom: 35px;
}

/*
#index #msg_box .txt_box .txt p{
margin-bottom: 1.8em;
}*/

#index #msg_box .txt_box{
text-align: left;
}

 h3.stit28{
font-size:20px;
margin-bottom: 20px;
}

#index #job_list2{
padding: 40px 0 20px;
}

.job_list_clm3{
padding-bottom: 15px;
}

.job_list_clm3 article{
box-shadow:0px 0px 5px 1px #ddd;
margin:0 0 25px;
position: relative;
background: #eaeceb;
}

.job_list_clm3 article.new:before {
display: block;
content: "NEW";
width: 50px;
height:45px ;
top: -8px;
right: 8px;
margin: auto;
position: absolute;
background: #e40b20;
color:#fff;
font-size:13px;
line-height: 45px;
text-align: center;
font-family:  Helvetica, Arial, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.job_list_clm3 article.no_result {
background: none;
font-size:16px;
box-shadow:none;
    width: 100%;
    text-align: center;
    padding: 30px 1.1% 0px;
    margin: 0 0 60px;
    padding-bottom: 0px;
    position: relative;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.job_list_clm3 article .img img{
width:100%;
height:200px;
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE対策*/
}

.job_list_clm3 article .in_box{
padding:16px 16px 10px;
letter-spacing: 0;
text-align: left;
font-size:14px;
background: #fff;
}

.job_list_clm3 article .cate a{
display: inline-block;
line-height: 1.3;
color:#313131;
background: #fff;
border: 1px solid #ccc;
font-size:11px;
padding: 4px 6px 3px;
margin: 0 4px 3px 0px;
}

.job_list_clm3 article .cate{
margin-bottom: 4px;
}

.job_list_clm3 article .tit i{
color:#e60012;
font-style: normal;
display: inline-block;
border: 1px solid #e60012;
background: #fff;
font-size:13px;
letter-spacing: 2px;
font-weight: bold;
line-height: 1.2;
padding: 2px 4px 1px 6px;
margin-right: 5px;
}

.job_list_clm3 article .tit{
padding-bottom: 10px;
display: block;
font-size:18px;
font-weight: bold;
line-height: 1.6;
}

.job_list_clm3 article .type{
position: relative;
clear:both;
padding-bottom: 6px;
line-height: 1.4;
}


.job_list_clm3 article .type i{
color:#fff;
font-style: normal;
display: inline-block;
font-size:12px;
line-height: 1.4;
margin-right: 8px;
float:left;
text-align: center;
width: 3.3em;
padding:2px 0 3px 6px;
letter-spacing: 5px;
}

.job_list_clm3 article .type1 i{
background: #0b9281;
/*border: 1px solid #3e8e13;*/
}

.job_list_clm3 article .type2 i{
background: #025799;
/*border: 1px solid #0068b7;*/
}

.job_list_clm3 article .type span{
padding-left: 3.5em;
display: block;
line-height: 1.4;
padding-top: 3px;
letter-spacing: 1px;
}

.job_list_clm3 article .yoko{
text-align: left;
background: #eaeceb;
padding:23px 12px 18px 14px;
position: relative;
font-size:14px;
}

.job_list_clm3 article .yoko li span{
font-weight: bold;
position: absolute;
top:0;
left:0;
margin: auto;
width:5.5em;
}

.job_list_clm3 article .yoko li{
margin-bottom: 2px;
padding-left: 5.8em;
position: relative;
}


.job_list_clm3 article .yoko:after{
 border: solid transparent;
 content:'';
 height:0;
 width:0;
 pointer-events:none;
 position:absolute;
 border-color: rgba(255, 255, 255, 0);
 border-top-width:13px;
 border-bottom-width:13px;
 border-left-width:12px;
 border-right-width:12px;
 margin-left: -12px;
 border-top-color:#fff;
 top:0;
 left:50%;
}

.job_list_clm3 article .btn_m{
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
}

.job_list_clm3 article .btn_m span{
width:215px;
height:50px;
line-height: 50px;
text-align: center;
background:url(/img2/common/ar_w.png) 94% 50% no-repeat #004087;
background-size: 12px auto;
color:#fff;
font-size:17px;
font-weight: bold;
display: inline-block;
}

.color02 .job_list_clm3 article .btn_m span{background-color: #434343;}
.color03 .job_list_clm3 article .btn_m span{background-color: #e12c2c;}

.job_list_clm3 article a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}

a.more:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
background-color: rgba(255,255,255,0.4)
}

.bn_insta{
margin: 45px auto 0px;
}

footer{
padding-top: 14px;
}


.sns_stit {margin-bottom: 18px;}

.sns_stit img {
height:24px;
width:auto;
}

footer .sns_btn{
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:2%;
margin: 0px auto 40px;
}

footer .sns_btn li{
width:49%;
margin-bottom: 8px;
}

footer .sns_btn img{
border-radius: 5px;
box-shadow:0px 0px 4px 2px #ccc;
}

.sns_btn a{
display: inline-block;

border-radius: 7px;
overflow: hidden;
vertical-align: bottom;
}

.sns_btn li:not(.no_bo) a{
border: 1px solid #111;
}

footer .add2 {
text-align: center;
margin-bottom: 30px;
}

footer .add2 .box_r p{
line-height: 1.5;
font-size:12px;
}

footer .add2 h4{
font-size:17px;
margin-bottom: 10px;
}

#footer_nav2 {
background: #f8f8f8;
width:100%;
overflow: hidden;
font-size:13px;
border-top:1px solid #c0c0c0;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}

#footer_nav2 li{
background: #f8f8f8;
width:50%;
letter-spacing: 1px;
text-align: left;
background: #fff;
border-bottom:1px solid #c0c0c0;
font-size:15px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#footer_nav2 li:nth-child(odd){
border-right:1px solid #c0c0c0;
}

#footer_nav2 li a{
display: block;
background: url(/img2/common/sp/f_nav.png) 98% 50% no-repeat #f8f8f8;
background-size: 8px auto;
padding: 8px 14px 8px 10px;
}

#copy {
font-size:11px;
color:#fff;
clear: both;
background: #004087;
padding: 15px 5px 53px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.color02 #copy{background: #434343;}
.color03 #copy{background: #e12c2c;}

/*
#btm_contact2 {
z-index: 9991;
position: fixed !important;

bottom: 0px;
width: 100%;
}

#btm_contact2 table{
width: 100%;
}

#btm_contact2 td {
border-top:1px solid #fff;
vertical-align: middle;
width:40%;
}

#btm_contact2 td:first-child {
border-left:none;
}

#btm_contact2 td a{
display: block;
padding: 5px 4px 4px;
}

#btm_contact2 td img{
vertical-align: middle;
height:46px;
}

#btm_contact td. td.tel,
#btm_contact2 td.tel a{
background: #1e9db5;
}


#btm_contact2 td.form,
#btm_contact2 td.form a{
background: #e58f00;
}

#btm_contact2 td.page {
border-top:none;
display: inline-block;
position: absolute;
top: -40px;
right:10px;
width:30px;
height:30px;
}

#btm_contact2 td.page a{
background: rgba(0,0,0,0.8);
width:30px;
height:30px;
padding:0;
box-shadow:0px 0px 2px 0px #fff;
}

#btm_contact2 td.page a img{
width:28px;
vertical-align: middle;
height:auto;
}

#btm_contact2 td.line {
width:20%;
background: #00b900;
}

#btm_contact2 td.line a{
background: #00b900;
}*/


/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/


header {
top:0;
/*position: fixed;*/
z-index: 99999;
background: #fff;
width:100%;
/*height:55px;*/
}

/*----------------------------------------------------
	#box1000（背景/ページ横幅）
----------------------------------------------------*/

#container{
text-align:center;
overflow:hidden;
}

/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/

#main{
padding-top:63px;
}

#contents {
	/zoom: 1;
	margin-bottom: 10px;
	
clear:both;
}

.box1000{
width:100%;
margin-left:auto;
margin-right:auto;
}

.box96{
width:96%;
margin-left:auto;
margin-right:auto;
}

.box90{
width:90%;
margin-left:auto;
margin-right:auto;
}


/*
.color02 .stit_btm{border-bottom: 2px solid #434343;}
.color03 .stit_btm{border-bottom: 2px solid #e12c2c;}


#job_list .stit_btm{
margin-bottom: 0px;
}*/

.stit_btm.em span,
.stit_btm.em2 span{
color:#004087;
}

.color02 .stit_btm.em span,
.color02 .stit_btm.em2 span{
color:#434343;
}

.color03 .stit_btm.em span,
.color03 .stit_btm.em2 span{
color:#e12c2c;
}

.stit_btm{
letter-spacing: 1px;
font-size:24px;
/*border-bottom: 2px solid #313131;*/
padding-top: 15px;
padding-bottom: 12px;
position: relative;
margin:0 auto 35px;
width:92%;
}

.stit_f{
letter-spacing: 1.6px;
font-size:24px;
padding-top: 15px;
padding-bottom: 17px;
position: relative;
margin: 0 auto 45px;
}


.w94sp .stit_btm,
.w94sp .stit_f{
width:100%;
}

.stit_btm.pt{
padding-top: 25px;
}



/*
.stit_f:before{
display: block;
content: "";
width:22px ;
height: 18px;
bottom:-18px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img2/common/sp/fuki_b.png) 50% bottom no-repeat;
background-size: 22px auto !important;
}*/

.stit_f.bg_b{
color:#fff;
/*border-bottom: 2px solid #fff;*/
}

.stit_btm:before,
.stit_f:before{
display: block;
content: "";
width:100% ;
height: 20px;
bottom:-19px;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img2/common/sp/fuki_b.png) 50% 50% no-repeat;
background-size: auto 19px !important;
}

.stit_f.bg_b:before{
background: url(/img2/common/sp/fuki_w.png) 50% bottom no-repeat;
}

/*
.color02 .stit_f.bg_b:before {
background: url(/img2/common/sp/color02/fuki_w.png) 50% bottom no-repeat;}

.color03 .stit_f.bg_b:before {
background: url(/img2/common/sp/color03/fuki_w.png) 50% bottoms no-repeat;}

*/
/*
.stit_f.bg_g:before{
background: url(/img2/common/sp/fuki_g.png) 50% bottom no-repeat;
}*/

/*
.bg_gray .stit_btm:before,
.stit_btm.bg_g:before,
.stit_f.bg_g:before{
background: url(/img2/common/sp/fuki_g.png) 50% 50% no-repeat;
}*/




#form_box h2.stit_btm{
border-bottom: none;
}

#form_box h2.stit_btm:before{
display: none;
}

.color02 .stit_btm:after{color:#434343;}
.color03 .stit_btm:after{color:#e12c2c;}

.stit_bb{
font-weight: normal;
color:#004087;
font-weight: bold;
border-bottom: 2px solid #004087;
font-size:18px;
margin-bottom: 20px;
letter-spacing: 1px;
text-align: center;
padding: 5px 24px;
}

.color02 .stit_bb{color:#434343;border-bottom: 2px solid #434343}
.color03 .stit_bb{color:#e12c2c;border-bottom: 2px solid #e12c2c}

.stit_rad{
color:#004087;
border-top: 2px solid #004087;
border-bottom: 2px solid #004087;
font-size:19px;
line-height: 2.2;
margin-bottom: 19px;
vertical-align: middle;
}

.color02 .stit_rad{
color:#434343;
border-top: 2px solid #434343;
border-bottom: 2px solid #434343;}

.color03 .stit_rad{
color:#e12c2c;
border-top: 2px solid #e12c2c;
border-bottom: 2px solid #e12c2c;}

.stit_rad img{
vertical-align: middle;
padding-right: 10px;
height:28px;
padding-bottom: 3px;
}

#main li{
position: relative;
}

#main li span{
display: block;
}

#main li .tit{
font-weight:bold;
}

li a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 999999;
}

li a.more:hover{
background-color: rgba(255,255,255,0.2);
}


/*----------------------------------------------------
	#breadcrumb
----------------------------------------------------*/

#breadcrumb{
border-top:1px solid #e7e7e7;
background: #f2f2f2;
text-align:left;
padding: 5px 8px;
letter-spacing: 0.5px;
line-height: 1.5;
font-size:10px;
}

#breadcrumb ul li{
display:inline;
font-size:12px;
}

#breadcrumb ul li span{
color:#333;
font-weight: bold;
display: inline;
}

#breadcrumb ul li{
color:#333;
}

#breadcrumb ul li a{
color:#00479d;

}

/*----------------------------------------------------
	job-offer 募集要項ページ
----------------------------------------------------*/

.bg_seminar{
background: #fdd498;
padding: 7px 0;
}

.bnr_seminar{
margin: 0 auto;
width:92%;
background: #fdd498;
}

.bnr_seminar a{
background: url(/img/common/arrow_seminar.jpg) 99% 50% no-repeat  #fafafa;
background-size: auto 17px;
display: block;
font-weight: bold;
color:#eb6100;
font-size: 18px;
line-height:45px;
padding-top: 2px;
position: relative;
padding-right: 10px;
text-align: center;
border: 2px solid #eb6100;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.bnr_seminar a:hover{
opacity: .8.5;
text-decoration: none;
}

.bnr_seminar a img{
vertical-align: middle;
height:45px;
padding: 3px 10px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.bnr_seminar a img{
vertical-align: middle;
height:40px;
padding: 3px 10px;
}

}

/*
.bnr_seminar a:before {
display: block;
content: "";
height: 50px;
width: 60px;
top: 0;
left: 15%;
right: ;
margin: auto;
position: absolute;
background: url(/img/common/icon_sminar.jpg) left 50% no-repeat;
background-size: 50px auto ;
}


#recruit.detail #job_list{
margin-top: 0px;
}*/

#job_detail_intro p.txt01{
margin-bottom: 20px;
}

#job_detail_intro .tit_wrap{
padding: 10px 3%;
}

#job_detail_intro .tit_wrap p.icon{
margin-bottom: 10px;
line-height: 1.5;
letter-spacing: 0;
}

#job_detail_intro .tit_wrap .icon span{
display: inline-block;
font-size:11px;
color: #004087;
border: 1px solid #004087;
text-align: center;
margin-right: 5px;
padding: 0px 6px;
min-width: 7em;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 #job_detail_intro .tit_wrap .icon span{
color:#666;
border: 1px solid #666;
}
.color03 #job_detail_intro .tit_wrap .icon span{
color:#e12c2c;
border: 1px solid #e12c2c;
}

/*
.job-offer .sub_txt{
font-size:14px;
font-weight: bold;
text-align: left;
margin: -5px 0 0;
padding: 0px 0 4px;
}*/


#job_detail_intro .tit_wrap .sub_txt{
line-height: 1.4;
border-left: 5px solid #004087;
padding: 0px 0 6px 11px;
font-size:14px;
font-weight: bold;
text-align: left;
line-height: 1.1;
}

#job_detail_intro .tit_wrap h1{
font-size:18px;
border-left:5px solid #004087;
padding:0px 0 0px 10px;
line-height:1.4;
}

.color02 #job_detail_intro .tit_wrap .sub_txt,
.color02 #job_detail_intro .tit_wrap h1{border-left:5px solid #434343;}

.color03 #job_detail_intro .tit_wrap .sub_txt,
.color03 #job_detail_intro .tit_wrap h1{border-left:5px solid #e12c2c;}

#job_detail_intro #main_img{
width: 100%;
position: relative;
text-align: center;
margin-bottom: 20px;
}

#job_detail_intro .slider01{
}

#job_detail_intro .slider01 li{
display: block;
text-align: center;
background: #f7f7f7;
overflow: hidden;
vertical-align: middle;
}

#job_detail_intro .slider01 li .img{
height: 0px;
padding-top: 56.25%;
width:100%;
background: #f7f7f7;
display: block;
overflow: hidden;
position: relative;
}

#job_detail_intro .slider01 li iframe,
#job_detail_intro .slider01 li img{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin: auto;
z-index: 999;
max-width: 100%;
max-height: 100%;
}

/*
#job_detail_intro .slider01 li .fluid-width-video-wrapper{
padding-top:0 !important;
}

#job_detail_intro .slider01 li .fluid-width-video-wrapper {
    top: 0;
    width:100%;
    position: relative;
}

#job_detail_intro .slider01 li .fluid-width-video-wrapper iframe{
display: block;
height:100%;
width:100%;
top: 0;
left: 0;
position: absolute;
}
*/




#job_detail_intro .slider01 li .fluid-width-video-wrapper {
    top: 0;
    position: absolute;
 /*   padding: 0;*/
}

#job_detail_intro .slider01 li .fluid-width-video-wrapper iframe{
display: block;
height:100%;
width:100%;
top: 0;
left: 0;
position: absolute;
z-index: 999;	
}

.custom-thumb{
display: inline-block;
margin: 5px auto 0px;
width:99%;
}

.custom-thumb a{
/*
width:18%;
height:0;
background: #f7f7f7;
padding-bottom: 75%;
*/
width:60px;
height:38px;
display: inline-block;
position: relative;
margin: 0 3px;
border: 1px solid #e6e6e6;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
.custom-thumb a{
width:53px;
height:32px;
}

}

.custom-thumb a.active{
border: 3px solid #5787b4;
}

.color02 .custom-thumb a.active{border: 3px solid #666;}
.color03 .custom-thumb a.active{border: 3px solid #ec6a51;}

.custom-thumb a img{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
z-index: 999;
max-width: 100%;
max-height: 100%;
height:auto;
}

.custom-thumb a i img{
z-index: 9999;
width:22px;
height:22px;
}

#job_detail_intro #main_img h2{
background: #2d2d2d;
color:#fff;
padding: 10px 5% 8px;
font-size:15px;
line-height: 1.6;
display: inline-block;
}

#job_detail_intro h3.read{
font-size:17px;
margin: 0 auto 15px;
}

#job_detail_intro{
margin-bottom: 20px;
}

#job_detail_intro .w94sp blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
    margin-bottom: 15px;
}

#job_detail_intro .w94sp blockquote:before{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 25px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

#job_detail_intro .w94sp blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

#job_detail_intro .w94sp blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

#job_detail_intro .w94sp p{
margin-bottom: 1em;
}

#job_detail_intro .w94sp iframe{
aspect-ratio:16 / 9;
max-width: 100%;
width:100%;
height:100%;
}

#job_detail_intro .w94sp h1{
font-size:24px;
margin-bottom: 15px;
}

#job_detail_intro .w94sp h2{
font-size:22px;
margin-bottom: 12px;
}

#job_detail_intro .w94sp h3{
font-size:20px;
margin-bottom: 10px;
}

#job_detail_intro .w94sp h4{
font-size:18px;
margin-bottom: 10px;
}

#job_detail_intro .w94sp h5{
font-size:17px;
margin-bottom: 10px;
}

#job_detail_intro .w94sp h6{
font-size:16px;
margin-bottom: 8px;
}

#job_detail_intro .w94sp ul{
margin: 1em 0;
}

#job_detail_intro .w94sp ol{
padding-left: 40px;
margin: 1em 0;
list-style-type: decimal !important;
}

#job_detail_intro .w94sp ol li{
list-style-type: decimal !important;
}

#job_detail_intro .w94sp ul li{
padding-left:1.2em;
position: relative;
}

#job_detail_intro .w94sp ul li:before {
display: block;
content: "";
top:10px;
left: 5px;
margin: auto;
position: absolute;
width: 6px;
height: 6px;
background-color: #333;
border-radius: 100%;
}


.work_sec{
margin-bottom: 40px;
}

.work_sec h3.txt24{
font-size:17px;
text-align: left;
line-height:1.4;
margin-bottom: 15px;
}

#vision.work_sec h3.txt24{
padding-top: 5px;
margin-bottom: 10px;
}

.work_sec p{
text-align: left;
}

#yarigai.work_sec article{
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 20px;
}

#flow.work_sec{
margin-bottom: 0;
}

#flow.work_sec td.img{
text-align: center;
background: #f7f7f7;
}

#flow.work_sec td.img img{
max-height: 250px;
}

#flow.work_sec table{
text-align: left;
}

#flow.work_sec table{
width: 94%;
display: block;
margin: 0 auto;
}

#flow.work_sec table tr,
#flow.work_sec table tbody{
display: block;
width: 100%;
}

#flow.work_sec table td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#flow.work_sec table td.txt{
padding-bottom: 30px;
padding-top: 20px;
}

#flow.work_sec table .time{
font-size:16px;
vertical-align: middle;
color: #004087;
font-weight: bold;
}

.color02 #flow.work_sec table .time{color:#434343;}
.color03 #flow.work_sec table .time{color:#e12c2c;}

#flow.work_sec table .time i img{
vertical-align: middle;
padding-bottom:5px;
padding-right: 8px;
}

#flow.work_sec table h3.stit{
font-size:18px;
margin-bottom: 5px;
}

.work_sec article .box01{
  display: flex;
  flex-flow: column nowrap;
}

.work_sec article img{
/*max-height: 280px;*/
}

article.work_sec .img,
.work_sec article .img{
text-align: center;
display: block;
}

.work_sec article .img_r .imgfr {
  order: 1;
}

.work_sec article .img_r .txt02 {
  order: 2;
}

table.nenshu{
width:94%;
margin: 0 auto 20px;
letter-spacing: 0.5px;
}

.color02 table.nenshu th{background:#434343;}
.color03 table.nenshu th{background:#e12c2c;}

table.nenshu th{
background: #004087;
color:#fff;
width:5em;
font-size:14px;
line-height: 2.6em;
vertical-align: middle;
border-bottom: 1px solid #004087;
}

table.nenshu td{
background: #eee;
vertical-align: middle;
text-align: left;
color: #004087;
line-height:1.4;
padding: 5px 10px;
border-top: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
}

.color02 table.nenshu td{color:#434343;}
.color03 table.nenshu td{color:#e12c2c;}

table.nenshu td span{
font-size:120%;
font-weight: bold;
} 

.table_wrap{
position: relative;
overflow: hidden;
padding: 10px 4%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.table_detail {
text-align:left;
font-size:15px;
width: 100%;
display: block;
margin:0 auto 50px;
}

.table_detail tr,
.table_detail tbody{
display: block;
width: 100%;
}

.table_detail th{
font-size:13px;
font-weight: bold;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
color: #004087;
padding: 12px 0px 0;
}

.color02 .table_detail th{color:#434343;}
.color03 .table_detail th{color:#e12c2c;}

.table_detail td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 2px 0px 9px;
border-bottom: 1px solid #ccc;
}

.grad-wrap {
  position: relative;
}

.grad-btn {
z-index: 999;
  position: absolute;
  right: 0;
  bottom:  40px;
  left: 0;
/*font-style: italic;
background: url(/img/common/arrow_readmore.png) 92% 50% no-repeat #fff;
line-height:42px;
font-size:16px;
letter-spacing: 2px;*/
width:210px;
margin:30px auto 0;
border: 3px solid #333;

}

.grad-btn:hover {
background: url(/img/common/arrow_readmore.png) 92% 50% no-repeat #f7f7f7;
}

.grad-item {
  position: relative;
  overflow: hidden;
  height: 460px; /*隠した状態の高さ*/
}
.grad-item::before {
z-index: 99;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px; /*グラデーションで隠す高さ*/
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}

.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.btn_form02{
padding: 10px 5% 30px;
}

.box1000 .btn_form02{
padding: 10px 5% 30px;
}

.work_sec article.box02{
  /*display: flex;*/
}

.work_sec article.box02 .img{
max-width: 40%;
min-width:32%;
padding-right: 10px;
}

#co_info.work_sec{
padding-top: 0;
}

.free .work_sec{
overflow: hidden;
margin-bottom: 20px;
}

.free .work_sec article,
#vision.work_sec article,
#co_info.work_sec article{
margin-bottom: 25px;
}

#co_info.work_sec p.img02{
margin-bottom: 10px;
}

.work_sec h3.co_name{
text-align: center;
padding:10px 5px 0;
}

article.work_sec .img img,
.work_sec article .img img{
margin-bottom: 10px;
}

.work_sec article#beginner {
border: 2px solid #009944;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
background: #f7ffe4;
padding: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.work_sec article#beginner h3{
color:#009944;
font-size:19px;
line-height: 42px;
margin-bottom: 15px;
vertical-align: middle;
}

.work_sec article#beginner h3 i{
padding-right: 10px;
}

.work_sec article#beginner h3 i img{
vertical-align: middle;
width:26px;
height:auto;
}


@media screen and (max-width: 320px) {/*-----------------------------*/
.work_sec article#beginner h3{
font-size:18px;
letter-spacing: 0px;
}

.work_sec article#beginner h3 i{
padding-right: 7px;
}
}

.work_sec .txt_jisseki{
font-weight: bold;
font-size:15px;
line-height: 1.7;
}

.work_sec .clm4 {
margin:15px auto 20px;
overflow: hidden;
}

.work_sec .clm4 li{
float:left;
text-align: left;
width:48%;
margin-bottom: 20px;
font-size:13px;
line-height: 1.3;
}

.work_sec .clm4 li:nth-child(odd){
clear:both;
float:left;
}

.work_sec .clm4 li:nth-child(even){
float:right;
}

.work_sec .clm4 li .img{
display: block;
position: relative;
width:100%;
height: 0 ;
padding-top: 75%;
background: #f7f7f7;
margin-bottom: 6px;
}

.work_sec .clm4 li .img img{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
z-index: 999;
max-width: 100%;
max-height: 100%;
width:auto;
}

.work_sec ul.arrow_p{
text-align: left;
}

.work_sec ul.arrow_p li{
position: relative;
font-weight:bold;
font-size:17px;
line-height: 1.5;
background: url(/img/common/arrow_person.png) 0 6px no-repeat ;
background-size:16px auto;
padding-left: 22px;
padding-bottom: 8px;
margin-bottom: 8px;
}
.color02 .work_sec ul.arrow_p li{
background: url(/img/common/color02/arrow_person.png) 0 6px no-repeat ;
background-size:16px auto;
}
.color03 .work_sec ul.arrow_p li{
background: url(/img/common/color03/arrow_person.png) 0 6px no-repeat ;
background-size:16px auto;
}

.work_sec ul.arrow_p li:after {
display: block;
content: "";
height: 2px;
width: 100%;
bottom: 0 ;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: url(/img/common/dot.gif) left bottom repeat-x ;
}

.work_sec ul.arrow_p li:last-child:after {
content: none;
}

/*--------------- 募集している求人一覧 ---------------*/

/*
#job_cate{
padding-top: 10px;
}*/

select#select01  {
margin: 0 auto;
max-width:80%;
min-width: 230px;
color:#666;
cursor: pointer;
position: relative;
-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
background: url(/img2/common/select_arrow.png) no-repeat right 50% #fff;
background-size:40px auto;
line-height: 2;
font-size: 16px!important;
vertical-align: middle;
border:none;
padding: 4px 50px 4px 20px;
border:1px solid #3e3e3e;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}

#job_list{

max-width: 100%;
padding-bottom: 1px;
padding-top: 25px;
}


/*

.job_list_wrap{
overflow: hidden;
}

.job_list_wrap article.new .in_box,
.job_list_wrap article.new{
background: #fff0fa;
}

.job_list_wrap article{
margin:0 auto 8px;
overflow: hidden;
width:92%;
padding: 22px 4% 0;
}

.job_list_wrap article .img{
display: block;
position: relative;
width:36%;
float: left;
background: #fff;
margin-top: 5px;
}
.job_list_wrap article .yoko{
width:60%;
float: right;
}

.job_list_wrap article .img img{
position: relative;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
z-index: 999;
max-width: 100%;
max-height: 100%;
width:auto;
}

.job_list_wrap article .in_box{
letter-spacing: 0;
text-align: left;
font-size:14px;
background: #fff;
}

.job_list_wrap article .cate span{
display: inline-block;
line-height: 1.3;
color:#0068b7;
background: #fff;
border: 1px solid #0068b7;
font-size:12px;
padding: 1px 3px;
margin: 0 4px 3px 0px;
}

.color02 .job_list_wrap article .cate span{
color:#a0a0a0;
border: 1px solid #a0a0a0;
}
.color03 .job_list_wrap article .cate span{
color:#e12c2c;
border: 1px solid #e12c2c;
}

.job_list_wrap article .cate{
padding-bottom: 1px;
}

.job_list_wrap article .tit i{
margin-top: -2px;
vertical-align:middle;
color:#e60012;
font-style: normal;
display: inline-block;
background: #fff;
border: 1px solid #e60012;
font-size:13px;
letter-spacing: 2px;
font-weight: bold;
line-height: 1.2;
padding: 2px 4px 1px 6px;
margin-right: 5px;

}

.job_list_wrap article .tit{
border-bottom: 1px solid #d2d2d2;
padding-bottom: 8px;
display: block;
margin-bottom: 12px;
margin-top: 4px;
font-size:18px;
line-height: 1.4;
font-weight: bold;
position:relative;
}

.job_list_wrap article .tit h3{
display: inline;
}

.job_list_wrap article .tit:before {
display: block;
content: "";
height: 4px;
width: 100px;
bottom:-2px ;
left:0 ;
margin: auto;
position: absolute;
background: #004087;
}

.color02 .job_list_wrap article .tit:before{background:#a0a0a0;}
.color03 .job_list_wrap article .tit:before{background:#e12c2c;}

.job_list_wrap article .type{
position: relative;
clear:both;
padding-bottom: 4px;
}

.job_list_wrap article .type i{
color:#fff;
letter-spacing: 2px;
line-height: 1.4;
font-style: normal;
display: inline-block;
font-size:12px;
padding: 0 5px;
margin-right: 8px;
float:left;
transform: skewX(-10deg); 
}

.job_list_wrap article .type1 i{
background: #3e8e13;
border: 1px solid #3e8e13;
}

.job_list_wrap article .type2 i{
background: #0068b7;
border: 1px solid #0068b7;
}

.job_list_wrap article .type span{
padding-left: 3.5em;
display: block;
line-height: 1.4;
}

.job_list_wrap article li span{
font-size:85%;
}

.job_list_wrap article li span.txt_s{
display: block;
}

.job_list_wrap article .txt_link{
display: none;

}

.job_list_wrap article .txt_link a{
color:#004087;
}

.color02 .job_list_wrap article .txt_link a{color:#434343;}
.color03 .job_list_wrap article .txt_link a{color:#e12c2c;}

.job_list_wrap article .btn{
padding-top: 15px;
padding-bottom: 25px;
clear: both;
border-bottom: 1px solid #ccc;
}

.job_list_wrap article.new .btn{
border-bottom: none;
}*/

#job_category.pt40{
padding-top: 0;
}

#job_category dl{
display: block;
border: 1px solid #707070;
padding: 13px;
width:90%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
margin: 0 auto 30px;
text-align: left;
}

#job_category dl dt{
display: block;
width:4em;
float: left;
clear:both;
letter-spacing: 0.5px;
}

#job_category dl dd{
padding-left:3.4em;
}

#job_category dl dd a{
color:#1d5e9a;
}

.color02 #job_category dl dd a{color:#a0a0a0;}
.color03 #job_category dl dd a{color:#e12c2c;}


.pagenavi{
font-size:0px;
overflow: hidden;
margin:20px auto 0;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
vertical-align: middle;
border-top: 1px solid #c9c9c9;
padding-top: 25px;
}

.pagenavi span{
font-size:15px;
vertical-align: middle;
display: inline-block;
border:1px solid #004087;
margin: 0 3px 10px;
}

.color02 .pagenavi span{border:1px solid #434343;}
.color03 .pagenavi span{border:1px solid #e12c2c;}

.pagenavi a{
position: relative;
display: inline-block;
line-height: 30px;
padding: 0 10px;
background: #fff;
color: #004087;
height:32px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 .pagenavi a{color: #434343;}
.color03 .pagenavi a{color: #e12c2c;}

.pagenavi a:hover,
.pagenavi .current{
display: inline-block;
color:#fff;
height:32px;
line-height: 30px;
padding: 0 10px;
background: #004087;
}

.pagenavi .prev{
font-size:14px;
display: inline-block;
margin-right: 13px;
}

.pagenavi .next{
font-size:14px;
display: inline-block;
margin-left: 13px;
}

.pagenavi .prev a:before{
display: block;
content: "";
margin: auto;
position: absolute;
left: 6px;
top:0;
bottom:0;
width: 4px;
height: 4px;
border-top: 2px solid #004087;
border-right: 2px solid #004087;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.pagenavi .next a:before{
display: block;
content: "";
margin: auto;
position: absolute;
right: 6px;
top:0;
bottom:0;
width: 4px;
height: 4px;
border-top: 2px solid #004087;
border-right: 2px solid #004087;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.color02 .pagenavi .prev a:before,
.color02 .pagenavi .next a:before{
border-top: 2px solid #434343;
border-right: 2px solid #434343;}

.color03 .pagenavi .prev a:before,
.color03 .pagenavi .next a:before{
border-top: 2px solid #e12c2c;
border-right: 2px solid #e12c2c;}

.pagenavi .prev a:hover,
.pagenavi .prev a{
padding: 1px 8px 0 16px;
}

.pagenavi .next a:hover,
.pagenavi .next a{
padding: 1px 16px 0 8px;
}

.pagenavi .next a:hover:before,
.pagenavi .prev a:hover:before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.color02 .pagenavi a:hover,
.color02 .pagenavi .current{background:#434343;}
.color03 .pagenavi a:hover,
.color03 .pagenavi .current{background:#e12c2c;}

.pagenavi a:hover{
text-decoration: none !important;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

/*----------------------------------------------------
	form
----------------------------------------------------*/

#form_box{
padding: 0px 0px 0px;
}

#entry #form_box{
margin-bottom: 30px;
}


#form_box h2{
width:100%;
position: relative;
font-size:16px;
color:#fff;
padding: 8px;
background:#e28f06;
letter-spacing: 2px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
margin-bottom: 30px;
}

#form_box h2:after {
display: block;
content: "";
height: 20px;
width:100% ;
bottom:-20px ;
left:0 ;
right: 0;
margin: auto;
position: absolute;
background: url(../img/job-offer/arrow_orange.jpg) 50% top no-repeat;
background-size:auto 14px;
}

#form_box .step{
margin-bottom: 30px;
text-align: center;
}

#form_box .step img{
max-width: 270px;
}

#form_box p{
text-align: left;
font-size:14px;
width:94%;
margin-left:auto;
margin-right:auto;
}

#form_box #form_box #tabBoxes{
/*border: 1px solid #bdbdbd;*/
background: #f7f7f7;
}

#form_box #tabBoxes.detail .content{
border: 1px solid #bdbdbd;
margin-top: -1px;
}

#form_box #tabBoxes.thanks,
#form_box #tabBoxes.confirm{
border: 1px solid #bdbdbd;
padding: 1px;
border-left: none;
border-right: none;
}

#form_box #tabBoxes.thanks .content ,
#form_box #tabBoxes.confirm .content {
border-top:5px solid #e28f06;
padding-top: 20px;
}

#form_box .tabs {
width:85%;
margin: 0 auto;
z-index: 999px;
}

#form_box .tabs li{
width:50%;
float:left;
font-size:16px;
line-height: 36px;
background: #eee;
padding: 1px;
border-left: 1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
border-top:1px solid #bdbdbd;

-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box .tabs li a{
display: block;
border-top:5px solid #eee;
}

#form_box .content{
padding: 10px;
}

#form_box .tabs li.active{
/*background: #fff;*/
background: #f7f7f7;
border-bottom:1px solid #f7f7f7;
}

#form_box .tabs li.active a {
border-top:5px solid #e28f06;
}

#form_box .form_wrap{
padding: 35px 35px 0;
background: #fff;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box table.table_form{
width:100%;
font-size:15px;
letter-spacing: 1px;
margin-bottom: 10px;
text-align: left;
display: block;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#form_box table.table_form tr,
#form_box table.table_form tbody{
display: block;
width: 100%;
}

#form_box table.table_form th{
display: block;
font-size:13px;
width: 100%;
color:#707070;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 6px 5px 2px;
font-style: italic;
text-align: left;
}

#form_box table.table_form td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 5px 5px 8px;
}

#form_box .table_form th .txts{
display: block;
font-size:14px;
color:#333;
text-align: left;
}

#form_box .table_form th .must{
color: #fff;
font-weight: normal;
font-size:12px;
background: #bf0000;
padding: 2px 5px;
line-height: 1.5:
display: inline-block;
}

#form_box .table_form th .txt_red{
color:#bf0000;
display: inline-block;
font-style:normal;
font-size:13px;
padding-left: 10px;
}

#form_box .table_form td .date_wrap .txt{
font-size:13px;
font-weight: bold;
font-style: italic;
color:#707070;
}

.confirm #form_box .table_form td .date_wrap .txt{
font-style: normal;
color:#333;
font-size:14px;
}

.confirm #form_box table td{
font-weight:bold;
}

#form_box .table_form td .date_wrap input {
    width: 65%;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
#form_box .table_form td .date_wrap input {
    width: 11.2em;
}

}

span.calender {
    display: inline-block;
    background: url(/img/job-offer/icon_calendar.jpg) no-repeat;
    background-size: 100% auto;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
}

#form_box table td input[type="text"]{
width:100%;
}

#form_box table td textarea{
width:100%;
height:8em;
}

#form_box table td input[type="text"],
#form_box table td textarea{
font-size:15px;
padding:4px 2%;
border: 1px solid #bdbdbd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size:14px;
  font-style: italic;
}
::-moz-placeholder {
  font-size:14px;
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
  font-size:14px;
  font-style: italic;
}

#form_box .confirm table th{
font-weight:normal;
}

#form_box .confirm table td{
font-weight:bold;
}

#form_box .submit{
text-align: center;
}

#form_box .btn input{
display:inline-block;
color: #fff;
letter-spacing: 0.5px;
text-align: center;
margin: 0 auto 20px;
text-align:center;
border: none;
border-radius: 0;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
cursor:pointer;
}

#form_box .submit input,
#form_box .submit02 input{
padding: 12px 5px;
width: 170px;
font-size: 17px;
background: #e28f06;
}

#briefing #form_box .submit input,
#briefing #form_box .submit02 input{
background: #32b16c;
}

#form_box .btn input:hover{
opacity: .8;
}

#form_box .back input{
background:#666;
margin-top: 4px;
padding-left: 10px;
text-align:center;
padding: 10px 4px;
width: 150px;
font-size: 16px;
}

#form_box .back{
display:block;
float:left;
width:46%;
text-align:right !important;
}

#form_box .submit02{
display:block;
float:right;
width:52%;
text-align:left !important;
}

.thanks h4{
font-size:19px;
margin-bottom: 20px;
}

#tabBoxes.thanks .content{

}
.thanks p{
color:#707070;
}

.thanks p.btn02{
text-align: center;
}

.thanks p.btn02 a{
display: block;
text-align: center;
line-height:36px;
font-size:17x;
letter-spacing: 2px;
width:230px;
margin:20px auto;
border: 2px solid #333;
background: #fff;
}

.thanks p.btn02 a:hover{
text-decoration: none!important;
opacity: .8;
background: #f7f7f7;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
/*--------------- 経営理念 ---------------*/

#outline article#rinen{
margin-bottom: 50px;
}

#outline article#aisatsu{
margin-bottom: 50px;
}

#outline article .img02 img{
padding-bottom: 10px;
}

#outline #tabBoxes .content{
border-top: 1px solid #bdbdbd;
margin-top: -1px;
}

#outline .content{
padding:20px 10px;
border-top:5px solid #e28f06;
padding-top: 20px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#outline #tabBoxes{
padding-top: 15px;
}

#outline .tabs {
width:90%;
margin: 0 auto;
z-index: 999;
}

#outline .tabs li{
width:50%;
float:left;
font-size:16px;
line-height: 36px;
background: #eee;
border-left: 1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
border-top:1px solid #bdbdbd;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#outline .tabs li a:hover{
text-decoration: none;
border-top:4px solid #004087;
background: #fff;
}

#outline .tabs li a{
display: block;
border-top:4px solid #eee;
}

#outline .tabs li.active{
background: #fff;
border-bottom:1px solid #fff;
}

#outline .tabs li.active a {
border-top:4px solid #004087;
}

#outline.color02 .tabs li a:hover,
#outline.color02 .tabs li.active a {
border-top:4px solid #434343;
}

#outline.color03 .tabs li a:hover,
#outline.color03 .tabs li.active a {
border-top:4px solid #e12c2c;
}

#outline .table_wrap2{
position: relative;
overflow: hidden;
padding: 10px 0;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#outline .table_outline {
text-align:left;
font-size:15px;
width: 100%;
display: block;
margin:0 auto 10px;
}

#outline .table_outline tr,
#outline .table_outline tbody{
display: block;
width: 100%;
}

#outline .table_outline th{
font-size:13px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
color: #707070;
background: #e9f3ff;
padding: 4px 2% 3px;
}

#outline .table_outline td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 6px 2% 5px;
}

#access_map dl{
text-align: left;
}

#access_map dl dt{
color: #707070;
padding-top: 6px;
margin-left: -0.5em;
}

#access_map{
margin-bottom: 10px !important;
}


.map_wrap{
display: block;
height:0;
padding-top:67%;
position: relative;
overflow: hidden;
}

.map_wrap iframe{
display: block;
height:100%;
width:100%;
top: 0;
left: 0;
position: absolute;
}

#outline02 ul.clm2 {
margin: 0 auto 20px;
width:98%;
overflow: hidden;
}

#outline02 .clm2 li{
margin-bottom: 20px;
}

#outline02 .clm2 li h4{
font-size:17px;
line-height: 1.6;
text-align: left;
margin-bottom: 10px;
padding-top: 5px;
color:#707070;
}

#tuyomi.work_sec{
margin-bottom: 0;
}

/*--------------- 会社説明会 ---------------*/

.free h3.txt20,
#briefing h3.txt20{
font-size:16px;
text-align: left;
margin-bottom: 10px;
}

#briefing01 article{
margin-bottom: 20px;
}

#schedule .txt02 {
    margin: 10px auto 0px;
}

/*0220追記*/

.free .work_sec .box02,
.briefing_box .box02{
overflow: hidden;
}

.free .work_sec{
width: 92% !important;
margin-left: auto;
margin-right: auto;
}

.free .work_sec .box02 .img,
.briefing_box .box02 .img{
margin-bottom: 10px;
display: block;
}

.free .work_sec .box02 p,
.briefing_box .box02 p{
margin-bottom: 25px;
}

.free .work_sec.bb,
.briefing_box.bb{
border-bottom: 1px solid #bfbfbf;
margin-bottom: 20px;
}
/*0220追記*/



#schedule table{
width:100%;
}

#schedule table th{
background: #ececec ;
padding: 8px;
border: 1px solid #ccc;
vertical-align: middle;
}

#schedule table td a{
color:#00479d;
}

#schedule table td{
padding: 10px 8px;
border: 1px solid #ccc;
text-align: left;
}

.privacy_box h3{
font-size:16px;
margin-bottom: 10px;
}

.privacy_box {
letter-spacing: 0.5px;
}

.privacy_box .in_box{
overflow-y: scroll;
background: #fff;
height:10em;
padding: 15px 6px 15px 0;
margin-bottom: 30px;
}

.privacy_box .in_box::-webkit-scrollbar{ 
    width: 14px;
}
.privacy_box .in_box::-webkit-scrollbar-thumb{ 
    background: #959595;
    border-radius: 2px;
}
.privacy_box .in_box::-webkit-scrollbar-track-piece:start{
    background: #c2c2c2;
}
.privacy_box .in_box::-webkit-scrollbar-track-piece:end{
    background: #c2c2c2;
}

#briefing #form_box h2{
background:#32b16c;
}

#briefing #form_box h2:after{
background: url(../img/job-offer/arrow_green.jpg) 50% top no-repeat;
background-size:auto 14px;
}

/*----------------------------------------------------
	index
----------------------------------------------------*/

#index #intro{
text-align: left;
margin-bottom: 35px;
}

/*
#index #intro #top_img .img{
display: block;
width:100%;
position: relative;
overflow: hidden;
}

#index #intro #top_img .img img{
width:100%;
height:250px;
object-fit: cover;
}*/


#index #intro #top_img{
padding-bottom: 10px;
}

#index #intro .caption{
font-size:13px;
margin: 0 auto 15px;
background: #2d2d2d;
padding: 5px;
color:#fff;
text-align: left;
padding: 10px 5% 8px;
line-height: 1.6;
}

#index #intro .read{
font-size:17px;
margin: 0 auto 15px;
}


p.btn01 a{
display: inline-block;
text-align-last: center;
line-height:38px;
font-size:17px;
letter-spacing: 1px;
padding: 3px 30px;
margin:20px auto;
border: 2px solid #313131;
background: #fff;
}

/*
.color02 p.btn01 a{border: 2px solid #434343;}
.color03 p.btn01 a{border: 2px solid #e12c2c;}*/

p.btn01 a:hover{
text-decoration: none;
background: #f7f7f7;
}

#index #main_img{
width: 100%;
position: relative;
text-align: center;
margin-bottom: 20px;
}

#index .slider01{
}

#index .slider01 li{
display: block;
text-align: center;
vertical-align: middle;
}

#index .slider01 li .img{
height: 0px;
padding-top: 54.4%;
width:100%;
background: #333;
display: block;
overflow: hidden;
position: relative;
}

#index .slider01 li img{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin: auto;
z-index: 999;
max-width: 100%;
max-height: 100%;
}


.btn_bookmark{
margin-bottom: 30px;
background: #f3f3f3;
text-align: center;
padding: 8px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.btn_bookmark li{
display: inline-block;
padding: 0 2px;
}

.btn_bookmark li img{
height:30px;
vertical-align: top;
}

.btn_bookmark li a:hover img{
-webkit-transition: all .4s linear;
transition: all .4s linear;
opacity: .8;
}
/*

.btn_bookmark .btn_copy a,
.btn_bookmark .copy_btn{
vertical-align: top;
letter-spacing: 0.6px;
display: inline-block;
background: #fff;
border: 1px solid #c9c9c9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 30px;
height: 30px;
width:130px;
text-align: left;
font-weight: bold;
font-size:13px;
padding-left: 30px;
background:  url(/img/job-offer/icon_url.png) 13px 50% no-repeat #fff;
background-size: 13px auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}
*/
.btn_bookmark .btn_bm{
display: none;
}


/*----------------------------------------------------
	footerナビ
----------------------------------------------------*/

#link_box{
width: 97%;
margin: 30px auto 10px;
}

#index #link_box{
margin: 30px auto 50px;
}

#link_box .link01{
margin:0 auto 0px;
overflow: hidden;
overflow: hidden;
display: flex; /* 子要素をflexboxで揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#link_box .link01 .box{
border: 2px solid #0f5593;
background: #fafafa;
width:23%;
margin: 0 1% 6px;
/*float:left;*/
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
font-size:12px;
}

.color02 #link_box .link01 .box{border: 2px solid #434343;}
.color03 #link_box .link01 .box{border: 2px solid #e12c2c;}

#link_box .link01 .box a img{
max-width:45px;
padding-bottom: 5px;
}

#link_box .link01 .box span{
display: block;
width:100%;
border-top:1px solid #0f5593;
color:#0f5593;
padding-top: 7px;
font-weight: bold;
letter-spacing: 0.7px;
}

.color02 #link_box .link01 .box span{
border-top:1px solid #434343;
color: #434343;}
.color03 #link_box .link01 .box span{
border-top:1px solid #e12c2c;
color: #e12c2c;}

#link_box .link01 .box a{
display: block;
letter-spacing: 0;
background: #fafafa;
text-align: center;
padding: 12px 5px 12px;
line-height: 1.4;
}

@media screen and (max-width: 320px) {/*-----------------------------*/

#link_box .link01 .box a{
padding: 10px 2px;
letter-spacing: -0.5px;
font-size:11px;
}

}

#link_box .box a:hover{
background: #fff;
opacity: .8;
color:#3d73a6;
text-decoration: none;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

#link_box .link02{
margin: 0 ;
overflow: hidden;
display: flex; /* 子要素をflexboxで揃える */
flex-wrap: wrap;
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#link_box .link02 .box{
border: 2px solid #0f5593;
background: #fafafa;
width:48%;
position: relative;
text-align: left;
margin:0 1% 10px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
margin-bottom: 6px;
font-size:12px;
}

.color02 #link_box .link02 .box{border: 2px solid #434343;}
.color03 #link_box .link02 .box{border: 2px solid #e12c2c;}

#link_box .link02 li:nth-child(odd){
float:left;
clear:both;
}

#link_box .link02 li:nth-child(even) {
float:right;
}

#link_box .link02 a img{
float:left;
width:40px;
padding-left: 8px;
}

#link_box .link02 .box span{
display: inline-block;
color:#0f5593;
font-weight: bold;
letter-spacing: 1px;
left: 60px;
right:12px;
position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.color02 #link_box .link02 .box span{color: #434343;}
.color03 #link_box .link02 .box span{color: #e12c2c;}

#link_box .link02 .box a{
display: block;
overflow: hidden;
letter-spacing: 0;
background: #fafafa;
padding:8px 3px;
line-height: 1.4;
}

#link_box .top.box{
border: 2px solid #0f5593;
background: #fafafa;
width:98%;

margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.color02 #link_box .top.box{border: 2px solid #434343;}
.color03 #link_box .top.box{border: 2px solid #e12c2c;}

#link_box .top.box a{
display: block;
padding:6px 3px;
}

#index #link_box .top.box{
display: none;
}

#link_box .top.box{
vertical-align: middle;
line-height: 1.3;
clear: both;
}

#link_box .top.box a img{
max-width:25px;
vertical-align: middle;
}

#link_box .top.box span{
vertical-align: middle;
display: inline-block;
color:#0f5593;
font-size:12px;
font-weight: bold;
letter-spacing: 1px;
}

.color02 #link_box .top.box span{color: #434343;}
.color03 #link_box .top.box span{color: #e12c2c;}

footer .add{
margin-bottom: 30px;
overflow: hidden;
text-align: center;
padding: 0 3%;
}

footer .add .box_right{
font-size:14px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
footer .add .box_right{
font-size:14px;
}

}

footer .add h4{
font-size:17px;
margin-bottom: 10px;
}

#footer_nav {
width:100%;
overflow: hidden;
font-size:13px;
background: #f3f3f3;
border-top:1px solid #c0c0c0;
}

#footer_nav li{
letter-spacing: 1;
overflow: hidden;
width:50%;
text-align: center;
background: #f3f3f3;
border-bottom:1px solid #c0c0c0;
padding: 6px 3px 6px 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#footer_nav li:nth-child(odd){
float:left;
clear:both;
border-right:1px solid #c0c0c0;
}

#footer_nav li:nth-child(even) {
float:right;
}
/*
#copy {
font-size:12px;
color:#fff;
clear: both;
background: #313131;
padding: 15px 5px 50px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}*/

#btm_contact2 {
border-top:1px solid #fff;
z-index: 9999;
position: fixed !important;
/*position: absolute;*/
bottom: 0px;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#btm_contact2 td {
border-left:1px solid #fff;
vertical-align: middle;
text-align: center;
}

#btm_contact2 td:first-child {
border-left:none;
}

#btm_contact2 td a{
display: block;
}

#btm_contact2 td img{
vertical-align: middle;
max-height:42px;
}

#btm_contact2 td.tel,
#btm_contact2 td.tel a{
background: #004087;
}

.color02 #btm_contact2 td.tel,.color02 #btm_contact2 td.tel a{background:#434343;}
.color03 #btm_contact2 td.tel,.color03 #btm_contact2 td.tel a{background:#e12c2c;}

#btm_contact2 td.form,
#btm_contact2 td.form a{
background: #e28f06;
}

#btm_contact2 td.page {
width:10%;
background: #959595;
}

#btm_contact2 td.page a{
background: #959595;
}

#btm_contact2 td.line {
width:13%;
background: #00b900;
}

#btm_contact2 td.line a{
background: #00b900;
}


#box404.bg_gray{
padding:30px 15px 20px;
margin: 20px auto;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#box404 .txt01{
font-family: 'Oswald', sans-serif;
font-weight: bold;
font-size: 46px;
line-height: 1;
}

#box404 .txt_blue{color:#004087;}

.color03 #box404 .txt_blue{color:#e12c2c;}

#box404 h1{
font-size:24px;
border-bottom: 1px solid #959595;
display: block;
letter-spacing: 2px;
margin-bottom: 25px;
padding: 28px 0 14px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
#box404 h1{
letter-spacing: 0.5px;
}

#box404 .txt01{
font-size: 40px;
}

}/*-----------------------------*/

#box404 .txt02{
font-size:15px;
text-align: left;
margin-bottom: 35px;
}

.link_top {
margin-bottom: 25px;
}

.link_top a{
width:200px;
display: inline-block;
background: url(/img/common/arrow_404_02.png) #004087 no-repeat;
background-position: right 5px top 50%;
color:#fff;
font-size:16px;
line-height: 36px;
padding: 5px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 .link_top a{background: url(/img/common/arrow_404_02.png) #434343 no-repeat;
background-position: right 5px top 50%;
}

.color03 .link_top a{background: url(/img/common/arrow_404_02.png) #e12c2c no-repeat;
background-position: right 5px top 50%;
}

.link_top a:hover{
text-decoration: none !important;
opacity: .8;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

#box404 .link404{
margin: 0 -5px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content:center;
   -ms-flex-pack:center;
     justify-content:center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

#box404 .link404 li{
min-width: 130px;
margin: 0 8px 15px;
}

#box404 .link404 li a{
background: url(/img/common/arrow_404.png) 96% 50% #fff no-repeat;
background-position: right 5px top 50%;
border: 1px solid #004087;
color:#004087;
font-size:16px;
line-height: 30px;
padding: 5px 18px 5px 10px;
display: block;
font-weight: bold;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 #box404 .link404 li a{
background: url(/img/common/color02/arrow_404.png) 96% 50% #fff no-repeat;
background-position: right 5px top 50%;
border: 1px solid #434343;
color: #434343;
}
.color03 #box404 .link404 li a{
background: url(/img/common/color03/arrow_404.png) 96% 50% #fff no-repeat;
background-position: right 5px top 50%;
border: 1px solid #e12c2c;
color: #e12c2c;
}

#box404 .link404 li a:hover{
margin: -1px;
border: 2px solid #004087;
text-decoration: none;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.color02 #box404 .link404 li a:hover{
border: 2px solid #434343;
}

.color03 #box404 .link404 li a:hover{
border: 2px solid #e12c2c;
}

#corp #box404 .f_logo{
margin: 20px auto;
}

#corp #box404 .f_logo img{
height:50px;
}

#corp #box404 .txt01 .txt_blue{
display: block;
color: #0871c4;
font-size:80px;
padding-bottom: 10px;
}

#corp .link_top a{background: url(/img/common/arrow_404_02.png) 96% 50% #0871c4 no-repeat;
}

#copy02{
font-size:12px;
padding-bottom: 10px;
}

.sns_link p{
font-weight: bold;
font-size:16px;
margin-bottom: 15px;
}

.sns_link.bg_gray{
background: #f7f7f7;
padding: 22px 0 0;
position: relative;
}


.sns_link2020,
.sns_link.bg_gray{
background: #f7f7f7;
padding: 22px 0 0;
position: relative;
}

.sns_link2020:after,
.sns_link.bg_gray:after{
 border: solid transparent;
 content:'';
 height:0;
 width:0;
 pointer-events:none;
 position:absolute;
 border-color: rgba(255, 255, 255, 0);
 border-top-width:12px;
 border-bottom-width:12px;
 border-left-width:8px;
 border-right-width:8px;
 margin-left: -8px;
 border-top-color:#fff;
 top:0;
 left:50%;
}


.sns_link2020 p{
font-weight: bold;
font-size:18px;
margin-bottom: 10px;
}

.sns_link2020 p span{
background: url(/img/common/sns_icon.png) 0 50% no-repeat;
background-size: 31px auto;
padding-left:36px;
line-height: 2;
display: inline-block;
}


.sns_link2020 ul{
margin: 0 auto 20px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack: center;
     justify-content: center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.sns_link2020 li{
width:48%;
margin: 1% 1% 4px;
}

/*
.sns_link ul{
width:90%;
margin: 0 auto 30px;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: center;
   -ms-flex-pack: center;
     justify-content: center;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.sns_link li{
margin: 0 4px;
width:22%;
vertical-align: middle;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;   
}

.sns_link li a{
display: block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 40px;
border: 1px solid #ccc;
background: #fff;
}

.sns_link li a:hover{
text-decoration: none !important;
-webkit-transition: all .4s linear;
transition: all .4s linear;
border: 1px solid #115292;
}

.color02 .sns_link li a:hover{
border: 1px solid #434343;
}

.color03 .sns_link li a:hover{
border: 1px solid #e12c2c;
}

.sns_link li img{
height:28px;
width:auto;
vertical-align: middle;
}

.sns_link li span{
padding: 12px;
vertical-align: middle;
font-weight: bold;
}*/

.sns_wrap{
background: #004087;
margin-top: -1px;
position: relative;
z-index: 9;
}

.color02 .sns_wrap{background: #434343;}
.color03 .sns_wrap{background: #e12c2c;}

.sns_link_btm{
/*background: #004087;*/
text-align: center;
padding-top: 15px;
}

.color02 .sns_link_btm{background: #434343;}
.color03 .sns_link_btm{background: #e12c2c;}

.sns_link_btm li{
text-align: center;
padding: 0 10px;
display: inline-block;
}

.sns_link_btm li a:hover{
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

.sns_link_btm li a img{
width:30px;
}