@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

/*IMAGEi
---------------------------------*/
.idx_imagei_wrap {
position: relative;
padding-bottom: 66px;
margin:0 0 230px;
}

.idx_imagei_wrap::before {
content: "";
position: absolute;
left: 0;
bottom: -20%;
width: 100%;
height: 100%;
top: auto;
background-color: #F0F0F0;
z-index: -1;
}

.idx_imagei_bg {
background: url("../images/careers/img01.jpg") top center no-repeat;
background-size: cover;
position: relative;
height: 650px;
overflow: hidden;
z-index: 0;
}


.idx_imagei_txt_wrap {
position: absolute;
width: 80%;
bottom: -10%;
left: 0;
}

.idx_imagei_txt_wrap_box {
background: #1a287b;
padding: 45px 75px 45px 45px;
box-sizing: border-box;
color: #FFF;
}

.idx_imagei_txt_wrap_box h2{
font-size: 6em;
font-family: 'Heebo', sans-serif;
font-weight: 500;
color: #FFF;
display: inline-block;
overflow: hidden;
}

.idx_imagei_txt_wrap_box p{
font-size: 1em;
letter-spacing: 0.1em;
line-height: 2;
margin: 0;
}


/*message
--------------------------*/
.message_wrap1 {
width: 1200px;
margin: 0 auto 200px;
position: relative;
}

.message_wrap {
width: 100%;
margin: 0 auto 160px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.message_wrap2 {
max-width: 1200px;
margin: 0 auto 120px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

.message_wrap::before{
content: "";
position: absolute;
left: -50%;
bottom: -20%;
width: 80%;
height: 80%;
top: auto;
background-color: #F0F0F0;
z-index: -1;
}

.message_wrap2::before{
content: "";
position: absolute;
right: -50%;
bottom: 0%;
width: 80%;
height: 90%;
top: auto;
background-color: #F0F0F0;
z-index: -1;
}

.message_img {
width: 50%;
}

.message_txt_box {
width: 45%;
position: relative;
padding: 35px 0;
box-sizing: border-box;
}

.message_txt_box h3{
font-size: 1.6em;
font-weight: 300;
line-height: 1.2;
color: #101f76;
margin: 0 0 40px;
}

.message_txt_box h3 span{
font-size: 0.8em;
display: block;
padding-bottom: 10px;
}


/*------------idx_box0809-------------*/
#idx_box0809 { display: flex; flex-wrap: wrap; justify-content: space-between; }
#idx_box0809 .idx_tit_C { color: #fff; margin-bottom: 0px; }
#idx_box0809 .idx_tit_C span.en { color: #fff; }

#idx_box08 { width: 50%; }
#idx_box09 { width: 50%; }

.idx_box0809_box a { width: 100%; display: block; height: 100%; mix-blend-mode:normal!important; }
.idx_box0809_box a#cursor.hov_ { mix-blend-mode:normal!important; }

.idx_box0809_txtbox { position: absolute; z-index: 10;  top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }


.idx_box0809_s {
position: relative;
overflow: hidden;
height: 18vw;
mix-blend-mode:normal!important; 
}
.idx_box0809_s:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.idx_box08_bg::before {
background: url("../images/careers/rrBtn_img01.png") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
mix-blend-mode:normal!important;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box08_bg::after { 
width: 100%;
height: 100%;

}

.idx_box09_bg::before {
background: url("../images/careers/rrBtn_img02.png") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
} 

.entry_box_tit { font-family: 'Open Sans', sans-serif;  font-weight: bold; text-align: center; letter-spacing: 0.1em;  color: #fff; }
.entry_box_tit span.en { display: block; font-size: 25px; }
.entry_box_tit span.jp { font-size: 16px; }




}

/*sp*/
@media only screen and (max-width: 768px) {

/*IMAGEi
---------------------------------*/
.idx_imagei_wrap {
position: relative;
padding-bottom: 40px;
margin:0 0 80px;
}

.idx_imagei_wrap::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
top: auto;
background-color: #F0F0F0;
z-index: -1;
}

.idx_imagei_bg {
background: url("../images/careers/img01.jpg") top center no-repeat;
background-size: cover;
position: relative;
height: 300px;
overflow: hidden;
z-index: 0;
}


.idx_imagei_txt_wrap {
position:relative;
width: 100%;
bottom: -10%;
left: 0;
}

.idx_imagei_txt_wrap_box {
width: 96%;
background: #1a287b;
padding: 20px;
box-sizing: border-box;
margin:0 auto 0 0;
}

.idx_imagei_txt_wrap_box h2{
font-size: 2.2em;
font-family: 'Heebo', sans-serif;
font-weight: 500;
color: #FFF;
display: inline-block;
overflow: hidden;
}

.idx_imagei_txt_wrap_box p{
font-size: 1em;
letter-spacing: 0.1em;
line-height: 2;
margin: 0;
color: #FFF;
}



/*message
--------------------------*/
.message_wrap1 {
width: 90%;
margin: 0 auto 100px;
position: relative;
}

.message_wrap,
.message_wrap2{
width: 100%;
margin: 0 auto 60px;
}

.message_img {
width: 100%;
margin: 0 auto 20px;
}

.message_txt_box {
width: 90%;
position: relative;
margin: auto;
}

.message_txt_box h3{
font-size: 1.3em;
font-weight: 300;
line-height: 1.2;
color: #101f76;
margin: 0 0 30px;
}

.message_txt_box h3 span{
font-size: 0.8em;
display: block;
padding-bottom: 10px;
}






/*------------idx_box0809-------------*/
#idx_box0809 { display: flex; flex-wrap: wrap; justify-content: space-between; }
#idx_box0809 .idx_tit_C { color: #fff; margin-bottom: 0px; }
#idx_box0809 .idx_tit_C span.en { color: #fff; }

#idx_box08 { width: 100%; }
#idx_box09 { width: 100%; }

.idx_box0809_box a { width: 100%; display: block; height: 100%; }

.idx_box0809_txtbox { position: absolute; z-index: 10;  top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.recruit_txtbox .idx_tit { /*color: #fff;*/ text-align: center;  margin-bottom: 30px; }
/*.recruit_txtbox .idx_tit span.en { color: #fff; }*/

.idx_box0809_s {
position: relative;
overflow: hidden;
height: 50vw;
}
.idx_box0809_s:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.idx_box08_bg::before {
background: url("../images/careers/rrBtn_img01.png") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box09_bg::before {
background: url("../images/careers/rrBtn_img02.png") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.entry_box_tit { font-family: 'Open Sans', sans-serif;  font-weight: bold; text-align: center; letter-spacing: 0.1em;  color: #fff; }
.entry_box_tit span.en { display: block; font-size: 25px; }
.entry_box_tit span.jp { font-size: 16px; }



}