@charset "UTF-8";
/* ----------
01.career_top
02.staff共通
02-01.staff01
02-02.staff02
02-03.staff03
02-04.staff04
03.Special Interview共通
---------- */

@font-face {
font-family: 'Didot';
src: url("../font/Didot.woff2") format("woff2"), url("../font/Didot.woff") format("woff"), url("../font/Didot.ttf") format("truetype");
/* ttf - Safari, Android, iOS */
font-weight: normal;
font-style: normal;
}

#contents-menu.under_page #contents{
-webkit-font-smoothing: antialiased;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
}

.notoserif{
font-family: 'Noto Serif JP', serif;
}

.oswald{
font-family: 'Oswald', sans-serif;
}

.didot{
font-family: 'Didot';
}



/* ----------
01.career_top
---------- */

#career_top #mainvisual_area{
position: relative;
margin: 0 0 45px;
}

#career_top #mainvisual_area::after{
content: "";
display: block;
width: 100%;
height: 130px;
background: #F7F7F8;
position: absolute;
bottom: 0;
left: 0;
}

#career_top #mainvisual_area .cnt_box{
padding: 0 0 0 35px;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
z-index: 1;
}

#career_top #mainvisual_area .cnt_text{
max-width: 372px;
width: 40.22%;
margin: 0 -9.41% 0 0;
position: relative;
z-index: 1;
}

#career_top #mainvisual_area .cnt_img{
max-width: 640px;
width: 69.19%;
}

#career_top #mainvisual_area .sp-buttons{
padding-top: 15px;
padding-bottom: 21px;
}

#career_top #mainvisual_area .sp-button{
width: 12px;
height: 12px;
}

#career_top #mainvisual_area h2{
font-size: 58px;
color: #002263;
line-height: 72px;
}

#career_top #mainvisual_area .h2_jp{
color: #002263;
font-weight: 500;
font-size: 18px;
margin: 0 0 22px;
}

#career_top #mainvisual_area p{
font-weight: 700;
font-size: 18px;
line-height: 1;
/* line-height: 48px; */
color: #fff;
}

#career_top #mainvisual_area p span{
display: inline-block;
background: #002263;
padding: 11px 20px 11px 11px;
margin: 0 0 7px;
}

#career_top #mainvisual_area p span:last-of-type{
margin: 0;
}

#career_top #staff_area{
position: relative;
margin: 0 0 58px;
padding: 25px 0 0;
}

#career_top #staff_area::before{
content: "";
display: block;
background: #F0F3F9;
width: 100%;
height: 220px;
position: absolute;
top: 0;
left: 0;
}

#career_top #staff_area .cnt_g{
max-width: 860px;
width: 100%;
position: relative;
display: flex;
align-items: start;
justify-content: space-between;
}

#career_top #staff_area .cnt_box{
max-width: 200px;
width: 23.26%;
}

#career_top #staff_area .cnt_box a{
text-decoration: none;
}

#career_top #staff_area .cnt_img{
position: relative;
margin: 0 0 6px;
}

#career_top #staff_area .cnt_img .name_point{
box-sizing: border-box;
display: block;
width: 100%;
color: #fff;
font-weight: 500;
font-size: 34px;
line-height: 38px;
padding: 57px 7px 7px;
position: absolute;
bottom: 0;
left: 0;
}

#career_top #staff_area .cnt_img .name_point span{
position: relative;
z-index: 1;
}

#career_top #staff_area .cnt_img .name_point::before{
content: "";
display: block;
opacity: 0.85;
background: rgb(0,34,99);
background: linear-gradient(180deg, rgba(0,34,99,0.02) 25%, rgba(0,34,99,1) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}

#career_top #staff_area .cnt_text{
box-sizing: border-box;
padding: 0 8px;
font-weight: 500;
color: #002263;
}

#career_top #staff_area .cnt_text .position_text{
font-size: 12px;
line-height: 14px;
margin: 0 0 3px;
}

#career_top #staff_area .cnt_text .name_text{
font-size: 18px;
line-height: 27px;
}

#career_top #special_area{
position: relative;
margin: 0 0 42px;
}

#career_top #special_area::before{
content: "";
display: block;
width: 100%;
height: 69%;
background: #F0F3F9;
position: absolute;
bottom: 0;
left: 0;
}

#career_top #special_area .contents_in{
max-width: 1000px;
padding: 0 20px 44px 0;
box-sizing: border-box;
position: relative;
z-index: 1;
}

#career_top #special_area .cnt_box{
display: flex;
align-items: flex-end;
flex-wrap: wrap;
flex-direction: row-reverse;
margin: 0 0 25px;
}

#career_top #special_area .cnt_img{
max-width: 640px;
width: 65.31%;
padding: 0 0 30px;
}

#career_top #special_area .cnt_text{
max-width: 476px;
width: 48.58%;
margin: 0 -13.89% 0 0;
}

#career_top #special_area .cnt_text .catchcopy{
max-width: 386px;
width: 100%;
color: #002263;
font-size: 20px;
font-weight: 700;
line-height: 29px;
padding: 0 0 5px 144px;
}

#career_top #special_area .cnt_text .special_title{
box-sizing: border-box;
max-width: 386px;
width: 100%;
background: #002263;
color: #fff;
font-size: 24px;
padding: 1px 0 3px 144px;
position: relative;
z-index: 1;
}

