html{
box-sizing:border-box;
}

*, *::after, *::before{
box-sizing:inherit;
}

/* ============================================================================================

	index style

============================================================================================ */
.career .index{
padding:4.80% 0 0;
margin-bottom:6.41%;
}
.career .index .ttl01{
font-size:1.714rem;
margin-bottom:40px;
font-weight:bold;
text-align:center;
}
.career .index .careerIndexTextArea01{
line-height:2.7142857;
text-align:center;
}
.career .index .typeCareerList{
background:none;
padding-top:0;
}

@media screen and (max-width: 768px) {
.career .index .ttl01{
font-size:1.500rem;
color:#2e2a3c;
text-align:left;
padding:0 12px;
}
.career .index .careerIndexTextArea01{
text-align:left;
padding:0 12px;
}
.career .index .careerIndexTextArea01 br{
display:none;
}
.career .index .typeCareerList{
background:none;
padding-top:0;
}
.career .index .typeCareerList .block .image{
display:none;
}
}
/* ============================================================================================

	deatil style

============================================================================================ */
.career .detail.detail01 .detailMainArea{
background-image:url(../../images/career/detail01_img_main_01_pc.jpg);
}
.career .detail.detail02 .detailMainArea{
background-image:url(../../images/career/detail02_img_main_01_pc.jpg);
}
.career .detail.detail03 .detailMainArea{
background-image:url(../../images/career/detail03_img_main_01_pc.jpg);
}
.career .detail .detailMainArea{
height:607px;
width:100%;
overflow:hidden;
display:table;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:100% auto;
}
.career .detail .detailMainArea .inner{
display:table-cell;
width:83.1423%;
vertical-align:middle;
}
@media screen and (max-width: 1284px) {
.career .detail .detailMainArea{
background-size:auto 100%;
}
}
.career .detail .detailTextArea01{
color:#fff;
width:528px;
margin-left:8.42885%;
letter-spacing:2px;
word-spacing:2px;
word-spacing:2px;
}
.career .detail .detailTextArea01:after{
content:"";
clear:both;
display:block;
}
.career .detail .detailTextArea01 .catch{
font-size:5.000rem;
}
.career .detail .detailTextArea01 .catch span{
padding-right:15px;
}
.career .detail .detailTextArea01 .messa{
font-size:1.714rem;
margin-bottom:30px;
}
.career .detail .detailTextArea01 .spec{
display:table;
float:right;
}
.career .detail .detailTextArea01 .spec p{
display:table-cell;
vertical-align:top;
}
.career .detail .detailTextArea01 .spec .title{
display:table-cell;
vertical-align:top;
padding-left:38px;
}
.career .detail .detailTextArea01 .spec .title .jp{
font-size:1.286rem;
display:block;
}
.career .detail .detailTextArea01 .spec .title .en{
font-size:0.857rem;
display:block;
}
.career .detail .careerStep01Wrap{
border-bottom:1px solid #dfdfdf;
}
.career .detail .careerStep01Wrap .careerStep01{
margin:0 auto;
display:table;
width:83.1423%;
table-layout:fixed;
}
.career .detail .careerStep01Wrap .careerStep01 li{
display:table-cell;
vertical-align:middle;
padding:40px 0;
text-align:center;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap{
position:relative;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap > span{
vertical-align:middle;
display:inline-block;
color:#2e2a3c;
font-weight:bold;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .year{
color:#fff;
font-size:0.857rem;
background:#302644;
border-radius:50%;
line-height:1;
padding:12px 4px;
margin-right:10px;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .affiliation01{
display:block;
font-size:0.857rem;
line-height:1.3;
text-align:left;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .affiliation02{
display:block;
line-height:1.3;
text-align:left;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .icon-mod_arw_01{
position:absolute;
display:block;
color:#2e2a3c;
right:0;
top:0;
font-size:2.571rem;
font-weight:normal;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
.career .detail .careerStep01Wrap .careerStep01 li:last-child .icon-mod_arw_01{
display:none;
}
.career .detail .detailTtl01{
font-size:1.714rem;
font-weight:bold;
margin-bottom:40px;
}
.career .detail .detailBox01{
border:1px solid #938c79;
padding:50px 8.98876%;
position:relative;
}
.career .detail .detailBox01 .detailTtl02{
display:table;
margin-bottom:30px;
}
.career .detail .detailBox01 .detailTtl02 span{
display:table-cell;
vertical-align:middle;
line-height:1;
letter-spacing:2px;
word-spacing:2px;
font-weight:bold;
}
.career .detail .detailBox01 .detailTtl02 span.year{
font-size:4.286rem;
color:#2e2a3c;
padding-right:38px;
border-right:1px solid #302644;
}
.career .detail .detailBox01 .detailTtl02 span + span{
padding-left:38px;
font-size:1.429rem;
color:#867e69;
}
.career .detail .detailBox01 .mainText{
line-height:2.7142857;
}
.career .detail .detailBox01 .mainText p{
display:inline;
padding-bottom:5px;
border-bottom:1px solid #dadada;
}
.career .detail .detailBox01 .icon-mod_arw_01{
display:none;
}
.career .detail .detailBox01 + .detailBox01{
margin-top:60px;
}
.career .detail .detailBox01 + .detailBox01 .icon-mod_arw_01{
display:block;
position:absolute;
left:50%;
top:-45px;
margin-left:-15px;
color:#2e2a3c;
font-size:2.143rem;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.career .detail .columnBox{
position:relative;
overflow:hidden;
}
.career .detail .columnBox .inner{
border:1px solid #2e2a3c;
background:#f6f5f4;
padding:40px 56px;
}
.career .detail .columnBox .inner:after{
content:"";
clear:both;
display:block;
}
.career .detail .columnBox .ttl02{
font-size:1.429rem;
font-weight:bold;
color:#dc5301;
margin-bottom:15px;
}
.career .detail .columnBox .dash{
line-height:2.7142857;
padding-bottom:5px;
}
.career .detail .columnBox:after{
content:"";
display:block;
width:80px;
height:80px;
background:#fff;
position:absolute;
right:-40px;
bottom:-40px;
z-index:10;
border:1px solid #472e84;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.career .detail .columnBox:before{
content:"";
display:block;
width:80px;
height:80px;
background:#fff;
position:absolute;
left:-40px;
top:-40px;
z-index:10;
border:1px solid #472e84;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

@media screen and (max-width: 768px) {
.career .detail.detail01 .detailMainArea{
background-image:url(../../images/career/detail01_img_main_01_sp.jpg);
}
.career .detail.detail01 .detailMainArea{
background-color:#696050;
}
.career .detail.detail02 .detailMainArea{
background-image:url(../../images/career/detail02_img_main_01_sp.jpg);
}
.career .detail.detail02 .detailMainArea{
background-color:#599eb9;
}
.career .detail.detail03 .detailMainArea{
background-image:url(../../images/career/detail03_img_main_01_sp.jpg);
}
.career .detail.detail03 .detailMainArea{
background-color:#f1f1f1;
}
.career .detail .detailMainArea{
color:#fff;
height:auto;
width:100%;
display:block;
background-position:50% 0;
background-repeat:no-repeat;
background-size:100% auto;
padding:84.375% 0 0;
}
.career .detail .detailMainArea .inner{
display:block;
width:auto;
}
.career .detail .detailTextArea01{
width:auto;
margin-left:0;
padding:24px 12px;
}
.career .detail .detailTextArea01 .catch{
font-size:2.500rem;
line-height:1.875;
}
.career .detail .detailTextArea01 .messa{
font-size:1.357rem;
margin-bottom:20px;
}
.career .detail .detailTextArea01 .spec .title{
display:table-cell;
vertical-align:top;
padding-left:20px;
}
.career .detail .detailTextArea01 .spec .title .jp{
font-size:1.357rem;
display:block;
margin-top:-3px;
}
.career .detail .detailTextArea01 .spec .title .en{
font-size:0.857rem;
display:block;
}
.career .detail .careerStep01Wrap{
border-bottom:none;
}
.career .detail .careerStep01Wrap .careerStep01{
display:block;
width:auto;
}
.career .detail .careerStep01Wrap .careerStep01 li{
display:block;
padding:0;
text-align:left;
border-bottom:1px solid #2e2a3c;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap{
position:relative;
padding:24px;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .year{
margin-right:20px;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .affiliation01{
display:inline;
padding-right:9px;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .affiliation02{
display:inline;
}
.career .detail .careerStep01Wrap .careerStep01 li .wrap .icon-mod_arw_01{
position:absolute;
display:block;
color:#2e2a3c;
top:inherit;
right:50%;
bottom:-14px;
height:16px;
background:#fff;
margin-right:-9px;
font-size:1.286rem;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.career .detail .careerStep01Wrap .careerStep01 li:last-child .icon-mod_arw_01{
display:none;
}
.career .detail .detailTtl01{
line-height:1.4;
color:#2e2a3c;
}
.career .detail .detailBox01{
padding:25px;
}
.career .detail .detailBox01 .detailTtl02{
display:block;
margin-bottom:20px;
}
.career .detail .detailBox01 .detailTtl02 span{
display:block;
letter-spacing:2px;
word-spacing:2px;
font-weight:bold;
}
.career .detail .detailBox01 .detailTtl02 span.year{
font-size:2.857rem;
padding-right:0;
border-right:none;
margin-bottom:20px;
}
.career .detail .detailBox01 .detailTtl02 span + span{
padding-left:0;
font-size:1.286rem;
}
.career .detail .detailBox01 .mainText{
display:block;
padding-bottom:0;
border-bottom:none;
line-height:2.1428571;
}
.career .detail .detailBox01 .icon-mod_arw_01{
display:none;
}
.career .detail .detailBox01 + .detailBox01{
margin-top:60px;
}
.career .detail .detailBox01 + .detailBox01 .icon-mod_arw_01{
display:block;
position:absolute;
left:50%;
top:-45px;
margin-left:-15px;
color:#2e2a3c;
font-size:2.143rem;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.career .detail .columnBox .inner{
padding:20px;
}
.career .detail .columnBox .inner .block{
width:auto;
float:none;
}
.career .detail .columnBox .inner .image{
margin-left:0;
width:auto;
float:none;
}
.career .detail .columnBox .ttl02{
font-size:1.500rem;
text-align:center;
}
.career .detail .columnBox:after{
width:36px;
height:36px;
position:absolute;
right:-18px;
bottom:-18px;
}
.career .detail .columnBox:before{
width:36px;
height:36px;
left:-18px;
top:-18px;
}
}
.carrerLowerNav:after{
content:"";
clear:both;
display:block;
}
.carrerLowerNav li{
display:block;
position:relative;
line-height:1;
}
.carrerLowerNav li a{
display:block;
width:100%;
vertical-align:middle;
font-size:1.286rem;
color:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.carrerLowerNav li a img{
width:100%;
height:auto;
}
.carrerLowerNav li a .text{
display:block;
position:absolute;
top:50%;
left:60px;
margin:-1.5em 0 0;
z-index:999;
letter-spacing:4px;
word-spacing:4px;
}
.carrerLowerNav li a .text span{
display:block;
font-size:2.571rem;
margin-bottom:10px;
}

@media screen and (max-width: 768px) {
.carrerLowerNav li{
margin-bottom:24px;
}
.carrerLowerNav li:last-child{
margin-bottom:0;
}
.carrerLowerNav li a{
display:block;
font-size:1.143rem;
}
.carrerLowerNav li a .text{
left:0;
width:100%;
padding:0 40px;
}
}

/*# sourceMappingURL=local.css.map */