@charset "UTF-8";
.top_page .top_board { padding-top: 0; background: #1C2835; position: relative; height: 80vh; overflow: hidden; }
@media screen and (min-width: 768px) { .top_page .top_board { padding-top: 2%; min-height: 45rem; } }
.top_page .top_board #video-area { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; width: 100%; margin: 0 auto; }
@media screen and (min-width: 576px) { .top_page .top_board #video-area { width: 80%; } }
@media screen and (min-width: 576px) { .top_page .top_board #video-area::before { /* オーバーレイ */ z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1c2835; background: -webkit-linear-gradient(left, #1c2835 0%, rgba(28, 40, 53, 0) 10%, rgba(28, 40, 53, 0) 90%, #1c2835 100%); background: -o-linear-gradient(left, #1c2835 0%, rgba(28, 40, 53, 0) 10%, rgba(28, 40, 53, 0) 90%, #1c2835 100%); background: linear-gradient(to right, #1c2835 0%, rgba(28, 40, 53, 0) 10%, rgba(28, 40, 53, 0) 90%, #1c2835 100%); } }
.top_page .top_board #video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */ height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */ min-height: 100%; min-width: 100%; }
.top_page .top_board .pagettl { position: absolute; z-index: 3; top: calc(50% + 4rem); left: 50%; transform: translateY(-50%) translateX(-50%); background: rgba(0, 56, 116, 0.48); width: 80%; text-align: center; color: #fff; text-shadow: 0 0 15px #666; padding: 0.5rem; }
@media screen and (min-width: 768px) { .top_page .top_board .pagettl { width: 65%; padding: 1rem; } }
.top_page .top_board .pagettl .pagettl_wrap { border: 1px solid white; padding: 1.5rem; }
@media screen and (min-width: 768px) { .top_page .top_board .pagettl .pagettl_wrap { padding: 3rem; } }
.top_page .top_board .pagettl .pagettl_wrap .pagettl_heading_wrap { width: 100%; margin: 0 auto; }
@media screen and (min-width: 768px) { .top_page .top_board .pagettl .pagettl_wrap .pagettl_heading_wrap { width: 60%; } }
.top_page .top_board .pagettl .pagettl_wrap .pagettl_heading_wrap img { width: 100%; }
.top_page .top_board .pagettl .pagettl_wrap p { font-size: 0.8rem; margin: 1rem auto 0 auto; }
@media screen and (min-width: 768px) { .top_page .top_board .pagettl .pagettl_wrap p { font-size: 1.125rem; line-height: 2.2; letter-spacing: 0.18rem; } }
.top_page .top_student_links { text-align: left; }
.top_page .top_student_links .top_student_links_imgwrap { width: 100%; height: auto; overflow: hidden; margin-bottom: 1em; }
.top_page .top_student_links .top_student_links_imgwrap .top_student_listLink { font-size: 0.8em; border-radius: 1em; padding: 0 59px; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; background-color: white; border-color: white; margin: 2% auto; }
@media screen and (min-width: 768px) { .top_page .top_student_links .top_student_links_imgwrap .top_student_listLink { margin: 4%; } }
.top_page .top_student_links .top_student_links_imgwrap .top_student_listLink::after { position: absolute; top: 0; bottom: 0; right: 6%; margin: auto; content: ""; vertical-align: middle; width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top_page .top_student_links .top_student_links_imgwrap a { display: block; width: 100%; height: 280px; padding: 1rem 2rem; color: white; text-decoration: none; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 0.3s ease-out; }
@media screen and (min-width: 768px) { .top_page .top_student_links .top_student_links_imgwrap a { height: 400px; } }
@media screen and (min-width: 992px) { .top_page .top_student_links .top_student_links_imgwrap a { height: 300px; } }
.top_page .top_student_links .top_student_links_imgwrap a:hover { transform: scale(1.025); }
.top_page .top_student_links .top_student_links_imgwrap a.hist { background-image: url("../images/top_links_bg_hist.jpg"); background-color: #7ECCD3; }
.top_page .top_student_links .top_student_links_imgwrap a.univ { background-image: url("../images/top_links_bg_univ.jpg"); background-color: #1B666A; }
.top_page .top_student_links .top_student_links_imgwrap a img { width: 100%; }
@media screen and (min-width: 768px) { .top_page .top_student_links .top_student_links_imgwrap a img { width: 80%; } }
.top_page .top_student_links .top_student_links_imgwrap a div { filter: drop-shadow(2px 2px 2px rgba(0, 56, 116, 0.8)); border-left: 7px solid white; padding: 0 0 0 1.5rem; line-height: 1.25; font-size: 2.5rem; font-weight: bold; }
.top_page .top_student_links .top_student_links_imgwrap a div p { font-size: 0.8rem; font-weight: normal; margin-top: 1rem; }
.top_page .top_news_new::after { display: block; width: 1px; height: 1rem; content: ""; }
.top_page .top_news_new .top_news_ttl h3 { margin-bottom: 0; }
.top_page .top_news_new .top_news_ttl .top_news_listLink { font-size: 0.8em; border-radius: 1em; padding: 0 59px; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; background-color: #2ABEE2; border-color: #2ABEE2; }
.top_page .top_news_new .top_news_ttl .top_news_listLink:hover { background-color: #18A4C6; border-color: #18A4C6; }
.top_page .top_news_new .top_news_ttl .top_news_listLink::after { position: absolute; top: 0; bottom: 0; right: 6%; margin: auto; content: ""; vertical-align: middle; width: 6px; height: 6px; border-top: 2px solid white; border-right: 2px solid white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top_page .top_news_new .top_news_content { background: white; padding: 1rem; overflow-y: auto; -webkit-overflow-scrolling: touch; height: auto; }
.top_page .top_news_new .top_news_content ul.top_news_content_list { height: auto; max-height: 13rem; font-size: 0.875rem; list-style: none; padding: 0; }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item { display: block; padding: 0.25rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: row; border-bottom: 1px solid #D0D0D0; margin-top: 1rem; }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item:first-child { padding-top: 0; }
@media screen and (min-width: 768px) { .top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item { display: -ms-flexbox; display: flex; padding: 1rem; } }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data { border-left: 5px solid #9DC2EB; padding: 0.5rem 1rem; font-size: 1.25rem; font-weight: bold; color: #3B4043; }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data time { font-size: 0.8rem; font-weight: bold; margin-right: 1.5rem; display: block; }
@media screen and (min-width: 768px) { .top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data time { display: inline; } }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data p.top_news_content_txt { margin: 0; font-size: 0.8rem; font-weight: normal; color: black; }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data p.top_news_content_txt a.top_news_content_link { color: #3B4043; }
.top_page .top_news_new .top_news_content ul.top_news_content_list li.top_news_content_item div.top_news_content_data p.top_news_content_txt a.top_news_content_link:hover { text-decoration: underline; }

/*# sourceMappingURL=top.css.map */