#career_top #special_area .cnt_text .text_box{
width: 100%;
background: #fff;
font-weight: 700;
padding: 52px 0 32px;
margin: -21px 0 0;
}

#career_top #special_area .cnt_text .text_box a{
display: flex;
justify-content: center;
width: 100%;
text-decoration: none;
color: #002263;
}

#career_top #special_area .cnt_text .position_text{
font-size: 12px;
line-height: 14px;
margin: 0 0 8px;
}

#career_top #special_area .cnt_text .name_text{
font-size: 20px;
line-height: 1;
}

#career_top #special_area p{
color: #333;
font-weight: 700;
font-size: 20px;
line-height: 36px;
text-align: center;
}

#career_top .attention_text{
text-align: right;
font-size: 12px;
color: #333;
margin: 0 auto 65px;
}


/* ----------
02.staff共通
---------- */

.staff_common{
padding: 21px 0 0;
}

.staff_common #mainvisual_area{
margin: 0 0 70px;
}

.staff_common #mainvisual_area .contents_in{
max-width: 1000px;
}

.staff_common #mainvisual_area .mainvisual{
box-sizing: border-box;
padding: 0 42px;
position: relative;
}

#contents-menu .staff_common #mainvisual_area .mainvisual img.sp{
display: none;
}

.staff_common #mainvisual_area .mainvisual_text{
width: calc(100% - 42px - 42px);
height: 100%;
position: absolute;
bottom: 0;
left: 42px;
box-sizing: border-box;
padding: 31px 0 0 26px;
}

.staff_common #mainvisual_area .mainvisual_text::before{
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.71;
background: rgb(0,34,99);
background: linear-gradient(180deg, rgba(0,34,99,0.02) 0%, rgba(0,34,99,0.11) 30%, rgba(0,34,99,0.15) 75%, rgba(0,34,99,1) 100%);
position: absolute;
bottom: 0;
left: 0;
}

.staff_common #mainvisual_area .mainvisual_text .name_point{
opacity: 0.8;
color: #fff;
font-size: 85px;
line-height: 95px;
margin: 0 0 13px;
position: relative;
z-index: 1;
text-transform: uppercase;
}

.staff_common #mainvisual_area .mainvisual_text .catchcopy{
font-weight: 700;
font-size: 18px;
color: #fff;
position: relative;
z-index: 1;
}

.staff_common #mainvisual_area .text_box{
background: #002263;
max-width: 350px;
width: 100%;
margin: -64px 0 0 auto;
color: #fff;
box-sizing: border-box;
padding: 21px 0 24px 48px;
position: relative;
z-index: 1;
}

.staff_common #mainvisual_area .text_box .position_text{
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 0 11px;
}

.staff_common #mainvisual_area .text_box .name_text{
font-weight: 700;
font-size: 24px;
line-height: 1;
}

.staff_common #cnt_area01 .cnt_box{
max-width: 918px;
margin: 0 auto 71px;
}

.staff_common #cnt_area01 .cnt_img{
max-width: 400px;
width: 100%;
}

.staff_common #cnt_area01 .cnt_text{
padding: 8px 0 0;
}

.staff_common #cnt_area01 .cnt_text h3{
font-weight: 700;
font-size: 24px;
line-height: 1;
color: #002263;
margin: 0 0 19px;
}

.staff_common #cnt_area01 .cnt_text p{
font-size: 14px;
line-height:34px;
}

.staff_common #cnt_area01 .box_v01 .cnt_img{
float: left;
margin: 0 26px 0 0;
}

.staff_common #cnt_area01 .box_v02 .cnt_img{
float: right;
margin: 0 0 0 26px;
}

.staff_common #cnt_area02{
margin: 0 0 64px;
}

.staff_common #cnt_area02 .title_g{
max-width: 1000px;
width: 100%;
margin: 0 auto 98px;
display: flex;
}

.staff_common #cnt_area02 .title_g .cnt_text{
max-width: none;
box-sizing: border-box;
background: #002263;
width: 50%;
color: #fff;
padding: 0 83px;
display: flex;
align-items: center;
}

.staff_common #cnt_area02 .title_g .cnt_text h3{
font-size: 36px;
line-height: 45px;
margin: 0 0 4px;
}

.staff_common #cnt_area02 .title_g .cnt_text .h3_jp{
font-weight: 500;
font-size: 24px;
line-height: 36px;
}

.staff_common #cnt_area02 .title_g .cnt_img{
max-width: none;
width: 50%;
position: relative;
/* background: #ddd; */
overflow: hidden;
}

.staff_common #cnt_area02 .title_g .cnt_img img{
position: relative;
z-index: 1;
}

.staff_common #cnt_area02 .title_g .cnt_img .initial{
display: block;
color: #C7CEDD;
font-size: 704px;
line-height: 1;
position: absolute;
top: -152px;
left: -71px;
}

.staff_common #cnt_area02 .cnt_box{
max-width: 836px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: start;
justify-content: space-between;
}

.staff_common #cnt_area02 .cnt_box .cnt_text{
max-width: 418px;
width: 100%;
}

.staff_common #cnt_area02 .cnt_box .box{
font-size: 14px;
line-height: 20px;
display: flex;
align-items: start;
/* justify-content: space-between; */
position: relative;
padding-bottom: 34px;
}

.staff_common #cnt_area02 .box::before,.staff_common #cnt_area02 .box::after{
content: "";
display: block;
position: absolute;
box-sizing: border-box;
}

