@charset "UTF-8";
@charset "UTF-8";
.pc_only {
display: block;
}
.sp_only {
display: none;
}
@media screen and (max-width: 768px) {
.pc_only {
display: none;
}
.sp_only {
display: block;
}
}
/* common */
#top a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}
#top a:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.7;
}
#top section {
margin: 0px;
padding: 0px;
}
/* mvis */
#top #mvis {
height: 780px;
width: 100vw;
background-image: url(../../../asset_2025-2/img/top/mvis.jpg);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 140px;
z-index: 0;
background-position: center center;
}
#top #mvis .copy {
height: 300px;
max-width: 630px;
width: 40vw;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 150px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#top #mvis .btn {
display: flex;
justify-content: flex-end;
margin-top: 30px;
position: absolute;
z-index: 4;
top: 0;
right: 0;
}
#top #mvis .swiper-container {
width: 100%;
height: 90%;
}
#top #mvis .swiper-slide {
text-align: center;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
@media screen and (max-width: 768px) {
#top #mvis {
height: 600px;
}
#top #mvis .btn {
margin-top: 15px;
}
#top #mvis .btn img {
width: 300px;
}
#top #mvis .copy {
height: 160px;
max-width: 330px;
width: 60vw;
position: absolute;
top: 250px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
left: 0;
right: 0;
margin: auto;
}
#top #mvis .copy img {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#top .top_scroll_sp {
z-index: 5px;
position: absolute;
top: 600px;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
#top .top_scroll_sp img {
top: 600px;
margin: auto;
}
}
/* topics */
#top #topics {
position: relative;
max-width: 1200px;
margin-top: 670px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 768px) {
#top #topics {
max-width: 100%;
margin-top: 670px;
margin-right: auto;
margin-left: auto;
}
#top #topics div img {
width: 100%;
}
}
#top #news {
font-size: min(1.2vw, 16px);
color: #0e366f;
font-weight: bold;
display: flex;
align-items: center;
margin-right: 100px;
}
#top #news .ttl {
background-image: url(../img/news_bar.svg);
background-repeat: no-repeat;
background-position: right 25px;
width: 70vw;
max-width: 1000px;
padding-left: 100px;
}
#top #news .ttl img {
padding-bottom: 10px;
}
#top #news p {
margin-left: -150px;
}
/*--------------寺岡----------------*/
#bottom {
font-size: 16px;
}
#bottom #event .mvis {
height: 550px;
position: relative;
z-index: -3;
}
#bottom #event .admi {
background-image: url(../img/bottom_mvis_admi.jpg);
background-size: cover;
background-position: bottom;
}
#bottom #event .number {
background-image: url("../img/bottom_mvis_num.jpg");
background-size: cover;
}
#bottom #event .event {
background-image: url("../img/bottom_mvis_event.jpg");
background-size: cover;
}
#bottom #event .campus {
background-image: url("../img/bottom_mvis_campusill.png");
background-size: cover;
}
#bottom #event .evnt_inex_txt {
background-color: #0e366f;
position: absolute;
top: 50%;
padding-right: 30px;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
#bottom #event .mvis_line {
background-color: #0e366f;
height: 10px;
}
#bottom #lifestyle .mvis {
height: 100vh;
position: relative;
z-index: -3;
background-image: url(../img/lifestyle-main_pc.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#bottom #lifestyle .mvis .main-txt {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding-top: 240px;
}
#bottom #lifestyle .cont-area {
background-color: #f6f6ea;
padding-bottom: 40px;
}
#bottom #lifestyle .cont-area .part {
background-color: #FFF;
width: 860px;
margin-right: auto;
margin-left: auto;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #0e366f;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
text-align: center;
}
#bottom #lifestyle .cont-area .part {
position: relative;
top: -100px;
}
#bottom #lifestyle .cont-area .part a:hover {
opacity: 0.7;
}
#bottom #lifestyle .cont-area .part img {
margin: 10px;
}
#bottom #lifestyle .cont-area .part.map {
background-image: url(../img/lifestyle-map.svg);
background-repeat: no-repeat;
background-position: 400px 20px;
}
#bottom #lifestyle .cont-area .part p {
text-align: left;
margin-bottom: 30px;
line-height: 2.0;
}
#bottom #lifestyle .cont-area .part h2 {
font-size: 24px;
color: #0e366f;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: bold;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-bottom: 20px;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
#bottom #lifestyle .cont-area .part .flex {
display: flex;
align-items: center;
margin-bottom: 20px;
}
#bottom #lifestyle .cont-area .part .flex div {
text-align: left;
width: 100%;
padding-left: 30px;
}
#bottom #lifestyle .cont-area .part .flex div h3 {
font-size: 20px;
font-weight: bold;
color: #0e366f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
margin-bottom: 30px;
padding-bottom: 30px;
}
#bottom #lifestyle .cont-area .part .flex div h4 {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
#bottom #lifestyle .mvis {
background-image: url(../img/lifestyle-main_sp.jpg);
background-size: cover;
}
#bottom #lifestyle .mvis .main-txt {
width: 100%;
padding-top: 47vh;
}
#bottom #lifestyle .cont-area .part {
width: 90%;
}
#bottom #lifestyle .cont-area .part .w760 {
width: 90%;
}
#bottom #lifestyle .cont-area .part img {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
#bottom #lifestyle .cont-area .part.map {
background-size: 100%;
background-position: left 30px;
}
#bottom #lifestyle .cont-area .part .flex {
display: block;
}
#bottom #lifestyle .cont-area .part .flex div {
padding-left: 0;
}
}
@media screen and (max-width: 768px) {
#bottom {
font-size: 14px;
}
#bottom #event .mvis {
height: 300px;
}
#bottom #event .event {
background-position-x: -70px;
}
#bottom #event .evnt_inex_txt {
width: 80%;
padding-left: 15px;
}
#bottom #event .evnt_inex_txt img {
height: 30px;
}
}
#bottom #event .news {
text-align: center;
margin-top: 60px;
width: 860px;
margin-left: auto;
margin-right: auto;
}
#bottom #event .news_line {
border-bottom: thin solid #0e366f;
margin-top: 20px;
margin-bottom: 20px;
}
#bottom #event .news_txt {
font-size: 14px;
display: flex;
padding-left: 10px;
font-size: 13px;
}
#bottom #event .news_txt span {
color: #0e366f;
width: 130px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
#bottom #event .news {
margin-top: 50px;
width: 90%;
text-align: left;
}
#bottom #event .news img {
width: 100px;
padding-left: 10px;
}
#bottom #event .news_line {
margin-top: 15px;
margin-bottom: 15px;
}
#bottom #event .news_txt {
display: block;
}
#bottom #event .news_txt span {
width: 150px;
}
}
#bottom #event .index {
max-width: 900px;
width: 100%;
margin: 0 auto;
background-color: #FFF;
margin-top: -130px;
padding: 40px;
text-align: center;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: #0e356f;
font-size: 18px;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
#bottom #event .index {
margin-top: 0;
padding: 40px;
font-size: 16px;
}
}
#bottom #event .index ul {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
#bottom #event .index ul li {
width: 30%;
height: 70px;
border: 2px solid #0e356f;
margin: 0 1.5%;
display: flex;
align-items: center;
justify-content: center;
background-color: #eaf6fd;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: bold;
font-size: 16px;
line-height: 1.4;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0.6);
background-image: url("../img/admission_nav_bg01.svg");
background-repeat: no-repeat;
background-position: 5px 5px;
}
#bottom #event .index ul li a {
width: 100%;
display: inline-block;
}
@media screen and (max-width: 768px) {
#bottom #event .index ul li {
width: 100%;
margin: 10px 0 10px;
}
}
#bottom #event .index ul li:hover {
opacity: 0.7;
}
#bottom #event .index ul li span {
font-weight: normal;
font-size: 10px;
}
#bottom #event .list {
width: 100vw;
background-color: #e6eaf0;
padding: 50px 0 100px;
}
#bottom #event .list .wrap {
max-width: 900px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap {
padding: 0 40px;
}
}
#bottom #event .list .wrap .lead {
text-align: center;
font-size: 12px;
}
#bottom #event .list .wrap .lead h3 {
font-size: 30px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: normal;
color: #0e356f;
}
#bottom #event .list .wrap .lead .bar {
height: 20px;
margin: 20px 0 20px 0;
}
#bottom #event .list .wrap ul {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
#bottom #event .list .wrap ul.border__top {
margin-top: 15px;
padding: 40px 0 100px;
border-top: 2px solid #0e356f;
}
#bottom #event .list .wrap.border__top {
margin-top: 100px;
border-top: 2px solid #0e356f;
}
#bottom #event .list .wrap ul li {
width: 30%;
height: 70px;
margin: 0 1.5%;
line-height: 1.6;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0.6);
background-position: 5px 5px;
margin-bottom: 25px;
}
/*
#bottom #event .list .wrap ul li {
width: 30%;
height: 70px;
margin: 0 1.5%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
color: #FFF;
font-size: 13px;
line-height: 1.6;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0.6);
background-position: 5px 5px;
padding: 15px;
background-image: url("../img/admission_nav_bg02.svg");
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 25px;
}*/
#bottom #event .list .wrap ul li a {
width: 100%;
height: 70px;
display: inline-block;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap ul li {
width: 100%;
height: 70px;
}
}
#bottom #event .list .wrap ul.border__top li {
width: 30%;
height: 70px;
margin: 0 1.5%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
color: #FFF;
font-size: 13px;
line-height: 1.6;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0.6);
background-position: 5px 5px;
padding: 15px;
margin-bottom: 25px;
background-color: #0e356f;
background-image: none;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap ul.border__top li {
width: 100%;
height: 70px;
}
}
#bottom #event .list .wrap ul.border__top li:hover {
background-image: none;
}
#bottom #event .list .wrap ul li.none:hover {
background-image: none;
}
#bottom #event .list .wrap ul.border__top li.pdf {
background-image: url("../img/admission_nav_pdf-ico.svg");
background-repeat: no-repeat;
background-position: 220px center;
}
#bottom #event .list .wrap ul li.color01 {
background-color: #5789c4;
}
#bottom #event .list .wrap ul li.color02 {
background-color: #1e94c0;
}
#bottom #event .list .wrap ul li.color03 {
background-color: #e1714d;
}
#bottom #event .list .wrap ul li.color04 {
background-color: #6ca94c;
}
#bottom #event .list .wrap ul li.color05 {
background-color: #b1c164;
}
#bottom #event .list .wrap ul li.color06 {
background-color: #a986b7;
}
#bottom #event .list .wrap ul li.color07 {
background-color: #e69e2d;
}
#bottom #event .list .wrap ul li.none {
background-image: none;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0);
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap ul li.none {
height: 0;
margin: 0;
padding: 0;
}
}
#bottom #event .list .wrap ul li:hover {
background-image: url("../img/admission_nav_bg02-2.svg");
opacity: 0.7;
}
#bottom #event .list .wrap ul li .flame {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 20px;
border: 1px solid #FFF;
font-size: 12px;
line-height: 12px;
}
#bottom #event .list .wrap nav {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0.5%;
margin: 30px 0 30px;
font-weight: bold;
}
#bottom #event .list .wrap nav a div {
display: flex;
align-items: center;
justify-content: space-between;
border: 2px solid #0e356f;
background-color: #FFF;
width: 435px;
padding: 10px;
color: #0e356f;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap nav a div {
width: calc(100vw - 80px);
margin-top: 25px;
}
}
#bottom #event .list .wrap nav a div.w20 {
width: 200px !important;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap nav a div.w20 {
width: calc(100vw - 80px) !important;
}
}
#bottom #event .list .wrap section {
padding: 0 0.5%;
margin-top: -50px;
padding-top: 130px;
font-size: 14px;
}
#bottom #event .list .wrap .accordion {
margin: 0 auto;
max-width: 99%;
background-color: #FFF;
padding: 40px 20px 20px;
margin-top: 40px;
}
#bottom #event .list .wrap .accordion h4 {
text-align: center;
font-size: 20px;
color: #0e356f;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap .accordion h4 {
font-size: 16px;
}
}
#bottom #event .list .wrap .toggle {
display: none;
}
#bottom #event .list .wrap .option {
position: relative;
margin-bottom: 1em;
}
#bottom #event .list .wrap .title, #bottom #event .list .wrap .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#bottom #event .list .wrap .title {
border-bottom: solid 3px #0e356f;
padding: 1em;
display: block;
color: #0e356f;
font-weight: bold;
}
#bottom #event .list .wrap section .ttl {
border-bottom: 1px solid #0e356f;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap section .ttl {
display: block;
}
}
#bottom #event .list .wrap section .ttl h4 {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 24px;
color: #0e356f;
font-weight: normal;
}
#bottom #event .list .wrap section .ttl p {
font-size: 12px;
text-align: right;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap section .ttl p {
text-align: left;
}
}
#bottom #event .list .wrap section .flame {
border: 3px solid #0e356f;
background-color: #FFF;
padding: 20px;
}
#bottom #event .list .wrap section .flame h5 {
color: #0e356f;
font-size: 16px;
margin-bottom: 20px;
}
#bottom #event .list .wrap section.nav_back {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#bottom #event .list .wrap section.nav_back .nav_back_btn {
padding: 15px;
background-color: #0e356f;
color: #FFF;
}
#bottom #event .list .wrap table {
border-collapse:collapse;
margin-top: 20px;
}
#bottom #event .list .wrap tr {
width: 100%;
}
#bottom #event .list .wrap td {
text-align: center;
background-color: #FFF;
padding: 10px;
}
#bottom #event .list .wrap #number td {
width: calc(100% / 6);
}
#bottom #event .list .wrap td.color00 {
background-color: #cfd7e2;
color: #0e356f;
}
#bottom #event .list .wrap td.color01 {
background-color: #e1eeda;
color: #0e356f;
}
#bottom #event .list .wrap td.color02 {
background-color: #d9e5f2;
color: #0e356f;
}
#bottom #event .list .wrap td.color03 {
background-color: #fbe2e3;
color: #0e356f;
}
#bottom #event .list .wrap td.color04 {
background-color: #f8e5ed;
color: #0e356f;
}
#bottom #event .list .wrap td.color05 {
background-color: #fdedcc;
color: #0e356f;
}
#bottom #event .list .wrap td.color06 {
background-color: #ebdfec;
color: #0e356f;
}
#bottom #event .list .wrap td.w20 {
width: 180px;
}
#bottom #event .list .wrap td.w40 {
width: 360px;
}
#bottom #event .list .wrap td.w80 {
width: 720px;
}
#bottom #event .list .wrap td.tx-l {
text-align: left;
}
#bottom #event .list .wrap .fac td {
border-bottom: 1px solid #0e356f;
}
#bottom #event .list .wrap td {
border-left: 1px solid #0e356f;
}
#bottom #event .list .wrap td.bd-l__none {
border-left: none;
}
#bottom #event .list .wrap .title::after, #bottom #event .list .wrap .title::before {
content: "";
position: absolute;
left: 97%;
top: 1.5em;
width: 2px;
height: 0.75em;
background-color: #0e356f;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
#bottom #event .list .wrap .title::after, #bottom #event .list .wrap .title::before {
left: 95%;
top: 50%;
}
}
#bottom #event .list .wrap .title::after {
transform: rotate(90deg);
}
#bottom #event .list .wrap .content {
max-height: 0;
overflow: hidden;
background-color: #e6eaf0;
}
#bottom #event .list .wrap .content p {
margin: 0;
padding: 20px;
font-size: 0.9em;
line-height: 1.5;
}
#bottom #event .list .wrap .toggle:checked + .title + .content {
max-height: 500px;
transition: all 2s;
}
#bottom #event .list .wrap .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
#bottom #event .mvis2 {
height: 280px;
position: relative;
z-index: -3;
}
#bottom #event .event2 {
background-image: url("../img/bottom_mvis_event.jpg");
background-size: cover;
background-position-y: -50px;
}
#bottom #event .fac {
background-image: url("../img/bottom_mvis_fac.jpg");
background-size: cover;
background-position-y: -50px;
}
@media screen and (max-width: 768px) {
#bottom #event .mvis2 {
height: 200px;
}
#bottom #event .event2 {
background-position-y: 30px;
}
}
#bottom #event .event_bottom_ttl {
width: 860px;
margin-left: auto;
margin-right: auto;
color: #fff;
font-size: clamp(20px, 5vw, 40px);
background: linear-gradient(to right, #009854, #008dd1, #009da7);
text-align: center;
margin-top: 60px;
padding-top: 8px;
padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
#bottom #event .event_bottom_ttl {
width: 100%;
margin-top: 20px;
}
}
#bottom #event .kvis {
height: 55vh;
position: relative;
margin-top: -40px;
z-index: -3;
background-size: cover;
background-repeat: no-repeat;
}
#bottom #event .kvis_txt {
font-size: clamp(18px, 3vw, 30px);
color: #0e366f;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 50%;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-weight: bold;
}
#bottom #event .r_oc {
background-image: url("../img/bottom_event_kvis.jpg");
}
#bottom #event .every {
background-image: url("../img/bottom_event_kvis02.jpg");
}
#bottom #event .fac-rt {
background-image: url("../img/fac-rt-main.jpg");
}
#bottom #event .ac {
background-image: url("../img/bottom_event_kvis03.jpg");
}
#bottom #event .festa {
background-image: url("../img/bottom_event_kvis04.png");
}
#mov-map {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
#mov-map .section {
width: 45%;
}
#mov-map .section img {
width: 100%;
}
.w760 {
width: 760px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
#bottom #event .kvis {
height: 50vh;
margin-top: -40px;
background-position: center;
}
#bottom #event .kvis_txt {
padding-top: 10px;
padding-bottom: 10px;
}
.w760 {
width: 90%;
overflow-x: hidden;
}
#bottom #event .every {
background-image: url(../img/bottom_event_kvis02.jpg);
background-position: -5px;
}
}
#bottom #event .program {
background-color: #edebda;
border-radius: 15px;
padding: 20px;
margin-top: -30px;
}
#bottom #event .program_ttl {
color: #0e366f;
border-bottom: thin solid #0e366f;
padding-bottom: 10px;
font-weight: bold;
}
#bottom #event .program ul {
display: flex;
flex-wrap: wrap;
margin-top: 15px;
}
#bottom #event .program li {
margin-bottom: 10px;
margin-right: 50px;
}
#bottom #event .program li.p1 {
width: 130px;
}
#bottom #event .program li.p2 {
width: 190px;
}
#bottom #event .program li span {
color: #0e366f;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
#bottom #event .program {
border-radius: 10px;
padding: 10px;
margin-top: -30px;
font-size: 13px;
}
#bottom #event .program_ttl {
padding-bottom: 5px;
}
#bottom #event .program ul {
margin-top: 10px;
}
#bottom #event .program li {
width: 100%;
margin-bottom: 5px;
}
#bottom #event .program li span {
margin-right: 3px;
}
}
#bottom #event .acd-check, #bottom #campus .acd-check {
display: none;
}
/* #bottom #event .acd-label{ } */
#bottom #event .acd-label:after {
box-sizing: border-box;
display: block;
height: 53px;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
#bottom #event .acd-content, #bottom #campus .acd-content {
display: block;
height: 0;
opacity: 0;
transition: 0.5s;
visibility: hidden;
overflow: hidden;
}
#bottom #event .acd-content .content1 {
background-color: #deedf9;
margin-bottom: 15px;
padding: 50px 50px;
color: #333;
}
#bottom #event .acd-content .content2 {
background-color: #edebea;
padding: 50px 50px;
color: #333;
}
#bottom #event .acd-check:checked + .acd-label + .acd-content, #bottom #campus .acd-check:checked + .acd-label + .acd-content {
height: auto;
opacity: 1;
visibility: visible;
}
#bottom #event .acd_line {
border: 2px solid #a9ceee;
border-radius: 15px;
padding: 15px;
margin-top: 20px;
}
#bottom #event .acd_line.finish {
background-color: #dcdddd;
color: #666;
border: thin solid #999;
}
#bottom #event .num {
height: 100px;
width: 110px;
background: linear-gradient(to bottom right, #353e99, #0d7bce);
color: #fff;
border-radius: 10px;
font-size: 13px;
padding: 25px 0 0 10px
}
#bottom #event .num2 {
height: 100px;
width: 110px;
background: linear-gradient(to bottom right, #353e99, #0d7bce);
color: #fff;
border-radius: 10px;
font-size: 13px;
padding: 12px 0 0 10px
}
#bottom #event .num span{
font-size: 23px;
}
#bottom #event .num2 span{
font-size: 23px;
}
#bottom #event .roc_label {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
#bottom #event .roc_label {
display: block;
align-items: center;
}
}
#bottom #event .roc_label_ttl {
width: calc(100% - 340px);
font-weight: bold;
font-size: 17px;
color: #0e366f;
margin-left: 20px
}
#bottom #event .roc_label_ttl span {
font-size: 15px;
}
#bottom #event a {
height: 55px;
width: 190px;
position: relative;
}
#bottom #event a.about_department {
height: auto;
width: 480px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
#bottom #event .roc_label_nav {
background-color: #239ee8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
font-weight: bold;
color: #fff;
left: auto;
position: relative;
}
#bottom #event .roc_label_nav:hover {
opacity: 0.7;
}
#bottom #event .roc_label_nav.fin {
background-color: #999;
}
#bottom #event .roc_label_nav.fin:hover {
opacity: 0.7;
}
#bottom #event .roc_label_nav.imp {
background-color: #39c;
}
#bottom #event .roc_label_nav.imp:hover {
opacity: 0.7;
}
#bottom #event .img_arrow img {
margin-left: auto;
}
#bottom #event .img_arrow {
margin-left: auto;
margin-right: 20px;
}
#bottom #event .department {
margin-top: 20px;
margin-bottom: 20px;
}
#bottom #event .department p {
font-weight: bold;
margin-bottom: 10px;
}
#bottom #event .maru {
margin-right: 5px;
}
#bottom #event .c01 {
color: #6bab47;
}
#bottom #event .c02 {
color: #4280c0;
}
#bottom #event .c03 {
color: #d75885;
}
#bottom #event .c04 {
color: #db7da3;
}
#bottom #event .c05 {
color: #f4a600;
}
#bottom #event .c06 {
color: #9c61a1;
}
#bottom #event .department_line {
border-bottom: thin dotted #0e366f;
padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
#bottom #event .acd_line {
margin-top: 15px;
}
#bottom #event .num {
height: 30px;
width: auto;
border-radius: 10px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
#bottom #event .num2 {
height: 30px;
width: auto;
border-radius: 10px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
#bottom #event .num span{
margin: 0 0 0 5px;
font-size: 20px
}
#bottom #event .num2 span{
margin: 0 0 0 5px;
font-size: 20px
}
#bottom #event .roc_label_ttl span {
color: #0e366f;
font-weight: bold;
}
#bottom #event .roc_label_ttl {
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
text-align: center;
font-size: 15px
}
#bottom #event .img_arrow {
margin-left: auto;
margin-right: auto;
width: 20px;
}
#bottom #event .img_arrow img {
width: 20px;
}
#bottom #event .department {
margin-top: 20px;
}
#bottom #event .department_line {
padding-bottom: 5px;
}
#bottom #event .roc_label_nav {
height: 30px;
width: 80%;
background-color: #23a9ff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15px;
font-weight: bold;
color: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
#bottom #event #dept_base2 #mes-01 .lead {
font-size: clamp(14px, 12vw, 18px);
margin-top: 50px;
font-weight: bold;
}
#dept_base2 section {
width: 90vw;
max-width: 960px;
margin-right: auto;
margin-left: auto;
font-size: min(1vw, 16px);
line-height: 2;
}
#dept_base2 .cate {
width: 90vw;
max-width: 960px;
text-align: center;
margin-right: auto;
margin-left: auto;
font-size: 1.8vw;
color: #0e366f;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-bottom: 5px;
padding-top: 50px;
font-weight: bold;
}
#dept_base2 .cate_bg-student {
background-color: #0e366f;
margin-top: 60px;
height: 450px;
color: #fff;
margin-bottom: 30px;
}
#dept_base2 .cate_bg-student section {
color: #fff;
display: flex;
}
#dept_base2 .cate_bg-student section .img {
height: 450px;
margin-right: 50px;
}
#dept_base2 .cate_bg-student section .img img {
height: 100%;
}
#dept_base2 .cate_bg-student section .copy {
display: flex;
align-items: center;
}
#dept_base2 .cate_bg-student section .copy div .mcopy {
font-size: 1.8vw;
font-weight: bold;
margin-bottom: 50px;
}
#dept_base2 .cate_bg-student section .copy div .pos {
font-size: min(1.2vw, 18px);
margin-bottom: 5px;
}
#dept_base2 .cate_bg-student section .copy div .name {
font-size: 1.8vw;
}
#dept_base2 .nav-student {
width: 100vw;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
margin-top: 50px;
}
#dept_base2 .nav-student ul {
width: 90vw;
max-width: 960px;
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: space-between;
}
#dept_base2 .nav-student ul li {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
font-size: min(1.2vw, 18px);
text-align: center;
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
}
#dept_base2 .nav-student ul li#rt {
background-color: #6bab47;
color: #fff;
}
#dept_base2 .nav-student ul li#rp {
background-color: #4280c0;
color: #fff;
}
#dept_base2 .nav-student ul li#ro {
background-color: #eb6d73;
color: #fff;
}
#dept_base2 .nav-student ul li#nu {
background-color: #db7da3;
color: #fff;
}
#dept_base2 .nav-student ul li#ce {
background-color: #f4a600;
color: #fff;
}
#dept_base2 .nav-student ul li#cl {
background-color: #9c61a1;
color: #fff;
}
#dept_base2 .nav-student-b {
width: 100vw;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
margin-top: 100px;
}
#dept_base2 .nav-student-b ul {
width: 90vw;
max-width: 960px;
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: space-between;
}
#dept_base2 .nav-student-b ul li {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
font-size: min(1.2vw, 18px);
text-align: center;
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
}
#dept_base2 .nav-student-b ul li#rt {
background-color: #6bab47;
color: #fff;
}
#dept_base2 .nav-student-b ul li#rp {
background-color: #4280c0;
color: #fff;
}
#dept_base2 .nav-student-b ul li#ro {
background-color: #eb6d73;
color: #fff;
}
#dept_base2 .nav-student-b ul li#nu {
background-color: #db7da3;
color: #fff;
}
#dept_base2 .nav-student-b ul li#ce {
background-color: #f4a600;
color: #fff;
}
#dept_base2 .nav-student-b ul li#cl {
background-color: #9c61a1;
color: #fff;
}
#dept_base2 .movie {
margin-top: 60px;
}
#dept_base2 .movie .ttl {
font-size: min(1.6vw, 22px);
font-weight: bold;
display: flex;
align-items: center;
color: #fff;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
#dept_base2 .movie .ttl {
font-size: clamp(16px, 1.6vw, 22px);
;
font-weight: bold;
display: flex;
align-items: center;
color: #fff;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
}
#dept_base2 .movie .sepa {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#dept_base2 .movie .sepa .area {
width: 33%;
background-color: #ececec94;
padding: 1vw;
margin-top: 5px;
}
@media screen and (max-width: 768px) {
#dept_base2 .movie .sepa .area {
width: 100%;
background-color: #ececec94;
padding: 1vw;
margin-top: 5px;
}
}
#dept_base2 .movie .sepa .area p {
font-size: clamp(14px, 12vw, 18px);
}
#dept_base2 .movie .cs {
font-size: 1.2vw;
font-weight: bold;
margin-top: 10px;
margin-left: 20px;
}
#dept_base2 .movie .ttl.rt {
background-color: #6bab47;
}
#dept_base2 .movie .ttl.rp {
background-color: #4280c0;
}
#dept_base2 .movie .ttl.ro {
background-color: #eb6d73;
}
#dept_base2 .movie .ttl.nu {
background-color: #db7da3;
}
#dept_base2 .movie .ttl.ce {
background-color: #f4a600;
}
#dept_base2 .movie .ttl.cl {
background-color: #9c61a1;
}
#dept_base2 .movie .ttl.all {
background-color: #0e366f;
width: 90vw;
max-width: 960px;
margin-right: auto;
margin-left: auto;
line-height: 2;
margin-top: 50px;
}
#dept_base2 .modal-wrapper {
z-index: 999;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 60px 10px;
text-align: center;
}
#dept_base2 .modal-wrapper:not(:target) {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
#dept_base2 .modal-wrapper:target {
opacity: 1;
visibility: visible;
transition: opacity 0.4s, visibility 0.4s;
}
#dept_base2 .modal-wrapper::after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
vertical-align: middle;
content: "";
}
#dept_base2 .modal-wrapper .modal-window {
box-sizing: border-box;
display: inline-block;
z-index: 100;
position: relative;
width: 80vw;
max-width: 600px;
padding: 30px 30px 15px;
border-radius: 2px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
vertical-align: middle;
}
#dept_base2 .modal-wrapper .modal-window .modal-content {
max-height: 80vh;
overflow-y: auto;
}
#dept_base2 .modal-overlay {
z-index: 10;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
#dept_base2 .modal-wrapper .modal-close {
z-index: 20;
position: absolute;
top: 0;
right: 0;
width: 35px;
color: #95979c !important;
font-size: 20px;
font-weight: 700;
line-height: 35px;
text-align: center;
text-decoration: none;
text-indent: 0;
}
#dept_base2 .modal-wrapper .modal-close:hover {
color: #2b2e38 !important;
}
#dept_base2 .vis_all {
text-align: center;
background-color: #e9f3f8;
width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 15px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
#dept_base2 .vis_all {
text-align: center;
background-color: #e9f3f8;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 15px;
margin-bottom: 20px;
}
}
#dept_base2 .vis_all img {
width: 60%;
}
@media screen and (max-width: 768px) {
#dept_base2 .vis_all img {
width: 90%;
}
}
#dept_base2 .area_ttl {
font-weight: bold;
color: #0e366f;
margin-bottom: 10px;
}
#dept_base2 .area img {
width: 100%;
}
#dept_base2 .sepa .about_department {
font-size: 18px;
border-radius: 25px;
background-color: #fff;
width: 480px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 25px;
}
#dept_base2 .sepa .bc01 {
color: #6bab47;
border: thin solid #6bab47;
}
#dept_base2 .sepa .bc02 {
color: #4280c0;
border: thin solid #4280c0;
}
#dept_base2 .sepa .bc03 {
color: #d75885;
border: thin solid #d75885;
}
#dept_base2 .sepa .bc04 {
color: #db7da3;
border: thin solid #db7da3;
}
#dept_base2 .sepa .bc05 {
color: #f4a600;
border: thin solid #f4a600;
}
#dept_base2 .sepa .bc06 {
color: #9c61a1;
border: thin solid #9c61a1;
}
#bottom #event .ac_cont {
margin-top: 20px;
margin-left: 20px;
display: flex;
justify-content: space-between;
}
#bottom #event .ac_cont_flex {
display: flex;
}
#bottom #event .ac_cont p {
width: 120px;
margin-left: 5px;
}
#bottom #event .gm_link {
margin-top: 20px;
font-size: 14px;
background-color: #0e366f;
color: #fff;
width: 150px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 20px;
margin-right: 20px;
}
#bottom #event .gm_link span {
font-size: 14px;
color: #3dff00a6;
}
#bottom #event .festa_read {
text-align: center;
margin-top: 50px;
font-size: 18px;
font-weight: bold;
}
#bottom #event .festa_more {
border-radius: 33px;
border: thin solid #4fc2f1;
width: 100%;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 30px;
padding-right: 30px;
color: #0e366f;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
background: #fff;
}
#bottom #event .festa_inner {
margin-top: 60px;
background: #f2f2f3;
padding-top: 40px;
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
#bottom #event .ac_cont {
margin-top: 15px;
margin-left: 10px;
display: block;
}
#bottom #event .ac_cont p {
width: 90px;
margin-left: 0px;
}
#bottom #event .gm_link {
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
margin-left: 10px;
}
#bottom #event .gm_link span {
font-size: 13px;
color: #3dff00a6;
}
}
@media screen and (max-width: 768px) {
#bottom #event .festa_read {
text-align: center;
margin-top: 50px;
font-size: 18px;
font-weight: bold;
}
#bottom #event .festa_more {
border-radius: 33px;
border: thin solid #4fc2f1;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 30px;
padding-right: 30px;
color: #0e366f;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
background: #fff;
}
#bottom #event .festa_inner {
margin-top: 60px;
background: #f2f2f3;
padding-top: 40px;
padding-bottom: 60px;
}
}
#bottom #campus .evnt_inex_txt {
background-color: #0e366f;
position: absolute;
top: 60%;
padding-right: 30px;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
#bottom #campus .mvis2 {
height: 300px;
position: relative;
z-index: -3;
}
#bottom #campus .lead {
font-weight: bold;
color: #0e366f;
}
#bottom #campus .flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex dl {
width: 32%;
margin-bottom: 40px;
}
#bottom #campus .flex dl img {
width: 100%;
}
#bottom #campus .flex dl dt {
background-color: #26bec4;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #fff;
font-size: 18px;
}
#bottom #campus .flex dl dd {
font-size: 12px;
background-color: #e6e6e6;
padding: 10px;
height: 92px
}
@media screen and (max-width: 768px) {
#bottom #campus .flex dl dd {
height: auto;
padding: 10px 10px 15px
}
}
#bottom #campus .other {}
#bottom #campus .sub_ttl {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
font-size: 20px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
text-align: center;
margin-top: 50px;
}
#bottom #campus .bun {
margin-top: 40px;
font-size: 16px;
}
#bottom #campus .bun span {
font-size: 20px;
font-weight: 900;
color: #0e366f;
}
#bottom #campus .bun2 {
margin-top: 40px;
margin-left: 16px;
font-size: 16px;
}
#bottom #campus .bun2 span {
margin-left: -16px;
}
#bottom #campus .bun3 {
margin-top: 40px;
margin-left: 44px;
font-size: 16px;
}
#bottom #campus .bun3 span {
margin-left: -44px;
}
#bottom #campus .flex .btn {
width: 30%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 190px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex2 {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex2 .btn {
width: 60%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 190px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex2 .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex3 .btn {
width: 22%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 190px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex3 .btn .nav {
width: 80%;
color: #fff;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
#bottom #campus .flex4 {
display: flex;
justify-content: center;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex4 img {
margin-right: 15px;
margin-left: 15px;
}
#bottom #campus .info {
font-size: 20px;
height: 140px;
border: 5px solid #0e366f;
color: #0e366f;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: bold;
margin-top: 50px;
border-radius: 10px;
}
#bottom #campus .other {
font-size: 14px;
border: 3px solid #26bec4;
padding: 20px;
}
#bottom #campus .other span {
font-weight: bold;
color: #26bec4;
}
#bottom #campus .movie {
background-color: #0e366f;
padding: 15px;
margin-top: 40px;
border-radius: 10px;
}
#bottom #campus .pop {
width: 100%;
background-color: #0e366f;
margin-top: 40px;
font-weight: bold;
color: #fff;
text-align: center;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#bottom #campus .bun-c {
margin-top: 40px;
font-size: 16px;
text-align: center;
}
#bottom #campus .bun-c span {
font-weight: bold;
color: #0e366f;
}
#bottom #campus .com {
margin-top: 40px;
}
#bottom #campus .com dl {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
#bottom #campus .com dt {
display: flex;
align-items: center;
justify-content: center;
background-color: #9ed8f5;
height: 100px;
width: 100px;
border-radius: 50px;
font-weight: bold;
color: #fff;
}
#bottom #campus .com dd {
display: flex;
align-items: center;
height: 100px;
border-radius: 50px;
font-weight: bold;
border: 1px solid #9ed8f5;
width: calc(100% - 120px);
padding-right: 30px;
padding-left: 30px;
}
#bottom #campus .flex5 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex5 .btn {
width: 48%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 220px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex5 .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex5 .btn .cap {
width: 80%;
font-size: 12px;
text-align: left;
font-weight: normal;
}
#bottom #campus .flex7 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex7 .btn {
width: 32%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 220px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex7 .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex7 .btn .cap {
width: 80%;
font-size: 12px;
text-align: left;
font-weight: normal;
}
#bottom #campus .wa-view {
width: 100%;
margin-top: 40px;
background-color: #0e366f;
}
#bottom #campus .wa-view .container {
display: flex;
width: 760px;
margin: 0 auto;
}
#bottom #campus .wa-view .profile {
color: #fff;
display: flex;
align-items: center;
padding-left: 40px;
font-size: 16px;
}
#bottom #campus .wa-view .profile div p {
font-size: 20px;
margin-bottom: 40px;
font-weight: bold;
}
#bottom #campus .imgg {
margin-top: 40px;
}
#bottom #campus .flex6 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#bottom #campus .flex6 .section {
width: 48%;
}
#bottom #campus .flex6 .section img {
width: 100%;
}
@media screen and (max-width: 768px) {
#bottom #campus .mvis2 {
height: 250px;
position: relative;
z-index: -3;
}
#bottom #campus .flex {
display: block;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex .btn {
width: 100%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 190px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
margin-bottom: 20px;
}
#bottom #campus .flex dl {
width: 100%;
margin-bottom: 30px;
}
#bottom #campus .flex dl img {
width: 100%;
}
#bottom #campus .com dl {
display: block;
}
#bottom #campus .com dt {
display: flex;
align-items: center;
justify-content: center;
background-color: #9ed8f5;
height: 30px;
width: 100%;
border-radius: 10px;
font-weight: bold;
color: #fff;
}
#bottom #campus .com dd {
display: flex;
align-items: center;
height: auto;
border-radius: 10px;
font-weight: bold;
border: 1px solid #9ed8f5;
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
#bottom #campus .flex2 .btn {
width: 100%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 190px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bottom #campus .flex3 {
display: block;
}
#bottom #campus .flex3 .btn {
width: 100%;
font-weight: bold;
color: #fff;
background-color: #0e366f;
height: 60px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-align: center;
margin-bottom: 10px;
}
#bottom #campus .flex3 .btn .nav {
width: 80%;
color: #fff;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
#bottom #campus .flex4 {
display: block;
justify-content: center;
align-items: stretch;
margin-top: 50px;
}
#bottom #campus .flex4 img {
width: 100%;
margin-right: 0;
margin-left: 0;
}
#bottom #campus .evnt_inex_txt {
padding-left: 15px;
}
#bottom #campus .evnt_inex_txt img {
height: 30px;
}
#bottom #campus .flex5 {
display: block;
}
#bottom #campus .flex5 .btn {
width: 100%;
margin-bottom: 20px;
}
#bottom #campus .flex7 {
display: block;
}
#bottom #campus .flex7 .btn {
width: 100%;
margin-bottom: 20px;
}
#bottom #campus .wa-view .container {
display: block;
}
#bottom #campus .wa-view img {
/* width: auto; */
/* height: auto; */
margin-bottom: 20px;
/* padding: 40px; */
}
#bottom #campus .flex5 .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex5 .btn .cap {
width: 80%;
font-size: 12px;
text-align: left;
font-weight: normal;
}
#bottom #campus .flex7 .btn .nav {
width: 80%;
background-color: #fff;
color: #0e366f;
height: 60px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#bottom #campus .flex7 .btn .cap {
width: 80%;
font-size: 12px;
text-align: left;
font-weight: normal;
}
#bottom #campus .imgg img {
width: 100%;
}
}
/* 4/4大島
------------------------------------------------------------------*/
.flex-container {
display: flex;
}
/* ad-news
------------------------------------------------------------------*/
.ad-news {
width: 100%;
}
.ad-news dl {
margin-bottom: 50px;
}
.ad-news .ad-news-ttl {
display: block;
color: #0e366f;
font-size: 32px;
/* font-weight: bold; */
text-align: center;
border-bottom: 2px solid #0e366f;
margin-top: 50px;
padding-bottom: 11.35px;
}
.ad-news-item {
width: 100%;
padding: 20px 30px;
}
.ad-news-item .ad-news-item-summary {
margin-bottom: 20px;
}
.ad-news-item .ad-news-item-summary dt {
color: #008dd1;
font-size: 13px;
margin-right: 20px;
}
.ad-news-item .ad-news-item-summary dd {
font-size: 13px;
font-weight: bold;
}
.ad-news-item .ad-news-item-content dt {
display: flex;
font-size: 14px;
align-items: center;
color: #fff;
background-color: #0e366f;
border-radius: 10px;
width: 420px;
margin-right: 20px;
padding: 0 20px;
}
.ad-news-item .ad-news-item-content dd {
display: flex;
align-items: center;
text-align: justify;
font-size: 13px;
line-height: 32px;
}
/* ad-detail-list
------------------------------------------------------------------*/
.ad-detail-list {
width: 100%;
}
.ad-detail-item {
margin-bottom: 25px;
}
.ad-detail-item-ttl {
display: block;
color: #0e366f;
font-size: 1.2em;
padding: 20px 30px;
border-radius: 999px;
border: 2px solid #0e366f;
}
.ad-detail-item .inner {
height: 0;
visibility: hidden;
opacity: 0;
padding: 0 25px;
}
#ac-menu01:checked ~ #ac-content01, #ac-menu02:checked ~ #ac-content02, #ac-menu03:checked ~ #ac-content03, #ac-menu04:checked ~ #ac-content04, #ac-menu05:checked ~ #ac-content05, #ac-menu06:checked ~ #ac-content06, #ac-menu07:checked ~ #ac-content07, #ac-menu08:checked ~ #ac-content08, #ac-menu09:checked ~ #ac-content09, #ac-menu10:checked ~ #ac-content10, #ac-menu11:checked ~ #ac-content11, #ac-menu12:checked ~ #ac-content12, #ac-menu13:checked ~ #ac-content13 {
height: auto;
visibility: visible;
opacity: 1;
transition-duration: 0.5s;
}
.ad-detail-item .inner .container {
padding: 25px 0;
text-align: justify;
}
.ad-detail-item .inner .container p {
font-size: 13px;
line-height: 2em;
}
.ad-detail-item .inner .container p span {
color: #0e366f;
font-weight: bold;
}
.ad-detail-item input[type="checkbox"] {
display: none;
}
.ad-detail-item .inner .container .concept {
margin: 20px 0;
padding: 5px 25px;
background-color: #eae4d1;
border-radius: 10px;
}
.ad-detail-item .inner .container .concept ol {
list-style-type: none;
}
.ad-detail-item .inner .container .concept li {
line-height: 3em;
border-bottom: 1px solid #fff;
}
.ad-detail-item .inner .container .concept li:last-child {
border-bottom: none;
}
/* ------------------------------------------------------------------
2022-04-25 大島追加
------------------------------------------------------------------ */
#bottom #campus .flex6 {
display: none;
}
#bottom #event .event2.every {
min-height: 550px;
height: 38vw;
background-position: center center;
background-image: url("../img/bottom_event_kvis02.jpg");
}
#bottom #event .event2.festa {
min-height: 550px;
height: 38vw;
background-position: center center;
background-image: url("../img/bottom_event_kvis04.png");
}
#bottom #event .event2.r_oc {
min-height: 550px;
height: 38vw;
background-position: center center;
background-image: url("../../assets_2026/img/bottom_event_kvis.jpg");
}
#bottom #event .event2.ac {
min-height: 550px;
height: 38vw;
background-position: center center;
background-image: url("../img/bottom_event_kvis03.jpg");
}
#bottom #event .evnt_inex_txt p {
color: #fff;
font-size: 22px;
}
#bottom #event .program {
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
#bottom #event .program {
margin-top: 15px;
}
#bottom #event .evnt_inex_txt p {
color: #fff;
font-size: 14px;
}
}
/* ------------------------------------------------------------------
2022-04-27 大島追加
------------------------------------------------------------------ */
#bottom #campus .w760 .container {
justify-content: space-between;
flex-wrap: wrap;
margin-top: 50px;
}
#bottom #campus .w760 .container img {
width: 47%;
height: auto;
margin-bottom: 30px;
}
#bottom #campus .w760 section p.acd-ttl {
position: relative;
font-size: 28px;
padding: 20px;
color: #fff;
background-color: #42210b;
text-align: center;
border-radius: 999px;
}
#bottom #campus .w760 section .acd-label:hover {
cursor: pointer;
}
#bottom #campus .w760 section p.acd-ttl::after {
content: "";
position: absolute;
top: 27px;
right: 5%;
transform: rotate(-45deg);
width: 20px;
height: 20px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
}
#bottom #campus .w760 section p span {
font-size: 16px;
}
#bottom #campus .w760 section .acd-content {
overflow: auto;
white-space: nowrap;
}
#bottom #campus .w760 section .acd-content table {
color: #42210b;
width: 100%;
margin: 20px 0;
border-top: 3px solid #42210b;
border-bottom: 3px solid #42210b;
border-collapse: collapse;
}
#bottom #campus .w760 section .acd-content thead, #bottom #campus .w760 section .acd-content tbody {
border-bottom: 3px solid #42210b;
}
#bottom #campus .w760 section .acd-content tr th:not(:last-child), #bottom #campus .w760 section .acd-content tr td {
border-right: 1px solid #42210b;
}
#bottom #campus .w760 section .acd-content thead tr:last-child th:nth-child(odd), #bottom #campus .w760 section .acd-content tbody tr td:nth-child(even), #bottom #campus .w760 section .acd-content tfoot tr td:nth-child(even) {
border-right: 1px dotted #42210b;
}
#bottom #campus .w760 section .acd-content tbody tr {
border-bottom: 1px dotted #42210b;
}
#bottom #campus .w760 section .acd-content tr td:last-child {
border: none;
}
#bottom #campus .w760 section .acd-content table thead tr:first-child, #bottom #campus .w760 section .acd-content table tr td:nth-of-type(9), #bottom #campus .w760 section .acd-content table tr td:nth-of-type(10) {
background: #eae4d1;
}
#bottom #campus .w760 section .acd-content tr th, #bottom #campus .w760 section .acd-content tr td {
text-align: center;
font-weight: bold;
padding: 10px;
}
#bottom #campus .w760 section .acd-content tbody tr th:first-child {
text-align: left;
padding-left: 20px;
}
@media screen and (max-width: 768px) {
#bottom #campus .w760 .container img {
width: 100%;
margin-bottom: 10px;
}
#bottom #campus .w760 section .acd-content {
overflow-x: scroll;
width: 100%;
}
}
/* ------------------------------------------------------------------
2022-04-28 大島追加
------------------------------------------------------------------ */
#bottom #campus .mvis_line {
background-color: #0e366f;
height: 10px;
}
#bottom #campus .campus2 {
height: 440px;
background-image: url("../img/bottom_mvis_campusill.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-life {
height: 440px;
background-image: url("../img/bottom_mvis_campus-life.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-map {
height: 440px;
background-image: url("../img/bottom_mvis_campus-map.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-barrierfree {
height: 440px;
background-image: url("../img/bottom_mvis_campus-barrierfree.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-calendar {
min-height: 550px;
height: 38vw;
background-image: url("../img/bottom_mvis_campus-calendar.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-club {
height: 440px;
background-image: url("../img/bottom_mvis_campus-club.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-fee {
height: 440px;
background-image: url("../img/bottom_mvis_campus-fee.jpg");
background-position: center left;
background-size: cover;
}
#bottom #campus .campus-activity {
height: 440px;
background-image: url("../img/bottom_mvis_campus-activity.jpg");
background-position: center left;
background-size: cover;
}
@media screen and (max-width: 768px) {
#bottom #campus .wa-view .container {
width: 100%;
}
#mov-map {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
#mov-map .section {
width: 100%;
margin: 0px;
padding: 0px;
}
#mov-map .section img {
width: 100%;
margin: 0px;
padding: 0px;
}
#bottom #campus .campus2 {
height:200px;
}
#bottom #campus .campus-life {
height: 200px;
}
#bottom #campus .campus-map {
height: 20px;
}
#bottom #campus .campus-barrierfree {
height: 200px;
}
#bottom #campus .campus-calendar {
height: 200px;
min-height: auto;
background-size: cover;
}
#bottom #campus .campus-club {
height: 200px;
}
#bottom #campus .campus-fee {
height: 200px;
}
#bottom #campus .campus-activity {
height: 200px;
}
}
img {
max-width: 100%;
}
#bottom #event .r_oc img, #bottom #event .every img {
width: auto;
height: 60px;
padding: 15px 0;
}
#bottom #event .festa img, #bottom #event .ac img {
width: auto;
height: 60px;
padding: 12px 0;
}
#bottom #event .r_oc .evnt_inex_txt, #bottom #event .every .evnt_inex_txt, #bottom #event .festa .evnt_inex_txt, #bottom #event .ac .evnt_inex_txt {
padding-top: 0;
padding-bottom: 0;
text-align: left;
}
@media screen and (max-width: 768px) {
#dept_base2 .nav-student {
width: 180vw;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
margin-top: 30px;
}
#dept_base2 .nav-student-b {
width: 180vw;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
margin-top: 30px;
}
.nav ul {
width: auto;
}
.nav ul li {
width: 150px;
font-size: 14px;
margin-right: 5px;
}
.nav-b ul {
width: auto;
}
.nav-b ul li {
width: 150px;
font-size: 14px;
margin-right: 5px;
}
#dept_base2 .nav-student ul {
width: auto;
}
#dept_base2 .nav-student ul li {
width: 200px;
font-size: 14px;
margin-right: 5px;
}
#dept_base2 .nav-student-b ul {
width: auto;
}
#dept_base2 .nav-student-b ul li {
width: 200px;
font-size: 14px;
margin-right: 5px;
}
#dept_base2 .tbl-scroll {
overflow: auto;
white-space: nowrap;
}
#bottom #campus .mvis2 {
height: 300px;
}
}
@media screen and (max-width: 768px) {
#bottom #event .event2.every, #bottom #event .event2.festa, #bottom #event .event2.r_oc, #bottom #event .event2.ac, #bottom #campus .campus2 #bottom #campus .campus-activity, {
height: 200px;
}
#bottom #event .event2.every {
height: 200px;
min-height: auto;
background-position: center center;
background-image: url("../img/bottom_event_kvis02.jpg");
}
#bottom #event .event2.festa {
height: 200px;
min-height: auto;
background-position: center center;
background-image: url("../img/bottom_event_kvis04.png");
}
#bottom #event .event2.r_oc {
height: 200px;
min-height: auto;
background-position: center center;
background-image: url("../img/bottom_event_kvis.jpg");
}
#bottom #event .event2.ac {
height: 200px;
min-height: auto;
background-position: center center;
background-image: url("../img/bottom_event_kvis03.jpg");
}
}
#cambtnarea {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#cambtnarea a:hover {
text-decoration: none;
}
.campus-btn {
width: 45%;
margin-bottom: 50px;
}
.campus-btn img {
width: 100%;
margin-bottom: 15px;
}
.campus-btn p {
font-size: 16px;
}
.campus-btn h5 {
color: #D66332;
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
#cambtnarea {
display: block;
margin-top: 50px;
}
#cambtnarea a:hover {
text-decoration: none;
}
.campus-btn {
width: 100%;
margin-bottom: 50px;
}
.campus-btn img {
width: 100%;
margin-bottom: 15px;
}
.campus-btn p {
font-size: 16px;
margin-top: 20px;
}
.campus-btn h5 {
color: #D66332;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 30px;
}
}
#bottom #event .index .index_nav {
background: linear-gradient(to right, #009854, #008dd1, #009da7);
color: #fff;
font-size: clamp(18px, 1.6vw, 24px);
text-align: center;
width: 900px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
#bottom #event .index .index_nav_go {
background: linear-gradient(to right, #ffa2f2, #f2abff, #ff9e8b);
color: #fff;
border-color: red;
border-width: 3px;
border-style: solid;
font-size: clamp(18px, 1.6vw, 24px);
text-align: center;
width: 900px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
#bottom #event .index .index_ttl_bar {
height: 50px;
width: 900px;
display: flex;
justify-content: center;
align-items: center;
background-color: #0e366f;
color: #FFF;
margin-top: 80px;
font-size: clamp(18px, 1.6vw, 24px);
}
#bottom #event .index .index_ttl_bar a {
font-size: clamp(12px, 1.6vw, 16px);
margin-left: 30px;
}
#bottom #event .index .index_nav_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#bottom #event .index .index_nav_flex .index_nav2 {
width: 284px;
height: 98px;
margin-top: 20px;
font-size: 18px;
border-radius: 10px;
text-indent: -9999px;
background-color: transparent;
}
#bottom #event .index .index_nav_flex .index_nav2 div {
display: flex;
align-items: center;
justify-content: center;
width: 284px;
height: 98px;
border-radius: 8px;
background-repeat: no-repeat;
background-position: center top;
text-align: center;
}
#bottom #event .index .index_nav_flex .index_nav2 div:hover {
opacity: 0.6;
}
#bottom #event .index .index_nav_flex .index_nav2.btn01 div {
background-image: url(../img/btn01.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn02 div {
background-image: url(../img/btn02.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn03 div {
background-image: url(../img/btn03.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn04 div {
background-image: url(../img/btn04.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn05 div {
background-image: url(../img/btn05.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn06 div {
background-image: url(../img/btn06.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn07 div {
background-image: url(../img/btn07.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn08 div {
background-image: url(../img/btn08.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn09 div {
background-image: url(../img/btn09.png);
}
#bottom #event .index .index_nav_flex .index_nav2.btn10 div {
background-image: url(../img/btn10.png);
}
#bottom #event .index .index_link {
margin-top: 80px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#bottom #event .index .index_link .index_nav2 {
width: 290px;
background-image: url(../img/index_admi_border.png);
background-repeat: no-repeat;
background-position: center center;
height: 100px;
margin-top: 20px;
color: #0e366f;
font-size: 18px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
#bottom #event .index .index_link .index_nav2 div {
display: flex;
align-items: center;
justify-content: center;
background-color: #C2E6FA;
width: 284px;
height: 94px;
border-radius: 8px;
background-image: url(../img/arrow_jyuken.png);
background-repeat: no-repeat;
background-position: 250px center;
text-align: center;
}
@media screen and (max-width: 768px) {
#bottom #event .index .index_link .index_nav2 div {
display: flex;
align-items: center;
justify-content: center;
background-color: #C2E6FA;
width: 254px;
height: 94px;
border-radius: 8px;
background-image: url(../img/arrow_jyuken.png);
background-repeat: no-repeat;
background-position: 220px center;
text-align: center;
}
}
#bottom #event .index .index_link .index_nav2 div:hover {
opacity: 0.75;
}
#bottom #event .index .index_link::after {
content: "";
display: block;
width: 260px;
}
#bottom #campus .bun div {
margin-top: 20px;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-policy {
background-image: url("../img/bottom_mvis_admi-policy.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-fee {
background-image: url("../img/bottom_mvis_admi-fee.jpg");
background-size: cover;
height: 440px;
}
#bottom #event .admi-system {
background-image: url("../img/bottom_mvis_admi-system.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-webentry {
background-image: url("../img/bottom_mvis_admi-webentry.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-list {
background-image: url("../img/bottom_mvis_admi-list.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-system2 {
background-image: url("../img/bottom_mvis_application_documents.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-system3 {
background-image: url("../img/bottom_mvis_application_documents2.jpg");
background-size: cover;
height: 440px;
}
#bottom #campus .admi-system4 {
background-image: url("../img/bottom_mvis_prospective_students.jpg");
background-size: cover;
height: 440px;
}
@media screen and (max-width: 768px) {
#bottom #campus .admi-policy {
background-image: url("../img/bottom_mvis_admi-policy.jpg");
background-size: cover;
height: 200px;
}
#bottom #campus .admi-fee {
background-image: url("../img/bottom_mvis_admi-fee.jpg");
background-size: cover;
height: 200px;
}
#bottom #event .admi-system {
background-image: url("../img/bottom_mvis_admi-system.jpg");
background-size: cover;
height: 200px;
}
#bottom #campus .admi-webentry {
background-image: url("../img/bottom_mvis_admi-webentry.jpg");
background-size: cover;
height: 200px;
}
#bottom #campus .admi-system2 {
background-image: url("../img/bottom_mvis_application_documents.jpg");
background-size: cover;
height: 200px;
}
#bottom #campus .admi-system3 {
background-image: url("../img/bottom_mvis_application_documents2.jpg");
background-size: cover;
height: 200px;
}
#bottom #campus .admi-system4 {
background-image: url("../img/bottom_mvis_prospective_students.jpg");
background-size: cover;
height: 200px;
}
}
#bottom #campus .admi-fee01 {
margin-top: 30px;
font-size: 14px;
}
#bottom #campus .admi-fee01 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: 50%;
}
#bottom #campus .admi-fee01 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-fee01 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-fee01 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-fee01 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee01 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-fee02 {
margin-top: 30px;
font-size: 12px;
}
#bottom #campus .admi-fee02 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: 8%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-fee02 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-fee02 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-fee02 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-fee02 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee02 table tr td.col2 {
background-color: #FFFCDA;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee02 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee02 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .sub_ttl_sub {
width: 100%;
font-size: 14px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
margin-top: 30px;
}
#bottom #campus .admi-fee03 {
margin-top: 0px;
font-size: 12px;
}
#bottom #campus .admi-fee03 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: 8%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-fee03 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-fee03 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-fee03 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-fee03 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee03 table tr td.col2 {
background-color: #FFFCDA;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee03 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee03 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .sub_ttl_bar {
width: 100%;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
padding-bottom: 10px;
text-align: center;
margin-top: 50px;
background-color: #0e366f;
padding-top: 10px;
}
#bottom #campus .admi-fee04 {
margin-top: 30px;
font-size: 12px;
}
#bottom #campus .admi-fee04 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: 8%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-fee04 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-fee04 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-fee04 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-fee04 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee04 table tr td.col2 {
background-color: #FFFCDA;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee04 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-fee04 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-system01 {
margin-top: 30px;
font-size: 14px;
}
#bottom #campus .admi-system01 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: 50%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system01 table tr td.fac {
font-weight: bold;
text-align: left;
padding-left: 30px;
}
#bottom #campus .admi-system01 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-system01 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-system01 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-system01 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system01 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system01 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-system01 table tr td span {
margin-right: 5px;
}
#rt {
color: #6bab47;
}
#rp {
color: #4280c0;
}
#ro {
color: #eb6d73;
}
#nu {
color: #db7da3;
}
#ce {
color: #f4a600;
}
#cl {
color: #9c61a1;
}
#bottom #campus .index_nav_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
#bottom #campus .index_nav_flex .index_nav2 {
width: 240px;
height: 98px;
margin-top: 20px;
font-size: 18px;
border-radius: 10px;
text-indent: -9999px;
background-color: transparent;
}
#bottom #campus .index_nav_flex .index_nav2 div {
display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 98px;
border-radius: 8px;
background-size: 240px;
background-repeat: no-repeat;
background-position: center top;
text-align: center;
}
#bottom #campus .index_nav_flex .index_nav2 div:hover {
opacity: 0.6;
}
#bottom #campus .index_nav_flex .index_nav2.btn01 div {
background-image: url(../img/btn01.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn02 div {
background-image: url(../img/btn02.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn03 div {
background-image: url(../img/btn03.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn04 div {
background-image: url(../img/btn04.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn05 div {
background-image: url(../img/btn05.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn06 div {
background-image: url(../img/btn06.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn07 div {
background-image: url(../img/btn07.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn65 div {
background-image: url(../img/btn65.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn_goukaku div {
background-image: url(../img/btn_goukaku.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn_goukaku02 div {
background-image: url(../img/btn_goukaku02.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn_goukaku03 div {
background-image: url(../img/btn_goukaku03.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn_goukaku04 div {
background-image: url(../img/btn_goukaku04.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn_goukaku05 div {
background-image: url(../img/entrance_documents.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn08 div {
background-image: url(../img/application/btn_summary_sheet1.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn09 div {
background-image: url(../img/application/btn_summary_sheet2.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn10 div {
background-image: url(../img/application/btn_reason_for_aspiration.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn11 div {
background-image: url(../img/application/btn_recommendation_pdf.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn12 div {
background-image: url(../img/application/btn_recommendation_word.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn13 div {
background-image: url(../img/application/btn_self_prbook.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn14 div {
background-image: url(../img/application/btn_curriculum_vitae.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn15 div {
background-image: url(../img/application/btn_curriculum_vitae2.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn16 div {
background-image: url(../img/application/btn_.sirojipng.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn17 div {
background-image: url(../img/school_ccode/btn_01hokkaido.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn18 div {
background-image: url(../img/school_ccode/btn_02aomori.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn19 div {
background-image: url(../img/school_ccode/btn_03iwate.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn20 div {
background-image: url(../img/school_ccode/btn_04miyagi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn21 div {
background-image: url(../img/school_ccode/btn_05akita.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn22 div {
background-image: url(../img/school_ccode/btn_06yamagata.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn23 div {
background-image: url(../img/school_ccode/btn_07fukusima.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn24 div {
background-image: url(../img/school_ccode/btn_08ibaragi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn25 div {
background-image: url(../img/school_ccode/btn_09tochigii.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn26 div {
background-image: url(../img/school_ccode/btn_10gunma.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn27 div {
background-image: url(../img/school_ccode/btn_11saitama.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn28 div {
background-image: url(../img/school_ccode/btn_12chiba.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn29 div {
background-image: url(../img/school_ccode/btn_13tokyo.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn30 div {
background-image: url(../img/school_ccode/btn_14kanagawa.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn31 div {
background-image: url(../img/school_ccode/btn_15niigata.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn32 div {
background-image: url(../img/school_ccode/btn_16toyoama.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn33 div {
background-image: url(../img/school_ccode/btn_17ishikawa.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn34 div {
background-image: url(../img/school_ccode/btn_18fukui.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn35 div {
background-image: url(../img/school_ccode/btn_19yamanashi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn36 div {
background-image: url(../img/school_ccode/btn_20nagano.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn37 div {
background-image: url(../img/school_ccode/btn_21gifu.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn38 div {
background-image: url(../img/school_ccode/btn_22sizuoka.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn39 div {
background-image: url(../img/school_ccode/btn_23aichi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn40 div {
background-image: url(../img/school_ccode/btn_24mie.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn41 div {
background-image: url(../img/school_ccode/btn_25shiga.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn42 div {
background-image: url(../img/school_ccode/btn_26kyoto.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn43 div {
background-image: url(../img/school_ccode/btn_27osaka.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn44 div {
background-image: url(../img/school_ccode/btn_28hyogo.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn45 div {
background-image: url(../img/school_ccode/btn_29nara.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn46 div {
background-image: url(../img/school_ccode/btn_30wakayama.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn47 div {
background-image: url(../img/school_ccode/btn_31tottori.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn48 div {
background-image: url(../img/school_ccode/btn_32simane.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn49 div {
background-image: url(../img/school_ccode/btn_33okayama.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn50 div {
background-image: url(../img/school_ccode/btn_34hirosima.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn51 div {
background-image: url(../img/school_ccode/btn_35yamaguchi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn52 div {
background-image: url(../img/school_ccode/btn_36tokushima.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn53 div {
background-image: url(../img/school_ccode/btn_37kagawa.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn54 div {
background-image: url(../img/school_ccode/btn_38ehime.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn55 div {
background-image: url(../img/school_ccode/btn_39kouchi.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn56 div {
background-image: url(../img/school_ccode/btn_40fukuoka.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn57 div {
background-image: url(../img/school_ccode/btn_41saga.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn58 div {
background-image: url(../img/school_ccode/btn_42nagasaki.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn59 div {
background-image: url(../img/school_ccode/btn_43kumamoto.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn60 div {
background-image: url(../img/school_ccode/btn_44oita.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn61 div {
background-image: url(../img/school_ccode/btn_45miyazaki.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn62 div {
background-image: url(../img/school_ccode/btn_46kagoshima.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn63 div {
background-image: url(../img/school_ccode/btn_47okinawa.png);
}
#bottom #campus .index_nav_flex .index_nav2.btn64 div {
background-image: url(../img/school_ccode/btn_48sonota.png);
}
#bottom #campus p.tx20 {
font-size: 18px;
}
#bottom #campus .sub_ttl2 {
width: 100%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
font-size: 30px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
text-align: center;
margin-top: 100px;
}
#bottom #campus .sub_ttl2_bar {
width: 100%;
font-size: 20px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
text-align: center;
margin-top: 30px;
background-color: #CFD7E2;
padding-top: 10px;
}
#bottom #campus .admi-system02 {
margin-top: 30px;
font-size: 14px;
}
#bottom #campus .admi-system02 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.fac {
font-weight: bold;
text-align: left;
padding-left: 30px;
}
#bottom #campus .admi-system02 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-system02 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-system02 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col2 {
background-color: #FFFCDA;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system02 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-system02 table tr td span {
margin-right: 5px;
}
#bottom #campus .admi-system02 table tr td.align-left {
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
#bottom #campus #system01, #bottom #campus #system02, #bottom #campus #system03, #bottom #campus #system04, #bottom #campus #system05, #bottom #campus #system06, #bottom #campus #system07 {
margin-top: -100px;
padding-top: 200px;
}
#event .reserve {
margin: 40px 0 80px;
text-align: center;
color: #0e366f;
font-weight: bold;
font-size: 1.6em;
}
@media screen and (max-width: 768px) {
#event .reserve {
margin: 40px 0 0;
text-align: center;
color: #0e366f;
font-weight: bold;
font-size: 1.6em;
}
}
#event .reserve ul {
display: flex;
align-items: stretch;
justify-content: center;
margin-top: 40px;
}
#event .reserve ul li {
width: 760px;
padding: 15px;
border: 3px solid #a9ceee;
border-radius: 15px;
font-size: 1em;
margin: 0 2%;
color: #000;
}
#event .reserve ul li span {
font-size: 0.8em;
color: #0e366f;
}
#event .reserve ul li .date {
color: #0e366f;
margin-bottom: 20px;
}
#event .reserve .attention {
font-size: 0.8em;
margin-top: 40px;
}
@media screen and (max-width: 768px) {
#event .reserve ul {
display: block;
}
#event .reserve ul li {
width: 80%;
margin-bottom: 20px;
margin-left: 10%;
}
}
#event .reserve ul li:hover {
opacity: 0.8;
}
#event .reserve ul li p {
font-size: 0.8em;
margin-bottom: 12px;
}
#event .reserve ul li img {
margin-bottom: 10px;
}
#event .reserve ul li .button {
width: 100%;
height: 30px;
border-radius: 15px;
font-size: 0.6em;
background-color: #239ee8;
color: #FFF;
margin-top: 30px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
#event .schedule {
background: linear-gradient(to right, #353e99, #0d99e9);
height: 60px;
border-radius: 15px;
color: #FFF;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-top: 70px
}
@media screen and (max-width: 768px) {
#bottom #event .index .index_nav_flex .index_nav {
width: 283px;
margin-right: auto;
margin-left: auto;
}
#bottom #event .index .index_nav_flex .index_nav2 {
width: 283px;
margin-right: auto;
margin-left: auto;
}
#bottom #event .index .index_link .index_nav2 {
width: 260px;
margin-right: auto;
margin-left: auto;
}
#bottom #campus .mvis2 {
height: 200px;
}
#bottom #campus .index_nav_flex2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
}
#bottom #campus .index_nav_flex2 .index_nav {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
background-image: url(../img/index_admi_border.png);
background-repeat: no-repeat;
background-position: center center;
height: 60px;
margin-top: 20px;
color: #0e366f;
font-size: 12px;
border-radius: 10px;
}
#bottom #campus .index_nav_flex2 .index_nav div {
display: flex;
align-items: center;
justify-content: center;
background-color: #FFF;
width: 96%;
height: 54px;
border-radius: 8px;
background-image: url(../img/arrow_jyuken.png);
background-repeat: no-repeat;
background-position: 210px center;
text-align: center;
}
#bottom #campus .index_nav_flex .index_nav2 {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
margin-top: 10px;
height: 56px;
}
#bottom #campus .index_nav_flex .index_nav2 div {
display: flex;
align-items: center;
justify-content: center;
background-color: #FFF;
width: 100%;
height: 56px;
border-radius: 8px;
background-size: 160px;
}
#bottom #campus .admi-system01 table tr td.fac {
font-weight: bold;
text-align: left;
padding-left: 0px;
}
#bottom #campus .index_nav_flex .index_nav {
width: 45%;
display: flex;
justify-content: center;
align-items: center;
background-image: url(../img/index_admi_border2.png);
background-repeat: no-repeat;
background-position: center center;
height: 100px;
margin-top: 20px;
color: #0e366f;
font-size: 16px;
text-align: center;
}
#bottom #campus .index_nav_flex .index_nav div {
display: flex;
align-items: center;
background-color: #FFF;
width: 80%;
height: 54px;
border-radius: 8px;
background-image: url(../img/arrow_jyuken.png);
background-repeat: no-repeat;
background-position: 120% center;
padding-left: 0px;
text-align: left;
margin-left: 5%;
margin-right: 5%;
font-size: 12px;
}
#bottom #campus .sub_ttl2 {
width: 100%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
font-size: 24px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
text-align: center;
margin-top: 100px;
}
#bottom #campus .sub_ttl2_bar {
width: 100%;
font-size: 16px;
font-weight: bold;
color: #0e366f;
padding-bottom: 10px;
text-align: center;
margin-top: 30px;
background-color: #CFD7E2;
padding-top: 10px;
}
#bottom #campus .admi-system02 table tr td.align-left {
text-align: left;
padding-left: 20px;
}
#bottom #campus .index_scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#bottom #campus .admi-fee02 {
width: 760px;
}
#bottom #campus .admi-fee03 {
width: 760px;
}
#bottom #campus .admi-system01 {
margin-top: 30px;
font-size: 14px;
}
#bottom #campus .admi-system01 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
width: auto;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
padding-right: 15px;
padding-left: 15px;
}
#bottom #campus .admi-system01 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-system01 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-system01 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-system01 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system01 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system01 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-system01 table tr td span {
margin-right: 5px;
}
#rt {
color: #6bab47;
}
#rp {
color: #4280c0;
}
#ro {
color: #eb6d73;
}
#nu {
color: #db7da3;
}
#ce {
color: #f4a600;
}
#cl {
color: #9c61a1;
}
#bottom #campus .admi-system02 {
margin-top: 30px;
font-size: 14px;
}
#bottom #campus .admi-system02 table tr td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -3px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
padding-right: 10px;
padding-left: 10px;
}
#bottom #campus .admi-system02 table tr td.fac {
font-weight: bold;
text-align: left;
padding-left: 30px;
}
#bottom #campus .admi-system02 table tr td.last {
border-right-style: none;
}
#bottom #campus .admi-system02 table tr.first td {
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0e366f;
}
#bottom #campus .admi-system02 table tr.last td {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col2 {
background-color: #FFFCDA;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system02 table tr td.col-l {
background-color: #eae4d1;
font-weight: bold;
color: #0e366f;
}
#bottom #campus .admi-system02 p {
font-size: 12px;
margin-top: 10px;
}
#bottom #campus .admi-system02 table tr td span {
margin-right: 5px;
}
#bottom #campus .admi-system02 table tr td.align-left {
text-align: left;
padding-left: 30px;
}
#bottom #campus .admi-system02 table tr td.align-left span {
text-align: left;
margin-left: -25px;
}
#bottom #campus p.tx20 {
font-size: 16px;
}
}
#bottom #event .department center {
margin-top: 20px;
margin-bottom: 40px;
color: #0e366f;
}
#bottom #event .department_line2 {
border-bottom: 3px solid #0e366f;
margin: 40px 0;
}
#bottom #event .department {
padding: 0 20px;
}
.mouseover__conts{
position: relative;
}
.btn-mouseover:hover + .mouseover__box{
display: block;
}
.mouseover__box:hover{
display: block;
}
.mouseover__box{
display: none;
position: absolute;
width: 240px;
height: auto;
padding: 15px;
font-size: 13px;
background-color: #fff;
box-sizing: border-box;
text-align: center;
box-shadow: 5px 5px 5px rgba(14, 53, 111, 0.6);
}
@media screen and (min-width: 769px) {
.mouseover__box.color01{
border: 3px solid #5789c4;
top: -100px;
left: 150px;
}
.mouseover__box.color01-2{
border: 3px solid #5789c4;
top: -100px;
left: 300px;
}
.mouseover__box.color02{
border: 3px solid #1e94c0;
top: -100px;
left: 450px;
}
.mouseover__box.color03{
border: 3px solid #e1714d;
top: -100px;
left: 150px;
}
.mouseover__box.color04{
border: 3px solid #6ca94c;
top: -100px;
left: 300px;
}
.mouseover__box.color05{
border: 3px solid #b1c164;
top: -100px;
left: 450px;
}
.mouseover__box.color06{
border: 3px solid #a986b7;
top: -100px;
left: 150px;
}
.mouseover__box.color07{
border: 3px solid #e69e2d;
top: -100px;
left: 300px;
}
}
@media screen and (max-width: 768px) {
.mouseover__box.color01{
border: 3px solid #5789c4;
top: 0px;
}
.mouseover__box.color01-2{
border: 3px solid #5789c4;
top: 70px;
}
.mouseover__box.color02{
border: 3px solid #1e94c0;
top: 140px;
}
.mouseover__box.color03{
border: 3px solid #e1714d;
top: 210px;
}
.mouseover__box.color04{
border: 3px solid #6ca94c;
top: 280px;
}
.mouseover__box.color05{
border: 3px solid #b1c164;
top: 350px;
}
.mouseover__box.color06{
border: 3px solid #a986b7;
top: 420px;
}
.mouseover__box.color07{
border: 3px solid #e69e2d;
top: 490px;
}
}
.mouseover__box h5{
color: #0e366f;
font-size: 16px;
}
.mouseover__box h6{
background-color: #cfd7e2;
color: #0e366f;
padding: 5px 0;
margin: 10px 0;
}
.mouseover__box .btn {
margin-top: 20px;
margin-bottom: 10px;
}
.mouseover__box .btn a {
background-color: #000;
color: #FFF;
padding: 10px 20px;
}
.mouseover__box .btn a:hover {
opacity: 0.7;
}
.modal-wrapper {
z-index: 999;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 60px 10px;
text-align: center
}
.modal-wrapper:not(:target) {
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
opacity: 1;
visibility: visible;
transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
display: inline-block;
height: 100%;
margin-left: -.05em;
vertical-align: middle;
content: ""
}
.modal-wrapper .modal-window {
box-sizing: border-box;
display: inline-block;
z-index: 20;
position: relative;
width: 70%;
max-width: 600px;
padding: 30px 30px 15px;
border-radius: 2px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, .6);
vertical-align: middle
}
.modal-wrapper .modal-window .modal-content {
max-height: 80vh;
overflow-y: auto;
}
.modal-overlay {
z-index: 10;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {
z-index: 20;
position: absolute;
top: 0;
right: 0;
width: 35px;
color: #95979c !important;
font-size: 20px;
font-weight: 700;
line-height: 35px;
text-align: center;
text-decoration: none;
text-indent: 0
}
.modal-wrapper .modal-close:hover {
color: #2b2e38 !important
}
._btn {
width: 330px;
height: 50px;
margin: 40px auto 0;
}
._btn a {
border: 1px solid #0e366f;
width: 330px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.0vw;
letter-spacing: 0.2em;
color: #0e366f;
}
@media screen and (max-width: 768px) {
._btn a {
font-size: 3.0vw;
}
}
._btn a:hover {
color: #FFF;
background: #0e366f;
text-decoration: none;
}
#campus .cale_w{
max-width: 1100px;
width: 80vw;
margin: 0 auto
}
@media screen and (max-width: 768px) {
}