@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/

/*================*/
section.pagetitle {
}
section.pagetitle>.inner {
}
/*----*/
section.pagetitle .area-ttl {
padding: 145px 0 80px 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 569px;
aspect-ratio: 569 / 129;
padding-left: 22px;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/recruit/img/career-char_title_recruit.svg);
}

/*================*/
section.recruit-career {
padding-top: 92px;
}
section.recruit-career>.inner {
}

/*----*/
section.recruit-career .area-table{
margin-top: 90px;
}
section.recruit-career .box-lead{
font-size: 17px;
font-weight: 400;
line-height: 38.2px;
letter-spacing: 0.32px;
text-align: center;
}
section.recruit-career .box-lead .ymd {
    color: #A9A9A9;
    font-weight: 700;
}
section.recruit-career .box-lead .txt {
}
section.recruit-career .tbl{
width: 100%;
margin: 20px auto;
border-spacing: 0;
border: solid 1.5px #00833E;
}
section.recruit-career .tbl th {
width: 302px;
background: #D9ECE2;
border: solid 1.5px #00833E;
font-size: 18px;
font-weight: 400;
padding: 0 32px;
line-height: 20px;
letter-spacing: 1.4px;
text-align: left;
}
section.recruit-career .tbl td {
border: solid 1.5px #00833E;
padding:35px 32px 30px 32px;
font-size: 16px;
font-weight: 400;
line-height: 1.625;
letter-spacing: 1.4px;
}
section.recruit-career .tbl .department{
margin-bottom: 75px;
}
section.recruit-career .tbl .department:last-child{
margin-bottom: 0;
}
section.recruit-career .tbl .department-ttl{
font-size: 20px;
font-weight: 500;
letter-spacing: 3px;
color:#00833E;
margin-bottom: 8px;
}
section.recruit-career .tbl .def-items{
font-size: 16px;
letter-spacing: 3px;
}
section.recruit-career .tbl .def-items .items-ttl{
color:#00833E;
font-weight: 500;
}

/*--　CMS用フォント設定 --*/
section.recruit-career .tbl .fs_large{
font-size: 20px;
}
section.recruit-career .tbl .fs_middle{
font-size: 16px;
}
section.recruit-career .tbl .fs_small{
font-size: 14px;
}
section.recruit-career .tbl .fw_bold{
font-weight:700;
}
section.recruit-career .tbl .fc_green{
color:#00833E;
}
section.recruit-career .tbl .fc_glay{
color: #707070;
}
/*--　// CMS用フォント設定 --*/

/*----*/
section.recruit-career.detail{
padding-top: 135px;
}
section.recruit-career.detail .area-detail{
margin-bottom: 76px;
}
section.recruit-career.detail .area-detail .box-ttl{
margin-bottom: 38px;
}
section.recruit-career.detail .area-detail .box-ttl .main{
font-family: Yu Gothic Pr6N;
font-size: 36px;
font-weight: 500;
line-height: 72px;
letter-spacing: 1.9199999570846558px;
text-align: left;
color:#00833E;
}
section.recruit-career.detail .area-detail .box-detail{
font-size: 18px;
line-height: 38.2px;
letter-spacing: 0.32px;
}
section.recruit-career.detail .area-detail .step-list.box-detail{
margin: 0 auto;
width: max-content;
max-width: 100%;
}

section.recruit-career.detail .area-detail .box-detail .step-list-item{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}