.staff_common #cnt_area02 .box::before{
width: 13px;
height: 13px;
background: #fff;
border-radius: 50px;
border: 3px solid #002263;
top: 3px;
left: 54px;
z-index: 1;
}

.staff_common #cnt_area02 .box::after{
width: 1px;
height: 100%;
background:#002263;
top: 3px;
left: 60px;
}

.staff_common #cnt_area02 .box .time_text{
width: 38px;
font-weight: 700;
color: #002263;
text-align: right;
margin: 0 44px 0 0;
}

.staff_common #cnt_area02 .box .active_text{
max-width: 336px;
width: 100%;
color: #333;
}

.staff_common #cnt_area02 .box .active_text .title{
font-weight: 500;
}

.staff_common #cnt_area02 .box .active_text .title + p{
margin: 4px 0 0;
}

.staff_common #cnt_area02 .box:last-of-type{
padding-bottom: 0;
}

.staff_common #cnt_area02 .box:last-of-type::after{
content: none;
}

.staff_common #cnt_area02 .cnt_box .cnt_img{
box-sizing:border-box;
max-width: 418px;
width: 100%;
padding: 0 0 0 80px;
}

.staff_common #cnt_area02 .cnt_box .cnt_img img{
display: block;
max-width: 300px;
width: 100%;
margin: 0 0 32px;
}

.staff_common #cnt_area02 .cnt_box .cnt_img img:last-of-type{
margin: 0;
}

.staff_common #cnt_area03{
position: relative;
padding: 0 0 46px;
margin: 0 0 36px;
}

.staff_common #cnt_area03::before{
content: "";
display: block;
width: 100%;
height: 268px;
background: #F0F3F9;
position: absolute;
bottom: 0;
left: 0;
}

.staff_common #cnt_area03 .cnt_box{
max-width: 920px;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 0 0 0 14px;
display: flex;
align-items: flex-end;
justify-content: space-between;
position: relative;
z-index: 1;
}

.staff_common #cnt_area03 .cnt_text{
max-width: 412px;
width: 100%;
margin: 0 0 16px;
}

.staff_common #cnt_area03 .cnt_text h3{
color: #002263;
font-size: 36px;
line-height: 45px;
margin: 0 0 10px;
}

.staff_common #cnt_area03 .cnt_text p{
font-size: 14px;
line-height: 20px;
color: #333333;
}

.staff_common #cnt_area03 .cnt_img{
max-width: 400px;
width: 100%;
}

.staff_common #staff_area{
position: relative;
margin: 0 0 37px;
}

.staff_common #staff_area .title_box{
padding: 0 20px;
box-sizing: border-box;
color: #002263;
}

.staff_common #staff_area h2{
font-size: 58px;
line-height: 72px;
}

.staff_common #staff_area .h2_jp{
font-weight: 500;
font-size: 18px;
line-height: 27px;
margin: 0 0 16px 2px;
}

.staff_common #staff_area .cnt_g{
position: relative;
padding: 25px 0 0;
}

.staff_common #staff_area .cnt_g::before{
content: "";
display: block;
background: #F0F3F9;
width: 100%;
height: 220px;
position: absolute;
top: 0;
left: 0;
}

.staff_common #staff_area .cnt_g .contents_in{
max-width: 860px;
display: flex;
align-items: start;
justify-content: space-between;
}

.staff_common #staff_area .cnt_box{
max-width: 200px;
width: 23.26%;
}

.staff_common #staff_area .cnt_box a{
text-decoration: none;
}

.staff_common #staff_area .cnt_img{
position: relative;
margin: 0 0 6px;
}

.staff_common #staff_area .cnt_img .name_point{
box-sizing: border-box;
display: block;
width: 100%;
color: #fff;
font-weight: 500;
font-size: 34px;
line-height: 38px;
padding: 57px 7px 7px;
position: absolute;
bottom: 0;
left: 0;
}

.staff_common #staff_area .cnt_img .name_point span{
position: relative;
z-index: 1;
}

.staff_common #staff_area .cnt_img .name_point::before{
content: "";
display: block;
opacity: 0.85;
background: rgb(0,34,99);
background: linear-gradient(180deg, rgba(0,34,99,0.02) 25%, rgba(0,34,99,1) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}

.staff_common #staff_area .cnt_text{
box-sizing: border-box;
padding: 0 8px;
font-weight: 500;
color: #002263;
}

.staff_common #staff_area .cnt_text .position_text{
font-size: 12px;
line-height: 14px;
margin: 0 0 3px;
}

.staff_common #staff_area .cnt_text .name_text{
font-size: 18px;
line-height: 27px;
}


.staff_common #special_area{
position: relative;
margin: 0 0 42px;
}

.staff_common #special_area::before{
content: "";
display: block;
width: 100%;
height: 69%;
background: #F0F3F9;
position: absolute;
bottom: 0;
left: 0;
}

.staff_common #special_area .contents_in{
max-width: 1000px;
padding: 0 20px 0 0;
box-sizing: border-box;
position: relative;
z-index: 1;
}

.staff_common #special_area .cnt_box{
display: flex;
align-items: flex-end;
flex-wrap: wrap;
flex-direction: row-reverse;
}

.staff_common #special_area .cnt_img{
max-width: 640px;
width: 65.31%;
padding: 0 0 30px;
}

