/* career
=============================================== */

#career #page-header { background-image:url(../img/bg_header.jpg); }

#career .contents-box .ttl { margin-bottom:0.8em; font-size:150%; line-height:140%; }
#career .contents-box .subttl { margin-bottom:0.5em; font-size:130%; line-height:140%; }
#career .contents-box .sttl { margin-bottom:0.5em; font-size:115%; line-height:140%; }

.cr-box { margin-bottom:2.0em; }

.cr-btn { text-align:center; }
.cr-btn a { position:relative; width:14.0em; display:inline-block; padding:1.0em 0; background-color:#fff; border-radius:1000px; border:var(--cl-tbsblue) 2px solid; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4); color:var(--cl-tbsblue); font-weight:700; text-decoration:none; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { .cr-btn a:hover { transform:translateX(4px); opacity:0.7; } }
.cr-btn a::after { display:inline-block; position:absolute; content:""; top:0.9em; right:1.0em; width:1.2em; height:1.2em; background:url(../img/icon_exlink.png) center center no-repeat; background-size:100% auto; }


/* recruitment
-------------------------------- */

#cr-list { display:flex; flex-wrap:wrap; align-items:stretch; }
.cr-item { width:48%; margin:0 1% 1.0em; padding:1.5em; box-sizing:border-box; border:#ccc 1px solid; border:#000 2px solid; border-radius:0.5em; box-sizing:border-box; box-shadow:4px 4px 0px #000;  }
.cr-item .name { margin-bottom:0.3em; font-size:130%; line-height:140%; }
.cr-item .text { margin-bottom:0.5em; line-height:140%; }
.cr-item .term { margin:-0.2em 0 1.0em 0; line-height:140%; font-weight:700; }
.cr-item .term::before { position:relative; top:0.3em; display:inline-block; vertical-align:text-bottom; content:""; width:2.0em; height:2.0em; background:url(../img/icon_term.png) center center no-repeat; background-size:contain; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

#cr-list { font-size:90%; }
.cr-item { width:100%; margin:0 0 1.0em; }

}


/* message
-------------------------------- */

#message .txt { font-size:130%; padding-bottom:1.2em; text-align:center; font-weight:700; }
#message .txt strong { color:var(--cl-tbsblue); }
#message .txt .tbr { display:inline-block; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

#message .txt { font-size:110%; }

}


/* intv
-------------------------------- */

.cr-intv-list { display:flex; flex-wrap:wrap; align-items:stretch; }
.cr-intv-item { width:49%; margin-bottom:1.0em; padding:1.0em; box-sizing:border-box; border:#ddd 1px solid; border-radius:0.5em; }
.cr-intv-item:nth-child(even) { margin-left:2%; }
.cr-intv-item .thumb { margin:-1.0em -1.0em 1.0em -1.0em; aspect-ratio:1124 / 592; border-radius:0.5em 0.5em 0 0; background-color:#efefef; }
.cr-intv-item .thumb span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.5em 0.5em 0 0; }
.cr-intv-ttl { margin-bottom:0.5em; font-size:125%; line-height:140%; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

.cr-intv-item { width:100%; margin:0 0 1.0em 0!important; }

}

/*eof*/