.mv__inner img { display: block; width: calc(1130 / 1280 * 100%); margin-left: auto; }

@media screen and (max-width: 768px) { .mv__inner img { width: 100%; padding-left: 20px; margin-left: 0; } }

.section { padding: 0 20px; overflow: hidden; }

@media screen and (max-width: 768px) { .section { padding: 0 30px; } }

.section__inner { width: 100%; max-width: 980px; margin: 0 auto; position: relative; }

.section h2 { font-size: 3rem; font-weight: bold; text-align: center; position: relative; padding-top: 55px; margin-top: 80px; line-height: 1.2; color: #333; }

@media screen and (max-width: 768px) { .section h2 { margin-top: 50px; } }

.section h2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; display: inline-block; background-size: auto; height: auto; background-size: contain; }

.section h2.heading01::before { background: url(images/BlkCampusLife_heading01.svg) no-repeat; width: 80px; }

.section h2.heading02::before { background: url(images/BlkCampusLife_heading02.svg) no-repeat; width: 78px; }

.section h2.heading03::before { background: url(images/BlkCampusLife_heading03.svg) no-repeat; width: 75px; }

.section h2.heading04 { width: calc(612 / 900 * 100%); margin-left: auto; }

@media screen and (max-width: 768px) { .section h2.heading04 { width: 100%; } }

.section h2.heading04::before { background: url(images/BlkCampusLife_heading04.svg) no-repeat; width: 75px; }

.section h2.heading05::before { background: url(images/BlkCampusLife_heading05.svg) no-repeat; width: 93px; }

.section h2 + p { margin-top: 30px; }

.section p { font-size: 1.6rem; line-height: 1.8; }

.section img { width: 100%; }

.buttonArea { margin-top: 30px; }

.buttonArea__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 800px; margin: 0 auto; }

@media screen and (max-width: 768px) { .buttonArea__inner { display: block; }
  .buttonArea__inner > div:nth-of-type(n + 2) { margin-top: 25px; } }