.staff_common #special_area .cnt_text{
max-width: 476px;
width: 48.58%;
margin: 0 -13.89% 0 0;
}

.staff_common #special_area .cnt_text .catchcopy{
max-width: 386px;
width: 100%;
color: #002263;
font-size: 20px;
font-weight: 700;
line-height: 29px;
padding: 0 0 5px 144px;
}

.staff_common #special_area .cnt_text .special_title{
box-sizing: border-box;
max-width: 386px;
width: 100%;
background: #002263;
color: #fff;
font-size: 24px;
padding: 1px 0 3px 144px;
position: relative;
z-index: 1;
}

.staff_common #special_area .cnt_text .text_box{
width: 100%;
background: #fff;
font-weight: 700;
padding: 52px 0 32px;
margin: -21px 0 0;
}

.staff_common #special_area .cnt_text .text_box a{
display: flex;
justify-content: center;
width: 100%;
text-decoration: none;
color: #002263;
}

.staff_common #special_area .cnt_text .position_text{
font-size: 12px;
line-height: 14px;
margin: 0 0 8px;
}

.staff_common #special_area .cnt_text .name_text{
font-size: 20px;
line-height: 1;
}

/* ----------
02-02.staff02
---------- */

#staff02 #cnt_area02 .cnt_box{
align-items: center;
}

#staff02 #cnt_area02 .cnt_box .cnt_text{
max-width: 475px;
}

#staff02 #cnt_area02 .box .active_text{
max-width: 392px;
}

#staff02 #cnt_area02 .cnt_box .cnt_img{
max-width: 361px;
padding: 0 0 0 23px;
}

#staff02 #cnt_area02 .cnt_box .cnt_img img:nth-child(1){
margin: 0 0 120px;
}

#staff02 #cnt_area03 .cnt_text{
margin: 0 0 30px;
}


/* ----------
02-03.staff03
---------- */

#staff03 #cnt_area02 .cnt_box{
align-items: center;
}

#staff03 #cnt_area02 .cnt_box .cnt_text{
max-width: 475px;
}

#staff03 #cnt_area02 .box .active_text{
max-width: 392px;
}

#staff03 #cnt_area02 .cnt_box .cnt_img{
max-width: 361px;
padding: 0 0 0 23px;
}

#staff03 #cnt_area02 .cnt_box .cnt_img img:nth-child(1){
margin: 0 0 120px;
}

#staff03 #cnt_area03 .cnt_text{
margin: 0 0 58px;
}

/* ----------
02-04.staff04
---------- */

#staff04 #cnt_area03 .cnt_text{
margin: 0 0 38px;
}




/* ----------
03.Special Interview共通
---------- */

.special_interview #mainvisual_area{
padding: 50px 0 64px;
position: relative;
margin: 0 auto 55px;
}

.special_interview #mainvisual_area::before{
content: "";
display: block;
width: 50%;
height: 100%;
background: #F0F3F9;
position: absolute;
top: 0;
left: 0;
}

.special_interview #mainvisual_area .contents_in{
max-width: 1000px;
position: relative;
z-index: 1;
}

.special_interview #mainvisual_area .mainimg_box{
position: relative;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text{
max-width: 625px;
width: 100%;
padding: 63px 0 0;
position: relative;
z-index: 1;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text h2{
font-weight: 700;
color: #002263;
font-size: 26px;
line-height: 37px;
margin: 0 0 0 143px;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text .special_title{
max-width: 433px;
width: 100%;
box-sizing: border-box;
background: #002263;
color: #fff;
font-size: 24px;
line-height: 30px;
padding: 4px 0 6px 143px;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text .name_point{
font-size: 100px;
line-height: 111px;
color: #002263;
max-width: 382px;
width: 100%;
margin: 3px 0 0 51px;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text p{
max-width: 574px;
width: 100%;
margin: 0 0 0 auto;
text-align: center;
font-weight: 700;
font-size: 18px;
line-height: 36px;
color: #333;
}

.special_interview #mainvisual_area .mainimg_box .cnt_img{
max-width: 750px;
width: 100%;
position: absolute;
top: 0;
right: 0;
}

.special_interview #mainvisual_area .mainimg_box .cnt_img::before{
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.85;
background: rgb(0,34,99);
background: linear-gradient(180deg, rgba(0,34,99,0.02) 0%, rgba(0,34,99,0.15) 60%, rgba(255,255,255,1) 100%);
position: absolute;
bottom: 0;
left: 0;
}

.special_interview #mainvisual_area .text_box{
position: absolute;
bottom: 6px;
right: 0;
}

.special_interview #profile_area{
margin: 0 auto 64px;
}

.special_interview #profile_area .contents_in{
position: relative;
max-width: 1000px;
padding: 0 0 147px;
}

.special_interview #profile_area .contents_in::before{
content: "PROFILE";
display: block;
max-width: 704px;
width: 100%;
color: #F0F3F9;
font-family: 'Oswald', sans-serif;
font-size: 199px;
line-height: 1;
text-indent: -12px;
position: absolute;
bottom: 0;
right: 0;
}

.special_interview #profile_area .cnt_box{
display: flex;
align-items: start;
flex-wrap: wrap;
flex-direction: row-reverse;
position: relative;
z-index: 1;
}

.special_interview #profile_area .cnt_img{
max-width: 330px;
width: 100%;
}

