/* graduate detail
=============================================== */

.detail #mainttl { margin-bottom:0.8em; padding-bottom:0.8em; border-bottom:#D9D9D9 1px solid; font-size:160%; line-height:140%; font-weight:700; }


/* rec-box
=============================================== */

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

.rec-line {  margin-bottom:2.0em;}
.rec-line hr { border:none; border-bottom:#D9D9D9 1px solid;  }

.rec-end { margin-bottom:2.0em; padding:1.2em; background-color:var(--cl-gray); color:#fff; text-align:center; font-size:120%; }


/* rec-ttl
-------------------------------- */

.rec-ttl { font-size:140%; line-height:140%; margin-bottom:0.5em; font-weight:700; }
.rec-ttl::before { display:inline-block; content:""; width:1.7em; height:1.7em; margin:-0.3em auto auto -0.5em; background-image:url(../img/icon_qualification.png); background-position:left top; background-repeat:no-repeat; background-size:contain; vertical-align:middle; }
#qualification .rec-ttl::before { background-image:url(../img/icon_qualification.png); }
#entry .rec-ttl::before { background-image:url(../img/icon_entry.png); }
#remuneration .rec-ttl::before { background-image:url(../img/icon_remuneration.png); }
#schedule .rec-ttl::before { background-image:url(../img/icon_schedule.png); }
#outline .rec-ttl::before { background-image:url(../img/icon_outline.png); }


/* entry-steps
-------------------------------- */

#entry-steps { border-radius:1.0em; padding:1.5em 1.5em 1.5em 6.5em; position:relative; }
.recruitment #entry-steps { background:linear-gradient(#cdfca0, #e9eaee, #ccdaf6); }
.orientation #entry-steps { background:linear-gradient(#fbd0fd, #e9eaee, #ccdaf6); }
.step-box { position:relative; margin-bottom:1.0em; }
.step-ttl { position:absolute; top:-0.25em; left:-7.5em; }
.step-ttl span { position:relative; display:inline-block; padding:0.7em 0.27em 0.7em 1.7em; background-color:#000000; font-weight:900; }
.recruitment .step-ttl span { color:var(--cl-mint); }
.orientation .step-ttl span { color:var(--cl-lightpink); }
.step-ttl span::after { content:''; position:absolute; top:0; right:calc(-1.0em + 0.5px); width:0; height:0; border-style:solid; border-width:1.2em 0 1.2em 1.0em; border-color:transparent transparent transparent #000000; }
.step-box .sttl { font-size:130%; line-height:140%; margin-bottom:0.24em; font-weight:700; }

/* ---- entry-steps-term ---- */
#entry-steps-term { position:relative; isolation:isolate; width:fit-content; padding:1.5em; color:#fff; background-color:transparent; margin-left:-5.5em; }
#entry-steps-term::before { content:''; position:absolute; top:0; bottom:0; right:0; left:-100vw; background-color:#000; z-index:-1; border-radius:0 1.0em 1.0em 0; }
#entry-steps-term .ttl { margin:-0.4em 0 0.8em 0; font-size:120%; font-weight:500; }
#entry-steps-term .ttl::before { margin:0 0 -0.8em 0; display:inline-block; content:""; width:2.2em; height:2.2em; background:url(../img/icon_term_w.png) center center no-repeat; background-size:contain; }
#entry-steps-term .term-txt { margin-bottom:0.5em; color:var(--cl-mint); font-size:140%; line-height:140%; font-weight:700; }
#entry-steps-term a { color:var(--cl-mint); }
#entry-steps .rec-btn { margin-left:-4.0em;}

/* -- Media Queries -- */

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

.step-ttl { font-size:90%; left:-7.5em; }
.step-box .sttl { font-size:110%; }
#entry-steps { margin:0 -0.5em; padding:1.5em 1.5em 1.5em 5.5em; }
#entry-steps-term .ttl { font-size:100%; }
#entry-steps-term .term-txt { font-size:120%; }

}


/* rec-box tbl
-------------------------------- */

.rec-box .tbl { width:100%; padding-bottom:1.0em; }
.rec-box .tbl table { width:100%; }
.rec-box .tbl table th,
.rec-box .tbl table td { border:#000 1px solid; border-collapse:collapse; vertical-align:top; padding:0.7em 0.8em; line-height:160%; text-align:left; word-break:break-all; }
.rec-box .tbl th { background-color:#EAFFD7; white-space:nowrap; }
.rec-box .column { display:inline-block; padding:0.4em 1.0em 0em 1.0em; border:#000 1px solid; background-color:#fff; }

/* ------ Media Queries ------ */

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

.rec-box .tbl { font-size:90%; }

}


/* btn
-------------------------------- */

.btn-entry a { width:17.0em; }
.btn-back { margin-bottom:3.0em; }
.btn-back a { width:10.0em; color:var(--cl-gray)!important; border-color:var(--cl-gray); }
.btn-back a::after { left:1.0em; transform:rotate(180deg); filter:grayscale(1); }


/* detail customize
=============================================== */

/* event-techstagetour-pic
-------------------------------- */

#event-techstagetour-pic { width:100%; margin:0 0 20px 0; padding-top:10px; }
#event-techstagetour-pic p { position:relative; width:100%; height:0; padding-top:calc(306% / 2258 * 100); }
#event-techstagetour-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/event_techstagetour.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }


/* event-news2025
-------------------------------- */

#event-news2025-title { width:80%; margin:0 10% 20px 10%; }
#event-news2025-title h1 { position:relative; width:100%; height:0; padding-top:calc(150% / 1200 * 100); }
#event-news2025-title h1 span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/event_news2025_font.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#event-news2025-pic { width:70%; margin:0 15% 40px 15%; padding-top:10px; }
#event-news2025-pic p { position:relative; width:100%; height:0; padding-top:calc(900% / 1600 * 100); }
#event-news2025-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/event_news2025.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ------ Media Queries ------ */

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


#event-news2025-title { width:100%; margin:0 0 20px 0; }
#event-news2025-pic { width:100%; margin:0 0 40px 0; }

}


/* event-drama2025-pic
-------------------------------- */

#event-drama2025-pic { display:flex; justify-content:center; margin:0 -0.5%; }
#event-drama2025-pic li { width:24%; margin:0 0.5%; }
#event-drama2025-pic li dl dd { position:relative; width:100%; height:0; padding-top:100%; }
#event-drama2025-pic li dl dd span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#event-drama2025-pic li:nth-child(1) dl dd span { background-image:url(../img/event_drama2025_p1.jpg); }
#event-drama2025-pic li:nth-child(2) dl dd span { background-image:url(../img/event_drama2025_p2.jpg); }
#event-drama2025-pic li:nth-child(3) dl dd span { background-image:url(../img/event_drama2025_p3.jpg); }
#event-drama2025-pic li:nth-child(4) dl dd span { background-image:url(../img/event_drama2025_p4.jpg); }
#event-drama2025-pic li dl dt { padding-top:0.7em; font-size:85%; line-height:140%; text-align:center; }

/* ------ Media Queries ------ */

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

#event-drama2025-pic { flex-wrap:wrap; }
#event-drama2025-pic li { width:48%; margin:0 1%; }
#event-drama2025-pic li dl dt { padding-bottom:1.5em; font-size:75%; }

}


/* event-techdesign2025-pic
-------------------------------- */

#event-techdesign2025-pic { width:70%; margin:0 15% 20px 15%; padding-top:10px; }
#event-techdesign2025-pic p { position:relative; width:100%; height:0; padding-top:calc(506% / 900 * 100); }
#event-techdesign2025-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/event_techdesign2025.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ------ Media Queries ------ */

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

#event-techdesign2025-pic { width:100%; margin:0 0 20px 0; }

}


/*eof*/