/* graduate index
=============================================== */

/* rec-info
-------------------------------- */

.contents-box#rec-info { background:url(../img/bg_info.png); }

.rec-list { display:flex; flex-wrap:wrap; padding-top:1.0em; }
.rec-list .rec-item { position:relative; width:47%; margin:0 1.5% 2.0em 1.5%; padding:2.5em 1.5em 1.5em 1.5em; background-color:#fff; border:#000 2px solid; border-radius:0.5em; box-sizing:border-box; box-shadow:4px 4px 0px #000;  }
.rec-list .rec-item .status { position:absolute; top:-1.0em; left:-1.0em; min-width:11em; padding:0.6em 1.0em; background:linear-gradient(#FCFCFC, #E2F4FF); border-radius:0.5em; border:#000 2px solid; box-sizing:border-box; box-shadow:4px 4px 0px #000; font-size:90%; text-align:center; font-weight:700; }
.rec-list .rec-item.status-now .status { background:var(--cl-lightpink); }
.rec-list .rec-item.status-end { background-color:#EFEFEF; }
.rec-list .rec-item.status-end .status { background:var(--cl-gray); color:#fff; }
.rec-list .rec-item .name { margin-bottom:0.5em; font-size:130%; line-height:140%; font-weight:700; }
.rec-list .rec-item .term { margin:0 0 1.0em 1.5em; font-size:110%; line-height:140%; font-weight:700; }
.rec-list .rec-item .term .ttl { position:relative; display:block; font-weight:500; font-size:85%; }
.rec-list .rec-item .term .ttl::before { position:absolute; top:-0.2em; left:-2.3em; display:inline-block; content:""; width:2.2em; height:2.2em; background:url(../img/icon_term.png) center center no-repeat; background-size:contain; }
.btn-ind-dtl a { width:14.0em; }
.more-content { display:flex; flex-wrap:wrap; width:100%; padding-top:2.0em; margin-top:-2.0em; }
.more-button-area { margin:0; width:100%!important; text-align:center; }
.more-button { position:relative; display:inline-block; box-sizing:border-box; margin-bottom:3.0em; padding:0 1.4em 0.7em 0; border-bottom:#000 2px solid; font-weight:bold; }
@media (hover: hover) { .more-button:hover { opacity:0.5; } }
.more-button::after { content:""; position:absolute; right:0; display:inline-block; margin-left:0.5em; width:1.2em; height:1.2em; content:"▼"; transform:scaleY(0.7); }
.more-button.close::after { transform:rotate(180deg) scaleY(0.7); }
.more-content .more-button { width:25.0em; text-align: center; }

/* -- Media Queries -- */

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

.rec-list { margin:0; font-size:90%; }
.rec-list .rec-item { width:100%; }

}


/* newcomer
-------------------------------- */

#newcomer-bn-list { display:flex; flex-wrap:wrap; margin:auto; padding-top:1.0em; width:980px; }
#newcomer-bn-list li { width:47%; margin:0 1.5% 6% 1.5%; }
#newcomer-bn-list li dl dt .banner a { display:block; width:100%; aspect-ratio:670 / 170; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border-radius:8px; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.25); /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { #newcomer-bn-list li dl dt .banner a:hover { transform:translateX(4px); opacity:0.7; } }
#newcomer-bn2024 dl dt .banner a { background-image:url(../img/bn_newcomer2024.png); }
#newcomer-bn2023 dl dt .banner a { background-image:url(../img/bn_newcomer2023.png); }
#newcomer-bn-list li dl dd { padding-top:1.0em; line-height:140%;  }

/* -- Media Queries -- */

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

#newcomer-bn-list { width:auto; }
#newcomer-bn-list li { width:96%; margin:0 4% 8% 4%; }

}

/*eof*/