.special_interview #profile_area .cnt_text{
max-width: 704px;
width: 100%;
box-sizing: border-box;
background: #002263;
padding: 84px 10px 53px 70px;
color: #fff;
margin: 60px 0 0 -35px;
}

.special_interview #profile_area .cnt_text .text_in{
max-width: 536px;
}

.special_interview #profile_area .cnt_text h3{
font-weight: 700;
font-size: 20px;
line-height: 1;
margin: 0 0 16px;
}

.special_interview #profile_area .cnt_text p{
font-size: 14px;
line-height: 34px;
margin: 0 0 28px;
}

.special_interview #profile_area .cnt_text a{
color: #FFCC02;
}

.special_interview #media_area{
margin: 0 0 60px;
}

.special_interview #media_area .contents_in{
max-width: 920px;
}

.special_interview #media_area h2{
font-weight: 700;
font-size: 24px;
line-height: 1;
color: #002263;
margin: 0 0 45px;
}

.special_interview #media_area .cnt_box{
max-width: 733px;
width: 100%;
margin: 0 auto 40px;
display: flex;
align-items: start;
flex-wrap: wrap;
}

.special_interview #media_area .icon{
max-width: 118px;
width: 100%;
height: 118px;
box-sizing: border-box;
border: 2px solid #002263;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.special_interview #media_area .icon::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -20px;
width: 95px;
height: 65px;
background: #fff;
}

.special_interview #media_area .icon_in{
position: relative;
z-index: 1;
}

.special_interview #media_area .icon span{
display: block;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #002263;
}

.special_interview #media_area .icon img{
max-width: 31px;
margin: 2px auto 0;
}

.special_interview #media_area .cnt_box:nth-of-type(2) .icon img{
max-width: 36px;
margin-top: 8px;
}

.special_interview #media_area .cnt_box:nth-of-type(3) .icon img{
max-width: 25px;
margin-top: 8px;
}

.special_interview #media_area .cnt_box:nth-of-type(4) .icon img{
max-width: 29px;
margin-top: 8px;
}

.special_interview #media_area .cnt_text{
max-width: 626px;
width: 100%;
margin: 38px 0 0 -11px;
position: relative;
z-index: 1;
}

.special_interview #media_area .cnt_text dt .media_text{
background: #000;
display: inline-block;
padding: 0 8px 2px 10px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}

.special_interview #media_area .cnt_text dt .date_text{
color: #999;
display: inline-block;
font-weight: 700;
font-size: 12px;
line-height: 1;
margin: 0 0 0 20px;
}

.special_interview #media_area .cnt_text dd{
margin: 2px 0 20px 10px;
font-size: 14px;
line-height: 18px;
}

.special_interview #media_area .cnt_text dd:last-of-type{
margin-bottom: 0;
}

/* .special_interview #media_area .cnt_text dd a{
text-decoration: none;
}

.special_interview #media_area .cnt_text dd a:hover{
text-decoration: underline;
} */

.special_interview #article_area{
margin: 0 0 107px;
}

.special_interview #article_area .contents_in{
max-width: 920px;
}

.special_interview #article_area .cnt_box{
margin: 0 0 76px;
}

.special_interview #article_area .cnt_img{
max-width: 400px;
float: left;
margin: 0 26px 0 0;
}

.special_interview #article_area .cnt_box h3{
font-weight: 700;
color: #002263;
font-size: 24px;
line-height: 34px;
margin: 0 0 14px;
}

.special_interview #article_area .cnt_text p{
color: #333;
font-size: 14px;
line-height: 34px;
}

.special_interview #article_area .cnt_box:nth-child(even) .cnt_img{
float: right;
margin: 0 0 0 26px;
}

.special_interview #voice_area{
max-width: 1000px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 0 57px;
}

.special_interview #voice_area::before{
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 704px;
height: 329px;
background: #F0F3F9;
}

.special_interview #voice_area h2{
font-weight: 700;
font-size: 24px;
line-height: 1;
color: #002263;
margin: 0 0 50px;
}

.special_interview #voice_area .cnt_box{
background: #fff;
max-width: 760px;
width: 100%;
margin: 0 auto 24px;
box-shadow: 0 3px 20px rgba(0,0,0,.16);
box-sizing: border-box;
padding: 35px 32px 27px 40px;
position: relative;
z-index: 1;
}

.special_interview #voice_area .cnt_box dl{
display: flex;
align-items: center;
justify-content: space-between;
}

.special_interview #voice_area .cnt_box dt{
color: #002263;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}

.special_interview #voice_area .cnt_box dt span{
font-size: 16px;
}

.special_interview #voice_area .cnt_box dd{
max-width: 564px;
width: 100%;
font-size: 14px;
line-height: 34px;
}

.special_interview #link01{
margin: 0 0 100px;
padding: 78px 0 0;
}

.special_interview #link01 .contents_in{
max-width: 920px;
background: #F7F7F8;
box-sizing: border-box;
padding: 22px 10px 33px;
font-size: 12px;
line-height: 20px;
}

.special_interview #link01 .icon{
max-width: 607px;
margin: 0 auto;
font-weight: 500;
color: #002263;
}

.special_interview #link01 p{
max-width: 607px;
margin: 0 auto;
color: #333;
}




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

/* ----------
01.career_top
---------- */

#career_top #mainvisual_area{
margin: 0 0 40px;
}

#career_top #mainvisual_area::after{
content: none;
}

