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


/*---------------------------------------------
　キャリア採用　TOP
---------------------------------------------*/
.side_btn{
  -webkit-writing-mode: vertical-rl; /* Safari用 */
  writing-mode: vertical-rl;
  position:fixed;
  top:40%;
  right:0;
}

.side_btn a{
font-size:18px;
display:block;
  color:#fff;
  background:#024f92;
  border-radius:10px 0 0 10px;
  z-index:4;
  font-weight:bold;
  padding:20px 15px;
  border:solid 2px #024f92;
}

.side_btn a:hover{
color:#024f92;
background:#fff;
}

.career_entry_btn{
      display:none;
}

.sans{
 font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.main_sub {
  margin-bottom: 0 !important;
}

.career_main{
background:url(../img/career/main_img.jpg);
background-size:cover;
padding-bottom:3.5%;
}
.career_main .catch01{
max-width:943px !important;
margin:0 auto;
padding-top:8%;
padding-bottom:6%;
}

.career_lead{
max-width:1090px;
margin:0 auto;
background:rgba(255, 255, 255, 0.6);
padding:2% 5% 1.5%;
}

.career_lead h3{
font-size:36px;
color:#064f95;
font-weight:600;
}

.career_lead p{
font-size:16px;
font-weight:500;
}


.career_box01{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-right:7vw;
}

.career_box01 .img{
width:52%;
}

.career_box01 .txt{
width:43%;
}



.catch02{
max-width:425px;
margin:5% auto;
}


.career_box01 h3{
text-align:left;
font-size:36px;
color:#024f92;
line-height:1.1;
margin-bottom:14px;
}

ul.checkbox{
background:#024f92;
color:#fff;
text-align:left;
padding:15px 30px;
font-size:20px;
}

.checkbox li:before {
  content: '';
  display: inline-block;
  width: 26px;/*画像の幅*/
  height: 26px;/*画像の高さ*/
  background-image: url(../img/career/mk.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-right:10px;
}

.career_flow{
margin:30px auto 100px;
max-width:936px;
}


.career_h01{
font-size:36px;
color:#024f92;
line-height:1.5;
margin-bottom:14px;
}

.career_box02{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:40px auto 40px;
padding-left:7vw;
padding-right:7vw;
}

.career_box02 > dl{
width:48%;
margin-bottom:30px;
}

.career_box02 > dl dt{
color:#fff;
background:#024f94;
padding:0.25em 1.5em;
font-weight:bold;
font-size:20px;
text-align:left;
margin-bottom:10px;
}

.career_box03_wrap{
background:#d7e0ec;
padding:3% 0 2%;
}

.career_box03_wrap .career_h01{
margin-bottom:40px !important;
}

.career_box03{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-right:7vw;
margin-bottom:70px;
}

.career_box03 .img{
width:33%;
}

.career_box03 .txt{
width:63%;
}

.career_interview_ttl{
text-align:left;
}


.career_interview_ttl h4{
font-size:28px;
color:#024f92;
line-height:1.5;
margin-bottom:14px;
font-weight:600;
}

.career_interview_ttl{
border-left:solid 6px #024f92;
padding-left:24px;
margin-bottom:20px;
}

.career_interview_ttl .p01{
margin-bottom:0;
font-size:20px;
font-weight:600;
line-height:1.4;
}

.career_interview_ttl .p02{
margin-bottom:0;
font-size:16px;
font-weight:600;
}

.career_box04_wrap{
margin:50px auto 100px;
}


.career_box04_wrap .career_h01{
margin-bottom:30px !important;
}


.career_box04{
margin:40px auto 100px;
padding-left:7vw;
padding-right:7vw;
}

.career_box04_wrap .p03{
margin-bottom:30px;
font-size:23px;
font-weight:600;
text-align:center;
color:#024f92;
line-height:1.6;
}

.career_name{
text-align:right;
font-weight:500;
font-size:20px;
}

.career_box04 .under_btn,
.career_box_entry .under_btn{
margin-top:80px;
}


.career_box04 .under_btn a,
.career_box_entry .under_btn a{
font-size:26px;
font-weight:bold;
padding:1em 4em !important;
border-radius:8px !important;
}



@media screen and (max-width: 1240px){

.career_main{
background:url(../img/career/main_img.jpg);
background-size:cover;
padding-bottom:3.5%;
background-position:center top;
}

.career_main .catch01{
margin:0 auto;
padding:8% 6vw 6%;
}

.career_lead{
margin-left:3vw;
margin-right:3vw;
padding:2% 5% 1.5%;
}

.career_box01{
margin-right:3.5vw;
}


.career_box01 .img{
width:45%;
}

.career_box01 .txt{
width:50%;
}

.career_box02{
padding-left:3.5vw;
padding-right:3.5vw;
}

.career_box03{
margin-right:3.5vw;
margin-bottom:50px;
}

.career_box04_wrap .p03{
margin-bottom:20px;
font-size:2.4vw;
font-weight:600;
}

}

@media screen and (max-width: 900px){
.career_box01{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-right:5vw;
margin-left:5vw;
}

.career_box01 .img{
width:52%;
margin:0 auto 30px;
}

.career_box01 .txt{
width:100%;
}

.career_box01 h3{
text-align:center;
font-size:28px;
}

.career_flow{
margin:30px auto 70px;
margin-right:5vw;
margin-left:5vw;
}

.career_box02{
padding-left:5vw;
padding-right:5vw;
}

.career_box03{
margin-right:5vw;
margin-left:5vw;
margin-bottom:50px;
}

.career_box03 .img{
width:52%;
margin:0 auto 30px;
}

.career_box03 .txt{
width:100%;
}

.career_box03_wrap{
padding:8% 0 0.5%;
}

.career_name{
font-size:16px;
}

.side_btn a{
font-size:13px;
padding:15px 5px;
}


}


@media screen and (max-width: 640px){

.side_btn{
display:none;
}

.career_lead h3{
font-size:5vw;
}

.career_lead p{
font-size:13px;
}

.main_sub {
 padding: 10px 0 !important;
}

.catch02{
margin:5% auto;
padding-left:15vw;
padding-right:15vw;
}

.career_box01 .img{
width:100%;
margin:0 auto 30px;
}


.career_box03 .img{
width:100%;
margin:0 auto 30px;
}

ul.checkbox{
padding:15px 20px;
font-size:14px;
}

ul.checkbox li{
margin-bottom:4px;
}

.checkbox li:before {
  width: 18px;/*画像の幅*/
  height: 18px;/*画像の高さ*/
}


.career_box01 h3,
.career_h01{
font-size:6.4vw;
}

.career_box02{
margin:0px auto 0px;
}

.career_box02 > dl{
width:100%;
margin-bottom:20px;
}

.career_box02 > dl dt{
font-size:16px;
}

.career_interview_ttl h4{
font-size:6.2vw;
}

.career_box04 .under_btn,
.career_box_entry .under_btn{
margin-top:40px;
}

.career_box04_wrap .p03{
text-align:left;
font-size:4.4vw;
}

.career_box04_wrap .p03 br{
display:none;
}

.career_box04 .under_btn a,
.career_box_entry .under_btn a{
width:100%;
font-size:4.6vw;
font-weight:bold;
padding:1.4em 0 !important;
border-radius:8px !important;
}


#head_entry{
display:none !important;
}


.career_entry_btn{
      display:block;
      width: 100% !important;
      height: 70px;
      position: fixed !important;
      display: block;
      left: 0;
      bottom: 0;
      background: #000000c7;
      border: none !important;
      padding: 15px 8%;
      z-index: 10;
      font-size: 3vw;
      box-sizing: border-box;
    }

.career_entry_btn ul {
      width: 100%;
      padding: 0px !important;
      box-sizing: border-box;
      margin: 0;
    }
    
.career_entry_btn ul li {
      width: 100% !important;
    }

.career_entry_btn ul li a {
      font-size: 120%;
      padding: 1.6vw 0;
      font-weight: bold;
      display:block;
    }

.career_entry_btn ul li a {
      background: #d77b4a;
    }

    header.navOpen .career_entry_btn {
      display: none;
    }

}

/*---------------------------------------------
　キャリア採用　募集要項・フォーム
---------------------------------------------*/
.career_cintact_ttl,
#career_ttl{
margin-top:30px;
}