@charset "utf-8";

/*
 * File       : sub-recruit.css
 * Author     : STUDIO-JT (Sumi)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1)
 * 2)
 * 3)
 * 4)
 */


/* **************************************** *
* RECRUIT
* **************************************** */
.highflier__wrap {padding-top:140rem; position:relative; margin-bottom:120rem;}
.highflier__wrap .highflier__title-wrap {position: absolute; width: 100%; height: 100vh;}
.highflier__wrap .article-header__title {line-height:1.15;}
.highflier__wrap:after {clear:both; content:''; display:block;}
.highflier__list {max-width:623rem;float:right;}
.highflier__item + .highflier__item {margin-top:80rem;}
.highflier__item figure {padding-top:99.5%;}
.highflier__item img { display:block; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition: transform 1.2s;-webkit-transition:-webkit-transform 1.2s;transition:-webkit-transform 1.2s;transition:transform 1.2s;transition: transform 1.2s, -webkit-transform 1.2s;}
.highflier__item--active img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.highflier__item-title {display:block; margin-top:32rem; font-size:16rem; font-weight:700; line-height:1.5; letter-spacing:-0.03em; color:#bbb}
.highflier__item-desc {margin-top:12rem; font-size:32rem; font-weight:500; line-height:1.32; letter-spacing:-0.03em;}
.highflier__icon { position: absolute; left: -278rem; top:33%; /* top: 329rem; */ z-index:-1;}
.highflier__icon-item {position:absolute; opacity:0;}
.highflier__icon-diamond {margin-left:-50rem}

.recruit-section__col-2 {border-top:1rem solid #ddd;width: 100%;display: table;}
.recruit-section__col-2 .recruit-icon__item + .recruit-icon__item {margin-top: 104rem;}
.recruit-section__col-2 .recruit-icon__item h3 {margin-top:0;}
.recruit-section__col-2 .recruit-title {display:table-cell; vertical-align:top; width:60%}
.recruit-section__col-2 .recruit-content {display:table-cell;vertical-align:top;padding-top: 53rem;}
.recruit-section__col-2 .recruit-content figure {display:inline-block; vertical-align:top;}
.recruit-section__col-2 .recruit-icon__text {display:inline-block;vertical-align:top;margin-left: 60rem;}
.recruit-section {padding:160rem 0;}
.recruit-title span {font-size:22rem;line-height: 1.55;font-weight:700;color:#999;letter-spacing:-0.02em;}
.recruit-title h2 {margin-top: 17rem;font-size:42rem;line-height: 1.3;font-weight:700;letter-spacing:-0.02em;}
.recruit-icon__item figure {height: 72rem;width: 70rem;position:relative;}
.recruit-icon__item figure > img { position: absolute; top: 50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width:100%;}
.recruit-icon__item h3 {margin-top:29rem; font-size:22rem; line-height:1.5; font-weight:700; letter-spacing:-0.02em;}
.recruit-icon__item p, .recruit-icon__item li {margin-top:12rem; font-size:18rem; font-weight:400; line-height:1.7; letter-spacing:-0.02em; color:#666;}
.recruit-icon__item p > span, .recruit-icon__item li > span {color:#000; font-weight:500;}

.welfare-system {background:#f5f5f5; padding-bottom:205rem;}
.welfare-system .recruit-content {padding-top:193rem; margin:0 -42rem; font-size:0;}
.welfare-system .recruit-icon__item {display:inline-block; vertical-align:top; width:-webkit-calc(16.66% - 84rem); width:calc(16.66% - 84rem); margin:0 42rem;}
.welfare-system .recruit-icon__item ul {margin-top:12rem;}
.welfare-system .recruit-icon__item li {margin-top:6rem; font-size:18rem; line-height:1.6; letter-spacing:-0.02em; color:#666;}

.recruitment-system {padding-top:200rem; padding-bottom:0;}
.recruitment-system .recruit-title {font-size:82rem; font-weight:700; line-height:0.78; letter-spacing:-0.03em;}
.recruitment-system .sub-tab__nav-container {margin-top:86rem;}
.recruit-system__list {margin-top:36rem; border-top:3rem solid #000;}
.recruit-system__item a {padding: 36rem 0 37rem;border-bottom:1rem solid #ddd;font-size: 0; display:block;}
.recruit-system__status {font-size:16rem;line-height:1;color:#bbb; font-weight:500; letter-spacing:-0.02em;display: inline-block;vertical-align: middle;width: 6.5%;text-align: center;}
.recruit-system__title {font-size:22rem;line-height:1.4;letter-spacing:-0.02em;display: inline-block;vertical-align: middle;padding: 0 20rem;width: 78.5%;}
.recruit-system__date {padding-top:6rem; font-size:16rem;line-height:1;color:#666; font-weight:500; letter-spacing:-0.02em;display: inline-block;vertical-align: middle;}