#career_top #mainvisual_area .cnt_box{
display: block;
padding: 0;
}

#career_top #mainvisual_area .cnt_text{
max-width: none;
margin: 0;
width: 100%;
}

#career_top #mainvisual_area h2{
font-size: 24px;
line-height: 30px;
}

#career_top #mainvisual_area .h2_jp{
font-size: 14px;
line-height: 20px;
margin: 0 0 10px 2px;
}

#career_top #mainvisual_area .cnt_img{
width: 100%;
margin: 0 auto 10px;
position: relative;
}

#career_top #mainvisual_area .sp-buttons{
padding: 20px 0;
}

#career_top #mainvisual_area .sp-button{
width: 5px;
height: 5px;
margin: 0 3px;
}

#career_top #mainvisual_area .cnt_img::before{
content: "";
display: block;
width: calc(100% + 21px + 21px);
height: 130px;
background: #F7F7F8;
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-21px);
}

#career_top #mainvisual_area p{
font-size: 16px;
}

#career_top #mainvisual_area p span{
padding: 11px 18px 11px 11px;
}

#career_top #staff_area{
background: #F0F3F9;
padding: 40px 0 18px;
margin: 0 0 40px;
}

#career_top #staff_area::before{
content: none;
}

#career_top #staff_area .cnt_g{
flex-wrap: wrap;
}

#career_top #staff_area .cnt_box{
max-width: none;
width: 47.2%;
margin: 0 0 22px;
}

#career_top #staff_area .cnt_img{
margin: 0 0 4px;
}

#career_top #staff_area .cnt_img .name_point{
font-size: 26px;
line-height: 29px;
padding: 45px 0 7px 5px;
}

#career_top #staff_area .cnt_text{
padding: 0;
}

#career_top #staff_area .cnt_text .position_text{
margin: 0;
}

#career_top #staff_area .cnt_text .name_text{
font-size: 16px;
line-height: 24px;
}

#career_top #special_area{
margin: 0 0 40px;
}

#career_top #special_area::before{
height: 66.5%;
}

#career_top #special_area .contents_in{
padding: 0;
}

#career_top #special_area .cnt_box{
display: block;
margin: 0 0 10px;
}

#career_top #special_area .catchcopy{
background: #002263;
max-width: 190px;
width: 100%;
color: #fff;
font-size: 16px;
padding: 7px 14px;
margin: 0 0 0 auto;
}

#career_top #special_area .cnt_img{
width: calc(100% - 21px - 21px);
max-width: none;
margin: 0 auto;
padding: 0;
}

#career_top #special_area .cnt_text{
max-width: 202px;
width: 100%;
margin: -29px 0 0;
position: relative;
z-index: 1;
}

#career_top #special_area .cnt_text .special_title{
max-width: 190px;
font-size: 16px;
line-height: 20px;
padding: 5px 0 5px 30px;
}

#career_top #special_area .cnt_text .text_box{
padding: 18px 0 11px 30px;
margin: -10px 0 0;
}

#career_top #special_area .cnt_text .text_box a{
display: block;
}

#career_top #special_area .cnt_text .position_text{
margin:  0 0 11px;
}

#career_top #special_area .cnt_text .name_text{
font-size: 16px;
}

#career_top #special_area p{
font-size: 16px;
line-height: 32px;
text-align: center;
padding: 0 21px 18px;
box-sizing: border-box;
}

#career_top .attention_text{
text-align: center;
line-height: 20px;
margin: 0 auto 58px;
}

/* ----------
02.staff共通
---------- */

.staff_common{
/* overflow: hidden; */
padding: 5px 0 0;
}

.staff_common #h2_area{
color: #002263;
margin: 0 0 10px;
}

.staff_common #h2_area h2{
font-size: 24px;
line-height: 30px;
}

.staff_common #h2_area .h2_jp{
font-weight: 500;
font-size: 14px;
margin: 0 0 0 2px;
}

.staff_common #mainvisual_area{
margin: 0 0 45px;
}

.staff_common #mainvisual_area .contents_in{
padding: 0;
}

.staff_common #mainvisual_area .mainvisual{
padding: 0 20px;
}

#contents-menu .staff_common #mainvisual_area .mainvisual img.pc{
display: none;
}

#contents-menu .staff_common #mainvisual_area .mainvisual img.sp{
display: block;
}

.staff_common #mainvisual_area .mainvisual_text{
width: calc(100% - 20px - 20px);
left: 21px;
padding: 0 0 78px 8px;
display: flex;
align-items: flex-end;
}

.staff_common #mainvisual_area .mainvisual_text .name_point{
font-size: 36px;
line-height: 40px;
margin: 0;
}

.staff_common #mainvisual_area .text_box{
max-width: 280px;
padding: 11px 0 20px 30px;
margin: -65px 0 0 auto;
}

.staff_common #mainvisual_area .text_box .position_text{
margin: 0 0 7px;
}

.staff_common #mainvisual_area .text_box .name_text{
font-size: 18px;
}

.staff_common #mainvisual_area .catchcopy{
font-weight: 700;
font-size: 16px;
line-height: 28px;
width: calc(100% - 27px - 27px);
margin: 10px auto 0;
color: #002263;
}

.staff_common #cnt_area01 .cnt_box{
margin: 0 auto 45px;
}

