@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
クラス
**********************************************************************/
.accordion-box-stop { display: none; }

#joho-dash { padding-bottom: 924px !important; }
@media (max-width: 560px) { #joho-dash { padding-bottom: min(107.1428571429vw, 600px) !important; } }

/*.pc{ display: none;
}
.sp{ display: block;
}

@media (min-width: 561px){ .pc{ display: block; } .sp{ display: none; }
}*/
.blue-text { color: #28469b !important; }

.side-banner-wrapper { position: fixed; right: 0px; top: 18%; /*bottom: 7%;*/ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index: 999; }
@media (max-width: 560px) { .side-banner-wrapper { display: none; } }
.side-banner-wrapper .close-btn { background: #000; color: #fff; height: 40px; margin: auto; position: absolute; top: 0; right: -40px; top: 0; width: 40px; }
.side-banner-wrapper.open .close-btn { cursor: pointer; }
.side-banner-wrapper a:hover { text-decoration: none; color: #000; }
.side-banner-wrapper .home-entries-row p { margin: 0; }
.side-banner-wrapper .home-entries-row p a { font-size: 16px; }
.side-banner-wrapper .home-document-request, .side-banner-wrapper .home-ao-entry, .side-banner-wrapper .home-scholarship-entry { padding: .5rem 0; transition: .2s; }
.side-banner-wrapper .home-document-request::before, .side-banner-wrapper .home-ao-entry::before, .side-banner-wrapper .home-scholarship-entry::before { content: ""; width: 0; height: 0; border-left: 10px solid #2E59A7; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: 0; }
.side-banner-wrapper .home-document-request { background-color: #fff; border: 4px solid #2E59A7; color: #2E59A7; margin-bottom: 3px; }
.side-banner-wrapper .home-document-request:hover { color: #2E59A7; }
.side-banner-wrapper .home-ao-entry { background-color: #fff; border: 4px solid #C54600; color: #C54600; }
.side-banner-wrapper .home-ao-entry:hover { color: #C54600; }
.side-banner-wrapper .home-ao-entry::before { border-left-color: #C54600; }
.side-banner-wrapper .home-scholarship-entry { background-color: #fff; border: 6px solid #0BB0C3; color: #0BB0C3; }
.side-banner-wrapper .home-scholarship-entry::before { border-left-color: #0BB0C3; }
.side-banner-wrapper .side-menu-list { list-style-type: none; }
.side-banner-wrapper .side-menu-list li { writing-mode: vertical-rl; text-orientation: upright; }
.side-banner-wrapper .side-menu-list li a { border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #fff; display: block; font-size: 19px; padding: 14px 20px 14px 10px; }
.side-banner-wrapper .side-menu-list li:nth-child(1) a { background: #e62e8b; }
.side-banner-wrapper .side-menu-list li:nth-child(2) a { background: #28469b; }
.side-banner-wrapper .side-menu-list li:nth-child(2) strong { background: url("../img/common/menu-net.svg") no-repeat 0 0; padding-top: 32px; }
.side-banner-wrapper .side-menu-list li:nth-child(3) a { background: #00acc0; }
.side-banner-wrapper .side-menu-list li:nth-child(3) strong { background: url("../img/common/menu-document-request.svg") no-repeat 0 0; padding-top: 32px; }
.side-banner-wrapper .side-menu-list li + li { margin-top: .5rem; margin-left: 7px; }

@media (max-width: 560px) { .list-banners-container .list-banners { display: flex; flex-wrap: wrap; width: 90%; } }
@media (max-width: 560px) { .list-banners-container .list-banners > li { padding: 5px; width: 50%; } }

.footer-menu { width: 100%; }

.footer-menu-list { display: flex; }
.footer-menu-list li { flex: 1; }
.footer-menu-list li:nth-child(1) { background: #e62e8b; }
.footer-menu-list li:nth-child(2) { background: #28469b; }
.footer-menu-list li:nth-child(3) { background: #00acc0; }
.footer-menu-list li:nth-child(4) { background: #666; }
.footer-menu-list > li > a { padding: 12px 0 8px; }
.footer-menu-list img { margin-right: 0; margin-bottom: 0.25rem; }
.footer-menu-list span { display: block; line-height: 1; }
.footer-menu-list .access img { height: 26px; margin-bottom: 12px; }
.footer-menu-list .document img { margin-bottom: 12px; }

.footer-banner-op { float: left; background: #00ACC0; border-radius: 12px; height: 72px; width: 78%; }
.footer-banner-op .next { width: 30%; }
.footer-banner-op .next img { margin: 18px 0 0 5px; }
.footer-banner-op .day { background: #fff; border: 5px solid #00ACC0; color: #000; font-size: 24px; font-weight: bold; margin: 0; padding: 10px 0 0; text-align: center; width: 70%; line-height: 85%; }
.footer-banner-op .day .week { background: #000; border-radius: 24px; color: #fff; font-size: 12px; padding: 2px 12px; margin-left: .25em; vertical-align: middle; }
.footer-banner-op .day .time { background: url("../img/home/icon-time.svg") no-repeat 0 center; background-size: 14px; font-size: 13px; padding-left: 18px; }

.home-document-request, .home-ao-entry, .home-scholarship-entry { color: #FFF; display: block; text-align: center; line-height: 1.4; width: 100%; font-size: 0.75rem; }

.home-document-request:hover, .home-ao-entry:hover, .home-scholarship-entry:hover { color: #FFF; text-decoration: none; opacity: 0.65; }

.home-document-request { background-color: #2E59A7; padding: 1px; }

.home-document-request:before { content: ""; background: url(../img/common/icon-book.svg) no-repeat center top/55px 42px; display: block; height: 42px; margin: 18% 0 10px; }

.home-ao-entry { background-color: #E4007F; padding: 1px; }

.home-ao-entry:before { content: ""; /*background: url(../img/common/icon-desktop.svg) no-repeat center top/42px 42px;*/ display: block; height: 42px; margin: 19% 0 10px; }

.home-scholarship-entry { background: #00AB76; padding: 1px; }

.home-scholarship-entry:before { content: ""; display: block; height: 42px; margin: 19% 0 10px; }

.home-document-request, .home-ao-entry, .home-scholarship-entry { font-size: 1.2rem; font-weight: bold; position: relative; text-align: center; padding: 1rem 0 1rem 28px; }
@media (max-width: 560px) { .home-document-request, .home-ao-entry, .home-scholarship-entry { font-size: 1rem; } }

.home-ao-entry, .home-scholarship-entry { padding: 1rem 0 1rem 0px; }

.home-document-request:before, .home-ao-entry:before, .home-scholarship-entry:before { position: absolute; left: 18px; top: 50%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.home-document-request:before { background-size: 26px 27px; width: 38px; height: 27px; }

.home-ao-entry:before { background-size: 28px 28px; width: 38px; height: 28px; }

.home-scholarship-entry:before { background-size: 28px 28px; width: 38px; height: 28px; }

.edc-curriculum { margin-bottom: 62px; }
@media (max-width: 560px) { .edc-curriculum { margin-bottom: 32px; } }

.pc-disp { display: none; }

.sp-disp { display: block; }

@media (min-width: 561px) { .pc-disp { display: block; }
  .sp-disp { display: none; } }
/****************************************************************
column
****************************************************************/
.column-nav a.first { padding-bottom: 0; }
.column-nav a.next { padding-top: 0; padding-bottom: 0; }
.column-nav a:last-child { padding-bottom: 10px; }

.column-wrapper { margin: 4em auto 5em; max-width: 760px; width: 90%; font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem); /*detail-box*/ /*mokuji*/ /*oc-contact-box*/ }
@media (max-width: 560px) { .column-wrapper { margin: 2em auto 1em; } }
.column-wrapper p { margin: 0; }
.column-wrapper .space-1 { margin-top: 1em !important; }
.column-wrapper .space-2 { margin-top: 2em !important; }
.column-wrapper .space-3 { margin-top: 3em !important; }
.column-wrapper .space-4 { margin-top: 4em !important; }
@media (max-width: 560px) { .column-wrapper .space-4 { margin-top: 3em !important; } }
.column-wrapper .space-5 { margin-top: 5em !important; }
@media (max-width: 560px) { .column-wrapper .space-5 { margin-top: 4em !important; } }
.column-wrapper em { font-style: normal; font-weight: bold; }
.column-wrapper em.pink { color: #e7559e; }
.column-wrapper .link-anchor { color: #fff; padding-top: 100px; margin-top: -100px; }
.column-wrapper .column-header { list-style-type: none; display: flex; align-items: baseline; gap: 0 1em; padding: 0; }
.column-wrapper .column-header .cat { background: #e7559e; color: #fff; padding: .25em 1em 0; }
.column-wrapper .column-header .date { border: 1px solid #000; font-size: clamp(0.813rem, 0.784rem + 0.12vw, 0.875rem); padding: .25em 1em 0; }
@media (max-width: 560px) { .column-wrapper .column-header .date { padding: .25em 1em 0; } }
.column-wrapper .column-title { color: #e7559e; font-size: clamp(1.375rem, 1.148rem + 0.97vw, 1.875rem); margin: .6em 0 .5em; }
.column-wrapper .article-head { background: #e7559e; color: #fff; font-size: clamp(1.063rem, 0.864rem + 0.85vw, 1.5rem); font-weight: bold; padding: .75em 1.5em; }
.column-wrapper .article-sub-head { border: 1px solid #e7559e; border-left: 18px solid #e7559e; font-size: clamp(1rem, 0.83rem + 0.73vw, 1.375rem); font-weight: bold; padding: .75em .75em; }
.column-wrapper .circle-list { padding: 0; }
.column-wrapper .circle-list li { color: #e7559e; font-size: clamp(0.938rem, 0.852rem + 0.36vw, 1.125rem); font-weight: bold; list-style-type: none; text-indent: -1.25em; padding-left: 1em; }
.column-wrapper .circle-list li a { color: #e7559e; text-decoration: underline; }
.column-wrapper .circle-list li::before { content: "\025cf"; margin-right: .25em; }
.column-wrapper .article-image { margin: 2.5em auto; width: 75%; }
@media (max-width: 560px) { .column-wrapper .article-image { margin: 1.5em auto; } }
.column-wrapper .detail-box, .column-wrapper .features-box { background: #e8f8f9; padding: 2em; }
@media (max-width: 560px) { .column-wrapper .detail-box, .column-wrapper .features-box { padding: 1.25em; } }
.column-wrapper .detail-box .detail-head, .column-wrapper .features-box .detail-head { border-left: 6px solid #e7559e; font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem); font-weight: bold; line-height: 1; padding-left: .5em; }
.column-wrapper .detail-box .features-head, .column-wrapper .features-box .features-head { color: #e7559e; font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem); font-weight: bold; }
.column-wrapper .detail-box .circle-list, .column-wrapper .features-box .circle-list { margin: 0; }
.column-wrapper .detail-box .circle-list li, .column-wrapper .features-box .circle-list li { color: #000; font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem); }
.column-wrapper .detail-box .circle-list li::before, .column-wrapper .features-box .circle-list li::before { color: #e7559e; }
.column-wrapper .features-box { background: #fdedf5; }
.column-wrapper .mokuji { border: 2px solid #f5b5d5; display: inline-block; padding: 1.5em 2.5em; margin-top: 2em; }
@media (max-width: 560px) { .column-wrapper .mokuji { padding: 1em 1em; } }
.column-wrapper .mokuji .head { font-size: clamp(0.938rem, 0.795rem + 0.61vw, 1.25rem); font-weight: bold; text-align: center; }
.column-wrapper .mokuji ul:not(.child) { list-style: none; margin: 1.5em 0 0; padding: 0; }
@media (max-width: 560px) { .column-wrapper .mokuji ul:not(.child) { margin-top: 1em; } }
.column-wrapper .mokuji ul a { display: block; padding-left: 2em; text-indent: -2em; }
.column-wrapper .mokuji .parent { margin-top: 1em; }
.column-wrapper .mokuji .parent span { font-weight: bold; margin-right: 1em; }
.column-wrapper .mokuji .child { list-style: none; padding: 0; margin-left: 2em; }
@media (max-width: 560px) { .column-wrapper .mokuji .child a { padding-left: 3em; text-indent: -2.7em; } }
.column-wrapper .mokuji .child li span { font-weight: bold; margin-right: 1em; }
.column-wrapper .oc-contact-box { background: #ffff59; font-size: clamp(0.938rem, 0.881rem + 0.24vw, 1.063rem); padding: 2.5em; text-align: center; }
@media (max-width: 560px) { .column-wrapper .oc-contact-box { padding: 1.5em; } }
.column-wrapper .oc-contact-box .link-btn a { background: #ff8d00; border-radius: 8px; color: #fff; display: inline-block; font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem); font-weight: bold; padding: 1em 4em; transition: .2s; }
@media (max-width: 560px) { .column-wrapper .oc-contact-box .link-btn a { padding: 1em 3em; } }
.column-wrapper .oc-contact-box .link-btn a:hover { background: #ff3b00; text-decoration: none; }

/*column-wrapper*/
/****************************************************************
career 職業紹介
****************************************************************/
.employment-career .job-type-list .list-box { min-height: 502px; }
@media (max-width: 560px) { .employment-career .job-type-list .list-box { min-height: inherit; } }
.employment-career .job-type-list .white-box .link-btn { text-align: center; }
.employment-career .job-type-list .white-box .link-btn a { background: #ff8d00; border-radius: 8px; color: #fff; display: inline-block; font-size: clamp(13px, 1.25vw, 15px); font-weight: bold; padding: 0.25em 0; margin: 0.25em 0; transition: .2s; width: 100%; }
@media (max-width: 560px) { .employment-career .job-type-list .white-box .link-btn a { padding: 0.25em; } }
.employment-career .job-type-list .white-box .link-btn a:hover { background: #ff3b00; text-decoration: none; }

/****************************************************************
access
****************************************************************/
.access .train .access-route li:nth-child(3n)::after { content: none; }

@media (max-width: 560px) { .access .train .access-route { margin-bottom: 0 !important; }
  .access .train .access-route li:nth-child(3n)::after { content: ""; }
  .access .train .access-route + .access-route li:nth-child(2n)::after { content: ""; }
  .access .train .access-route + .access-route li:nth-child(3n)::after { content: none; } }
/****************************************************************
campus life
****************************************************************/
.student-life-campus .nav-section > li > a { background: #fff; }

.campus-schedule .heading-design-lead, .campus-club .heading-design-lead, .daily-wrapper .heading-design-lead { color: #ea68a2; font-size: 28px; text-align: center; }
@media (max-width: 560px) { .campus-schedule .heading-design-lead, .campus-club .heading-design-lead, .daily-wrapper .heading-design-lead { font-size: 18px; } }

.daily-wrapper .heading-design-lead { color: #283f59; }
.daily-wrapper table { margin: auto; max-width: 660px; width: 90%; }
.daily-wrapper table tr:nth-child(odd) { background: #e0eaf7; }
.daily-wrapper table th { background: #283f59; border: 3px solid #fff; border-top: none; border-bottom: none; color: #fff; font-size: 18px; font-weight: bold; padding: 0.75em 1em; text-align: center; }
@media (max-width: 560px) { .daily-wrapper table th { font-size: 14px; padding: 0.5em 0.5em; } }
.daily-wrapper table td { border: 3px solid #fff; border-top: none; border-bottom: none; font-size: 18px; padding: 0.75em 1em; text-align: center; }
@media (max-width: 560px) { .daily-wrapper table td { font-size: 14px; padding: 0.5em 0.5em; } }
.daily-wrapper p { font-size: 18px; font-weight: bold; margin-top: .5em; text-align: center; }
@media (max-width: 560px) { .daily-wrapper p { font-size: 15px; } }
.daily-wrapper p span { color: #283f59; }

.campus-club .text-medium { margin: auto; width: 1130px; max-width: 85%; }
.campus-club .infinit-slide { margin: 32px 0 16px; }
@media (max-width: 560px) { .campus-club .infinit-slide { margin: 24px 0 0; } }

.timeline-one-year .timeline-month { max-width: inherit; width: 7em; height: 7em; border-radius: 50%; flex: 0 1 7em; }
@media (max-width: 560px) { .timeline-one-year .timeline-month { width: 4em; height: 4em; flex: 0 1 4em; } }

.timeline-one-year > li:before { left: 1.6em; }
@media (min-width: 561px) { .timeline-one-year > li:before { left: 2.85em; } }

.timeline-one-year .timeline-body { padding: 0 0 0 1rem; }
@media (min-width: 561px) { .timeline-one-year .timeline-body { padding: 0 0 0 1.5rem; } }

.slider-schedule { margin: 0 auto 62px; max-width: 780px; width: 95%; }
.slider-schedule img { border-radius: 72px; }
@media (max-width: 560px) { .slider-schedule img { border-radius: 32px; } }
.slider-schedule div::not(.bord) { margin: 0 12px; }
.slider-schedule .bord { background: #fff; border-radius: 16px; font-weight: bold; margin: -2rem auto 0; width: 80%; padding: 24px 0 0; position: relative; z-index: 1; }
@media (max-width: 560px) { .slider-schedule .bord { padding: 16px 0 0; } }
.slider-schedule .bord .month { font-size: 32px; margin: 0; text-align: center; }
.slider-schedule .bord .month small { font-size: 16px; }
.slider-schedule .bord ul { margin: auto; width: fit-content; }
@media (max-width: 560px) { .slider-schedule .bord ul { width: auto; } }
.slider-schedule .bord ul li { padding-left: 1.1em; position: relative; list-style-type: none; }
.slider-schedule .bord ul li::before { color: #ea68a2; font-size: .8em; line-height: 2; position: absolute; top: 0; left: 0; content: '\025c6'; }

/*slider-schedule*/
/****************************************************************
joho-girls-wrapper
****************************************************************/
.joho-girls-wrapper { /*graph-wrapper*/ /*zadankai-wrapper*/ }

.joho-girls-wrapper .main img { max-height: calc(100vh - 208px); object-fit: cover; width: 100%; }

.joho-girls-wrapper .graph-wrapper { background-size: auto auto; background-color: #d4e9cd; background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #c8e3bf 10px, #c8e3bf 20px); padding: 20px 0 0; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper { padding-bottom: 42px; } }
.joho-girls-wrapper .graph-wrapper .inner { margin: auto; max-width: 1100px; width: 90%; }

.joho-girls-wrapper .graph-wrapper .inner .images { /*border: 2px solid #93c981; border-left: none; border-right: none; margin-top: 4rem; padding: 4rem 0;*/ padding: 1rem 0 4rem; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .inner .images { margin-top: 2rem; padding: 1rem; } }
@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .inner .images .sp-disp + .sp-disp { margin-top: 3rem; } }
.joho-girls-wrapper .graph-wrapper .inner .images2 { margin-top: 4rem; padding: 4rem 0; margin: auto; max-width: 900px; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .inner .images2 { margin-top: 2rem; padding: 1rem; } }
.joho-girls-wrapper .graph-wrapper .sub-head.head1 { margin-top: -44px; }

.joho-girls-wrapper .graph-wrapper .sub-head.head1 img { display: block; margin: auto; max-width: 350px; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .sub-head.head1 img { max-width: 223px; } }
.joho-girls-wrapper .graph-wrapper .sub-head.head2 { margin-top: 68px; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .sub-head.head2 { margin-top: 46px; } }
.joho-girls-wrapper .graph-wrapper .sub-head.head2 img { display: block; margin: auto; max-width: 280px; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .sub-head.head2 img { max-width: 223px; } }
.joho-girls-wrapper .graph-wrapper .cross-head { color: #603f31; font-size: 21px; margin-top: 2rem; text-align: center; }

@media (max-width: 560px) { .joho-girls-wrapper .graph-wrapper .cross-head { font-size: 16px; } }
.joho-girls-wrapper .graph-wrapper .cross-head + p { font-size: 14px; margin-top: 1rem; text-align: center; }

.joho-girls-wrapper .zadankai-wrapper { background: url("../img/joho-girls/back-pink.jpg") repeat 0 0; padding: 108px 0 72px; /*question-wrapper*/ }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper { padding: 52px 0 42px; } }
.joho-girls-wrapper .zadankai-wrapper .sub-head { margin: auto; max-width: 1100px; width: 90%; }

.joho-girls-wrapper .zadankai-wrapper .cross-head { color: #603f31; font-size: 21px; margin: 3rem 0 5rem; text-align: center; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .cross-head { font-size: 16px; margin: 2rem 0 2rem; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper { margin: 6rem auto 0; max-width: 780px; width: 85%; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper { margin-top: 2rem; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper .head { color: #e73b8a; display: inline-block; font-size: 32px; font-weight: bold; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper .head { background-size: 15px auto !important; font-size: 20px; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper .head img { margin-bottom: 32px; margin-right: 1rem; width: 60px; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper .head img { margin-bottom: 20px; width: 43px; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper.q1 .head { background: url("../img/joho-girls/border-blue.jpg") repeat-x 0 65%; }

.joho-girls-wrapper .zadankai-wrapper .question-wrapper.q2 { margin-bottom: 5rem; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper.q2 { margin-bottom: 2rem; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper.q2 .head { background: url("../img/joho-girls/border-pink.jpg") repeat-x 0 65%; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper.q2 .head span { display: inline-block; line-height: 120%; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper.q3 .head { background: url("../img/joho-girls/border-yellow.jpg") repeat-x 0 65%; }

.joho-girls-wrapper .zadankai-wrapper .question-wrapper + .question-wrapper { margin-top: 6rem; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper + .question-wrapper { margin-top: 2rem; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper dl { display: flex; flex-wrap: wrap; width: 100%; }

.joho-girls-wrapper .zadankai-wrapper .question-wrapper dt { color: #e73b8a; font-size: 18px; width: 10%; white-space: nowrap; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper dt { font-size: 15px; width: 15%; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper dd { font-size: 16px; width: 85%; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .question-wrapper dd { font-size: 14px; } }
.joho-girls-wrapper .zadankai-wrapper .question-wrapper dd + dt { margin-top: 2rem; }

.joho-girls-wrapper .zadankai-wrapper .question-wrapper dd + dt + dd { margin-top: 2rem; }

.joho-girls-wrapper .zadankai-wrapper .image-center { margin: 76px auto 0; max-width: 924px; width: 100%; }

@media (max-width: 560px) { .joho-girls-wrapper .zadankai-wrapper .image-center { margin-top: 24px; } }
/*joho-girls-wrapper*/
/***********************************************************************
募集学科・出願区分
**********************************************************************/
.department .table-basic th { white-space: nowrap; }
@media (max-width: 560px) { .department .table-basic th { white-space: inherit; } }

/* department*/
/***********************************************************************
卒業研究
**********************************************************************/
.graduation-research { /*work-wrapper*/ }
.graduation-research ul { padding: 0; margin: 0; }
.graduation-research ul li { list-style: none; }
.graduation-research .concept-wrapper { /*inner*/ }
.graduation-research .concept-wrapper .inner { margin: min(9.375vw, 120px) auto 0; max-width: 1250px; width: 90%; }
.graduation-research .concept-wrapper .inner .head { color: #273e58; font-size: min(4.53125vw, 58px); font-weight: bold; text-align: center; }
@media (max-width: 560px) { .graduation-research .concept-wrapper .inner .head { font-size: 24px; } }
.graduation-research .concept-wrapper .inner p { font-size: min(1.71875vw, 22px); text-align: center; margin-top: min(2.5vw, 32px); }
@media (max-width: 560px) { .graduation-research .concept-wrapper .inner p { font-size: 15px; } }
.graduation-research .concept-wrapper .inner .illust { margin: min(6.40625vw, 82px) auto 0; max-width: 960px; }
.graduation-research .concept-wrapper .inner .movie-head { background: #273e58; color: #fff; font-size: min(2.734375vw, 35px); font-weight: bold; padding: .5em 0; margin: min(6.40625vw, 82px) auto 0; text-align: center; width: 100%; max-width: 860px; }
@media (max-width: 560px) { .graduation-research .concept-wrapper .inner .movie-head { font-size: 20px; } }
.graduation-research .concept-wrapper .inner .movie-head span { color: yellow; }
.graduation-research .concept-wrapper .inner .movie-head small { font-size: min(2.5vw, 32px); }
@media (max-width: 560px) { .graduation-research .concept-wrapper .inner .movie-head small { font-size: 16px; } }
.graduation-research .concept-wrapper .inner .movie { margin: 0 auto 0; width: 100%; max-width: 860px; aspect-ratio: 16 / 9; }
.graduation-research .concept-wrapper .inner .movie iframe { width: 100%; height: 100%; }
.graduation-research .work-head { color: #273e58; font-size: min(4.53125vw, 58px); font-weight: bold; margin-top: min(9.6875vw, 124px); text-align: center; }
@media (max-width: 560px) { .graduation-research .work-head { font-size: 24px; } }
.graduation-research .work-wrapper { margin-top: min(2.5vw, 32px); }
.graduation-research .work-wrapper .sub-head { background: #68b8ec; border-bottom: 5px solid #000; text-align: center; letter-spacing: 4px; }
@media (max-width: 560px) { .graduation-research .work-wrapper .sub-head { padding: 1em 0; } }
.graduation-research .work-wrapper .sub-head span { color: #fff; font-size: min(4.53125vw, 58px); font-weight: bold; text-align: center; }
@media (max-width: 560px) { .graduation-research .work-wrapper .sub-head span { font-size: 28px; } }
.graduation-research .work-wrapper .work-list li { padding: min(5.3125vw, 68px) 0; }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list li { padding: 52px 0; } }
.graduation-research .work-wrapper .work-list li:nth-child(even) { background: #e1f1fb; }
.graduation-research .work-wrapper .work-list li .content { display: flex; justify-content: space-between; align-items: center; gap: 3%; margin: auto; max-width: 1250px; width: 85%; }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list li .content { display: inherit; } }
.graduation-research .work-wrapper .work-list .cross-head { font-size: min(2.65625vw, 34px); font-weight: bold; }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list .cross-head { font-size: 24px; } }
.graduation-research .work-wrapper .work-list .text { flex: 1; }
.graduation-research .work-wrapper .work-list .name-band { background: #68b8ec; color: #fff; font-size: min(1.71875vw, 22px); margin-top: 1.5em; text-align: center; }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list .name-band { font-size: 18px; } }
.graduation-research .work-wrapper .work-list .name { color: #636363; font-size: min(1.796875vw, 23px); }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list .name { font-size: 18px; } }
.graduation-research .work-wrapper .work-list img { flex: 1; }
@media (max-width: 560px) { .graduation-research .work-wrapper .work-list img { margin-top: 12px; } }
.graduation-research .work-wrapper.game .sub-head { background: #c8466f; }
@media (max-width: 560px) { .graduation-research .work-wrapper.game .work-list li { padding-bottom: 24px; } }
.graduation-research .work-wrapper.game .work-list li:nth-child(even) { background: #f9ebf0; }
.graduation-research .work-wrapper.game .work-list .name-band { background: #c8466f; }
.graduation-research .work-wrapper.system .sub-head { background: #5fa952; }
.graduation-research .work-wrapper.system .work-list li:nth-child(even) { background: #edf6ec; }
.graduation-research .work-wrapper.system .work-list .name-band { background: #5fa952; }

/*graduation-research*/
/****************************************************************
就職実績
****************************************************************/
.adults .adults-recommend { margin: 0 auto 0; }

.adults-recommend { margin: min(6.71875vw, 86px) auto 0; width: min(97.5vw, 1248px); }
@media (max-width: 560px) { .adults-recommend { width: 90%; } }
.adults-recommend .head { color: #2f59a4; font-weight: bold; font-size: min(3.75vw, 48px); text-align: center; }
@media (max-width: 560px) { .adults-recommend .head { font-size: 22px; } }
.adults-recommend ul { margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: min(7.8125vw, 100px); }
@media (max-width: 560px) { .adults-recommend ul { display: inherit; } }
.adults-recommend ul li { display: flex; align-items: center; gap: 4%; margin: 1% 0; width: 48%; }
@media (max-width: 560px) { .adults-recommend ul li { width: 100%; } }
@media (max-width: 560px) { .adults-recommend ul li + li { margin-top: 1em; } }
.adults-recommend ul li img { width: min(11.328125vw, 145px); }
@media (max-width: 560px) { .adults-recommend ul li img { width: 85px; } }
.adults-recommend ul li .text .sub-head { color: #2f59a4; font-weight: bold; font-size: min(1.953125vw, 25px); margin: 0; }
@media (max-width: 560px) { .adults-recommend ul li .text .sub-head { font-size: 18px; } }
.adults-recommend ul li .text p { font-size: min(1.25vw, 16px); margin-top: .5em; }
@media (max-width: 560px) { .adults-recommend ul li .text p { font-size: 14px; margin: 0; } }

/*adults-recommend*/
.map-wrapper { position: relative; }
@media (max-width: 560px) { .map-wrapper { margin-top: 42px; } }
.map-wrapper::before { content: ""; background: linear-gradient(360deg, rgba(0, 222, 255, 0) 0%, #00deff 50%, rgba(0, 222, 255, 0) 100%); width: 100%; height: min(77.96875vw, 998px); position: absolute; top: 0; left: 0; z-index: -1; }
.map-wrapper .head { color: #e968a1; font-weight: bold; font-size: min(3.75vw, 48px); text-align: center; }
@media (max-width: 560px) { .map-wrapper .head { font-size: 22px; } }
.map-wrapper .box-text { text-align: center; }
.map-wrapper .box-text span { background: #273e58; border-radius: 35px; color: #fff; display: inline-block; font-weight: bold; font-size: min(2.1875vw, 28px); padding: .25em 1.5em; }
@media (max-width: 560px) { .map-wrapper .box-text span { font-size: 14px; } }
.map-wrapper .map-inner { position: relative; margin: min(7.8125vw, 100px) auto 0; width: min(85.9375vw, 1100px); }
@media (max-width: 560px) { .map-wrapper .map-inner ul { display: none; } }
.map-wrapper .map-inner ul li { list-style: none; position: absolute; width: min(8.046875vw, 103px); }
.map-wrapper .map-inner ul li:nth-child(2), .map-wrapper .map-inner ul li:nth-child(6), .map-wrapper .map-inner ul li:nth-child(7) { width: min(11.71875vw, 150px); }
.map-wrapper .map-inner ul li::before { animation: scroll 3s infinite; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 79, 0, 0.8); content: ""; opacity: 0; position: absolute; top: max(-0.3125vw, -4px); left: max(-0.3125vw, -4px); width: min(3.90625vw, 50px); height: min(3.90625vw, 50px); }
.map-wrapper .map-inner ul li:nth-child(even)::before { animation: scroll 1.7s infinite; }
.map-wrapper .map-inner ul li:nth-child(2)::before, .map-wrapper .map-inner ul li:nth-child(7)::before { top: min(0.625vw, 8px); }
@keyframes scroll { 0% { opacity: 0; }
  30% { opacity: 1; }
  60% { box-shadow: 0 0 0 20px rgba(255, 79, 0, 0.8); background: rgba(255, 79, 0, 0.8); opacity: 0; }
  100% { opacity: 0; } }
.map-wrapper .map-inner ul li img { filter: drop-shadow(0 0 0.75rem #000); }
.map-wrapper .map-inner ul li:nth-child(1) { top: max(-1.796875vw, -23px); left: min(43.359375vw, 555px); }
.map-wrapper .map-inner ul li:nth-child(2) { top: min(10.15625vw, 130px); left: min(50.78125vw, 650px); }
.map-wrapper .map-inner ul li:nth-child(3) { top: min(22.96875vw, 294px); left: min(63.75vw, 816px); }
.map-wrapper .map-inner ul li:nth-child(4) { top: min(31.25vw, 400px); left: min(77.1875vw, 988px); }
.map-wrapper .map-inner ul li:nth-child(5) { top: min(39.0625vw, 500px); left: min(68.4375vw, 876px); }
.map-wrapper .map-inner ul li:nth-child(6) { top: min(36.953125vw, 473px); left: min(41.484375vw, 531px); }
.map-wrapper .map-inner ul li:nth-child(7) { top: min(23.4375vw, 300px); left: min(39.6875vw, 508px); }
.map-wrapper .map-inner ul li:nth-child(8) { top: min(13.984375vw, 179px); left: min(32.8125vw, 420px); }
.map-wrapper .map-inner ul li:nth-child(9) { top: min(39.0625vw, 500px); left: min(6.40625vw, 82px); }

/*map-wrapper*/
.card-list { display: flex; justify-content: space-between; gap: 2%; flex-wrap: wrap; margin: max(-12.5vw, -160px) auto 0; width: min(85.9375vw, 1100px); }
.card-list .industria-card { margin-top: -60px; padding-top: 70px; width: calc(96% / 3); }
@media (max-width: 560px) { .card-list .industria-card { margin-top: 1.5%; padding-top: 0; width: calc(98% / 2); } }
.card-list .industria-card .inner { background-color: #fff; background-image: radial-gradient(circle 2.5px, #7c7c7c 100%, transparent 0), radial-gradient(circle 2.5px, #7c7c7c 100%, transparent 0), radial-gradient(circle 2.5px, #7c7c7c 100%, transparent 0), radial-gradient(circle 2.5px, #7c7c7c 100%, transparent 0); background-size: 5px 5px; background-position: 10px 10px, calc(100% - 10px) 10px, 10px calc(100% - 10px), calc(100% - 10px) calc(100% - 10px); background-repeat: no-repeat; border-radius: 12px; padding: min(2.5vw, 32px); margin: 1% 0 0; filter: drop-shadow(0 0 0.5rem #ccc); }
@media (max-width: 560px) { .card-list .industria-card .inner { padding-top: 24px; padding-bottom: 16px; } }
.card-list .industria-card .head { color: #ff4f00; font-size: min(2.5vw, 32px); font-weight: bold; text-align: center; margin: 0; }
@media (max-width: 560px) { .card-list .industria-card .head { font-size: 17px; } }
.card-list .industria-card p { font-size: min(1.25vw, 16px); margin: 0; margin-top: 1em; }
@media (max-width: 560px) { .card-list .industria-card p { font-size: 14px; margin-top: 0.5em; } }
.card-list .industria-card img { margin-top: 1em; }

.oc-entry-btn li a { cursor: pointer; display: block; position: relative; margin-inline: auto; margin: 1% 0; width: min(25.390625vw, 325px); height: min(25.390625vw, 325px); transform-style: preserve-3d; transform: rotateY(0deg); transition: transform 0.7s ease; }
@media (max-width: 560px) { .oc-entry-btn li a { width: min(44.6428571429vw, 250px); height: min(44.6428571429vw, 250px); } }
.oc-entry-btn li a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; left: 0; position: absolute; width: 100%; }
.oc-entry-btn li a img:last-of-type { transform: rotateY(180deg); }
@media (hover: hover) and (pointer: fine) { .oc-entry-btn li a:hover img { opacity: 1; } }
@media (hover: hover) and (pointer: fine) { .oc-entry-btn li:hover a { transform: rotateY(180deg); } }