@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
新規追加分
**********************************************************************/
.thumbnail-container { background: #283f59; padding: 48px 0; }

.slider-thumbnail { margin: auto; width: 85%; }
.slider-thumbnail.slick-initialized .slick-slide { margin: 0 10px; }

/***********************************************************************
2026分
**********************************************************************/
ul { list-style: none; padding: 0; margin: 0; }

.point-wrapper ul { display: flex; }
.point-wrapper ul li { width: calc(100% / 3); }
@media (max-width: 560px) { .point-wrapper ul li { width: 100%; } }
.point-wrapper ul li a { display: flex; justify-content: center; align-items: center; height: min(39.0625vw, 500px); width: 100%; transition: .2s; }
@media (max-width: 560px) { .point-wrapper ul li a { height: 350px; } }
.point-wrapper ul li a img { width: min(31.25vw, 400px); height: min(31.25vw, 400px); transition: .3s; }
@media (max-width: 560px) { .point-wrapper ul li a img { width: 315px; height: 315px; } }
@media (hover: hover) and (pointer: fine) { .point-wrapper ul li a:hover img { transform: scale(1.07); } }
.point-wrapper ul li.item1 a { background: #fff100; }
@media (hover: hover) and (pointer: fine) { .point-wrapper ul li.item1 a:hover { background: #ceb600; } }
.point-wrapper ul li.item2 a { background: url("../img/home/point2-back.svg") repeat 0 0; background-size: 40px; }
@media (hover: hover) and (pointer: fine) { .point-wrapper ul li.item2 a:hover { background-color: #e4e4e4; } }
.point-wrapper ul li.item3 a { background: #89aff8; }
@media (hover: hover) and (pointer: fine) { .point-wrapper ul li.item3 a:hover { background: #3f7df4; } }

.gakka-list { padding: 124px 0 42px; /*ul*/ }
.gakka-list .head { margin: auto; width: min(96.4285714286vw, 1350px); }
.gakka-list ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: min(96.4285714286vw, 1350px); margin: 42px auto 0; }
.gakka-list ul li { list-style-type: none; }
.gakka-list ul li.link-none { margin: 1% 0; width: min(31.4285714286vw, 440px); height: min(31.4285714286vw, 440px); }
.gakka-list ul li a { cursor: pointer; display: block; position: relative; margin-inline: auto; margin: 1% 0; width: min(31.4285714286vw, 440px); height: min(31.4285714286vw, 440px); transform-style: preserve-3d; transform: rotateY(0deg); transition: transform 0.7s ease; }
.gakka-list ul li a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; left: 0; position: absolute; width: 100%; }
.gakka-list ul li a img:last-of-type { transform: rotateY(180deg); }
.gakka-list ul li a:hover img { opacity: 1; }
.gakka-list ul li:hover a { transform: rotateY(180deg); }

/*gakka-list*/
.sp-gakka-list { padding: 72px 0 0px; }
.sp-gakka-list .bar { padding: 0 0 24px; width: 100%; }
.sp-gakka-list .head { margin: 0 auto 24px; width: 85%; }

.slider-for-gakka { margin: 0; padding: 0; }
.slider-for-gakka.slick-initialized .slick-slide { margin: 0 42px; }
.slider-for-gakka .slick-prev { left: 5px; }
.slider-for-gakka .slick-next { right: 5px; }

.footer-btn { margin-top: 62px; }
@media (max-width: 560px) { .footer-btn { margin-top: 42px; } }
.footer-btn ul { display: flex; }
@media (max-width: 560px) { .footer-btn ul { display: inherit; } }
.footer-btn ul li { width: 50%; }
@media (max-width: 560px) { .footer-btn ul li { width: 100%; } }
.footer-btn ul li img { transition: .3s; }
@media (max-width: 560px) { .footer-btn ul li { background: #283f59; padding-top: 8px; } }

.open-campus-wrapper { background: #4b291b; }
@media (max-width: 560px) { .open-campus-wrapper { padding-bottom: 1.5em; } }
.open-campus-wrapper .slide-wrapper { overflow: clip; width: min(51.1764705882vw, 870px); position: relative; }
@media (max-width: 560px) { .open-campus-wrapper .slide-wrapper { width: 100%; } }
.open-campus-wrapper .slide-wrapper::before { content: ""; display: block; background: url("../img/home/oc-back.png") repeat-y 0 0; height: 100%; width: 400px; position: absolute; top: 0; right: -10px; z-index: 9; }
@media (max-width: 560px) { .open-campus-wrapper .slide-wrapper::before { content: none; } }
.open-campus-wrapper .slide-wrapper .catch { width: min(37.4705882353vw, 637px); position: absolute; bottom: min(6.2352941176vw, 106px); left: min(3.4705882353vw, 59px); z-index: 9; }
@media (max-width: 560px) { .open-campus-wrapper .slide-wrapper .catch { width: 80%; left: 50%; bottom: min(16.9642857143vw, 95px); transform: translate(-50%, 0); } }
.open-campus-wrapper .oc-slider1 img, .open-campus-wrapper .oc-slider2 img { height: min(8.8235294118vw, 150px); }
@media (max-width: 560px) { .open-campus-wrapper .oc-slider1 img, .open-campus-wrapper .oc-slider2 img { height: auto; } }
.open-campus-wrapper .slide1 { transform: rotate(-3deg); }
.open-campus-wrapper .slide3 { transform: rotate(-3deg); }
.open-campus-wrapper .date-box { padding: 24px 0; width: min(47.0588235294vw, 800px); }
@media (max-width: 560px) { .open-campus-wrapper .date-box { margin: -15px auto 0; padding: 0; position: relative; width: 92%; z-index: 9; } }
.open-campus-wrapper .inner a { display: flex; align-items: center; gap: 2%; transition: .3s; }
@media (max-width: 560px) { .open-campus-wrapper .inner a { display: inherit; } }
@media (hover: hover) and (pointer: fine) { .open-campus-wrapper .inner a:hover { color: #fff !important; text-decoration: none !important; } }
@media (hover: hover) and (pointer: fine) { .open-campus-wrapper .inner a:hover .week { color: #fff !important; } }
@media (hover: hover) and (pointer: fine) { .open-campus-wrapper .inner a:hover .op-date-wrapper { background: #e62e8b; border-color: #76194a; color: #fff; } }
.open-campus-wrapper .op-date-wrapper { background: #fff; border: 8px solid #e62e8b; border-radius: 82px; padding: 1em 0.5em 0.5em; position: relative; /*&::before{ content: ""; background-image: linear-gradient(90deg, #ffffff, transparent); height: 100%; width: 100px; position: absolute; top: 0; right: -98px; z-index: 0;  @media (max-width: 560px){ content: none; }
}*/ }
@media (max-width: 560px) { .open-campus-wrapper .op-date-wrapper { border-width: 4px; margin: .5em auto 0; width: 92%; } }
.open-campus-wrapper .sub-head { margin-bottom: 43px; }
@media (max-width: 560px) { .open-campus-wrapper .sub-head { display: none; } }
.open-campus-wrapper .sub-head img { width: min(6.1764705882vw, 105px); }
.open-campus-wrapper p { line-height: 1; margin-bottom: 0; }
.open-campus-wrapper .op-date { display: flex; justify-content: center; align-items: flex-end; font-family: "Bebas Neue", sans-serif; position: relative; z-index: 1; }
@media (max-width: 560px) { .open-campus-wrapper .op-date { gap: 2%; } }
.open-campus-wrapper .op-date .day { font-size: min(6.0588235294vw, 103px); }
@media (max-width: 560px) { .open-campus-wrapper .op-date .day { font-size: 40px; } }
.open-campus-wrapper .op-date .week { font-size: min(2.4705882353vw, 42px); color: #e62e8b; margin-bottom: 12px; }
@media (max-width: 560px) { .open-campus-wrapper .op-date .week { font-size: 25px; margin-bottom: 2px; } }
.open-campus-wrapper .op-date .time { font-size: min(4.2352941176vw, 72px); white-space: nowrap; margin-bottom: 7px; }
@media (max-width: 560px) { .open-campus-wrapper .op-date .time { font-size: 32px; margin-bottom: 0; } }
@media (max-width: 560px) { .open-campus-wrapper .op-date .week-time { display: flex; } }
.open-campus-wrapper .oc-btn { margin: auto; width: min(41.1764705882vw, 700px); }
@media (max-width: 560px) { .open-campus-wrapper .oc-btn { width: 90%; } }
.open-campus-wrapper .mitei { margin-left: 3rem; }
@media (max-width: 560px) { .open-campus-wrapper .mitei { padding: 0.5rem 0; } }

/*open-campus-wrapper*/
.sp-tokuten { margin-top: 12px; }

.home .open-campus-wrapper { position: relative; }
.home .open-campus-wrapper .click-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.open-campus-wrapper .op-btn { text-align: center; margin-top: 1rem; margin-bottom: 0; }
.open-campus-wrapper .op-btn a { background: linear-gradient(135deg, #a1cc58 0%, #00b1ba 100%); background-size: 200% 200%; animation: gradationAnim 5s ease infinite; mask-image: url("../img/home/op-btn-mask.svg"); mask-repeat: no-repeat; mask-position: 0 0; mask-size: cover; max-width: 1300px; width: 90%; margin: auto; position: relative; display: block; aspect-ratio: 55 / 3; color: #db2480; font-weight: bold; font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem); transition: .2s; }
@media (max-width: 560px) { .open-campus-wrapper .op-btn a { mask-image: url("../img/home/op-btn-mask-sp.svg"); aspect-ratio: 20.5 / 3; } }
.open-campus-wrapper .op-btn a:hover { text-decoration: none; }
.open-campus-wrapper .op-btn a span { position: absolute; top: 61%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 560px) { .open-campus-wrapper .op-btn a span { white-space: nowrap; } }
@media (hover: hover) and (pointer: fine) { .open-campus-wrapper .op-btn a:hover { color: #fff; } }
.open-campus-wrapper .op-btn img { height: 21px; margin-bottom: 5px; }
@media (max-width: 560px) { .open-campus-wrapper .op-btn img { height: 14px; margin-bottom: 3px; } }

@keyframes gradationAnim { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
.pc-main { display: block !important; }

.sp-main { display: none !important; }

.movie-back-wrapper { height: 100%; position: relative; }
.movie-back-wrapper video { display: block; position: fixed; right: 0; bottom: -3vh; min-width: 100%; min-height: 104vh; width: auto; height: auto; z-index: -1; }

@media (max-width: 560px) { .list-topics.slider-topics { display: none; } }
.list-topics.slider-topics .slick-slide { margin: 0 0.25%; }

.sp-topics { display: none; }
@media (max-width: 560px) { .sp-topics { display: block; } }

.home-topics .list-topics li { /*flex: 0 1 50%;
justify-content: space-between;
max-width: 48%;*/ }
@media (max-width: 560px) { .home-topics .list-topics li:nth-child(1) a, .home-topics .list-topics li:nth-child(2) a { border: none; } }
@media (max-width: 560px) { .home-topics .list-topics li:nth-child(2) a { border-top: none; } }

.list-topics > li { width: auto; max-width: inherit; flex: inherit; }
.list-topics > li a { border: none; }

.list-topics { display: inherit; }
@media (max-width: 560px) { .list-topics { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.list-topics .media-image img { height: 127px; }
@media (max-width: 560px) { .list-topics .media-image img { height: min(23.9285714286vw, 134px); } }
@media (max-width: 560px) { .list-topics .media-image { width: 100%; max-width: inherit; } }
.list-topics a { border: none; display: flex; flex-direction: column; }
@media (max-width: 560px) { .list-topics li { width: 48%; } }

.list-topics-title { margin-top: 4px; color: #fff; font-weight: 400; }

.home-topics-heading { margin-bottom: 28px; }

.home-topics-title { display: block; }

@media (max-width: 560px) { .home-topics-title img { width: 150px; } }
.home-topics { margin: 0 auto; max-width: 1400px; padding-top: 0; position: relative; }

.home-topics .topics-special .list-topics-title { color: #283f59; }

.home-topics .list-topics > li { padding: 0 10px; }
@media (max-width: 560px) { .home-topics .list-topics > li { padding: 0; margin-bottom: 0; } }

.home-topics-title { position: relative; }
.home-topics-title::before { content: ""; border-top: 1px solid #9fa0a0; position: absolute; top: 50%; right: 0; width: calc(100% - 380px); }
@media (max-width: 560px) { .home-topics-title::before { content: none; } }
@media (max-width: 560px) { .home-topics-title { border-bottom: 1px solid #9fa0a0; margin-bottom: 0; padding-bottom: 1rem; } }

.home-topics-heading { position: relative; }

.topics-arrows { display: flex; justify-content: space-between; width: 110px; background: #283f59; padding-left: 20px; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }
@media (max-width: 560px) { .topics-arrows { display: none; } }
.topics-arrows .slick-next, .topics-arrows .slick-prev { position: relative; font-size: 0; /* テキスト非表示 */ width: 40px; height: 40px; border: 4px solid #9fa0a0; border-radius: 50px; top: auto; left: auto; right: auto; transform: none; }
.topics-arrows .slick-next:before, .topics-arrows .slick-prev:before { color: #9fa0a0; font-size: 26px; }

/*@media (max-width: 560px) { .home-topics .list-topics li { flex: 0 1 100%; width: 100%; max-width: inherit; } }
.home-topics .list-topics li .media-image { margin-right: 0.8rem; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 40%; max-width: 40%; }
.home-topics .list-topics li .media-image img { width: 142px; height: 82px; object-fit: cover; }
.home-topics .list-topics li .media-body .list-topics-date { margin-top: 0; display: none; }*/
.view-all-pc { display: block; font-size: 14px; font-weight: bold; position: absolute; top: 17px; left: 226px; }

.view-all-pc a { background: #9fa0a0; border-radius: 20px; color: #283f59; padding: 9px 24px 8px; position: relative; }

.view-all-sp a { background: #9fa0a0; border-radius: 20px; color: #283f59; display: block; padding: 4px 0 5px; margin-top: 1em; width: 100%; position: relative; text-align: center; text-decoration: none; }

.view-all-sp img { margin-bottom: 3px; }

@media (max-width: 560px) { .pc-main { display: none !important; }
  .sp-main { display: block !important; } }
.br-pc { display: block; }

.br-sp { display: none; }

@media (max-width: 561px) { .br-pc { display: none; }
  .br-sp { display: block; } }
.edc-e { font-size: 1.3em; line-height: .5; }

.section-small { margin-bottom: 20px; }

.section-intro, .section-intro-large { font-size: 1.1875rem; line-height: 1.4; }

.section-intro { font-weight: bold; }

.section-intro-large { font-weight: 500; }

.page-heading-container { margin-top: -3em; }

.entry-format { margin-bottom: 60px; }

@media (max-width: 560px) { .h30-message-sp { display: block; }
  .h30-message { display: none; }
  .page-heading-basic { margin-bottom: 20px; }
  .page-heading { padding-top: 1rem; } }
@media (min-width: 561px) { .h30-message-sp { display: none; }
  .h30-message { display: block; }
  .section-small { margin-bottom: 60px; }
  .section-intro-large { /*font-size: 1.625rem;*/ font-size: 1.2rem; }
  .page-heading-container-large { height: 490px; }
  .page-heading-basic { padding-top: 20px; }
  .section-adjust { padding-top: 30px; } }
.home-opencampus:hover { color: #75BC2A; text-decoration: none; opacity: 0.65; }

.home-opencampus .block-brand-container { margin-top: 10px; }

/*.home-opencampus .block-brand { padding-top: 10px; padding-bottom: 10px; }*/
.home-opencampus { display: block; background: #F7CAD9 url(../img/home/op-back.png) no-repeat 0 100%; background-size: 100%; text-align: center; padding: 20px 20px 275px; margin-bottom: 1rem; }

.home-opencampus-schedule { line-height: 1; display: block; }

.home-opencampus-date > .inner { font-size: .8em; vertical-align: baseline; position: relative; top: -.1em; margin: 0 5px; }

.home-opencampus-reduction:hover { color: #75BC2A; text-decoration: none; opacity: 0.65; }

.home-opencampus-reduction .block-brand-container { margin-top: 10px; }

.home-opencampus-reduction { display: block; background: #FFF88D url(../img/home/op-back-reduction.png) no-repeat 0 100%; background-size: 100%; text-align: center; padding: 10px 20px 188px; margin-bottom: 1rem; }

.home-banner-list { margin-bottom: 1rem; }

.home-banner-list video { width: 100%; }

/*.home-entries-row p{ margin-bottom: .25rem;
}*/
/*.open-campus-wrapper { background: url("../img/home/op-back.jpg") repeat center center; position: relative; padding: 82px 0; }
@media (max-width: 560px) { .open-campus-wrapper { padding: 82px 0 20px; } }
.open-campus-wrapper a:hover { color: #db2480; }
.open-campus-wrapper .inner { margin: auto; max-width: 530px; width: 90%; }
.open-campus-wrapper table { background: #db2480; border-radius: 8px; width: 100%; }
.open-campus-wrapper table td { padding: 0 0rem 0 1rem; }
.open-campus-wrapper .period { background: yellow; font-size: 26px; font-weight: bold; display: inline-block; padding: 0 1rem; }
@media (max-width: 560px) { .open-campus-wrapper .period { font-size: 16px; } }
.open-campus-wrapper .date-box { border-radius: 15px; margin: 0 auto; position: relative; z-index: 9; }
.open-campus-wrapper .date-box a:hover { opacity: .7; }
.open-campus-wrapper .date-box .head-wrapper { position: relative; }
.open-campus-wrapper .date-box .head-wrapper .period { position: absolute; top: -41px; left: -55px; transform: rotate(-16deg); }
@media (max-width: 560px) { .open-campus-wrapper .date-box .head-wrapper .period { top: -28px; left: -20px; } }
.open-campus-wrapper .date-box .day { color: #fff; font-size: 82px; font-weight: bold; margin: 0 auto; padding: 0; white-space: nowrap; padding: 12px 0 0; position: relative; line-height: 120%; text-align: right; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .day { font-size: 42px; padding: 18px 0 17px; line-height: 80%; } }
.open-campus-wrapper .date-box .week { background: #fff; border-radius: 15px; color: #000; font-size: 25px; font-weight: bold; display: inline-block; padding: 0rem 1rem; vertical-align: middle; margin: 0; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .week { font-size: 12px; padding: 1px 10px; } }
.open-campus-wrapper .date-box .time { background: url("../img/home/icon-time-white.svg") no-repeat 0 center; background-size: 16px; color: #fff; font-size: 25px; font-weight: bold; padding-left: 18px; margin: 0; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .time { font-size: 13px; } }
.open-campus-wrapper .date-box .present-wrapper { position: relative; padding-top: 24px; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .present-wrapper { padding-top: 12px; } }
.open-campus-wrapper .date-box .present-wrapper .present-text { background: #f5b9d4; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin: auto; width: 95%; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .present-wrapper .present-text { margin-top: -3px; } }
.open-campus-wrapper .date-box .present-wrapper .present-text ul { margin: 0; padding: 0; padding: 1rem 4rem 1rem 1.5rem; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .present-wrapper .present-text ul { padding: .5rem .5rem 2rem 1.5rem; } }
.open-campus-wrapper .date-box .present-wrapper .present-text ul li { display: inline-block; font-size: 18px; font-weight: bold; white-space: nowrap; margin-right: 1rem; padding-left: 1rem; position: relative; }
@media (max-width: 560px) { .open-campus-wrapper .date-box .present-wrapper .present-text ul li { font-size: 14px; } }
.open-campus-wrapper .date-box .present-wrapper .present-text ul li::before { content: "\025cf"; color: #db2480; font-size: 10px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.open-campus-wrapper .paint { position: absolute; }
.open-campus-wrapper .paint.item1 { top: 2%; left: 9%; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item1 { top: -5%; left: 22%; } }
.open-campus-wrapper .paint.item1 img { width: 335px; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item1 img { width: 110px; } }
.open-campus-wrapper .paint.item2 { top: 57%; left: 5%; }
.open-campus-wrapper .paint.item2 img { width: 87px; }
.open-campus-wrapper .paint.item3 { bottom: 2%; left: 10%; }
.open-campus-wrapper .paint.item3 img { width: 163px; }
.open-campus-wrapper .paint.item4 { top: 2%; right: 19%; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item4 { top: 2%; right: 5%; } }
.open-campus-wrapper .paint.item4 img { width: 199px; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item4 img { width: 60px; } }
.open-campus-wrapper .paint.item5 { top: 35%; right: 12%; }
.open-campus-wrapper .paint.item5 img { width: 146px; }
.open-campus-wrapper .paint.item6 { top: 50%; right: 24%; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item6 { top: auto; bottom: 26%; right: auto; left: 11%; } }
.open-campus-wrapper .paint.item6 img { width: 68px; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item6 img { width: 30px; } }
.open-campus-wrapper .paint.item7 { bottom: 2%; right: 2%; }
.open-campus-wrapper .paint.item7 img { width: 205px; }
@media (max-width: 560px) { .open-campus-wrapper .paint.item7 img { width: 80px; } }
@media (max-width: 560px) { .open-campus-wrapper .paint.item2, .open-campus-wrapper .paint.item3, .open-campus-wrapper .paint.item5 { display: none; } }*/
/*open-campus-wrapper*/
.op-movie-wrapper { border: 8px solid #14b8d5; border-left: none; border-right: none; padding: 0; }

.op-movie-wrapper .inner { overflow: hidden; position: relative; width: 100%; height: auto; padding: 4rem 0; }

.op-movie-wrapper video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 30%; z-index: 0; }

.op-movie-wrapper::after { content: " "; background: rgba(0, 0, 0, 0.6); mix-blend-mode: darken; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.op-movie-wrapper .head-box { position: relative; z-index: 1; }

@media (max-width: 560px) { .op-movie-wrapper .head-box { margin: auto; width: 90%; } }
.op-movie-wrapper .head-box .head img { display: block; margin: auto; max-width: 500px; }

.op-movie-wrapper .head-box .more-btn { margin-top: 3rem; }

@media (max-width: 560px) { .op-movie-wrapper .head-box .more-btn { margin-top: 1.5rem; } }
.op-movie-wrapper .head-box .more-btn img { display: block; margin: auto; max-width: 92px; }

@media (max-width: 560px) { .op-movie-wrapper .head-box .more-btn img { max-width: 48px; } }
.op-movie-wrapper .float-item { position: absolute; bottom: -28px; right: 50%; margin-right: -420px; width: 323px; z-index: 1; }

@media (max-width: 560px) { .op-movie-wrapper .float-item { right: 2%; margin-right: 0; width: 162px; } }
.op-movie-wrapper .float-item img { max-width: 323px; }

@media (max-width: 560px) { .op-movie-wrapper .float-item img { width: 100%; } }
.web-op-banner { margin-top: 2%; padding: 38px 0; position: relative; z-index: 9; }

@media (max-width: 560px) { .web-op-banner { padding: 24px 0; } }
.web-op-banner .inner { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; width: 90%; }

@media (max-width: 560px) { .web-op-banner .inner { margin: 0 auto; width: 85%; } }
.web-op-banner .images { width: 50%; }

@media (max-width: 560px) { .web-op-banner .images { display: none; } }
.web-op-banner .next-op-wrapper { position: relative; max-width: 760px; /*ul*/ }

.web-op-banner .next-op-wrapper h2 .pc { display: none; }

.web-op-banner .next-op-wrapper h2 .sp { display: block; }

@media (min-width: 561px) { .web-op-banner .next-op-wrapper h2 .pc { display: block; }
  .web-op-banner .next-op-wrapper h2 .sp { display: none; } }
.web-op-banner .next-op-wrapper ul { margin: 23px 0 0; padding: 0; /*li:not op-movie*/ }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul { padding: 0; margin: 0; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie) { list-style-type: none; margin: 0; /*live-op*/ /*raikou-op*/ /*raikou-op*/ /*live-op*/ }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op { /*box*/ }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op { margin-top: 8px; } }
@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op h3 { margin: 0 auto 8px; width: 85%; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box { background: #fff; border-radius: 15px; margin: 0 auto; width: 90%; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day { color: #00AB76; font-size: 48px; font-weight: bold; margin: 0 auto; padding: 0; text-align: center; white-space: nowrap; padding: 12px 0 0; position: relative; line-height: 120%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day { font-size: 42px; padding: 10px 0 17px; line-height: 80%; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day .wrapper { position: relative; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day .week { background: #000; border-radius: 24px; color: #fff; font-size: 14px; padding: 4px 12px; margin-left: .25em; vertical-align: middle; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day .week { font-size: 12px; padding: 1px 10px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day .time { background: url("../img/home/icon-time.svg") no-repeat 0 center; background-size: 16px; font-size: 16px; padding-left: 18px; position: absolute; top: -21px; right: -18px; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .box .day .time { top: inherit; right: inherit; bottom: -13px; left: 50%; transform: translate(-50%, 0); font-size: 13px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op { /*box*/ }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box { background: #fff; border-radius: 15px; margin: 0 auto; padding-top: 15px; width: 90%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box { padding-top: 0; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .pc { display: block; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .pc { display: none; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .sp { display: none; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .sp { display: block; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .wrapper { position: relative; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .day { color: #E62480; font-size: 75px; font-weight: bold; margin: 0 auto; text-align: center; white-space: nowrap; padding: 0 0 5px; position: relative; line-height: 120%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .day { font-size: 52px; padding: 7px 0 0px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .week { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: .25em; text-align: center; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .week { background: #000; font-size: 12px; padding: 1px 10px; border-radius: 24px; color: #fff; margin-left: 0.25em; vertical-align: middle; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .week span { background: #000; border-radius: 24px; padding: 4px 12px; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .time { font-size: 23px; font-weight: bold; text-align: center; margin-bottom: 0; position: relative; top: auto; right: auto; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .time { background: url(../img/home/icon-time.svg) no-repeat 0 center; background-size: 16px; font-size: 13px; padding-left: 18px; position: absolute; top: -14px; right: -18px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .box .time span { background: url("../img/home/icon-time.svg") no-repeat 0 center; background-size: 16px; padding-left: 18px; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .desc { margin-bottom: 0; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie) a { background: #E62480; border: 5px solid #9B006B; border-radius: 15px; display: block; padding: 12px; transition: .2s; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie) a:hover { text-decoration: none; color: #000; opacity: .8; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie) h3 { border-bottom: 2px dashed #fff; padding: 0 0 8px; margin: 0 0 8px; text-align: center; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie) h3 img.pc { display: block; margin: auto; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie) h3 img.sp { display: none; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie) h3 img.pc { display: none; }
  .web-op-banner .next-op-wrapper ul li:not(.op-movie) h3 img.sp { display: block; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie) .desc { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: .5em; text-align: center; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie) .desc { font-size: 15px; margin-bottom: .5rem; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie) .desc span { background: #FFFF00; border-radius: 8px; color: #000; padding: 0 20px; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie) .desc span { padding: 0 10px; } }
@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie) .desc span img { width: 36px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op { width: 92%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op { float: none; width: 100%; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .flexbox { display: flex; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op .flexbox { display: inherit; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op h3 { position: relative; }

.web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op h3 span { background: #FFFF00; border-radius: 50%; font-size: 16px; display: inline-block; width: 65px; height: 65px; text-align: center; line-height: 70px; position: absolute; top: -4px; right: 35px; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).raikou-op h3 span { top: -18px; right: 23px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op { float: right; width: 38%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op { width: 48%; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op a { background: #00AB76; border: 5px solid #007644; border-radius: 15px; display: block; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op a { padding: 6px; } }
.web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .desc { font-size: 15px; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul li:not(.op-movie).live-op .desc { font-size: 13px; } }
.web-op-banner .next-op-wrapper ul .op-movie { float: left; margin-bottom: 0; list-style: none; width: 60%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul .op-movie { display: flex; align-items: center; background: #00A0FF; border: 5px solid #3F82C5; border-radius: 15px; float: none; margin-top: 8px; width: 48%; } }
@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul .op-movie .pc { display: none; } }
.web-op-banner .next-op-wrapper ul .op-movie .sp { display: none; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper ul .op-movie .sp { display: block; } }
.web-op-banner .next-op-wrapper .small-op { width: 92%; }

@media (max-width: 560px) { .web-op-banner .next-op-wrapper .small-op { display: flex; justify-content: space-between; width: 100%; } }
.sp-footer-btn { display: none; }

@media (max-width: 560px) { .sp-footer-btn { display: block; width: 95%; margin: 0 auto 7%; } }
.sp-footer-btn .etc-banner a { background-color: #fff; border: 6px solid #2E59A7; color: #2E59A7; float: left; padding: .5rem 0; width: 31%; }

.sp-footer-btn .etc-banner .home-ao-entry { margin: 0 2%; }

.sp-footer-btn .etc-banner .home-document-request:before { content: none; }

.home-etc-banner { margin: 72px 0 62px; }

@media (max-width: 560px) { .home-etc-banner { margin: 32px 0 16px; } }
.home-etc-banner .etc-banner { margin: 0 auto; max-width: 1260px; width: 100%; }

@media (max-width: 560px) { .home-etc-banner .etc-banner { margin: 0 auto 0; } }
.home-etc-banner .etc-banner p { margin-bottom: .5rem; }

.home-etc-banner .etc-banner .home-document-request, .home-etc-banner .etc-banner .home-ao-entry, .home-etc-banner .etc-banner .home-scholarship-entry { background: url("../img/common/icon-arrow-white.svg") no-repeat 95% center; background-size: 10px 18px; padding: 2rem 0; transition: .2s; border-radius: 12px; }

@media (max-width: 560px) { .home-etc-banner .etc-banner .home-document-request, .home-etc-banner .etc-banner .home-ao-entry, .home-etc-banner .etc-banner .home-scholarship-entry { background: none; padding: .5rem 0; } }
.home-etc-banner .etc-banner .home-document-request { background-color: #2E59A7; color: #fff; }

.home-etc-banner .etc-banner .home-document-request::before { content: none; }

.home-etc-banner .etc-banner .home-ao-entry { background-color: #C54600; color: #fff; }

.home-etc-banner .etc-banner .home-scholarship-entry { background-color: #0BB0C3; color: #fff; }

/*home-etc-banner*/
.ebook-wrapper .ebook-list { margin: 72px auto; max-width: 1150px; width: 90%; }

@media (max-width: 560px) { .ebook-wrapper .ebook-list { margin: 24px auto; padding: 0; } }
.ebook-wrapper .ebook-list li { list-style-type: none; }

.ebook-wrapper .ebook-list li img { transition: .2s; }

@media (max-width: 560px) { .ebook-wrapper .ebook-list li:first-child { margin-bottom: 8px; } }
.home-link-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.home-link-col { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; max-width: 50%; display: block; text-align: center; }

.home-topics { padding: 30px 0 1px; }

.home-menu-container { margin: 0 auto; max-width: 1280px; width: 90%; }

.home-menu-container .header-menu { margin: auto; padding: 30px 0; width: 92%; }

.home-topics .topics-special .list-topics-title { height: auto; }

.home-topics .topics-special a { background: #fff; border: 2px solid #00ACC0; color: #00ACC0; display: block; padding: 16px; text-align: center; margin: 30px 0 12px; }

@media (max-width: 560px) { .home-topics .topics-special a { /*margin: 12px 0 12px;*/ margin: 0; } }
.home-topics .topics-special a + a { margin-top: 8px; }

.home-menu { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 1.4375rem; }

.home-menu > li { border-bottom: 1px solid #EFF1F2; margin: 0; }

.home-menu > li > a { background-color: #FFF100; display: block; padding: .72rem; }

.home-menu > li > a:hover, .home-menu > li > a:focus { color: #E84A95; text-decoration: none; }

.home-menu-child, .home-menu-child-list { font-size: 1.25rem; list-style: none; margin: 0; padding: 0; }

.home-menu-child > li, .home-menu-child-list > li { margin: 0; }

.home-menu-child > li > a, .home-menu-child-list > li > a { display: block; padding: .5rem; }

.home-menu-child-parent { font-size: 1.125rem; display: block; /*background-color: #FFF;*/ background-color: #F7BDD5; padding: .65rem; }

.home-menu-btn { background: none; border: none; outline: none; margin-right: -40px; cursor: pointer; position: relative; z-index: 2; }

.home-menu-btn:before { display: inline-block; font-family: FontAwesome; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f103"; color: #E84A95; font-size: 30px; }

.home-menu-btn[aria-expanded="true"]:before { content: "\f102"; }

.home-menu-btn:focus { box-shadow: none; }

[aria-expanded="true"] > .home-menu-btn:before { content: "\f102"; }

.home-movie { padding: 20px 0 15px; text-align: center; }

.home-movie .video-js { margin: 0 auto 5px; }

.slick-initialized .slick-slide { margin: 0 0px; }

.slider-nav .slick-slide { padding: 5px; }

.home-container { background: #283f59; position: relative; margin-left: auto; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 62px; padding-bottom: 62px; }

@media (max-width: 560px) { .home-container { margin-top: 0px; padding-top: 0px; padding-bottom: 24px; } }
.home-container::before { content: ""; background: url("../img/home/news-border-top.jpg") repeat-x 0 0; width: 100%; height: 37px; position: absolute; top: 0; left: 0; }

.home-container::after { content: ""; background: url("../img/home/news-border-bottom.jpg") repeat-x 0 0; width: 100%; height: 37px; position: absolute; bottom: 0; left: 0; }

@media (max-width: 560px) { .home-container::after { bottom: -3px; } }
@media (min-width: 561px) { .home { padding-top: 0; }
  .home-visual { background: #283f59; position: relative; margin-top: 112px; }
  .home-visual-container { max-width: 1800px; width: 100%; margin: 0 auto; }
  .home-visual-container::after { display: block; content: ""; clear: both; }
  .home-gallery { float: right; width: 100%; overflow: hidden; }
  .home-links { float: left; width: 320px; }
  .home-gallery .home-visual-main { float: left; width: 740px; } }
.home-facluty-list { margin: 0 auto; width: 100%; }

@media (max-width: 560px) { .home-facluty-list { margin-bottom: 42px; } }
.home-facluty-list .head { margin: 5rem auto 0; max-width: 1200px; }

@media (max-width: 560px) { .home-facluty-list .head { margin: 2rem auto 0; width: 80%; } }
.home-facluty-list .inner { margin: 42px auto 42px; }

@media (max-width: 560px) { .home-facluty-list .inner { margin: 24px auto 24px; } }
.home-facluty-list .item-list { margin: auto; max-width: 1260px; width: 90%; /*li*/ }

.home-facluty-list .item-list + .item-list { margin-top: 24px; margin-bottom: 78px; }

@media (max-width: 560px) { .home-facluty-list .item-list + .item-list { margin: 0 auto; } }
.home-facluty-list .item-list .image-mouseover { width: 100%; height: 100%; }

.home-facluty-list .item-list .image-mouseover img { display: block; transition-duration: 0.5s; }

.home-facluty-list .item-list .text-area { background: #2E599C; border-radius: 15px; padding: 1rem; }

@media (max-width: 560px) { .home-facluty-list .item-list .text-area { padding: 1rem 0; } }
.home-facluty-list .item-list .cat { color: #fff; font-size: 14px; font-weight: bold; line-height: 140%; margin-bottom: 0; text-align: center; }

@media (max-width: 560px) { .home-facluty-list .item-list .cat { font-size: 13px; } }
.home-facluty-list .item-list .name { color: #fff; font-size: 23px; font-weight: bold; line-height: 140%; margin-bottom: 0; text-align: center; }

@media (max-width: 560px) { .home-facluty-list .item-list .name { font-size: 15px; } }
.home-facluty-list .item-list .btn { display: block; font-size: 16px; font-weight: bold; margin-top: 8px; margin-bottom: 0; padding: 0; text-align: center; }

@media (max-width: 560px) { .home-facluty-list .item-list .btn { font-size: 12px; } }
.home-facluty-list .item-list .btn span { background: #fff; border-radius: 25px; color: #333; padding: 4px 32px; transition: .5s; }

@media (max-width: 560px) { .home-facluty-list .item-list .btn span { border-width: 2px; } }
.home-facluty-list .item-list li { position: relative; }

@media (max-width: 560px) { .home-facluty-list .item-list li { width: 50%; } }
.home-facluty-list .item-list li.item4 .text-area { background: #14B8D5; }

.home-facluty-list .item-list li.item5 .text-area, .home-facluty-list .item-list li.item6 .text-area, .home-facluty-list .item-list li.item7 .text-area { background: #00AC75; }

.home-facluty-list .item-list li.item8 .text-area { background: #E84C91; }

.home-facluty-list .item-list li .float-item { position: absolute; z-index: 0; }

.home-facluty-list .item-list li.item1 .float-item { top: 0; left: -115%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item1 .float-item { top: -33%; left: -66%; } }
.home-facluty-list .item-list li.item1 .float-item img { width: 372px; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item1 .float-item img { width: 200px; } }
.home-facluty-list .item-list li.item2 .float-item { top: -14%; right: 4%; }

.home-facluty-list .item-list li.item2 .float-item img { width: 87px; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item2 .float-item img { width: 47px; } }
.home-facluty-list .item-list li.item3 .float-item { top: -1%; right: -20%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item3 .float-item { display: none; } }
.home-facluty-list .item-list li.item3 .float-item img { width: 95px; }

.home-facluty-list .item-list li.item4 .float-item { top: 0%; right: -92%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item4 .float-item { display: none; } }
.home-facluty-list .item-list li.item4 .float-item img { width: 390px; }

.home-facluty-list .item-list li.item5 .float-item { bottom: 18%; left: -45%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item5 .float-item { bottom: 25%; } }
.home-facluty-list .item-list li.item5 .float-item img { width: 190px; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item5 .float-item img { width: 115px; } }
.home-facluty-list .item-list li.item6 .float-item { top: 4%; left: -52%; }

.home-facluty-list .item-list li.item6 .float-item img { width: 146px; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item6 .float-item img { width: 82px; } }
.home-facluty-list .item-list li.item7 .float-item { top: -13%; left: -10%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item7 .float-item { top: 0; } }
.home-facluty-list .item-list li.item7 .float-item img { width: 372px; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item7 .float-item img { width: 132px; } }
.home-facluty-list .item-list li.item8 .float-item { bottom: 18%; right: -15%; }

@media (max-width: 560px) { .home-facluty-list .item-list li.item8 .float-item { display: none; } }
.home-facluty-list .item-list li.item8 .float-item img { width: 140px; }

.home-facluty-list .item-list a { position: relative; z-index: 1; }

.home-facluty-list .item-list a:hover { text-decoration: none; }

.home-facluty-list .item-list a:hover .btn span { background: #333; color: #fff; }

.home-facluty-list li { /*padding: 0!important;*/ list-style-type: none; }

.home-facluty-list ul { margin: 0; padding: 0; }

@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .home-container { display: block !important; }
  /* IE11 */ }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

@media (min-width: 561px) and (min-width: 561px) { .home-container { padding-right: 15px; padding-left: 15px; } }
@media (min-width: 561px) and (min-width: 768px) { .home-container { padding-right: 15px; padding-left: 15px; } }
@media (min-width: 561px) and (min-width: 992px) { .home-container { padding-right: 15px; padding-left: 15px; } }
@media (min-width: 561px) and (min-width: 1250px) { .home-container { padding-right: 15px; padding-left: 15px; } }
@media (min-width: 561px) and (min-width: 561px) { .home-container { max-width: 100%; /*background: rgba(162,187,178,.2);*/ }
  .home-container .inner { margin: 0 auto; width: 1280px; max-width: 100%; } }
.home-facluty-list ul li img { transition: all .2s ease-in-out; }

.home-opencampus .block-brand-container { background: #231815; color: #fff; font-size: 48px; font-weight: bold; border-radius: 10px; }

.home-opencampus .block-brand-container .next { display: block; font-size: 24px; line-height: 120%; margin: 0; }

.home-opencampus .block-brand-container .day { display: block; line-height: 120%; margin: 0; }

.home-opencampus .block-brand-container .week { color: #E60C11; font-size: 18px; line-height: 120%; margin: 0; }

.home-opencampus-reduction .block-brand-container { background: #231815; color: #fff; font-size: 32px; font-weight: bold; border-radius: 10px; }

.home-opencampus-reduction .block-brand-container .next { display: block; font-size: 16px; line-height: 120%; margin: 0; }

.home-opencampus-reduction .block-brand-container .day { line-height: 120%; margin: 0; }

.home-opencampus-reduction .block-brand-container .week { color: #E60C11; font-size: 18px; line-height: 120%; margin: 0; }

/*.home-topics .list-topics li { flex: 0 1 50%; max-width: 50%; }
@media (max-width: 560px) { .home-topics .list-topics li { flex: 0 1 100%; width: 100%; max-width: inherit; } }
.home-topics .list-topics li .media-image { margin-right: 0.8rem; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 40%; max-width: 40%; }
.home-topics .list-topics li .media-image img { width: 142px; height: 82px; object-fit: cover; }
.home-topics .list-topics li .media-body .list-topics-date { margin-top: 0; display: none; }*/
@media (min-width: 561px) { .home-side { -webkit-box-flex: 0; -webkit-flex: 0 1 290px; -ms-flex: 0 1 290px; flex: 0 1 290px; width: 290px; max-width: 290px; float: left; }
  .view-all-sp { display: none; }
  .home-topics-heading .list-links-row { margin-bottom: 0; }
  .home-topics-heading .list-links-row > li { -webkit-box-flex: 0; -webkit-flex: 0 1 170px; -ms-flex: 0 1 170px; flex: 0 1 170px; width: 170px; max-width: 170px; }
  .home-topic-title { margin-bottom: 0; }
  .home-opencampus-date { font-size: 3.375rem; }
  .home-opencampus-week { font-size: 1.5rem; margin-right: -1.5rem; }
  .home-visual-bg { background-color: #eb689d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
  .home-bg-left { position: absolute; top: 70px; right: 50%; -webkit-transform: translateX(-640px); transform: translateX(-640px); width: 390px; }
  .home-bg-right { position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(640px); transform: translateX(640px); width: 390px; }
  .home-bg-letsgo { position: absolute; right: -35px; bottom: 0; width: 100px; } }
@media (max-width: 560px) { .home-visual-side { display: none; }
  .home-opencampus { background-image: url(../img/home/op-back-sp.png); padding: 10px 20px 230px; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; max-width: 100%; }
  .home-opencampus-date { font-size: 2.5rem; }
  .home-opencampus-week { font-size: 1.5rem; margin-right: -1.5rem; }
  .home-side-entries { margin: 1rem auto 0; width: 90%; }
  .home-opencampus-reduction { padding: 10px 20px 230px; }
  .home-banner-list { margin-bottom: 1rem; }
  .home-banner-list video { display: block; margin: 0 auto; width: 90%; }
  .home-entries { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
  .home-entries-row { margin: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 1 90%; -ms-flex: 0 1 90%; flex: 0 1 90%; width: 90%; max-width: 90%; }
  .home-entries-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
  .home-topics { padding-left: 24px; padding-right: 24px; margin-top: 34px; }
  .home-body .list-topics > li { display: none; }
  .home-body .list-topics > li a { padding: 10px 0; }
  .home-body .list-topics > li:nth-child(1), .home-body .list-topics > li:nth-child(2), .home-body .list-topics > li:nth-child(3), .home-body .list-topics > li:nth-child(4) { display: block; }
  .view-all-pc { display: none; }
  /*.view-all-sp { text-align: center; margin-top: 8px; }*/
  /*.view-all-sp a { background: #fff; font-size: 14px; padding: 8px 16px 6px; position: relative; }*/
  .home-menu-child { background-color: #FEF8FB; }
  .home-visual-bg { display: none; }
  .home-facluty-list h3 { font-size: 22px; font-weight: normal; line-height: 160%; letter-spacing: 15px; margin-bottom: 0rem; padding: .5rem 0; text-align: center; }
  .home-facluty-list ul { padding: 0; margin: 0; } }
/*# sourceMappingURL=home.css.map */