.staff_common #cnt_area01 .box_v01 .cnt_img,.staff_common #cnt_area01 .box_v02 .cnt_img{
float: none;
margin: 0 auto 3px;
}

.staff_common #cnt_area01 .cnt_box h3{
font-weight: 700;
font-size: 16px;
color: #002263;
line-height: 1;
margin: 0 0 13px;
}

.staff_common #cnt_area01 .cnt_text{
padding: 0;
}

.staff_common #cnt_area01 .cnt_text p{
line-height: 28px;
}

.staff_common #cnt_area01 .cnt_box:last-of-type{
margin: 0 auto 40px;
}

.staff_common #cnt_area02{
margin: 0 0 38px;
}

.staff_common #cnt_area02 .title_g{
display: block;
margin: 0 auto;
}

.staff_common #cnt_area02 .title_g .cnt_text{
width: 100%;
padding: 35px 0 33px;
text-align: center;
display: block;
}

.staff_common #cnt_area02 .title_g .cnt_text h3{
font-size: 24px;
line-height: 30px;
margin: 0 0 15px;
}

.staff_common #cnt_area02 .title_g .cnt_text .h3_jp{
font-size: 18px;
line-height: 27px;
}

.staff_common #cnt_area02 .title_g .cnt_img{
width: 100%;
}

.staff_common #cnt_area02 .title_g .cnt_img .initial{
font-size: 528px;
left: -53px;
top: auto;
bottom: -35px;
}

.staff_common #cnt_area02 .contents_in{
padding: 0;
}

.staff_common #cnt_area02 .cnt_box{
display: block;
}
.staff_common #cnt_area02 .cnt_box .cnt_text{
background: #F0F3F9;
padding: 24px 20px 13px;
box-sizing: border-box;
}

.staff_common #cnt_area02 .cnt_box .box{
display: block;
border-bottom: 1px solid #002263;
padding: 0 20px 9px;
margin: 0 auto 14px;
}

.staff_common #cnt_area02 .box::before, .staff_common #cnt_area02 .box::after{
content: none;
}

.staff_common #cnt_area02 .box .time_text{
width: auto;
text-align: left;
margin: 0 0 4px;
}

.staff_common #cnt_area02 .box .active_text{
max-width: none;
}

.staff_common #cnt_area02 .box .active_text .title + p{
margin: 6px 0 0;
}

.staff_common #cnt_area02 .cnt_box .box:last-of-type{
border-bottom: none;
margin-bottom: 0;
}

.staff_common #cnt_area02 .cnt_box .cnt_img{
padding: 32px 20px 0;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
}

#contents-menu.under_page #contents .staff_common #cnt_area02 .cnt_box .cnt_img img{
width: 49.55%;
margin: 0 0 2px;
}

.staff_common #cnt_area03{
padding: 0;
margin: 0 0 80px;
}

.staff_common #cnt_area03 .cnt_box{
display: block;
padding: 20px 0 0;
}

.staff_common #cnt_area03::before{
bottom: auto;
top: 0;
}

.staff_common #cnt_area03 .cnt_text h3{
font-size: 24px;
line-height: 30px;
}

.staff_common #staff_area{
margin: 0 0 29px;
}

.staff_common #staff_area h2{
font-size: 24px;
line-height: 30px;
margin: 0 0 2px;
}

.staff_common #staff_area .h2_jp{
font-size: 14px;
line-height: 20px;
margin: 0 0 20px 2px;
}

.staff_common #staff_area .cnt_g{
padding: 0;
}

.staff_common #staff_area .cnt_g::before{
content: none;
}

.staff_common #staff_area .cnt_g .contents_in{
flex-wrap: wrap;
}

.staff_common #staff_area .cnt_box{
max-width: none;
width: 47.2%;
margin: 0 0 22px;
}

.staff_common #staff_area .cnt_img{
margin: 0 0 4px;
}

.staff_common #staff_area .cnt_img .name_point{
font-size: 26px;
line-height: 29px;
padding: 45px 0 7px 5px;
}

.staff_common #staff_area .cnt_text{
padding: 0;
}

.staff_common #staff_area .cnt_text .position_text{
margin: 0;
}

.staff_common #staff_area .cnt_text .name_text{
font-size: 16px;
line-height: 24px;
}


.staff_common #special_area{
margin: 0 0 40px;
}

.staff_common #special_area::before{
height: 66.5%;
}

.staff_common #special_area .contents_in{
padding: 0;
}

.staff_common #special_area .cnt_box{
display: block;
margin: 0 0 10px;
}

.staff_common #special_area .catchcopy{
background: #002263;
max-width: 190px;
width: 100%;
color: #fff;
font-size: 16px;
padding: 7px 14px;
margin: 0 0 0 auto;
}

.staff_common #special_area .cnt_img{
width: calc(100% - 21px - 21px);
max-width: none;
margin: 0 auto;
padding: 0;
}

.staff_common #special_area .cnt_text{
max-width: 202px;
width: 100%;
margin: -29px 0 0;
position: relative;
z-index: 1;
}

.staff_common #special_area .cnt_text .special_title{
max-width: 190px;
font-size: 16px;
line-height: 20px;
padding: 5px 0 5px 30px;
}

.staff_common #special_area .cnt_text .text_box{
padding: 18px 0 11px 30px;
margin: -10px 0 0;
}

.staff_common #special_area .cnt_text .text_box a{
display: block;
}

.staff_common #special_area .cnt_text .position_text{
margin:  0 0 11px;
}