.button a { display: block; width: 308px; height: 80px; border: #00a87b 3px solid; border-radius: 6px; background-color: #00a87b; color: #fff; font-size: 1.6rem; font-weight: 600; position: relative; -webkit-box-shadow: 3px 3px #fff; box-shadow: 3px 3px #fff; -webkit-transition: 0.1s; transition: 0.1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .button a { width: 100%; } }

.button a::before { content: ""; background: url(/assets/images/center/nyugaku/BlkAdmissions_item_bg.png) repeat; width: 308px; height: 80px; border-radius: 8px; position: absolute; right: -11px; bottom: -11px; z-index: -1; }

@media screen and (max-width: 768px) { .button a::before { width: 100%; } }

.button a::after { content: ""; background: url(images/arrow.png) repeat; width: 10px; height: 6px; background-size: cover; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 15px; }

.button a:hover { background-color: #fff; border: #00a87b 3px solid; color: #00a87b; }

.button a:hover::after { content: ""; background: url(images/arrow--hover.png) repeat; background-size: cover; }

.map { margin-top: 40px; position: relative; }

@media screen and (max-width: 768px) { .map { margin: 60px -30px 0; } }

.map__inner { width: 100%; margin: 0 auto; }

.map__inner > div { background-color: #fff; }

@media screen and (max-width: 768px) { .map__inner > div { background-color: transparent; } }

.map__inner > div > div { font-weight: bold; font-size: 2rem; }

@media screen and (max-width: 768px) { .map__inner > div > div { margin-top: 35px; font-weight: bold !important; } }

.map__inner p { font-size: 1.6rem; margin-top: 20px; }

.map + .map { margin-top: 35px; }

.mapText01 { position: absolute; right: 0; bottom: 0; width: calc(468 / 980 * 100%); padding: 40px; }

@media screen and (max-width: 768px) { .mapText01 { position: relative; width: 100%; padding: 0 50px; } }

.mapText02 { position: absolute; left: 0; bottom: 0; width: calc(468 / 980 * 100%); padding: 40px; }

@media screen and (max-width: 768px) { .mapText02 { position: relative; width: 100%; padding: 0 50px; } }

.mapText03 { position: absolute; right: 0; bottom: 0; width: calc(468 / 980 * 100%); padding: 30px 20px; }

map + img { margin-top: 35px; }

.accordion { display: block; width: 100%; height: 50px; border: #00a87b 3px solid; border-radius: 6px; background-color: #00a87b; color: #fff; font-size: 1.6rem; font-weight: 600; position: relative; -webkit-box-shadow: 3px 3px #fff; box-shadow: 3px 3px #fff; -webkit-transition: 0.1s; transition: 0.1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; cursor: pointer; }

.accordion::before { content: ""; background: url(/assets/images/center/nyugaku/BlkAdmissions_item_bg.png) repeat; width: 100%; height: 50px; border-radius: 8px; position: absolute; right: -11px; bottom: -11px; z-index: -1; }

.accordion::after { content: ""; background: url(images/open.png) repeat; width: 10px; height: 10.5px; background-size: cover; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }

.accordion.active { background-color: #fff; border: #00a87b 3px solid; color: #00a87b; }

.accordion.active::after { content: ""; background: url(images/close.png) repeat; background-size: cover; width: 12px; height: 2.5px; right: 14px; }

.accordion + div { margin-top: 20px; margin-bottom: 40px; }

.accordion + div img { margin-bottom: 20px; }

.accordion + div div { font-size: 2rem; }

.accordion + div p { font-weight: normal; }

.accordion + div + div { margin-top: 20px; }

@media screen and (max-width: 768px) { .qa { margin: 0 -10px; } }

.qa__inner { width: 100%; margin: 0 auto; background-color: #f1fbf8; padding: 35px; margin-top: 35px; }

@media screen and (max-width: 768px) { .qa__inner { padding: 35px 15px; } }

.qa__inner.right { border-radius: 0 98px 0 0; }

@media screen and (max-width: 768px) { .qa__inner.right { border-radius: 0; } }

.qa__inner.left { border-radius: 0 0 0 98px; margin-top: 40px; }

@media screen and (max-width: 768px) { .qa__inner.left { border-radius: 0; } }

.qa__inner h3 { font-size: 2rem; line-height: 1.5; text-align: center; font-weight: bold; }

.qa__inner > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 35px; }

@media screen and (max-width: 768px) { .qa__inner > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } }

.qa__inner > div figure { width: 80px; }

@media screen and (max-width: 768px) { .qa__inner > div figure { margin-top: 26px; } }

.qa__inner > div figure img { width: 80px; }

.qa__inner > div figure figcaption { font-size: 1.6rem; line-height: 1.3; text-align: center; margin-top: 10px; }

.qa__inner > div div { margin-left: 45px; background-color: #fff; border-radius: 6px; font-size: 1.6rem; line-height: 1.8; width: 100%; position: relative; padding: 30px 5px 30px 30px; }

@media screen and (max-width: 768px) { .qa__inner > div div { padding: 10px; margin-left: 30px; } }

.qa__inner > div div::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -40px; border: 10px solid transparent; border-right: 35px solid #fff; }

@media screen and (max-width: 768px) { .qa__inner > div div::before { border: 20px solid transparent; border-right: 30px solid #fff; } }

.leftImg { width: calc(900 / 980 * 100%); margin-left: auto; }

@media screen and (max-width: 768px) { .leftImg { width: 100%; } }

.leftImg .bgArea { margin-top: 25px; background-color: #fff7f2; padding: 20px 0 90px calc(300 / 940 * 100%); position: relative; border-radius: 0 0 0 96px; z-index: 2; }

@media screen and (max-width: 768px) { .leftImg .bgArea { width: 100%; margin-top: 60px; padding: 0 12px 50px 12px; border-radius: 0 0 0 48px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), color-stop(26%, #fff7f2), to(#fff7f2)); background: linear-gradient(#fff 0%, #fff 25%, #fff7f2 26%, #fff7f2 100%); } }

.leftImg .bgArea::after { content: ""; background-color: #fff7f2; width: 1000px; height: 100%; top: 0; right: -1000px; display: block; position: absolute; }

@media screen and (max-width: 768px) { .leftImg .bgArea::after { background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), color-stop(26%, #fff7f2), to(#fff7f2)); background: linear-gradient(#fff 0%, #fff 25%, #fff7f2 26%, #fff7f2 100%); } }

.leftImg .bgArea .button a { margin: 40px auto 0; height: 50px; }

.leftImg .bgArea .button a::before { height: 50px; }

.leftImg .bgArea .button a::after { content: none; }

@media screen and (max-width: 768px) { .leftImg .bgArea img + p { margin-top: 25px; } }

img.left { position: absolute; top: 0; left: 0; width: calc(324 / 980 * 100%); z-index: 3; }

@media screen and (max-width: 768px) { img.left { position: relative; width: 100%; } }

.alighC { text-align: center; }

@media screen and (max-width: 768px) { .alighC { text-align: left; } }

.modalContent { position: relative; display: none; width: 100%; margin: 20px auto; padding: 20px; }

.modalOverlay { z-index: 1001; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.75); }

.modalWrap { z-index: 1002; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }

@media screen and (max-width: 768px) { .modalOpen { pointer-events: none; } }

.modalOpen:hover { cursor: pointer; }

@media screen and (max-width: 768px) { .modalOpen:hover { cursor: default; } }

.modalClose { color: #fff; font-size: 30px; display: block; position: absolute; top: 10%; right: -30px; }

.modalClose:hover { cursor: pointer; }

.modalPrev, .modalNext { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; background-color: #00a87b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; z-index: 2; }

.modalPrev { left: -20px; }

.modalPrev::before { font-family: icomoon; content: "\e907"; font-weight: normal; font-size: 1.4rem; display: block; color: #fff; padding-right: 5px; }

.modalNext { right: -20px; }

.modalNext::before { font-family: icomoon; content: "\e904"; font-weight: normal; font-size: 1.4rem; display: block; color: #fff; padding-left: 5px; }

.modal { z-index: 1002; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.modal__inner { height: 100%; width: 70%; max-width: 800px; margin: 0 auto; position: relative; }

.modalBlock > div { display: none; background-color: #fff; margin: 0 auto; padding: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.modalBlock > div div { font-size: 2.4rem; font-weight: bold; }

.modal img { width: 100%; margin-bottom: 30px; }

.modal p { font-size: 1.6rem; margin-top: 20px; line-height: 1.8; }

.BlkFaculty__inner, .BlkVoice__inner { padding: 0 !important; margin: 0 auto; }

.spOnly { display: none; }

@media screen and (max-width: 768px) { .pcOnly { display: none; }
  .spOnly { display: block; } }

.pd50 { padding: 0 50px 5px; }

.win .section p, .win .section li, .win .section div { font-weight: 500; }

.hiragino .section p, .hiragino .section li, .hiragino .section div { font-weight: 300; }

#map04 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }

#map04 .flex > img { width: 48%; margin-bottom: 0; }

.BlkVoice__heading2::after { content: none; }

img { image-rendering: -webkit-optimize-contrast; }

.BlkVoice .slick-prev, .BlkVoice .slick-next { background-color: #00a87b; }

.BlkVoice .slick-prev:hover, .BlkVoice .slick-next:hover { background-color: #00a87b; }
/*# sourceMappingURL=style.css.map */