section.recruit-career.detail .area-detail .box-detail .step-list-item li{
width: 158px;
height: 158px;
border:solid 3px #00833E;
border-radius: 100px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-right: 52px;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li:last-child{
margin-right: 0;
}

section.recruit-career.detail .area-detail .box-detail .step-list-item li::after{
content: "";
display: inline-block;
width: 0px;
height: 0px;
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
border-left: solid 15px #005B2B;
border-right: solid 10px transparent;
position: absolute;
top: 49%;
right: -50px;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li:last-child::after{
border: none;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item p{
font-size: 18px;
font-weight: 500;
letter-spacing: 0.32px;
text-align: center;
position: relative;
padding-top: 13px;
line-height: 1.2;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li:before{
content: " ";
position: absolute;
top: 23%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color:#00833E;
font-family: Metropolis;
font-size: 28px;
font-weight: 600;
letter-spacing: 1px;
}

section.recruit-career.detail .area-detail .box-detail .step-list-item .step01:before{
content: "01";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step02:before{
content: "02";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step03:before{
content: "03";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step04:before{
content: "04";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step05:before{
content: "05";
} 
section.recruit-career.detail .area-detail .box-detail .note{
font-size: 16px;
line-height: 38.2px;
letter-spacing: 0.32px;
color: #707070;
}
section.recruit-career.detail .area-detail .box-btn{
margin-top: 37px;
}
section.recruit-career.detail .area-detail .box-btn .border-button{
width: 491px;
height: 100px;
margin: 0 auto;
display: block;
}
section.recruit-career.detail .area-detail .box-btn .border-button p{
text-align: center;
padding: 32px 0 0 0;
}
section.recruit-career.detail .area-detail .box-btn .border-button p i {
right: 12px;
top: 38px;
}
section.recruit-career.detail .area-detail .box-btn .corporate-profile-ttl{
font-size: 21.3px;
font-weight: 700;
letter-spacing: 0em;
}
/*--　CMS用フォント設定 --*/
section.recruit-career.detail .fs_large{
font-size: 22px;
}
section.recruit-career.detail .fs_middle{
font-size: 18px;
}
section.recruit-career.detail .fs_small{
font-size: 16px;
}
section.recruit-career.detail .fw_bold{
font-weight:700;
}
section.recruit-career.detail .fc_green{
color:#00833E;
}
section.recruit-career.detail .fc_glay{
color: #707070;
}
/*--　// CMS用フォント設定 --*/

/*================*/
.contact{
margin-top: 100px;
height: 305px;
background: url(/recruit/img/bg_contact.png) no-repeat top center;
background-size: cover;
}
.contact-inner{
text-align: center;
padding: 43px 0 0 0;
}
.contact-ttl{
font-size: 24px;
text-align: center;
line-height: 1.6;
font-weight: 500;
color: #fff;
}
.contact-info{
margin-top: 10px;
text-align: center;
}
.contact-info-tel{
font-size: 36px;
font-weight: 500;
color: #fff;
letter-spacing: 3.84px;
}
.contact-info-receptiontime{
margin-top: 10px;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.contact-mailto.bb-type3{
margin-top: 28px;
width: 356px;
}
.contact-mailto.bb-type3 a{
position: relative;
display: block;
border-radius: 40px;
}
.contact-mailto.bb-type3 p{
text-align: left;
padding-left: 54px;
}
.contact-mailto.bb-type3 p span{
font-size: 16px;
font-weight: 500;
letter-spacing: 0.03em;
}

.contact-mailto.bb-type3 p:before {
content: '';
display: block;
position: absolute;
top: 52%;
left: 19px;
transform: translateY(-50%);
width: 22px;
height: 15px;
background: url(/common/img/ico_mail_white.png) no-repeat center;
background-size: contain;
}


/*----*/
section.recruit-career.jump{
padding-top: 128px;
padding-bottom: 135px;
}
section.recruit-career.jump .area-jump{
text-align: center;
}
section.recruit-career.jump .area-jump .border-button{
width: 348px;
height: 50px;
}
section.recruit-career.jump .area-jump .border-button p{
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 2.7px;
text-align: left;
padding-left: 30px;
}


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

/*================*/
section.pagetitle {
}
section.pagetitle>.inner {
}
/*----*/
section.pagetitle .area-ttl {
padding: 22vw 0 16vw 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 83vw;
aspect-ratio:318 / 71;
}
section.pagetitle .sectioning-title h2 span.sub{
font-size: 20px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0.08em;
}

section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/recruit/img/career-char_title_recruit.svg);
}


/*================*/
section.recruit-career {
padding-top: 13vw;
}
section.recruit-career>.inner {
}

/*----*/
section.recruit-career .area-table{
margin-top: 14vw;
}
section.recruit-career .box-lead{
font-size: 3.73vw;
line-height:6.93vw;
letter-spacing: 0.01em;
text-align: center;
}
section.recruit-career .box-lead .ymd {
    color: #A9A9A9;
    font-weight: 700;
}
section.recruit-career .box-lead .txt {
}
section.recruit-career .tbl{
width: 100%;
margin: 5.33vw auto;
border-spacing: 0;
border: solid 1.5px #00833E;
}
section.recruit-career .tbl th {
display: block;
width: 100%;
background: #D9ECE2;
border: solid 1.5px #00833E;
padding: 3.5vw 5.33vw;
font-size: 4.26vw;
font-weight: 400;
line-height: 5.33vw;
letter-spacing: 1.4px;
text-align: left;
}
section.recruit-career .tbl td {
display: block;
width: 100%;
border: solid 1.5px #00833E;
padding:7.4vw 3.4vw 10vw 3.4vw;
font-size: 4.26vw;
font-weight: 400;
line-height: 8.4vw;
letter-spacing: 1px;
text-align: left;
}
section.recruit-career .tbl .department{
margin-bottom: 9vw;
}
section.recruit-career .tbl .department:last-child{
margin-bottom: 0;
}
section.recruit-career .tbl .department-ttl{
font-size: 4.8vw;
font-weight: 500;
line-height: 10.6vw;
letter-spacing: 2px;
color:#00833E;
}
section.recruit-career .tbl .def-items{
font-size:4.26vw;
letter-spacing: 3px;
}
section.recruit-career .tbl .def-items .items-ttl{
color:#00833E;
font-weight: 700;
}
/*--　CMS用フォント設定 --*/
section.recruit-career .tbl .fs_large{
font-size:4.8vw;
}
section.recruit-career .tbl .fs_middle{
font-size: 4.26vw;
}
section.recruit-career .tbl .fs_small{
font-size: 3.73vw;
}
section.recruit-career .tbl .fw_bold{
font-weight:700;
}
section.recruit-career .tbl .fc_green{
color:#00833E;
}
section.recruit-career .tbl .fc_glay{
color: #707070;
}
/*--　// CMS用フォント設定 --*/



/*----*/
section.recruit-career.detail{
padding-top:12vw;
}
section.recruit-career.detail .area-detail{
margin-bottom: 11.5vw;
}
section.recruit-career.detail .area-detail:last-child{
margin-bottom: 0;
}
section.recruit-career.detail .area-detail .box-ttl{
margin-bottom:6vw;
}
section.recruit-career.detail .area-detail .box-ttl .main{
color:#00833E;
font-size: 6.66vw;
font-weight: 500;
line-height:13.33vw;
letter-spacing: 0.07em;
text-align: left;
}
section.recruit-career.detail .area-detail .box-detail{
font-size: 4.8vw;
line-height:8.4vw;
letter-spacing: 0.32px;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li{
width: 38.4vw;
height: 38.4vw;
margin: 0 auto 9vw auto;
border:solid 3px #00833E;
border-radius: 20vw;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li::after{
content: "";
display: inline-block;
width: 0px;
height: 0px;
border-top: solid 4vw #005B2B;
border-bottom: solid 2.8vw transparent;
border-left: solid 2.8vw transparent;
border-right: solid 2.8vw transparent;
position: absolute;
bottom: -10vw;
right: 0;
left: 0;
margin: 0 auto;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li:last-child::after{
border: none;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item p{
font-size:4.4vw;
font-weight: 500;
letter-spacing: 0.32px;
text-align: center;
position: relative;
padding-top:3.46vw;
line-height: 1.2;
}
section.recruit-career.detail .area-detail .box-detail .step-list-item li:before{
content: " ";
position: absolute;
top: 23%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color:#00833E;
font-family: Metropolis;
font-size:6.4vw;
font-weight: 600;
letter-spacing: 1px;
}

section.recruit-career.detail .area-detail .box-detail .step-list-item .step01:before{
content: "01";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step02:before{
content: "02";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step03:before{
content: "03";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step04:before{
content: "04";
}
section.recruit-career.detail .area-detail .box-detail .step-list-item .step05:before{
content: "05";
} 

section.recruit-career.detail .area-detail .box-detail .note{
font-size: 3.73vw;
line-height:10.12vw;
letter-spacing: 0.32px;
color: #707070;
}
section.recruit-career.detail .area-detail .box-btn{
margin-top: 37px;
}
section.recruit-career.detail .area-detail .box-btn .border-button{
width: 90.13vw;
height: 18vw;
margin: 0 auto;
display: block;
}
section.recruit-career.detail .area-detail .box-btn .border-button p{
text-align: center;
padding:5vw 0 0 0;
}
section.recruit-career.detail .area-detail .box-btn .border-button p i {
right: 1vw;
top: 6vw;
}
section.recruit-career.detail .area-detail .box-btn .corporate-profile-ttl{
font-size: 4.26vw;
font-weight: 700;
letter-spacing: 0em;
}

/*--　CMS用フォント設定 --*/
section.recruit-career.detail .fs_large{
font-size:5.86vw;
}
section.recruit-career.detail .fs_middle{
font-size: 4.8vw;
}
section.recruit-career.detail .fs_small{
font-size: 3.73vw;
}
section.recruit-career.detail .fw_bold{
font-weight:700;
}
section.recruit-career.detail .fc_green{
color:#00833E;
}
section.recruit-career.detail .fc_glay{
color: #707070;
}
/*--　// CMS用フォント設定 --*/


/*================*/
.contact{
margin-top: 10vw;
height: 71.2vw;
background: url(/recruit/img/bg_contact.png) no-repeat top left 83%;
background-size: cover;
}
.contact-inner{
padding-top: 12vw;
text-align: center;
}
.contact-ttl{
font-size: 5.33vw;
line-height: 1.6;
font-weight: 500;
color: #fff;
}
.contact-info-tel{
color: #fff;
font-size:8.4vw;
font-weight: 500;
line-height: 46.34px;
letter-spacing: 3.8px;
}
.contact-info-tel a{
color: #fff;
}
.contact-info-receptiontime{
font-size: 3.73vw;
font-weight: 700;
line-height:10.12vw;
color: #fff;
}
.contact-mailto.bb-type3{
width:89.3vw;
height: 14vw;
}
.contact-mailto.bb-type3 a{
position: relative;
display: block;
border-radius: 40px;
}
.contact-mailto.bb-type3 p{
text-align: left;
padding-left:14.4vw;
}
.contact-mailto.bb-type3 p span{
letter-spacing: 0.03em;
}

.contact-mailto.bb-type3 p:before {
content: '';
display: block;
position: absolute;
top: 52%;
left:5.5vw;
transform: translateY(-50%);
width: 5.87vw;
height: 4vw;
background: url(/common/img/ico_mail_white.png) no-repeat center;
background-size: contain;
}


/*----*/
section.recruit-career.jump{
padding-top: 11vw;
    padding-bottom: 2vw;
}
section.recruit-career.jump .area-jump{
text-align: center;
}
section.recruit-career.jump .area-jump .border-button{
width: 100%;
}
section.recruit-career.jump .area-jump .border-button p{
font-size: 4.26vw;
font-weight: 500;
line-height:6.4vw;
letter-spacing: 2.7px;
text-align: left;
padding-left: 16vw;
}

/*----*/
section.recruit-career .area-jump {
    padding: 0 0 9vw 0;
    margin: 0 auto 0 auto;
}

/*````````````````````````````````````````*/
} /* end of @media */
/*````````````````````````````````````````*/