.staff_common #special_area .cnt_text .name_text{
font-size: 16px;
}


/* ----------
02-02.staff02
---------- */
#staff02 #cnt_area02 .box .active_text{
max-width: none;
}

#staff02 #cnt_area02 .cnt_box .cnt_img{
max-width: none;
padding: 32px 20px 0;
}

#staff02 #cnt_area03 .cnt_text{
margin: 0 0 16px;
}

/* ----------
02-03.staff03
---------- */
#staff03 #cnt_area02 .box .active_text{
max-width: none;
}

#staff03 #cnt_area02 .cnt_box .cnt_img{
max-width: none;
padding: 32px 20px 0;
}

#staff03 #cnt_area03 .cnt_text{
margin: 0 0 16px;
}


/* ----------
02-04.staff04
---------- */

#staff04 #cnt_area03 .cnt_text{
margin: 0 0 16px;
}


/* ----------
03.Special Interview共通
---------- */

.special_interview{
overflow: hidden;
}

.special_interview #h2_area{
margin: 0 0 20px;
}

.staff_common #mainvisual_area{
padding: 0;
margin: 0 0 40px;
}

.special_interview #mainvisual_area::before{
width: 100%;
top: 70px;
height: 235px;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text{
padding: 0;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text h2{
font-weight: 700;
font-size: 18px;
line-height: 26px;
text-align: center;
margin: 0 auto 4px;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text .special_title{
font-size: 20px;
line-height: 25px;
padding: 8px 0 7px;
text-align: center;
}

.special_interview #mainvisual_area .mainimg_box .cnt_text .name_point{
font-size: 40px;
line-height: 47px;
margin: 0 0 0 20px;
}


.special_interview #mainvisual_area .mainimg_box .cnt_img{
position: static;
width: calc(100% - 20px - 20px);
margin: -28px auto 0;
}

.special_interview #mainvisual_area .text_box{
position: relative;
z-index: 1;
bottom: auto;
right: auto;
margin: -58px 0 0 auto;
padding: 23px 0 26px 30px;
}

.special_interview #mainvisual_area p{
font-weight: 700;
font-size: 16px;
line-height: 28px;
color: #002263;
width: calc(100% - 27px - 27px);
margin: 4px auto 0;
}

.special_interview #profile_area{
margin: 0 auto 39px;
}

.special_interview #profile_area .contents_in{
padding: 0 0 83px;
}

.special_interview #profile_area .cnt_box{
display: block;
}

.special_interview #profile_area .cnt_text{
width: 90.67%;
margin: 0 0 0 auto;
padding: 45px 22px 122px 20px;
}

.special_interview #profile_area .cnt_text h3{
font-size: 18px;
margin: 0 0 5px;
}

.special_interview #profile_area .cnt_text p{
margin: 0 0 25px;
}

.special_interview #profile_area .cnt_img{
max-width: none;
width: 90.67%;
margin: -82px 0 0;
}

.special_interview #profile_area .contents_in::before{
width: 90.67%;
font-size: 111px;
right: auto;
left: 0;
}

.special_interview #media_area .contents_in{
border-top: 1px solid #002263;
border-bottom: 1px solid #002263;
padding: 25px 0;
width: calc(100% - 21px - 21px);
}

.special_interview #media_area h2{
margin: 0 0 23px;
font-size: 16px;
}

.special_interview #media_area .cnt_box{
display: block;
margin: 0 auto 20px;
}

.special_interview #media_area .icon{
max-width: 80px;
height: 80px;
margin: 0 auto 20px;
}

.special_interview #media_area .icon::before{
content: none;
}

.special_interview #media_area .cnt_text{
margin: 0 auto;
}

.special_interview #media_area .cnt_text dt .media_text{
display: block;
}

.special_interview #media_area .cnt_text dt .date_text{
margin: 5px 11px 0 0;
}

.special_interview #media_area .cnt_text dd{
margin: 4px 0 16px;
}

.special_interview #article_area{
margin: 0 0 40px;
}

.special_interview #article_area .cnt_box{
margin: 0 0 45px;
}

.special_interview #article_area .cnt_box h3{
font-size: 16px;
line-height: 20px;
margin: 0 0 20px;
}

.special_interview #article_area .cnt_img,.special_interview #article_area .cnt_box:nth-child(even) .cnt_img{
float: none;
margin: 0 auto 10px;
}

.special_interview #article_area .cnt_text p{
line-height: 28px;
}

.special_interview #voice_area{
padding: 25px 0 20px;
background: #F0F3F9;
}

.special_interview #voice_area h2{
font-size: 16px;
margin: 0 0 23px;
}

.special_interview #voice_area .cnt_box{
padding: 30px 15px 49px 18px;
margin: 0 auto 20px;
}

.special_interview #voice_area .cnt_box:last-child{
margin-bottom: 0;
}

.special_interview #voice_area .cnt_box dl{
display: block;
}

.special_interview #voice_area .cnt_box dt{
width: 200px;
margin: 0 auto 10px;
border-bottom: 1px solid #002263;
padding: 0 0 9px;
font-size: 16px;
text-align: center;
}

.special_interview #voice_area .cnt_box dd{
line-height: 28px;
}

.special_interview #link01{
margin: 0 0 80px;
padding: 40px 0 0;
}

.special_interview #link01 .contents_in{
padding: 20px;
}





}