@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  letter-spacing: 0.03em;
  position: relative;
  width: 100%;
  font-weight: 400;
  color: #222222;
  font-feature-settings: "palt";
}
body * {
  box-sizing: border-box;
}
body ::selection {
  background: #ccc;
}
body ::-moz-selection {
  background: #ccc;
}
body img::selection {
  background: none;
}
body img::-moz-selection {
  background: none;
}
body a {
  text-decoration: none;
  color: inherit;
}
body .flex {
  display: flex;
}
body h2::after {
  transition: .3s ease-out .2s;
}
body h2 .effect {
  position: relative;
  transition: .3s ease-out;
  top: 0px;
}
body .main .waypoint > * {
  opacity: 0;
  transform: translateY(20%);
  transition: .3s ease-out;
}
body .main .waypoint.parallax > * {
  opacity: 1;
  transform: translateY(0%);
  transition: none;
}
body .main .waypoint.view > * {
  opacity: 1;
  transform: translateY(0%);
}
body .main .waypoint.hidden h2::after {
  width: 0 !important;
}
body .main .waypoint.hidden h2 .effect {
  opacity: 0;
  top: 20px;
}
body .loading {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30000;
}
body .loading.display-none {
  display: block;
  animation: hideAnim .5s ease-out 0s 1 normal forwards;
}
@keyframes hideAnim {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
    visibility: visible;
    display: block;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
/*color*/
/*size*/
.swiper-pagination {
  text-align: right;
}

.swiper-pagination-bullet-active {
  background: #d00a41;
}

.swiper-pagination {
  bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }

  .search {
    width: 2.35294vw;
    margin-top: 2.72059vw;
  }
  .search img {
    width: 2.35294vw;
  }

  .search-box {
    transition: .2s ease-out;
    width: 35.29412vw;
    height: 3.67647vw;
    position: fixed;
    margin-top: 2.72059vw;
    right: 2.57353vw;
    z-index: 10000;
    background: #fff;
  }
  .search-box.hidden {
    width: 0;
    overflow: hidden;
  }
  .search-box.under {
    margin-top: 1.54412vw;
  }
  .search-box form {
    width: 100%;
    height: 100%;
  }
  .search-box .text_input {
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: #222 1px solid !important;
    padding: 0 1.17647vw;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 400;
    color: #222222;
  }
  .search-box .text_input:focus {
    outline: none;
  }
  .search-box .search_btn {
    border: none;
    background: none;
    width: 1.17647vw;
    height: 1.17647vw;
    margin: auto;
    padding: 0;
    padding-left: 1.17647vw;
    border-left: #ededed solid 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.17647vw;
    display: block;
    box-sizing: content-box;
  }
  .search-box .search_btn img {
    width: 100%;
    height: 100%;
  }

  .notices-area {
    position: fixed;
    top: 0;
    width: 100%;
    background: #F5E8EC;
    z-index: 20000;
    color: #d00a41;
    display: flex;
    padding-left: 2.94118vw;
    padding-top: 1.10294vw;
    padding-bottom: 1.10294vw;
    align-items: flex-start;
  }
  .notices-area .title {
    padding-right: 2.35294vw;
    position: relative;
  }
  .notices-area .title::after {
    content: " ";
    width: 1px;
    background: #222222;
    height: 1.47059vw;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1px;
    position: absolute;
    opacity: .1;
  }
  .notices-area .notices {
    padding-top: 0.14706vw;
    margin-left: 2.35294vw;
    width: 77.20588vw;
  }
  .notices-area .notices .notice {
    display: flex;
    margin-top: 0.36765vw;
  }
  .notices-area .notices .notice:nth-of-type(1) {
    margin-top: 0;
  }
  .notices-area .notices .notice .date {
    margin-right: 3.08824vw;
  }
  .notices-area .close_btn {
    position: absolute;
    top: 1.61765vw;
    right: 2.94118vw;
  }

  header {
    position: fixed;
    width: 100%;
    z-index: 10000;
    background: url(../img/common/header_bg.png) repeat-x;
    background-size: auto 8.16176vw;
    top: 0;
    transition: top .3s ease-out;
    transition: all 0.5s;
  }
  header img {
    width: 100%;
  }
  header.scroll {
    top: -200px !important;
  }
  header .header__inner {
    display: flex;
    height: 8.16176vw;
    padding-left: 2.72059vw;
    padding-right: 2.57353vw;
  }
  header .logo-area {
    display: flex;
    align-items: center;
    margin-top: 2.13235vw;
    height: 4.41176vw;
  }
  header .logo-area h1 {
    width: 17.64706vw;
    margin-right: 2.20588vw;
  }
  header .logo-area .lang a:nth-of-type(1) {
    margin-right: 0.69853vw;
  }
  header .logo-area .lang .active {
    color: #222222 !important;
    border-bottom: 1px solid #222222;
  }
  header .link-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 1.98529vw;
    padding-bottom: 1.02941vw;
    margin-right: 2.42647vw;
    height: 100%;
  }
  header .link-area > ul {
    display: flex;
    align-items: center;
  }
  header .link-area > ul > li {
    padding: 0;
    padding-left: 0.58824vw;
    padding-right: 0.58824vw;
    margin-left: 0.58824vw;
    position: relative;
    height: 1.69118vw;
    line-height: 1.69118vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 950px) {
  header .link-area > ul > li {
    padding-left: 0.29412vw;
    padding-right: 0.29412vw;
    margin-left: 0.29412vw;
    letter-spacing: -0.1vw;
  }
}
@media screen and (min-width: 768px) {
  header .link-area > ul > li a {
    display: inline-block;
  }
  header .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  header .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 0.58824vw;
    right: -1.17647vw;
    left: auto;
    height: 0.73529vw;
    width: 0.73529vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  header .link-area > ul > li > a {
    white-space: nowrap;
  }
  header .link-area > ul > li.pulldown {
    transition: .5s;
    padding-right: 1.17647vw;
  }
  header .link-area > ul > li.pulldown > a {
    padding-right: 0.58824vw;
  }
  header .link-area > ul > li.pulldown > a:hover {
    opacity: 1 !important;
  }
  header .link-area > ul > li.pulldown > a:after {
    content: " ";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 0.58824vw;
    height: 0.38971vw;
    position: absolute;
    right: 0.58824vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  header .link-area > ul > li.pulldown .under {
    z-index: 10000;
    position: absolute;
    background: #fff;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s,visibility 0s .5s;
    padding: 1.76471vw 2.35294vw;
    padding-right: 0;
    box-shadow: 0 0 0.29412vw 0 rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
  }
  header .link-area > ul > li.pulldown .under .title {
    margin-bottom: 0.88235vw;
  }
  header .link-area > ul > li.pulldown .under li {
    margin-bottom: 0.88235vw;
  }
  header .link-area > ul > li.pulldown .under li a {
    position: relative;
    padding-left: 1.17647vw;
  }
  header .link-area > ul > li.pulldown .under li a::before {
    content: " ";
    display: inline-block;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
    width: 0.58824vw;
    height: 0.53676vw;
    position: absolute;
    top: 0.625vw;
    left: 0;
    margin: auto;
  }
  header .link-area > ul > li.pulldown .under li:last-of-type {
    margin-bottom: 0;
  }
  header .link-area > ul > li.pulldown .under.faculty {
    width: 37.79412vw;
    padding: 1.76471vw 2.35294vw;
  }
  header .link-area > ul > li.pulldown .under.canvas-life {
    width: 16.91176vw;
  }
  header .link-area > ul > li.pulldown .under.correspondence {
    width: 14.19118vw;
  }
  header .link-area > ul > li.pulldown .under.group-list {
    width: 18.38235vw;
  }
  header .link-area > ul > li.pulldown:hover {
    background: #222222;
  }
  header .link-area > ul > li.pulldown:hover > a {
    color: #fff;
  }
  header .link-area > ul > li.pulldown:hover > a:after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
  }
  header .link-area > ul > li.pulldown:hover .under {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s,visibility 0s 0s;
  }
  header .link-area .customer > li:last-of-type {
    padding-right: 0.44118vw;
  }
  header .link-area .group {
    margin-right: 0.58824vw;
  }
  header .link-area .group::after {
    content: " ";
    display: block;
    width: 1px;
    height: 1.17647vw;
    background: #222;
    opacity: .15;
  }
  header .cv-area {
    position: fixed;
    margin-top: 9.33824vw;
    top: 0;
    right: 0.58824vw;
    transition: top .3s ease-out;
  }
  header .cv-area a {
    display: block;
    width: 6.02941vw;
    height: 6.02941vw;
    margin-bottom: -0.14706vw;
  }
  header.under {
    background: #fff;
  }
  header.under .header__inner {
    height: 6.91176vw;
    padding-left: 2.27941vw;
    padding-right: 2.57353vw;
  }
  header.under .logo-area {
    height: 2.94118vw;
    margin-top: 1.98529vw;
  }
  header.under .logo-area h1 {
    width: 11.76471vw;
  }
  header.under .link-area {
    padding-top: 1.17647vw;
    padding-bottom: 1.47059vw;
    margin-right: 2.42647vw;
  }
  header.under .search {
    margin-top: 1.54412vw;
  }
  header.white {
    background-position: 0 -8.16176vw;
    background: transparent;
  }
  header.white .logo-area .lang {
    color: #fff;
  }
  header.white .logo-area .lang .active {
    color: #fff !important;
    border-bottom: 1px solid #fff;
  }
  header.white .link-area > ul > li > a {
    color: #fff;
  }
  header.white .link-area > ul > li.pulldown > a::after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  header.white .link-area .under > li > a {
    color: #222;
  }

  footer {
    background: #fff;
    position: relative;
    padding-bottom: 5.51471vw;
  }
  footer > .inner {
    width: 88.23529vw;
    margin: auto;
    justify-content: space-between;
  }
  footer .footer__wave {
    width: 40vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer .totop {
    width: 3.52941vw;
    height: 3.52941vw;
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 5;
    transform: scale(-1, 1);
    pointer-events: none;
    transition: .3s ease-out;
  }
  footer .totop img {
    width: 100%;
  }
  footer .totop.view {
    opacity: 1;
    pointer-events: auto;
  }
  footer .logo-area {
    margin-top: 10.58824vw;
  }
  footer .logo-area .logo {
    width: 20.58824vw;
    height: 5.04412vw;
  }
  footer .logo-area .sns-area {
    display: flex;
    justify-content: space-between;
    width: 20.58824vw;
    margin-top: 3.67647vw;
  }
  footer .logo-area .sns-area li {
    width: 1.76471vw;
    height: 1.76471vw;
  }
  footer .logo-area .sns-area li a, footer .logo-area .sns-area li img {
    display: block;
    width: 100%;
    height: 100%;
  }
  footer .logo-area address {
    margin-top: 4.70588vw;
    font-size: 0.73529vw;
    line-height: 1.8;
    letter-spacing: .03em;
  }
  footer .link-area {
    width: 48.38235vw;
    margin-top: 8.97059vw;
    display: flex;
  }
  footer .link-area > ul {
    height: 25.36765vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  footer .link-area > ul > li {
    margin-bottom: 0.88235vw;
    width: 16.91176vw;
  }
  footer .link-area > ul > li:last-child {
    margin-bottom: 0;
  }
  footer .link-area > ul > li ul {
    margin-left: 1.17647vw;
    margin-top: 0.88235vw;
  }
  footer .link-area > ul > li ul li {
    margin-bottom: 0.58824vw;
  }
  footer .link-area > ul > li ul li:last-of-type {
    margin-bottom: 0;
  }
  footer .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  footer .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 0.44118vw;
    right: -1.17647vw;
    left: auto;
    height: 0.73529vw;
    width: 0.73529vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }

  body .more {
    height: 3.01471vw;
    position: relative;
    display: inline-block;
    padding-right: 2.05882vw;
  }
  body .more::after {
    content: " ";
    position: absolute;
    top: 2.57353vw;
    left: 0;
    height: 0.44118vw;
    width: 100%;
    background: url(../img/unv/arrow.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: left .5s ease-in-out;
  }
  body .more--_blank {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 1.32353vw;
  }
  body .more--_blank::after {
    width: 0.73529vw;
    height: 0.66176vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    transition: none;
    right: 0;
    top: 0.73529vw;
    left: auto;
    margin: auto;
  }
  body .more:hover::after {
    left: 0.73529vw;
  }
  body .more--_blank:hover::after {
    left: auto;
  }
  body .more--reserve {
    height: 1.47059vw;
  }
  body .more--reserve::after {
    top: 1.02941vw;
    width: 2.35294vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more--reserve:hover::after {
    left: 0;
  }
  body h2 {
    font-size: 2.64706vw;
    letter-spacing: 0.1em;
    font-weight: 700;
    position: relative;
    color: #222222;
  }
  body h2 > span {
    display: inline-block;
    margin-left: 1.47059vw;
    line-height: 1.6;
  }
  body h2 > span.text--pc--18 {
    margin-left: 1.98529vw;
    font-weight: 400;
    letter-spacing: .03em;
  }
  body h2::after {
    content: " ";
    height: 1px;
    width: 4.92647vw;
    margin-top: 1.69118vw;
    background: #222222;
    display: block;
  }
  body h3 {
    font-size: 2.05882vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  body h3.min {
    font-size: 1.76471vw;
  }
  body h3.white {
    line-height: 1;
    color: #fff;
    background: #222222;
    display: inline-block;
    padding: 0.29412vw 1.17647vw 0.44118vw 1.17647vw;
  }
  body .text--copy {
    font-size: 1.76471vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0 1.17647vw;
    word-break: break-word;
    background-image: linear-gradient(90deg, #ffffff 5%, rgba(255, 255, 255, 0) 5%);
  }
  body .text--copy span {
    background: #fff;
  }
  body .text--pc--61 {
    font-size: 4.48529vw;
  }
  body .text--pc--36 {
    font-size: 2.64706vw;
    line-height: 1.8;
  }
  body .text--pc--28 {
    font-size: 2.05882vw;
    line-height: 1.8;
  }
  body .text--pc--24 {
    font-size: 1.76471vw;
    line-height: 1.8;
  }
  body .text--pc--20 {
    font-size: 1.47059vw;
    line-height: 1.8;
  }
  body .text--pc--18 {
    font-size: 1.32353vw;
    line-height: 1.8;
  }
  body .text--pc--18.b, body .text--pc--18 b {
    line-height: 1;
    font-weight: 700;
  }
  body .text--pc--16 {
    font-size: 1.17647vw;
    line-height: 1.8;
  }
  body .text--pc--16.b, body .text--pc--16 b {
    font-weight: 700;
  }
  body .text--pc--16.thin {
    color: #777777;
  }
  body .text--pc--14 {
    font-size: 1.02941vw;
    line-height: 1.8;
  }
  body .text--pc--14.b, body .text--pc--14 b {
    font-weight: 700;
  }
  body .text--pc--14.thin {
    color: #777777;
  }
  body .text--pc--12 {
    font-size: 0.88235vw;
    line-height: 1.8;
  }
  body .text--pc--12.thin {
    color: #777777;
  }
  body .supplement--l {
    font-size: 0.95588vw;
    line-height: 1.8;
  }
  body .supplement--l.b {
    font-weight: 700;
  }
  body .supplement--l.sans {
    font-size: 1.02941vw;
    color: #777777;
  }
  body .supplement--m {
    font-size: 0.88235vw;
    line-height: 1.8;
  }
  body .supplement--m.b, body .supplement--m b {
    font-weight: 700;
  }
  body .supplement--m.thin {
    color: #777777;
  }
  body .supplement--m.sans {
    color: #777777;
  }
  body .supplement--s {
    font-size: 0.73529vw;
    line-height: 1;
  }
  body .wave {
    width: 67.86765vw;
  }
  body a {
    transition: opacity .5s ease-out;
  }
  body a:hover {
    opacity: .7;
  }
  body .news-area {
    margin-top: 3.82353vw;
    width: 61.76471vw;
    padding-bottom: 2.94118vw;
  }
  body .news-area li {
    margin-bottom: 1.91176vw;
  }
  body .news-area li a {
    display: flex;
  }
  body .news-area li a[target="_blank"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[target="_blank"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 0.66176vw;
    right: -1.17647vw;
    left: auto;
    height: 0.73529vw;
    width: 0.73529vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .news-area li a[href$=".pdf"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[href$=".pdf"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 0.36765vw;
    right: -1.32353vw;
    left: auto;
    height: 1.47059vw;
    width: 1.02941vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .news-area li span {
    display: block;
  }
  body .news-area li span.date {
    margin-right: 1.76471vw;
    white-space: nowrap;
  }
  body #wrapper {
    width: 100%;
  }
  body .main {
    overflow-x: hidden;
    position: relative;
    transition: top 0.5s;
  }
  body .main > section {
    position: relative;
  }
  body .main > section > .inner {
    width: 88.23529vw;
    margin: auto;
  }
  body .main .top {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  body .main .top .kv {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: fixed;
    top: 0;
    left: 0;
    transition: top 0.5s;
  }
  body .main .top .more {
    position: absolute;
    bottom: 2.94118vw;
    left: 2.94118vw;
  }
  body .main .top .open-canvas {
    position: fixed;
    z-index: 1;
    margin-top: 28.30882vw;
    right: 1.02941vw;
    display: block;
    width: 10.58824vw;
    height: 10.58824vw;
    padding-top: 1.98529vw;
    text-align: center;
    line-height: 1.6;
    color: #D00A41;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.22059vw 0.44118vw 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .open-canvas.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .open-canvas::after {
    content: " ";
    display: block;
    width: 0.44118vw;
    height: 1.32353vw;
    background: url(../img/common/arrow_red.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 1.39706vw;
    left: 5.14706vw;
    transition: .5s;
  }
  body .main .top .open-canvas:hover {
    opacity: .7;
  }
  body .main .top .open-canvas:hover::after {
    bottom: 1.10294vw;
  }
  body .main .top .fixed-bnr {
    position: fixed;
    z-index: 1;
    margin-top: 28.30882vw;
    right: 1.02941vw;
    display: block;
    width: 18.08824vw;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .fixed-bnr img {
    width: 100%;
    box-shadow: 0vw 0vw 0.29412vw 0.29412vw rgba(0, 0, 0, 0.1);
  }
  body .main .top .fixed-bnr.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .fixed-bnr a {
    width: 100%;
    height: 100%;
    display: block;
  }
  body .main .top .fixed-bnr a:not(:nth-of-type(1)) {
    margin-top: 0.73529vw;
  }
  body .main .top .fixed-bnr a:hover {
    opacity: .7;
  }
  body .main .infomation {
    padding-top: 6.02941vw;
    padding-bottom: 7.35294vw;
    background: #fff;
  }
  body .main .infomation .content {
    position: relative;
  }
  body .main .infomation .content .more {
    position: absolute;
    left: 53.30882vw;
    top: 3.08824vw;
  }
  body .main .infomation.top-infomation {
    padding-top: 4.11765vw;
  }
  body .main .infomation.top-infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation.top-infomation .inner .content {
    padding-top: 5.73529vw;
  }
  body .main .infomation.top-infomation .inner .content .news-area {
    padding-bottom: 0;
  }
  body .main .infomation.top-infomation .inner .content .more {
    right: 0.36765vw;
    left: auto;
    bottom: auto;
    top: 8.75vw;
  }
  body .main .infomation .bnr {
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner {
    padding: 0.29412vw 0vw 0.29412vw 0vw;
    overflow-x: hidden;
    width: 88.23529vw;
    height: 10.07353vw;
    bottom: 0vw;
    right: 0;
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner .swiper-wrapper {
    margin-left: 0.29412vw;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide {
    width: 27.72059vw;
    height: 9.55882vw;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide:nth-child(odd) {
    margin-bottom: 1.17647vw;
  }
  body .main .infomation .bnr .bnr-inner .item {
    display: block;
    width: 27.13235vw;
  }
  body .main .infomation .bnr .bnr-inner img {
    width: 27.13235vw;
    height: 9.55882vw;
    box-shadow: 0vw 0vw 0.14706vw 0.14706vw rgba(0, 0, 0, 0.1);
    object-fit: cover;
  }
  body .main .infomation .bnr .bnr-inner .swiper-pagination-bullet {
    display: none;
  }
  body .main .infomation .bnr .swiper-button-next,
  body .main .infomation .bnr .swiper-button-prev {
    width: 3.52941vw;
    height: 3.52941vw;
    background: #222;
    top: 51%;
  }
  body .main .infomation .bnr .swiper-button-next:after,
  body .main .infomation .bnr .swiper-button-prev:after {
    content: " ";
    width: 1.32353vw;
    height: 0.44118vw;
  }
  body .main .infomation .bnr .swiper-button-next.swiper-button-next,
  body .main .infomation .bnr .swiper-button-prev.swiper-button-next {
    right: -4.55882vw;
  }
  body .main .infomation .bnr .swiper-button-next.swiper-button-next:after,
  body .main .infomation .bnr .swiper-button-prev.swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .infomation .bnr .swiper-button-next.swiper-button-prev,
  body .main .infomation .bnr .swiper-button-prev.swiper-button-prev {
    left: -4.55882vw;
  }
  body .main .infomation .bnr .swiper-button-next.swiper-button-prev:after,
  body .main .infomation .bnr .swiper-button-prev.swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .jwu-times {
    padding-top: 10.14706vw;
    padding-bottom: 8.45588vw;
    background: rgba(255, 255, 255, 0.92);
  }
  body .main .jwu-times .wave {
    position: absolute;
    width: 67.86765vw;
    top: -2.57353vw;
    left: 0vw;
  }
  body .main .jwu-times h2 {
    margin-bottom: 6.17647vw;
  }
  body .main .jwu-times .contents {
    position: relative;
    margin-bottom: 6.54412vw;
  }
  body .main .jwu-times .contents:last-of-type {
    margin-bottom: 0;
  }
  body .main .jwu-times .contents .more {
    position: absolute;
    top: 0.14706vw;
    right: 0;
  }
  body .main .jwu-times .contents.press-release .news-area {
    margin-top: 2.94118vw;
  }
  body .main .jwu-times .contents.press-release .more {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 1.83824vw;
  }
  body .main .jwu-times .contents.press-release .link-area {
    position: absolute;
    top: 0.14706vw;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  body .main .jwu-times .swiper {
    margin-top: 3.67647vw;
    padding-right: 10.07353vw;
    width: 94.11765vw;
    overflow: visible;
  }
  body .main .jwu-times .swiper .swiper-button-next,
  body .main .jwu-times .swiper .swiper-button-prev {
    width: 3.52941vw;
    height: 3.52941vw;
    background: #222;
    top: 51%;
  }
  body .main .jwu-times .swiper .swiper-button-next:after,
  body .main .jwu-times .swiper .swiper-button-prev:after {
    content: " ";
    width: 1.32353vw;
    height: 0.44118vw;
  }
  body .main .jwu-times .swiper .swiper-button-next {
    right: 6.61765vw;
  }
  body .main .jwu-times .swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .jwu-times .swiper .swiper-button-prev {
    left: -4.55882vw;
  }
  body .main .jwu-times .swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .jwu-times .swiper--inner {
    width: 26.17647vw;
    height: 27.35294vw;
    margin-right: 1.17647vw;
    background: #fff;
    box-shadow: 0 0 0.58824vw 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
  }
  body .main .jwu-times .swiper--inner:hover {
    box-shadow: 0 0 1.76471vw 0 rgba(0, 0, 0, 0.2);
  }
  body .main .jwu-times .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main .jwu-times .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 14.70588vw;
  }
  body .main .jwu-times .swiper--inner a .img img {
    width: 26.17647vw;
    height: 14.70588vw;
    object-fit: cover;
    transition: 3s;
  }
  body .main .jwu-times .swiper--inner a .text {
    padding: 1.76471vw;
  }
  body .main .jwu-times .swiper--inner a .text .title {
    margin-bottom: 0.44118vw;
  }
  body .main .jwu-times .swiper--inner a .text .supplement {
    margin-bottom: 0.14706vw;
  }
  body .main .jwu-times .swiper--inner a .text .date {
    margin-bottom: 0.36765vw;
  }
  body .main .jwu-times .swiper--inner a:hover img {
    transform: scale(1.3);
  }
  body .main .find {
    padding-top: 10.29412vw;
    padding-bottom: 11.61765vw;
    background: #f7f7f7;
  }
  body .main .find .nav__anchor-ul {
    display: none;
  }
  body .main .find .wave {
    position: absolute;
    top: -1.69118vw;
    width: 58.82353vw;
    right: 0;
  }
  body .main .find h2 {
    margin-bottom: 7.35294vw;
  }
  body .main .find .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .find .contents {
    margin-bottom: 5.58824vw;
  }
  body .main .find .contents:last-of-type {
    margin: 0;
  }
  body .main .find .contents__inner {
    position: relative;
    min-height: 25.51471vw;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4.63235vw;
  }
  body .main .find .contents__inner .visual {
    width: 57.35294vw;
    position: absolute;
    top: -0.80882vw;
    left: 1.32353vw;
  }
  body .main .find .contents__inner .link-box {
    width: 36.76471vw;
    min-height: 17.05882vw;
    padding-bottom: 2.35294vw;
    position: relative;
  }
  body .main .find .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .find .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .find .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .find .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .find .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .find .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .find .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.35294vw;
    margin-top: 1.76471vw;
    margin-bottom: 2.20588vw;
  }
  body .main .find .contents__inner .link-box .link li a {
    display: block;
    margin-right: 1.17647vw;
    margin-bottom: 0.66176vw;
    display: flex;
    align-items: center;
  }
  body .main .find .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 0.58824vw;
    height: 0.53676vw;
    margin-right: 0.44118vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .find .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.35294vw;
  }
  body .main .find .contents__inner .link-box .more-area li {
    margin-right: 1.76471vw;
    margin-top: 0.88235vw;
  }
  body .main .parallax {
    background: #fff;
    padding: 0;
    width: 100%;
    height: 44.70588vw;
    overflow: hidden;
  }
  body .main .parallax img {
    width: 100%;
    height: 120%;
    object-fit: cover;
  }
  body .main .conference {
    padding-top: 9.19118vw;
    padding-bottom: 10.29412vw;
    background: #f7f7f7;
  }
  body .main .conference .flex {
    justify-content: space-between;
  }
  body .main .conference .detail {
    margin-top: 1.10294vw;
    width: 66.47059vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .conference .detail li {
    width: 31.76471vw;
    height: 6.47059vw;
    margin-bottom: 1.17647vw;
  }
  body .main .conference .detail li a {
    width: 31.76471vw;
    height: 6.47059vw;
    padding-left: 2.35294vw;
    padding-right: 2.94118vw;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 0.58824vw 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
  }
  body .main .conference .detail li a .text {
    margin-top: -0.29412vw;
    transition: .5s;
  }
  body .main .conference .detail li a:hover {
    box-shadow: 0 0 1.76471vw 0 rgba(0, 0, 0, 0.2);
  }
  body .main .conference .detail li a:hover .more:after {
    left: 0.36765vw;
  }
  body .main .conference .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.10294vw;
  }
  body .main .conference .more-area li:first-of-type .more {
    margin-right: 1.83824vw;
  }
  body .main .exam-info {
    padding-top: 9.19118vw;
    padding-bottom: 10.29412vw;
    background: #fff;
  }
  body .main .exam-info .wave {
    position: absolute;
    width: 82.35294vw;
    top: -2.5vw;
    right: 0;
  }
  body .main .exam-info .flex {
    justify-content: space-between;
  }
  body .main .exam-info .detail {
    display: flex;
    margin-top: 1.10294vw;
    margin-right: 0.22059vw;
    width: 66.47059vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .exam-info .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .exam-info .detail ul {
    margin-top: -0.58824vw;
  }
  body .main .exam-info .detail ul li {
    background: #f1f1f1;
    width: 31.76471vw;
    height: auto;
    padding-top: 1.875vw;
    padding-right: 2.35294vw;
    padding-left: 2.27941vw;
  }
  body .main .exam-info .detail ul li:nth-child(1) {
    padding-top: 2.94118vw;
  }
  body .main .exam-info .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 1.61765vw;
  }
  body .main .exam-info .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 0.22059vw;
  }
  body .main .exam-info .detail ul li a:after {
    content: " ";
    display: block;
    width: 1.32353vw;
    height: 0.44118vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.32353vw;
    top: auto;
    transition: .5s right;
  }
  body .main .exam-info .detail ul li a:hover:after {
    right: -0.36765vw;
  }
}
@media screen and (min-width: 1360px) {
  .search {
    width: 32px;
    margin-top: 37px;
  }
  .search img {
    width: 32px;
  }

  .search-box {
    width: 480px;
    height: 50px;
    margin-top: 37px;
    right: 35px;
  }
  .search-box.under {
    margin-top: 21px;
  }
  .search-box .text_input {
    padding: 0 16px;
  }
  .search-box .search_btn {
    width: 16px;
    height: 16px;
    padding-left: 16px;
    right: 16px;
  }

  .notices-area {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .notices-area .title {
    padding-right: 32px;
  }
  .notices-area .title::after {
    content: " ";
    height: 20px;
  }
  .notices-area .notices {
    padding-top: 2px;
    margin-left: 32px;
    width: 1050px;
  }
  .notices-area .notices .notice {
    margin-top: 5px;
  }
  .notices-area .notices .notice .date {
    margin-right: 42px;
  }
  .notices-area .close_btn {
    top: 22px;
    right: 40px;
  }

  header {
    background: url(../img/common/header_bg.png) repeat-x;
    background-size: auto 111px;
    transition: all 0.5s;
  }
  header .header__inner {
    height: 111px;
    padding-left: 37px;
    padding-right: 35px;
  }
  header .logo-area {
    margin-top: 29px;
    height: 60px;
  }
  header .logo-area h1 {
    width: 240px;
    margin-right: 30px;
  }
  header .logo-area .lang a:nth-of-type(1) {
    margin-right: 9.5px;
  }
  header .link-area {
    padding-top: 27px;
    padding-bottom: 14px;
    margin-right: 33px;
  }
  header .link-area > ul > li {
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 8px;
    height: 23px;
    line-height: 23px;
  }
  header .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  header .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 8px;
    right: -16px;
    left: auto;
    height: 10px;
    width: 10px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  header .link-area > ul > li.pulldown {
    padding-right: 16px;
  }
  header .link-area > ul > li.pulldown > a {
    padding-right: 8px;
  }
  header .link-area > ul > li.pulldown > a:after {
    width: 8px;
    height: 5.3px;
    right: 8px;
  }
  header .link-area > ul > li.pulldown .under {
    padding: 24px 32px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  }
  header .link-area > ul > li.pulldown .under .title {
    margin-bottom: 12px;
  }
  header .link-area > ul > li.pulldown .under li {
    margin-bottom: 12px;
  }
  header .link-area > ul > li.pulldown .under li a {
    padding-left: 16px;
  }
  header .link-area > ul > li.pulldown .under li a::before {
    width: 8px;
    height: 7.3px;
    top: 8.5px;
  }
  header .link-area > ul > li.pulldown .under li:last-of-type {
    margin-bottom: 0;
  }
  header .link-area > ul > li.pulldown .under.faculty {
    width: 514px;
    padding: 24px 32px;
  }
  header .link-area > ul > li.pulldown .under.canvas-life {
    width: 230px;
  }
  header .link-area > ul > li.pulldown .under.correspondence {
    width: 193px;
  }
  header .link-area > ul > li.pulldown .under.group-list {
    width: 250px;
  }
  header .link-area .customer > li:last-of-type {
    padding-right: 6px;
  }
  header .link-area .group {
    margin-right: 8px;
  }
  header .link-area .group::after {
    height: 16px;
  }
  header .cv-area {
    margin-top: 127px;
    top: 0;
    right: 8px;
  }
  header .cv-area a {
    width: 82px;
    height: 82px;
    margin-bottom: -2px;
  }
  header.under .header__inner {
    height: 94px;
    padding-left: 31px;
    padding-right: 35px;
  }
  header.under .logo-area {
    height: 40px;
    margin-top: 27px;
  }
  header.under .logo-area h1 {
    width: 160px;
  }
  header.under .link-area {
    padding-top: 16px;
    padding-bottom: 20px;
    margin-right: 33px;
  }
  header.under .search {
    margin-top: 21px;
  }
  header.white {
    background-position: 0 -111px;
    background: transparent;
  }
  header.white .logo-area .lang {
    color: #fff;
  }
  header.white .logo-area .lang .active {
    color: #fff !important;
    border-bottom: 1px solid #fff;
  }
  header.white .link-area > ul > li > a {
    color: #fff;
  }
  header.white .link-area > ul > li.pulldown > a::after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  header.white .link-area .under > li > a {
    color: #222;
  }

  footer {
    padding-bottom: 75px;
  }
  footer > .inner {
    width: 1200px;
  }
  footer .footer__wave {
    width: 544px;
  }
  footer .totop {
    width: 48px;
    height: 48px;
  }
  footer .logo-area {
    margin-top: 144px;
  }
  footer .logo-area .logo {
    width: 280px;
    height: 68.6px;
  }
  footer .logo-area .sns-area {
    width: 280px;
    margin-top: 50px;
  }
  footer .logo-area .sns-area li {
    width: 24px;
    height: 24px;
  }
  footer .logo-area address {
    margin-top: 64px;
    font-size: 10px;
  }
  footer .link-area {
    width: 658px;
    margin-top: 122px;
  }
  footer .link-area > ul {
    height: 345px;
  }
  footer .link-area > ul li {
    margin-bottom: 12px;
    width: 230px;
  }
  footer .link-area > ul li ul {
    margin-left: 16px;
    margin-top: 12px;
  }
  footer .link-area > ul li ul li {
    margin-bottom: 8px;
  }
  footer .link-area > ul li ul li:last-of-type {
    margin-bottom: 0;
  }
  footer .link-area > ul li a[target="_blank"] {
    position: relative;
  }
  footer .link-area > ul li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 6px;
    right: -16px;
    left: auto;
    height: 10px;
    width: 10px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }

  body .more {
    height: 41px;
    padding-right: 28px;
  }
  body .more::after {
    top: 35px;
    height: 6px;
  }
  body .more--_blank {
    padding-right: 18px;
  }
  body .more--_blank::after {
    width: 10px;
    height: 9px;
    top: 10px;
  }
  body .more:hover::after {
    left: 10px;
  }
  body .more--_blank:hover::after {
    left: auto;
  }
  body .more--reserve {
    height: 20px;
  }
  body .more--reserve::after {
    top: 14px;
    width: 32px;
  }
  body h2 {
    font-size: 36px;
  }
  body h2 > span {
    margin-left: 20px;
  }
  body h2 > span.text--pc--18 {
    margin-left: 27px;
  }
  body h2::after {
    width: 67px;
    margin-top: 23px;
  }
  body h3 {
    font-size: 28px;
  }
  body h3.min {
    font-size: 24px;
  }
  body h3.white {
    padding: 4px 16px 6px 16px;
  }
  body .text--copy {
    font-size: 24px;
    padding: 0 16px;
  }
  body .text--pc--61 {
    font-size: 61px;
  }
  body .text--pc--36 {
    font-size: 36px;
    line-height: 1.8;
  }
  body .text--pc--28 {
    font-size: 28px;
    line-height: 1.8;
  }
  body .text--pc--24 {
    font-size: 24px;
    line-height: 1.8;
  }
  body .text--pc--20 {
    font-size: 20px;
    line-height: 1.8;
  }
  body .text--pc--18 {
    font-size: 18px;
    line-height: 1.8;
  }
  body .text--pc--18.b {
    line-height: 1;
    font-weight: 700;
  }
  body .text--pc--16 {
    font-size: 16px;
    line-height: 1.8;
  }
  body .text--pc--16.b {
    font-weight: 700;
  }
  body .text--pc--16.thin {
    color: #777777;
  }
  body .text--pc--14 {
    font-size: 14px;
    line-height: 1.8;
  }
  body .text--pc--14.b {
    font-weight: 700;
  }
  body .text--pc--14.thin {
    color: #777777;
  }
  body .text--pc--12 {
    font-size: 12px;
    line-height: 1.8;
  }
  body .text--pc--12.thin {
    color: #777777;
  }
  body .supplement--l {
    font-size: 13px;
  }
  body .supplement--l.sans {
    font-size: 14px;
  }
  body .supplement--m {
    font-size: 12px;
  }
  body .supplement--s {
    font-size: 10px;
  }
  body .wave {
    width: 923px;
  }
  body .news-area {
    margin-top: 52px;
    width: 820px;
    padding-bottom: 40px;
  }
  body .news-area li {
    margin-bottom: 26px;
  }
  body .news-area li span.date {
    margin-right: 24px;
    white-space: nowrap;
  }
  body .news-area li a[target="_blank"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[target="_blank"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 9px;
    right: -16px;
    left: auto;
    height: 10px;
    width: 10px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .news-area li a[href$=".pdf"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[href$=".pdf"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -18px;
    left: auto;
    height: 20px;
    width: 14px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main > section > .inner {
    width: 1200px;
  }
  body .main .top .more {
    bottom: 40px;
    left: 40px;
  }
  body .main .top .open-canvas {
    margin-top: 385px;
    right: 14px;
    width: 144px;
    height: 144px;
    padding-top: 27px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .open-canvas.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .open-canvas::after {
    width: 6px;
    height: 18px;
    bottom: 19px;
    left: 70px;
  }
  body .main .top .open-canvas:hover {
    opacity: .7;
  }
  body .main .top .open-canvas:hover::after {
    bottom: 15px;
  }
  body .main .top .fixed-bnr {
    position: fixed;
    z-index: 1;
    margin-top: 385px;
    right: 14px;
    display: block;
    width: 246px;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .fixed-bnr img {
    width: 100%;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1);
  }
  body .main .top .fixed-bnr.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .fixed-bnr a {
    width: 100%;
    height: 100%;
    display: block;
  }
  body .main .top .fixed-bnr a:not(:nth-of-type(1)) {
    margin-top: 10px;
  }
  body .main .top .fixed-bnr a:hover {
    opacity: .7;
  }
  body .main .infomation {
    padding-top: 82px;
    padding-bottom: 100px;
  }
  body .main .infomation .content .more {
    left: 725px;
    top: 42px;
  }
  body .main .infomation.top-infomation {
    padding-top: 56px;
  }
  body .main .infomation.top-infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation.top-infomation .inner .content {
    padding-top: 78px;
  }
  body .main .infomation.top-infomation .inner .content .news-area {
    padding-bottom: 0;
  }
  body .main .infomation.top-infomation .inner .content .more {
    right: 5px;
    left: auto;
    bottom: auto;
    top: 119px;
  }
  body .main .infomation .bnr {
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner {
    padding: 4px 0px 4px 0px;
    width: 1200px;
    height: 137px;
    bottom: 0px;
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner .swiper-wrapper {
    margin-left: 4px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide {
    width: 377px;
    height: 130px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide:nth-child(odd) {
    margin-bottom: 16px;
  }
  body .main .infomation .bnr .bnr-inner .item {
    width: 369px;
  }
  body .main .infomation .bnr .bnr-inner img {
    width: 369px;
    height: 130px;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  }
  body .main .infomation .bnr .bnr-inner .swiper-pagination-bullet {
    display: none;
  }
  body .main .jwu-times {
    padding-top: 138px;
    padding-bottom: 115px;
  }
  body .main .jwu-times .wave {
    width: 923px;
    top: -35px;
    left: 0px;
  }
  body .main .jwu-times h2 {
    margin-bottom: 84px;
  }
  body .main .jwu-times .contents {
    margin-bottom: 89px;
  }
  body .main .jwu-times .contents:last-of-type {
    margin-bottom: 0;
  }
  body .main .jwu-times .contents .more {
    top: 2px;
  }
  body .main .jwu-times .contents.press-release .news-area {
    margin-top: 40px;
  }
  body .main .jwu-times .contents.press-release .more {
    margin-bottom: 25px;
  }
  body .main .jwu-times .contents.press-release .link-area {
    top: 2px;
  }
  body .main .jwu-times .swiper {
    margin-top: 50px;
    padding-right: 137px;
    width: 1280px;
  }
  body .main .jwu-times .swiper .swiper-button-next,
  body .main .jwu-times .swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
  }
  body .main .jwu-times .swiper .swiper-button-next:after,
  body .main .jwu-times .swiper .swiper-button-prev:after {
    content: " ";
    width: 18px;
    height: 6px;
  }
  body .main .jwu-times .swiper .swiper-button-next {
    right: 90px;
  }
  body .main .jwu-times .swiper .swiper-button-prev {
    left: -62px;
  }
  body .main .jwu-times .swiper--inner {
    width: 356px;
    height: 372px;
    margin-right: 16px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  }
  body .main .jwu-times .swiper--inner:hover {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .jwu-times .swiper--inner a .img {
    height: 200px;
  }
  body .main .jwu-times .swiper--inner a .img img {
    width: 356px;
    height: 200px;
  }
  body .main .jwu-times .swiper--inner a .text {
    padding: 24px;
  }
  body .main .jwu-times .swiper--inner a .text .title {
    margin-bottom: 6px;
  }
  body .main .jwu-times .swiper--inner a .text .supplement {
    margin-bottom: 2px;
  }
  body .main .jwu-times .swiper--inner a .text .date {
    margin-bottom: 5px;
  }
  body .main .find {
    padding-top: 140px;
    padding-bottom: 158px;
  }
  body .main .find .wave {
    top: -23px;
    width: 800px;
  }
  body .main .find h2 {
    margin-bottom: 100px;
  }
  body .main .find .contents {
    margin-bottom: 76px;
  }
  body .main .find .contents__inner {
    min-height: 347px;
    padding-top: 63px;
  }
  body .main .find .contents__inner .visual {
    width: 780px;
    top: -11px;
    left: 18px;
  }
  body .main .find .contents__inner .link-box {
    width: 500px;
    min-height: 232px;
    padding-bottom: 32px;
  }
  body .main .find .contents__inner .link-box .link {
    margin-left: 32px;
    margin-top: 24px;
    margin-bottom: 30px;
  }
  body .main .find .contents__inner .link-box .link li a {
    margin-right: 16px;
    margin-bottom: 9px;
  }
  body .main .find .contents__inner .link-box .link li a::before {
    width: 8px;
    height: 7.3px;
    margin-right: 6px;
  }
  body .main .find .contents__inner .link-box .more-area {
    margin-left: 32px;
  }
  body .main .find .contents__inner .link-box .more-area li {
    margin-right: 24px;
    margin-top: 12px;
  }
  body .main .parallax {
    height: 608px;
  }
  body .main .conference {
    padding-top: 125px;
    padding-bottom: 140px;
  }
  body .main .conference .detail {
    margin-top: 15px;
    width: 904px;
  }
  body .main .conference .detail li {
    width: 432px;
    height: 88px;
    margin-bottom: 16px;
  }
  body .main .conference .detail li a {
    width: 432px;
    height: 88px;
    padding-left: 32px;
    padding-right: 40px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  }
  body .main .conference .detail li a .text {
    margin-top: -4px;
  }
  body .main .conference .detail li a:hover {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .conference .detail li a:hover .more:after {
    left: 10px;
  }
  body .main .conference .more-area {
    margin-top: 15px;
  }
  body .main .conference .more-area li:first-of-type .more {
    margin-right: 25px;
  }
  body .main .exam-info {
    padding-top: 125px;
    padding-bottom: 140px;
  }
  body .main .exam-info .wave {
    width: 1120px;
    top: -34px;
  }
  body .main .exam-info .detail {
    margin-top: 15px;
    margin-right: 3px;
    width: 904px;
  }
  body .main .exam-info .detail ul {
    margin-top: -8px;
  }
  body .main .exam-info .detail ul li {
    background: #f1f1f1;
    width: 432px;
    height: auto;
    padding-top: 25.5px;
    padding-right: 32px;
    padding-left: 31px;
  }
  body .main .exam-info .detail ul li:nth-child(1) {
    padding-top: 40px;
  }
  body .main .exam-info .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 22px;
  }
  body .main .exam-info .detail ul li a:after {
    width: 18px;
    height: 6px;
    bottom: 18px;
    top: auto;
  }
  body .main .exam-info .detail ul li a:hover:after {
    right: -5px;
  }
}
@media screen and (min-width: 1670px) {
  .search {
    width: 40px;
    margin-top: 46.25px;
  }
  .search img {
    width: 40px;
  }

  .search-box {
    width: 600px;
    height: 62.5px;
    margin-top: 46.25px;
    right: 43.75px;
  }
  .search-box.under {
    margin-top: 26.25px;
  }
  .search-box .text_input {
    padding: 0 20px;
  }
  .search-box .search_btn {
    width: 20px;
    height: 20px;
    padding-left: 20px;
    right: 20px;
  }

  .notices-area {
    padding-left: 50px;
    padding-top: 18.75px;
    padding-bottom: 18.75px;
  }
  .notices-area .title {
    padding-right: 40px;
  }
  .notices-area .title::after {
    content: " ";
    height: 25px;
  }
  .notices-area .notices {
    padding-top: 2.5px;
    margin-left: 40px;
    width: 1312.5px;
  }
  .notices-area .notices .notice {
    margin-top: 6.25px;
  }
  .notices-area .notices .notice .date {
    margin-right: 52.5px;
  }
  .notices-area .close_btn {
    top: 27.5px;
    right: 50px;
  }

  header {
    background: url(../img/common/header_bg.png) repeat-x;
    background-size: auto 138.75px;
    transition: all 0.5s;
  }
  header .header__inner {
    height: 138.75px;
    padding-left: 46.25px;
    padding-right: 43.75px;
  }
  header .logo-area {
    margin-top: 36.25px;
    height: 75px;
  }
  header .logo-area h1 {
    width: 300px;
    margin-right: 37.5px;
  }
  header .logo-area .lang a:nth-of-type(1) {
    margin-right: 11.875px;
  }
  header .link-area {
    padding-top: 33.75px;
    padding-bottom: 17.5px;
    margin-right: 41.25px;
  }
  header .link-area > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    height: 28.75px;
    line-height: 28.75px;
  }
  header .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  header .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -20px;
    left: auto;
    height: 12.5px;
    width: 12.5px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  header .link-area > ul > li.pulldown {
    padding-right: 20px;
  }
  header .link-area > ul > li.pulldown > a {
    padding-right: 10px;
  }
  header .link-area > ul > li.pulldown > a:after {
    width: 10px;
    height: 6.625px;
    right: 10px;
  }
  header .link-area > ul > li.pulldown .under {
    padding: 30px 40px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  header .link-area > ul > li.pulldown .under .title {
    margin-bottom: 15px;
  }
  header .link-area > ul > li.pulldown .under li {
    margin-bottom: 15px;
  }
  header .link-area > ul > li.pulldown .under li a {
    padding-left: 20px;
  }
  header .link-area > ul > li.pulldown .under li a::before {
    width: 10px;
    height: 9.125px;
    top: 10.625px;
  }
  header .link-area > ul > li.pulldown .under li:last-of-type {
    margin-bottom: 0;
  }
  header .link-area > ul > li.pulldown .under.faculty {
    width: 642.5px;
    padding: 30px 40px;
  }
  header .link-area > ul > li.pulldown .under.canvas-life {
    width: 287.5px;
  }
  header .link-area > ul > li.pulldown .under.correspondence {
    width: 241.25px;
  }
  header .link-area > ul > li.pulldown .under.group-list {
    width: 312.5px;
  }
  header .link-area .customer > li:last-of-type {
    padding-right: 7.5px;
  }
  header .link-area .group {
    margin-right: 10px;
  }
  header .link-area .group::after {
    height: 20px;
  }
  header .cv-area {
    margin-top: 158.75px;
    top: 0;
    right: 10px;
  }
  header .cv-area a {
    width: 102.5px;
    height: 102.5px;
    margin-bottom: -2.5px;
  }
  header.under .header__inner {
    height: 117.5px;
    padding-left: 38.75px;
    padding-right: 43.75px;
  }
  header.under .logo-area {
    height: 50px;
    margin-top: 33.75px;
  }
  header.under .logo-area h1 {
    width: 200px;
  }
  header.under .link-area {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-right: 41.25px;
  }
  header.under .search {
    margin-top: 26.25px;
  }
  header.white {
    background-position: 0 -138.75px;
    background: transparent;
  }
  header.white .logo-area .lang {
    color: #fff;
  }
  header.white .logo-area .lang .active {
    color: #fff !important;
    border-bottom: 1px solid #fff;
  }
  header.white .link-area > ul > li > a {
    color: #fff;
  }
  header.white .link-area > ul > li.pulldown > a::after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  header.white .link-area .under > li > a {
    color: #222;
  }

  footer {
    padding-bottom: 93.75px;
  }
  footer > .inner {
    width: 1500px;
  }
  footer .footer__wave {
    width: 680px;
  }
  footer .totop {
    width: 60px;
    height: 60px;
  }
  footer .logo-area {
    margin-top: 180px;
  }
  footer .logo-area .logo {
    width: 350px;
    height: 85.75px;
  }
  footer .logo-area .sns-area {
    width: 350px;
    margin-top: 62.5px;
  }
  footer .logo-area .sns-area li {
    width: 30px;
    height: 30px;
  }
  footer .logo-area address {
    margin-top: 80px;
    font-size: 12.5px;
  }
  footer .link-area {
    width: 822.5px;
    margin-top: 152.5px;
  }
  footer .link-area > ul {
    height: 431.25px;
  }
  footer .link-area > ul li {
    margin-bottom: 15px;
    width: 287.5px;
  }
  footer .link-area > ul li ul {
    margin-left: 20px;
    margin-top: 15px;
  }
  footer .link-area > ul li ul li {
    margin-bottom: 10px;
  }
  footer .link-area > ul li ul li:last-of-type {
    margin-bottom: 0;
  }
  footer .link-area > ul li a[target="_blank"] {
    position: relative;
  }
  footer .link-area > ul li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 7.5px;
    right: -20px;
    left: auto;
    height: 12.5px;
    width: 12.5px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }

  body .more {
    height: 51.25px;
    padding-right: 35px;
  }
  body .more::after {
    top: 43.75px;
    height: 7.5px;
  }
  body .more--_blank {
    padding-right: 22.5px;
  }
  body .more--_blank::after {
    width: 12.5px;
    height: 11.25px;
    top: 12.5px;
  }
  body .more:hover::after {
    left: 12.5px;
  }
  body .more--_blank:hover::after {
    left: auto;
  }
  body .more--reserve {
    height: 25px;
  }
  body .more--reserve::after {
    top: 17.5px;
    width: 40px;
  }
  body h2 {
    font-size: 45px;
  }
  body h2 > span {
    margin-left: 25px;
  }
  body h2 > span.text--pc--18 {
    margin-left: 33.75px;
  }
  body h2::after {
    width: 83.75px;
    margin-top: 28.75px;
  }
  body h3 {
    font-size: 35px;
  }
  body h3.min {
    font-size: 30px;
  }
  body h3.white {
    padding: 5px 20px 7.5px 20px;
  }
  body .text--copy {
    font-size: 30px;
    padding: 0 20px;
  }
  body .text--pc--61 {
    font-size: 76.25px;
  }
  body .text--pc--36 {
    font-size: 45px;
    line-height: 1.8;
  }
  body .text--pc--28 {
    font-size: 35px;
    line-height: 1.8;
  }
  body .text--pc--24 {
    font-size: 30px;
    line-height: 1.8;
  }
  body .text--pc--20 {
    font-size: 25px;
    line-height: 1.8;
  }
  body .text--pc--18 {
    font-size: 22.5px;
    line-height: 1.8;
  }
  body .text--pc--18.b {
    line-height: 1;
    font-weight: 700;
  }
  body .text--pc--16 {
    font-size: 20px;
    line-height: 1.8;
  }
  body .text--pc--16.b {
    font-weight: 700;
  }
  body .text--pc--16.thin {
    color: #777777;
  }
  body .text--pc--14 {
    font-size: 17.5px;
    line-height: 1.8;
  }
  body .text--pc--14.b {
    font-weight: 700;
  }
  body .text--pc--14.thin {
    color: #777777;
  }
  body .text--pc--12 {
    font-size: 15px;
    line-height: 1.8;
  }
  body .text--pc--12.thin {
    color: #777777;
  }
  body .supplement--l {
    font-size: 16.25px;
  }
  body .supplement--l.sans {
    font-size: 17.5px;
  }
  body .supplement--m {
    font-size: 15px;
  }
  body .supplement--s {
    font-size: 12.5px;
  }
  body .wave {
    width: 1153.75px;
  }
  body .news-area {
    margin-top: 65px;
    width: 1018.75px;
    padding-bottom: 50px;
  }
  body .news-area li {
    margin-bottom: 32.5px;
  }
  body .news-area li span.date {
    margin-right: 30px;
    white-space: nowrap;
  }
  body .news-area li a[target="_blank"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[target="_blank"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 11.25px;
    right: -20px;
    left: auto;
    height: 12.5px;
    width: 12.5px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .news-area li a[href$=".pdf"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[href$=".pdf"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 6.25px;
    right: -22.5px;
    left: auto;
    height: 25px;
    width: 17.5px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main > section > .inner {
    width: 1500px;
  }
  body .main .top .more {
    bottom: 50px;
    left: 50px;
  }
  body .main .top .open-canvas {
    margin-top: 481.25px;
    right: 17.5px;
    width: 180px;
    height: 180px;
    padding-top: 33.75px;
    box-shadow: 0 3.75px 7.5px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .open-canvas.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .open-canvas::after {
    width: 7.5px;
    height: 22.5px;
    bottom: 23.75px;
    left: 87.5px;
  }
  body .main .top .open-canvas:hover {
    opacity: .7;
  }
  body .main .top .open-canvas:hover::after {
    bottom: 18.75px;
  }
  body .main .top .fixed-bnr {
    position: fixed;
    z-index: 1;
    margin-top: 481.25px;
    right: 17.5px;
    display: block;
    width: 307.5px;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .fixed-bnr img {
    width: 100%;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
  }
  body .main .top .fixed-bnr.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .fixed-bnr a {
    width: 100%;
    height: 100%;
    display: block;
  }
  body .main .top .fixed-bnr a:not(:nth-of-type(1)) {
    margin-top: 12.5px;
  }
  body .main .top .fixed-bnr a:hover {
    opacity: .7;
  }
  body .main .infomation {
    padding-top: 102.5px;
    padding-bottom: 125px;
  }
  body .main .infomation .content .more {
    left: 906.25px;
    top: 52.5px;
  }
  body .main .infomation.top-infomation {
    padding-top: 70px;
  }
  body .main .infomation.top-infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation.top-infomation .inner .content {
    padding-top: 97.5px;
  }
  body .main .infomation.top-infomation .inner .content .news-area {
    padding-bottom: 0;
  }
  body .main .infomation.top-infomation .inner .content .more {
    right: 6.25px;
    left: auto;
    bottom: auto;
    top: 148.75px;
  }
  body .main .infomation .bnr {
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner {
    padding: 5px 0px 5px 0px;
    width: 1500px;
    height: 171.25px;
    bottom: 0px;
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner .swiper-wrapper {
    margin-left: 5px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide {
    width: 471.25px;
    height: 162.5px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide:nth-child(odd) {
    margin-bottom: 20px;
  }
  body .main .infomation .bnr .bnr-inner .item {
    width: 461.25px;
  }
  body .main .infomation .bnr .bnr-inner img {
    width: 461.25px;
    height: 162.5px;
    box-shadow: 0px 0px 2.5px 2.5px rgba(0, 0, 0, 0.1);
  }
  body .main .infomation .bnr .bnr-inner .swiper-pagination-bullet {
    display: none;
  }
  body .main .jwu-times {
    padding-top: 172.5px;
    padding-bottom: 143.75px;
  }
  body .main .jwu-times .wave {
    width: 1153.75px;
    top: -43.75px;
    left: 0px;
  }
  body .main .jwu-times h2 {
    margin-bottom: 105px;
  }
  body .main .jwu-times .contents {
    margin-bottom: 111.25px;
  }
  body .main .jwu-times .contents:last-of-type {
    margin-bottom: 0;
  }
  body .main .jwu-times .contents .more {
    top: 2.5px;
  }
  body .main .jwu-times .contents.press-release .news-area {
    margin-top: 50px;
  }
  body .main .jwu-times .contents.press-release .more {
    margin-bottom: 31.25px;
  }
  body .main .jwu-times .contents.press-release .link-area {
    top: 2.5px;
  }
  body .main .jwu-times .swiper {
    margin-top: 62.5px;
    padding-right: 171.25px;
    width: 1600px;
  }
  body .main .jwu-times .swiper .swiper-button-next,
  body .main .jwu-times .swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
  }
  body .main .jwu-times .swiper .swiper-button-next:after,
  body .main .jwu-times .swiper .swiper-button-prev:after {
    content: " ";
    width: 22.5px;
    height: 7.5px;
  }
  body .main .jwu-times .swiper .swiper-button-next {
    right: 112.5px;
  }
  body .main .jwu-times .swiper .swiper-button-prev {
    left: -77.5px;
  }
  body .main .jwu-times .swiper--inner {
    width: 445px;
    height: 465px;
    margin-right: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }
  body .main .jwu-times .swiper--inner:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .jwu-times .swiper--inner a .img {
    height: 250px;
  }
  body .main .jwu-times .swiper--inner a .img img {
    width: 445px;
    height: 250px;
  }
  body .main .jwu-times .swiper--inner a .text {
    padding: 30px;
  }
  body .main .jwu-times .swiper--inner a .text .title {
    margin-bottom: 7.5px;
  }
  body .main .jwu-times .swiper--inner a .text .supplement {
    margin-bottom: 2.5px;
  }
  body .main .jwu-times .swiper--inner a .text .date {
    margin-bottom: 6.25px;
  }
  body .main .find {
    padding-top: 175px;
    padding-bottom: 197.5px;
  }
  body .main .find .wave {
    top: -28.75px;
    width: 1000px;
  }
  body .main .find h2 {
    margin-bottom: 125px;
  }
  body .main .find .contents {
    margin-bottom: 95px;
  }
  body .main .find .contents__inner {
    min-height: 433.75px;
    padding-top: 78.75px;
  }
  body .main .find .contents__inner .visual {
    width: 975px;
    top: -13.75px;
    left: 22.5px;
  }
  body .main .find .contents__inner .link-box {
    width: 625px;
    width: 625px;
    min-height: 290px;
    padding-bottom: 40px;
  }
  body .main .find .contents__inner .link-box .link {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 37.5px;
  }
  body .main .find .contents__inner .link-box .link li a {
    margin-right: 20px;
    margin-bottom: 11.25px;
  }
  body .main .find .contents__inner .link-box .link li a::before {
    width: 10px;
    height: 9.125px;
    margin-right: 7.5px;
  }
  body .main .find .contents__inner .link-box .more-area {
    left: 40px;
    bottom: 40px;
  }
  body .main .find .contents__inner .link-box .more-area li {
    margin-right: 30px;
  }
  body .main .parallax {
    height: 760px;
  }
  body .main .conference {
    padding-top: 156.25px;
    padding-bottom: 175px;
  }
  body .main .conference .detail {
    margin-top: 18.75px;
    width: 1130px;
  }
  body .main .conference .detail li {
    width: 540px;
    height: 110px;
    margin-bottom: 20px;
  }
  body .main .conference .detail li a {
    width: 540px;
    height: 110px;
    padding-left: 40px;
    padding-right: 50px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  }
  body .main .conference .detail li a .text {
    margin-top: -5px;
  }
  body .main .conference .detail li a:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .conference .detail li a:hover .more:after {
    left: 6.25px;
  }
  body .main .conference .more-area {
    margin-top: 18.75px;
  }
  body .main .conference .more-area li:first-of-type .more {
    margin-right: 31.25px;
  }
  body .main .exam-info {
    padding-top: 156.25px;
    padding-bottom: 175px;
  }
  body .main .exam-info .wave {
    width: 1400px;
    top: -42.5px;
  }
  body .main .exam-info .detail {
    margin-top: 18.75px;
    margin-right: 3.75px;
    width: 1130px;
  }
  body .main .exam-info .detail ul {
    margin-top: -10px;
  }
  body .main .exam-info .detail ul li {
    background: #f1f1f1;
    width: 540px;
    height: auto;
    padding-top: 31.875px;
    padding-right: 40px;
    padding-left: 38.75px;
  }
  body .main .exam-info .detail ul li:nth-child(1) {
    padding-top: 50px;
  }
  body .main .exam-info .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 27.5px;
  }
  body .main .exam-info .detail ul li a:after {
    width: 22.5px;
    height: 7.5px;
    bottom: 22.5px;
    top: auto;
  }
  body .main .exam-info .detail ul li a:hover:after {
    right: -6.25px;
  }
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  .sp {
    display: none !important;
  }

  .search {
    width: 18.24px;
    margin-top: 21.09px;
  }
  .search img {
    width: 18.24px;
  }

  .search-box {
    transition: .2s ease-out;
    width: 273.6px;
    height: 28.5px;
    position: fixed;
    margin-top: 21.09px;
    right: 19.95px;
    z-index: 10000;
    background: #fff;
  }
  .search-box.hidden {
    width: 0;
    overflow: hidden;
  }
  .search-box.under {
    margin-top: 11.97px;
  }
  .search-box form {
    width: 100%;
    height: 100%;
  }
  .search-box .text_input {
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: #222 1px solid !important;
    padding: 0 9.12px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 400;
    color: #222222;
  }
  .search-box .text_input:focus {
    outline: none;
  }
  .search-box .search_btn {
    border: none;
    background: none;
    width: 9.12px;
    height: 9.12px;
    margin: auto;
    padding: 0;
    padding-left: 9.12px;
    border-left: #ededed solid 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 9.12px;
    display: block;
    box-sizing: content-box;
  }
  .search-box .search_btn img {
    width: 100%;
    height: 100%;
  }

  .notices-area {
    position: relative;
    top: 0;
    width: 100%;
    background: #F5E8EC !important;
    z-index: 20000;
    color: #d00a41;
    display: flex;
    padding-left: 22.8px;
    padding-top: 8.55px;
    padding-bottom: 8.55px;
    align-items: flex-start;
  }
  .notices-area .title {
    padding-right: 18.24px;
    position: relative;
  }
  .notices-area .title::after {
    content: " ";
    width: 1px;
    background: #222222;
    height: 11.4px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1px;
    position: absolute;
    opacity: .1;
  }
  .notices-area .notices {
    padding-top: 1.14px;
    margin-left: 18.24px;
    width: 598.5px;
  }
  .notices-area .notices .notice {
    display: flex;
    margin-top: 2.85px;
  }
  .notices-area .notices .notice:nth-of-type(1) {
    margin-top: 0;
  }
  .notices-area .notices .notice .date {
    margin-right: 23.94px;
  }
  .notices-area .close_btn {
    position: absolute;
    top: 12.54px;
    right: 22.8px;
  }

  header {
    position: relative;
    width: 100%;
    z-index: 10000;
    background: url(../img/common/header_bg.png) repeat-x;
    background-size: auto 63.27px;
    top: 0 !important;
    transition: top .3s ease-out;
    height: auto !important;
    transition: all 0.5s;
  }
  header img {
    width: 100%;
  }
  header.scroll {
    top: -200px !important;
  }
  header .header__inner {
    display: flex;
    height: 63.27px;
    padding-left: 6.84px;
    padding-right: 19.95px;
  }
  header .logo-area {
    display: flex;
    align-items: center;
    margin-top: 16.53px;
    height: 34.2px;
  }
  header .logo-area h1 {
    width: 136.8px;
    margin-right: 11.4px;
  }
  header .logo-area .lang a:nth-of-type(1) {
    margin-right: 5.415px;
  }
  header .logo-area .lang .active {
    color: #222222 !important;
    border-bottom: 1px solid #222222;
  }
  header .link-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15.39px;
    padding-bottom: 7.98px;
    margin-right: 3.42px;
    height: 100%;
  }
  header .link-area > ul {
    display: flex;
    align-items: center;
  }
  header .link-area > ul > li {
    padding: 0;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 4.56px;
    position: relative;
    height: 13.11px;
    line-height: 13.11px;
    letter-spacing: 0;
  }
}
@media print and (min-width: 768px) and (max-width: 950px) {
  header .link-area > ul > li {
    padding-left: 2.28px;
    padding-right: 2.28px;
    margin-left: 2.28px;
    letter-spacing: -0.1vw;
  }
}
@media print {
  header .link-area > ul > li a {
    display: inline-block;
  }
  header .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  header .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 4.56px;
    right: -9.12px;
    left: auto;
    height: 5.7px;
    width: 5.7px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  header .link-area > ul > li > a {
    white-space: nowrap;
  }
  header .link-area > ul > li.pulldown {
    transition: .5s;
    padding-right: 9.12px;
  }
  header .link-area > ul > li.pulldown > a {
    padding-right: 4.56px;
  }
  header .link-area > ul > li.pulldown > a:hover {
    opacity: 1 !important;
  }
  header .link-area > ul > li.pulldown > a:after {
    content: " ";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 4.56px;
    height: 3.021px;
    position: absolute;
    right: 4.56px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  header .link-area > ul > li.pulldown .under {
    z-index: 10000;
    position: absolute;
    background: #fff;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s,visibility 0s .5s;
    padding: 13.68px 18.24px;
    padding-right: 0;
    box-shadow: 0 0 2.28px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
  }
  header .link-area > ul > li.pulldown .under .title {
    margin-bottom: 6.84px;
  }
  header .link-area > ul > li.pulldown .under li {
    margin-bottom: 6.84px;
  }
  header .link-area > ul > li.pulldown .under li a {
    position: relative;
    padding-left: 9.12px;
  }
  header .link-area > ul > li.pulldown .under li a::before {
    content: " ";
    display: inline-block;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
    width: 4.56px;
    height: 4.161px;
    position: absolute;
    top: 4.845px;
    left: 0;
    margin: auto;
  }
  header .link-area > ul > li.pulldown .under li:last-of-type {
    margin-bottom: 0;
  }
  header .link-area > ul > li.pulldown .under.faculty {
    width: 292.98px;
    padding: 13.68px 18.24px;
  }
  header .link-area > ul > li.pulldown .under.canvas-life {
    width: 131.1px;
  }
  header .link-area > ul > li.pulldown .under.correspondence {
    width: 110.01px;
  }
  header .link-area > ul > li.pulldown .under.group-list {
    width: 142.5px;
  }
  header .link-area > ul > li.pulldown:hover {
    background: #222222;
  }
  header .link-area > ul > li.pulldown:hover > a {
    color: #fff;
  }
  header .link-area > ul > li.pulldown:hover > a:after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
  }
  header .link-area > ul > li.pulldown:hover .under {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s,visibility 0s 0s;
  }
  header .link-area .customer > li:last-of-type {
    padding-right: 3.42px;
  }
  header .link-area .group {
    margin-right: 4.56px;
  }
  header .link-area .group::after {
    content: " ";
    display: block;
    width: 1px;
    height: 9.12px;
    background: #222;
    opacity: .15;
  }
  header .cv-area {
    position: absolute;
    margin-top: 85px;
    top: 0 !important;
    right: 4.56px;
    transition: top .3s ease-out;
  }
  header .cv-area a {
    display: block;
    width: 46.74px;
    height: 46.74px;
    margin-bottom: -1.14px;
  }
  header.under {
    background: #fff;
  }
  header.under .header__inner {
    height: 53.58px;
    padding-left: 11.97px;
    padding-right: 14.25px;
  }
  header.under .logo-area {
    height: 22.8px;
    margin-top: 15.39px;
  }
  header.under .logo-area h1 {
    width: 91.2px;
  }
  header.under .link-area {
    padding-top: 9.12px;
    padding-bottom: 11.4px;
    margin-right: 5.7px;
  }
  header.under .search {
    margin-top: 11.97px;
  }
  header.white {
    background-position: 0 -63.27px;
    background: transparent;
  }
  header.white .logo-area .lang {
    color: #fff;
  }
  header.white .logo-area .lang .active {
    color: #fff !important;
    border-bottom: 1px solid #fff;
  }
  header.white .link-area > ul > li > a {
    color: #fff;
  }
  header.white .link-area > ul > li.pulldown > a::after {
    background: url(../img/common/arrow_pulldown_hover.png) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  header.white .link-area .under > li > a {
    color: #222;
  }

  footer {
    background: #fff;
    position: relative;
    padding-bottom: 42.75px;
  }
  footer > .inner {
    width: 684px;
    margin: auto;
    justify-content: space-between;
  }
  footer .footer__wave {
    width: 310.08px;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer .totop {
    width: 27.36px;
    height: 27.36px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 5;
    transform: scale(-1, 1);
    pointer-events: none;
    transition: .3s ease-out;
  }
  footer .totop img {
    width: 100%;
  }
  footer .totop.view {
    opacity: 1;
    pointer-events: auto;
  }
  footer .logo-area {
    margin-top: 82.08px;
  }
  footer .logo-area .logo {
    width: 159.6px;
    height: 39.102px;
  }
  footer .logo-area .sns-area {
    display: flex;
    justify-content: space-between;
    width: 159.6px;
    margin-top: 28.5px;
  }
  footer .logo-area .sns-area li {
    width: 13.68px;
    height: 13.68px;
  }
  footer .logo-area .sns-area li a, footer .logo-area .sns-area li img {
    display: block;
    width: 100%;
    height: 100%;
  }
  footer .logo-area address {
    margin-top: 36.48px;
    font-size: 5.7px;
    line-height: 1.8;
    letter-spacing: .03em;
  }
  footer .link-area {
    width: 375.06px;
    margin-top: 69.54px;
    display: flex;
  }
  footer .link-area > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  footer .link-area > ul > li {
    margin-bottom: 6.84px;
    width: 131.1px;
  }
  footer .link-area > ul > li:last-child {
    margin-bottom: 0;
  }
  footer .link-area > ul > li ul {
    margin-left: 9.12px;
    margin-top: 6.84px;
  }
  footer .link-area > ul > li ul li {
    margin-bottom: 4.56px;
  }
  footer .link-area > ul > li ul li:last-of-type {
    margin-bottom: 0;
  }
  footer .link-area > ul > li a[target="_blank"] {
    position: relative;
  }
  footer .link-area > ul > li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 3.42px;
    right: -9.12px;
    left: auto;
    height: 5.7px;
    width: 5.7px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }

  body .more {
    height: 23.37px;
    position: relative;
    display: inline-block;
    padding-right: 15.96px;
  }
  body .more::after {
    content: " ";
    position: absolute;
    top: 19.95px;
    left: 0;
    height: 3.42px;
    width: 100%;
    background: url(../img/unv/arrow.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: left .5s ease-in-out;
  }
  body .more--_blank {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 10.26px;
  }
  body .more--_blank::after {
    width: 5.7px;
    height: 5.13px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    transition: none;
    right: 0;
    top: 5.7px;
    left: auto;
    margin: auto;
  }
  body .more:hover::after {
    left: 5.7px;
  }
  body .more--_blank:hover::after {
    left: auto;
  }
  body .more--reserve {
    height: 11.4px;
  }
  body .more--reserve::after {
    top: 7.98px;
    width: 18.24px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more--reserve:hover::after {
    left: 0;
  }
  body h2 {
    font-size: 20.52px;
    letter-spacing: 0.1em;
    font-weight: 700;
    position: relative;
    color: #222222;
  }
  body h2 > span {
    display: inline-block;
    margin-left: 11.4px;
    line-height: 1.6;
  }
  body h2 > span.text--pc--18 {
    margin-left: 15.39px;
    font-weight: 400;
    letter-spacing: .03em;
  }
  body h2::after {
    content: " ";
    height: 1px;
    width: 38.19px;
    margin-top: 13.11px;
    background: #222222;
    display: block;
  }
  body h3 {
    font-size: 15.96px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  body h3.min {
    font-size: 13.68px;
  }
  body h3.white {
    line-height: 1;
    color: #fff;
    background: #222222;
    display: inline-block;
    padding: 2.28px 9.12px 3.42px 9.12px;
  }
  body .text--copy {
    font-size: 13.68px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0 9.12px;
    word-break: break-word;
    background-image: linear-gradient(90deg, #ffffff 5%, rgba(255, 255, 255, 0) 5%);
  }
  body .text--copy span {
    background: #fff;
  }
  body .text--pc--61 {
    font-size: 34.77px;
  }
  body .text--pc--36 {
    font-size: 20.52px;
    line-height: 1.8;
  }
  body .text--pc--28 {
    font-size: 15.96px;
    line-height: 1.8;
  }
  body .text--pc--24 {
    font-size: 13.68px;
    line-height: 1.8;
  }
  body .text--pc--20 {
    font-size: 11.4px;
    line-height: 1.8;
  }
  body .text--pc--18 {
    font-size: 10.26px;
    line-height: 1.8;
  }
  body .text--pc--18.b, body .text--pc--18 b {
    line-height: 1;
    font-weight: 700;
  }
  body .text--pc--16 {
    font-size: 9.12px;
    line-height: 1.8;
  }
  body .text--pc--16.b, body .text--pc--16 b {
    font-weight: 700;
  }
  body .text--pc--16.thin {
    color: #777777;
  }
  body .text--pc--14 {
    font-size: 7.98px;
    line-height: 1.8;
  }
  body .text--pc--14.b, body .text--pc--14 b {
    font-weight: 700;
  }
  body .text--pc--14.thin {
    color: #777777;
  }
  body .text--pc--12 {
    font-size: 6.84px;
    line-height: 1.8;
  }
  body .text--pc--12.thin {
    color: #777777;
  }
  body .supplement--l {
    font-size: 7.41px;
    line-height: 1.8;
  }
  body .supplement--l.b {
    font-weight: 700;
  }
  body .supplement--l.sans {
    font-size: 7.98px;
    color: #777777;
  }
  body .supplement--m {
    font-size: 6.84px;
    line-height: 1.8;
  }
  body .supplement--m.b, body .supplement--m b {
    font-weight: 700;
  }
  body .supplement--m.thin {
    color: #777777;
  }
  body .supplement--m.sans {
    color: #777777;
  }
  body .supplement--s {
    font-size: 5.7px;
    line-height: 1;
  }
  body .wave {
    width: 526.11px;
  }
  body a {
    transition: opacity .5s ease-out;
  }
  body a:hover {
    opacity: .7;
  }
  body .news-area {
    margin-top: 29.64px;
    width: 473.1px;
    padding-bottom: 22.8px;
  }
  body .news-area li {
    margin-bottom: 14.82px;
  }
  body .news-area li a {
    display: flex;
  }
  body .news-area li span {
    display: block;
  }
  body .news-area li span.date {
    margin-right: 13.68px;
    white-space: nowrap;
  }
  body .news-area li a[target="_blank"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[target="_blank"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 5.13px;
    right: -9.12px;
    left: auto;
    height: 5.7px;
    width: 5.7px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .news-area li a[href$=".pdf"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[href$=".pdf"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 2.85px;
    right: -10.26px;
    left: auto;
    height: 11.4px;
    width: 7.98px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body #wrapper {
    width: 100%;
  }
  body .main {
    overflow-x: hidden;
    position: relative;
    transition: top 0.5s;
    margin-top: -64px !important;
    top: 0 !important;
  }
  body .main .waypoint > * {
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .waypoint.hidden h2::after {
    width: 4.92647vw !important;
  }
  body .main .waypoint.hidden h2 .effect {
    opacity: 1;
    top: 0px;
  }
  body .main > section {
    position: relative;
  }
  body .main > section > .inner {
    width: 684px;
    margin: auto;
  }
  body .main .top {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  body .main .top .kv {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    top: 0 !important;
    left: 0;
    transition: top 0.5s;
  }
  body .main .top .more {
    position: absolute;
    bottom: 22.8px;
    left: 22.8px;
  }
  body .main .top .open-canvas {
    position: fixed;
    z-index: 1;
    margin-top: 219.45px;
    right: 7.98px;
    display: block;
    width: 82.08px;
    height: 82.08px;
    padding-top: 15.39px;
    text-align: center;
    line-height: 1.6;
    color: #D00A41;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1.71px 3.42px 0 rgba(0, 0, 0, 0.1);
    -webkit-filter: blur(0);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .open-canvas.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .open-canvas::after {
    content: " ";
    display: block;
    width: 3.42px;
    height: 10.26px;
    background: url(../img/common/arrow_red.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 10.83px;
    left: 39.9px;
    transition: .5s;
  }
  body .main .top .open-canvas:hover {
    opacity: .7;
  }
  body .main .top .open-canvas:hover::after {
    bottom: 8.55px;
  }
  body .main .top .fixed-bnr {
    position: fixed;
    z-index: 1;
    margin-top: 219.45px;
    right: 7.98px;
    display: block;
    width: 140.22px;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .fixed-bnr img {
    width: 100%;
    box-shadow: 0px 0px 2.28px 2.28px rgba(0, 0, 0, 0.1);
  }
  body .main .top .fixed-bnr.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .fixed-bnr a {
    width: 100%;
    height: 100%;
    display: block;
  }
  body .main .top .fixed-bnr a:not(:nth-of-type(1)) {
    margin-top: 5.7px;
  }
  body .main .top .fixed-bnr a:hover {
    opacity: .7;
  }
  body .main .infomation {
    padding-top: 46.74px;
    padding-bottom: 57px;
    background: #fff;
  }
  body .main .infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation .content {
    position: relative;
  }
  body .main .infomation .content .more {
    position: absolute;
    left: 413.25px;
    top: 23.94px;
  }
  body .main .infomation.top-infomation {
    padding-top: 31.92px;
  }
  body .main .infomation.top-infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation.top-infomation .inner .content {
    padding-top: 44.46px;
  }
  body .main .infomation.top-infomation .inner .content .news-area {
    padding-bottom: 0;
  }
  body .main .infomation.top-infomation .inner .content .more {
    right: 2.85px;
    left: auto;
    bottom: auto;
    top: 67.83px;
  }
  body .main .infomation .bnr {
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner {
    padding: 2.28px 0px 2.28px 0px;
    overflow-x: hidden;
    width: 684px;
    height: 78.09px;
    bottom: 0px;
    right: 0;
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner .swiper-wrapper {
    margin-left: 2.28px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide {
    width: 214.89px;
    height: 74.1px;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide:nth-child(odd) {
    margin-bottom: 9.12px;
  }
  body .main .infomation .bnr .bnr-inner .item {
    display: block;
    width: 210.33px;
  }
  body .main .infomation .bnr .bnr-inner img {
    width: 210.33px;
    height: 74.1px;
    object-fit: cover;
    box-shadow: 0px 0px 1.14px 1.14px rgba(0, 0, 0, 0.1);
  }
  body .main .infomation .bnr .bnr-inner .swiper-pagination-bullet {
    display: none;
  }
  body .main .jwu-times {
    padding-top: 78.66px;
    padding-bottom: 65.55px;
    background: rgba(255, 255, 255, 0.92);
  }
  body .main .jwu-times .wave {
    position: absolute;
    width: 526.11px;
    top: -19.95px;
    left: 0px;
  }
  body .main .jwu-times h2 {
    margin-bottom: 47.88px;
  }
  body .main .jwu-times .contents {
    position: relative;
    margin-bottom: 50.73px;
  }
  body .main .jwu-times .contents:last-of-type {
    margin-bottom: 0;
  }
  body .main .jwu-times .contents .more {
    position: absolute;
    top: 1.14px;
    right: 0;
  }
  body .main .jwu-times .contents.press-release .news-area {
    margin-top: 22.8px;
  }
  body .main .jwu-times .contents.press-release .more {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 14.25px;
  }
  body .main .jwu-times .contents.press-release .link-area {
    position: absolute;
    top: 1.14px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  body .main .jwu-times .swiper {
    margin-top: 28.5px;
    padding-right: 78.09px;
    width: 729.6px;
    overflow: visible;
  }
  body .main .jwu-times .swiper .swiper-button-next,
  body .main .jwu-times .swiper .swiper-button-prev {
    width: 27.36px;
    height: 27.36px;
    background: #222;
    top: 51%;
  }
  body .main .jwu-times .swiper .swiper-button-next:after,
  body .main .jwu-times .swiper .swiper-button-prev:after {
    content: " ";
    width: 10.26px;
    height: 3.42px;
  }
  body .main .jwu-times .swiper .swiper-button-next {
    right: 51.3px;
  }
  body .main .jwu-times .swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .jwu-times .swiper .swiper-button-prev {
    left: -35.34px;
  }
  body .main .jwu-times .swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main .jwu-times .swiper--inner {
    width: 202.92px;
    height: auto;
    margin-right: 9.12px;
    background: #fff;
    box-shadow: 0 0 4.56px 0 rgba(0, 0, 0, 0.1);
    -webkit-filter: blur(0);
    transition: box-shadow .5s ease-out;
  }
  body .main .jwu-times .swiper--inner:hover {
    box-shadow: 0 0 13.68px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .jwu-times .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main .jwu-times .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 114px;
  }
  body .main .jwu-times .swiper--inner a .img img {
    width: 202.92px;
    height: 114px;
    object-fit: cover;
    transition: 3s;
  }
  body .main .jwu-times .swiper--inner a .text {
    padding: 13.68px;
  }
  body .main .jwu-times .swiper--inner a .text .title {
    margin-bottom: 3.42px;
  }
  body .main .jwu-times .swiper--inner a .text .supplement {
    margin-bottom: 1.14px;
  }
  body .main .jwu-times .swiper--inner a .text .date {
    margin-bottom: 2.85px;
  }
  body .main .jwu-times .swiper--inner a:hover img {
    transform: scale(1.3);
  }
  body .main .find {
    padding-top: 79.8px;
    padding-bottom: 90.06px;
    background: #f7f7f7;
  }
  body .main .find .nav__anchor-ul {
    display: none;
  }
  body .main .find .wave {
    position: absolute;
    top: -13.11px;
    width: 456px;
    right: 0;
  }
  body .main .find h2 {
    margin-bottom: 57px;
  }
  body .main .find .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .find .contents {
    margin-bottom: 43.32px;
  }
  body .main .find .contents:last-of-type {
    margin: 0;
  }
  body .main .find .contents__inner {
    position: relative;
    min-height: 197.79px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 35.91px;
  }
  body .main .find .contents__inner .visual {
    width: 444.6px;
    position: absolute;
    top: -6.27px;
    left: 10.26px;
  }
  body .main .find .contents__inner .link-box {
    width: 285px;
    min-height: 132.24px;
    padding-bottom: 18.24px;
    position: relative;
  }
  body .main .find .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .find .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .find .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .find .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .find .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .find .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .find .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
    margin-top: 13.68px;
    margin-bottom: 17.1px;
  }
  body .main .find .contents__inner .link-box .link li a {
    display: block;
    margin-right: 9.12px;
    margin-bottom: 5.13px;
    display: flex;
    align-items: center;
  }
  body .main .find .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 4.56px;
    height: 4.161px;
    margin-right: 3.42px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .find .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
  }
  body .main .find .contents__inner .link-box .more-area li {
    margin-right: 13.68px;
    margin-top: 6.84px;
  }
  body .main .parallax {
    background: #fff;
    padding: 0;
    width: 100%;
    height: 346.56px;
    overflow: hidden;
  }
  body .main .parallax img {
    width: 100%;
    height: 120%;
    object-fit: cover;
    transform: translate3d(0px, 0px, 0px) !important;
  }
  body .main .conference {
    padding-top: 71.25px;
    padding-bottom: 79.8px;
    background: #f7f7f7;
  }
  body .main .conference .flex {
    justify-content: space-between;
  }
  body .main .conference .detail {
    margin-top: 8.55px;
    width: 515.28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .conference .detail li {
    width: 246.24px;
    height: 50.16px;
    margin-bottom: 9.12px;
  }
  body .main .conference .detail li a {
    width: 246.24px;
    height: 50.16px;
    padding-left: 18.24px;
    padding-right: 22.8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 4.56px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
    -webkit-filter: blur(0);
  }
  body .main .conference .detail li a .text {
    margin-top: -2.28px;
    transition: .5s;
  }
  body .main .conference .detail li a:hover {
    box-shadow: 0 0 13.68px 0 rgba(0, 0, 0, 0.2);
  }
  body .main .conference .detail li a:hover .more:after {
    left: 2.85px;
  }
  body .main .conference .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8.55px;
  }
  body .main .conference .more-area li:first-of-type .more {
    margin-right: 14.25px;
  }
  body .main .exam-info {
    padding-top: 71.25px;
    padding-bottom: 79.8px;
    background: #fff;
  }
  body .main .exam-info .wave {
    position: absolute;
    width: 638.4px;
    top: -19.38px;
    right: 0;
  }
  body .main .exam-info .flex {
    justify-content: space-between;
  }
  body .main .exam-info .detail {
    display: flex;
    margin-top: 8.55px;
    margin-right: 1.71px;
    width: 515.28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .exam-info .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .exam-info .detail ul {
    margin-top: -4.56px;
  }
  body .main .exam-info .detail ul li {
    background: #f1f1f1;
    width: 246.24px;
    height: auto;
    padding-top: 14.535px;
    padding-right: 18.24px;
    padding-left: 17.67px;
  }
  body .main .exam-info .detail ul li:nth-child(1) {
    padding-top: 22.8px;
  }
  body .main .exam-info .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 12.54px;
  }
  body .main .exam-info .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.71px;
  }
  body .main .exam-info .detail ul li a:after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 10.26px;
    top: auto;
    transition: .5s right;
  }
  body .main .exam-info .detail ul li a:hover:after {
    right: -2.85px;
  }

  @-moz-document url-prefix() {
    body .main .jwu-times .swiper--inner {
      -webkit-filter: none;
    }

    body .main .conference .detail li a {
      -webkit-filter: none;
    }

    body .main .top .open-canvas {
      -webkit-filter: none;
    }
  }
}
/*size*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .lang {
    display: none;
  }

  .sns-area {
    display: flex;
    justify-content: space-between;
    width: 66.13333vw;
  }
  .sns-area li {
    width: 6.4vw;
    height: 6.4vw;
  }
  .sns-area li a, .sns-area li img {
    width: 100%;
  }

  .notices-area {
    position: fixed;
    top: 0;
    width: 100%;
    background: #F5E8EC;
    z-index: 20000;
    color: #d00a41;
    padding: 5.33333vw;
    padding-top: 4.26667vw;
  }
  .notices-area .title {
    display: none;
  }
  .notices-area .notices .notice {
    margin-top: 2.13333vw;
    display: block;
  }
  .notices-area .notices .notice:nth-of-type(1) {
    margin-top: 0;
  }
  .notices-area .notices .notice .date {
    margin-bottom: 1.06667vw;
  }
  .notices-area .close_btn {
    position: absolute;
    top: 4.26667vw;
    right: 4.26667vw;
  }

  .search-box {
    transition: .2s ease-out;
    width: 89.33333vw;
    height: 13.33333vw;
    position: fixed;
    margin: auto;
    margin-top: 22.13333vw;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
  }
  .search-box.hidden {
    height: 0;
    overflow: hidden;
  }
  .search-box form {
    width: 100%;
    height: 100%;
  }
  .search-box .text_input {
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: #222 1px solid !important;
    padding: 0 4.26667vw;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 400;
    color: #222222;
    font-size: 16px;
  }
  .search-box .text_input:focus {
    outline: none;
  }
  .search-box .search_btn {
    border: none;
    background: none;
    width: 6.4vw;
    height: 6.4vw;
    margin: auto;
    padding: 0;
    padding-left: 3.2vw;
    border-left: #ededed solid 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.46667vw;
    display: block;
    box-sizing: content-box;
  }
  .search-box .search_btn img {
    width: 100%;
    height: 100%;
  }

  header {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
    overflow-y: scroll;
    padding: 16vw 5.33333vw;
    padding-top: 4.53333vw;
  }
  header .sns-area {
    margin: auto;
    margin-top: 14.4vw;
  }
  header .search {
    width: 6.66667vw;
    height: 10.4vw;
    overflow: hidden;
    position: absolute;
    display: none;
    top: 5.6vw;
    right: 18.4vw;
  }
  header .menu_btn {
    width: 6.66667vw;
    position: absolute;
    top: 5.6vw;
    right: 5.33333vw;
  }
  header .close_btn {
    display: block;
  }
  header .open_btn {
    display: none;
  }
  header.hidden {
    height: 19.2vw !important;
    background: url(../img/common/header_bg.png) repeat-x;
    background-size: auto 19.2vw;
    overflow-y: hidden;
    background: transparent;
  }
  header.hidden .menu_btn {
    width: 7.73333vw;
    right: 4.53333vw;
  }
  header.hidden .search {
    display: block;
  }
  header.hidden .close_btn {
    display: none;
  }
  header.hidden .open_btn {
    display: block;
  }
  header.hidden.scroll {
    top: -26.66667vw !important;
  }
  header.hidden.under {
    background: #fff;
  }
  header img {
    width: 100%;
  }
  header .logo-area h1 {
    width: 45.86667vw;
  }
  header .cv-area {
    position: absolute;
    top: 31.73333vw !important;
    width: 82.66667vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  header .cv-area a {
    display: block;
    width: 27.2vw;
    height: 27.2vw;
  }
  header .link-area {
    margin-top: 50.13333vw;
    letter-spacing: .03em;
  }
  header .link-area * {
    font-weight: 400 !important;
  }
  header .link-area .customer {
    margin-top: 15.46667vw;
  }
  header .link-area .group {
    margin-top: 4.26667vw;
  }
  header .link-area .group .under ul li a[target="_blank"] {
    position: relative;
  }
  header .link-area .group .under ul li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 1.33333vw;
    right: -4.26667vw;
    left: auto;
    height: 2.66667vw;
    width: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  header .link-area .group .under ul,
  header .link-area .customer {
    display: flex;
    flex-wrap: wrap;
  }
  header .link-area .group .under ul li,
  header .link-area .customer li {
    width: 45%;
    margin-bottom: 3.2vw;
  }
  header .link-area .group .under ul li.long,
  header .link-area .customer li.long {
    width: 55%;
  }
  header .link-area .group-list ul {
    flex-direction: column;
    height: 40vw;
  }
  header .link-area .faculty-area {
    border-top: 1px solid #f1f1f1;
  }
  header .link-area .faculty-area > li {
    border-bottom: 1px solid #f1f1f1;
  }
  header .link-area .faculty-area > li > a {
    height: 17.6vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .link-area .faculty-area > li > a::after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_114.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  header .link-area .faculty-area > li.pulldown {
    overflow: hidden;
  }
  header .link-area .faculty-area > li.pulldown > a::after {
    content: " ";
    display: block;
    width: 3.504vw;
    height: 2.24533vw;
    background: url(../img/common/arrow_pulldown_sp.png) no-repeat;
    background-size: contain;
    margin-right: 0.5vw;
  }
  header .link-area .faculty-area > li.pulldown.open > a::after {
    transform: rotate(180deg);
  }
  header .link-area .faculty-area > li.pulldown .under ul {
    margin-top: 1.73333vw;
    margin-bottom: 5.6vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  header .link-area .faculty-area > li.pulldown .under ul li {
    width: 49%;
    margin-top: 1.6vw;
    margin-bottom: 1.6vw;
  }
  header .link-area .faculty-area > li.pulldown .under ul li a {
    position: relative;
    padding-left: 3.73333vw;
    display: inline-block;
  }
  header .link-area .faculty-area > li.pulldown .under ul li a::before {
    content: " ";
    display: inline-block;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
    width: 2.13333vw;
    height: 1.94667vw;
    position: absolute;
    top: 2.13333vw;
    left: 0;
    margin: auto;
  }
  header .link-area .faculty-area > li.pulldown .under ul li a[target="_blank"] {
    position: relative;
  }
  header .link-area .faculty-area > li.pulldown .under ul li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 2.4vw;
    right: -4.26667vw;
    left: auto;
    height: 2.66667vw;
    width: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }

  footer {
    background: #fff;
    position: relative;
    padding-top: 32vw;
    padding-bottom: 11.2vw;
  }
  footer .footer__wave {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer .totop {
    width: 12.8vw;
    height: 12.8vw;
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 5;
    transform: scale(-1, 1);
    pointer-events: none;
    transition: .3s ease-out;
  }
  footer .totop img {
    width: 100%;
  }
  footer .totop.view {
    opacity: 1;
    pointer-events: auto;
  }
  footer .flex {
    flex-direction: column-reverse;
  }
  footer .logo-area {
    margin-top: 9.6vw;
    margin-left: 8.53333vw;
  }
  footer .logo-area .logo {
    width: 45.86667vw;
    height: 11.2vw;
  }
  footer .logo-area .sns-area {
    margin-top: 8.53333vw;
  }
  footer .logo-area address {
    margin-top: 14.66667vw;
    font-size: 2.66667vw;
    line-height: 1.8;
  }
  footer .link-area {
    margin-left: 8.53333vw;
    display: block;
  }
  footer .link-area ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    height: 40vw;
    width: 91.46667vw;
  }
  footer .link-area ul li {
    margin-bottom: 3.2vw;
  }
  footer .link-area ul li:nth-of-type(1) {
    width: 40%;
  }
  footer .link-area ul li:nth-last-of-type(1) {
    width: 60%;
  }
  footer .link-area ul li a[target="_blank"] {
    position: relative;
  }
  footer .link-area ul li a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 1.33333vw;
    right: -4.26667vw;
    left: auto;
    height: 2.66667vw;
    width: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  footer .link-area ul:last-of-type {
    height: 20vw;
    margin-top: 6.66667vw;
  }
  footer .link-area ul:last-of-type li {
    padding-right: 0;
  }

  body #wrapper {
    width: 100%;
  }
  body .more {
    min-height: 9.06667vw;
    position: relative;
    display: inline-block;
    padding-right: 8.53333vw;
  }
  body .more::after {
    content: " ";
    position: absolute;
    top: 7.46667vw;
    left: 0;
    height: 1.6vw;
    width: 100%;
    background: url(../img/unv/arrow.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: left .5s ease-in-out;
  }
  body .more--_blank {
    border-bottom: #222 0.26667vw solid;
    display: inline-block;
    padding-right: 4.8vw;
  }
  body .more--_blank::after {
    width: 2.66667vw;
    height: 2.4vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    transition: none;
    right: 0;
    top: 2.66667vw;
    left: auto;
    margin: auto;
  }
  body .more--reserve {
    height: 5.06667vw;
  }
  body .more--reserve::after {
    top: 3.73333vw;
    width: 8.53333vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body h2 {
    font-size: 7.46667vw;
    font-weight: 700;
    position: relative;
    color: #222222;
    letter-spacing: .1em;
    padding-left: 5.33333vw;
  }
  body h2 > span {
    display: block;
    line-height: 1.8;
  }
  body h2 > span.text--pc--18 {
    font-weight: 400;
  }
  body h2::after {
    content: " ";
    height: 1px;
    width: 17.86667vw;
    margin-top: 5.86667vw;
    background: #222222;
    display: block;
    margin-left: -5.33333vw;
  }
  body h3 {
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .1em;
  }
  body h3.white {
    font-size: 5.33333vw;
    line-height: 1;
    color: #fff;
    background: #222222;
    display: inline-block;
    padding: 0.53333vw 4.26667vw 1.33333vw 4.26667vw;
  }
  body h3.white.min {
    font-size: 4.8vw;
    letter-spacing: .03em;
    padding: 0.53333vw 3.26667vw 1.33333vw 3.26667vw;
  }
  body .text--copy {
    font-size: 4.8vw;
    line-height: 1.4;
    font-weight: 700;
    display: inline-block;
    padding: 0 3.2vw;
    background-image: linear-gradient(90deg, #ffffff 5%, rgba(255, 255, 255, 0) 5%);
  }
  body .text--copy span {
    background: #fff;
  }
  body .text--pc--61 {
    font-size: 10.66667vw;
  }
  body .text--pc--24 {
    font-size: 6.4vw;
  }
  body .text--pc--24.sp--m {
    font-size: 4.8vw;
    line-height: 1.8;
  }
  body .text--pc--24.sp--s {
    font-size: 3.73333vw !important;
    line-height: 1.8 !important;
  }
  body .text--pc--24.b {
    font-weight: bold;
  }
  body .text--pc--18 {
    font-size: 4.8vw;
    line-height: 1;
  }
  body .text--pc--18.b {
    line-height: 1;
  }
  body .text--pc--18.sp--m {
    font-size: 4.26667vw;
    line-height: 1.8;
  }
  body .text--pc--18.sp--s {
    font-size: 3.73333vw !important;
    line-height: 1.8 !important;
  }
  body .text--pc--16 {
    font-size: 4.26667vw;
    line-height: 1.8;
  }
  body .text--pc--16.sp--s {
    font-size: 3.73333vw !important;
  }
  body .text--pc--16.sp--ss {
    font-size: 3.2vw !important;
  }
  body .text--pc--16.thin {
    color: #777777;
  }
  body .text--pc--14 {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .text--pc--14.b, body .text--pc--14 b {
    font-weight: 700;
  }
  body .text--pc--14.thin {
    color: #777777;
  }
  body .text--pc--14.sp--ss {
    font-size: 3.2vw !important;
  }
  body .text--sp--40 {
    font-size: 10.66667vw;
  }
  body .text--sp--28 {
    font-size: 7.46667vw;
    line-height: 1.8;
  }
  body .text--sp--24 {
    font-size: 6.4vw;
  }
  body .text--sp--24.sp--m {
    font-size: 4.8vw;
    line-height: 1.8;
  }
  body .text--sp--24.sp--s {
    font-size: 3.73333vw !important;
    line-height: 1.8 !important;
  }
  body .text--sp--24.b, body .text--sp--24 b {
    font-weight: bold;
  }
  body .text--sp--20 {
    font-size: 5.33333vw;
    line-height: 1.8;
  }
  body .text--sp--18 {
    font-size: 4.8vw;
    line-height: 1;
  }
  body .text--sp--18.b {
    line-height: 1;
  }
  body .text--sp--16 {
    font-size: 4.26667vw;
    line-height: 1.8;
  }
  body .text--sp--16.thin {
    color: #777777;
  }
  body .text--sp--14 {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .text--sp--14.b, body .text--sp--14 b {
    font-weight: 700;
  }
  body .text--sp--14.thin {
    color: #777777;
  }
  body .text--sp--12 {
    font-size: 3.2vw;
    line-height: 1.8;
  }
  body .text--sp--12.thin {
    color: #777777;
  }
  body .text--sp--10 {
    font-size: 2.66667vw;
    line-height: 1.8;
  }
  body .text--sp--10.thin {
    color: #777777;
  }
  body .supplement--l {
    font-size: 3.2vw;
    line-height: 1.8;
  }
  body .supplement--l.sans {
    font-size: 3.2vw;
    color: #777777;
  }
  body .supplement--l.sp-ll {
    font-size: 3.73333vw;
  }
  body .supplement--m {
    font-size: 3.2vw;
    line-height: 1.8;
  }
  body .supplement--m.b {
    font-weight: 700;
  }
  body .supplement--m.thin {
    color: #777777;
  }
  body .supplement--m.sans {
    color: #777777;
    font-weight: 700;
  }
  body .supplement--s {
    font-size: 2.66667vw;
    line-height: 1;
    font-weight: 700;
  }
  body .supplement --sp--24 {
    font-size: 3.73333vw;
  }
  body .news-area {
    margin-top: 8.53333vw;
    padding: 0 8vw 0 5.86667vw;
  }
  body .news-area li {
    margin-bottom: 5.06667vw;
  }
  body .news-area li span {
    display: block;
  }
  body .news-area li span.date {
    margin-bottom: 1.06667vw;
    white-space: nowrap;
  }
  body .news-area li a[target="_blank"] span:not(.date) {
    position: relative;
    display: inline-block;
  }
  body .news-area li a[target="_blank"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 2.4vw;
    right: -3.73333vw;
    left: auto;
    height: 2.66667vw;
    width: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .news-area li a[href$=".pdf"] span:not(.date) {
    position: relative;
  }
  body .news-area li a[href$=".pdf"] span:not(.date)::after {
    content: "";
    position: absolute;
    top: 0.8vw;
    right: -4.26667vw;
    left: auto;
    height: 5.33333vw;
    width: 3.73333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body #wrapper {
    width: 100%;
  }
  body .main {
    overflow-x: hidden;
  }
  body .main > section {
    position: relative;
  }
  body .main .top {
    width: 100vw;
    aspect-ratio: 9 / 16;
  }
  body .main .top .kv {
    width: 100vw;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    position: fixed;
    top: 0;
    right: 0;
  }
  body .main .top .more {
    position: absolute;
    bottom: 5.86667vw;
    left: 5.33333vw;
  }
  body .main .top .open-canvas {
    position: fixed;
    z-index: 10;
    top: auto !important;
    bottom: 5.86667vw !important;
    right: 4.8vw;
    display: block;
    width: 29.86667vw;
    height: 29.86667vw;
    padding-top: 4vw;
    text-align: center;
    line-height: 1.4;
    color: #D00A41;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
  }
  body .main .top .open-canvas.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .open-canvas::after {
    content: " ";
    display: block;
    width: 1.6vw;
    height: 4.8vw;
    background: url(../img/common/arrow_red.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 3.2vw;
    left: 14.66667vw;
  }
  body .main .top .fixed-bnr {
    position: fixed;
    z-index: 1;
    top: auto !important;
    bottom: 5.86667vw !important;
    right: 0vw;
    left: 0vw;
    margin: auto;
    display: block;
    width: 89.33333vw;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-out;
    display: flex;
  }
  body .main .top .fixed-bnr img {
    width: 100%;
    box-shadow: 0vw 0vw 1.06667vw 1.06667vw rgba(0, 0, 0, 0.1);
  }
  body .main .top .fixed-bnr.view {
    opacity: 1;
    pointer-events: auto;
  }
  body .main .top .fixed-bnr a:not(:nth-of-type(1)) {
    margin-left: 2.93333vw;
  }
  body .main .infomation {
    padding-top: 18vw;
    padding-bottom: 31.2vw;
    background: #fff;
  }
  body .main .infomation .content {
    position: relative;
  }
  body .main .infomation .content .more {
    position: absolute;
    right: 5.33333vw;
    top: 10.66667vw;
  }
  body .main .infomation .bnr {
    position: relative;
  }
  body .main .infomation .bnr .bnr-inner {
    overflow-x: hidden;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 69.33333vw;
    height: 61.33333vw;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide {
    width: 69.33333vw;
    height: 24.53333vw;
  }
  body .main .infomation .bnr .bnr-inner .swiper-slide:nth-child(odd) {
    margin-bottom: 4.26667vw;
  }
  body .main .infomation .bnr .bnr-inner .item {
    display: block;
  }
  body .main .infomation .bnr .bnr-inner img {
    width: 69.33333vw;
    height: 24.53333vw;
    object-fit: cover;
  }
  body .main .infomation .bnr .bnr-inner .swiper-pagination-bullet {
    width: 2.13333vw;
    height: 2.13333vw;
    margin: 0;
    margin-left: 2.1vw;
  }
  body .main .infomation .bnr .swiper-button-next,
  body .main .infomation .bnr .swiper-button-prev {
    display: none;
  }
  body .main .infomation.top-infomation {
    padding-top: 18.13333vw;
    padding-bottom: 31.2vw;
  }
  body .main .infomation.top-infomation .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  body .main .infomation.top-infomation .content {
    padding-top: 19.46667vw;
    padding-bottom: 0;
  }
  body .main .infomation.top-infomation .content .more {
    top: 30vw;
    bottom: auto;
  }
  body .main .jwu-times {
    padding-top: 30.93333vw;
    padding-bottom: 16vw;
    background: rgba(255, 255, 255, 0.92);
  }
  body .main .jwu-times .wave {
    position: absolute;
    height: 19.73333vw;
    top: -9.86667vw;
    left: 0;
  }
  body .main .jwu-times h2 {
    margin-bottom: 39vw;
  }
  body .main .jwu-times h2 .text--pc--18 {
    position: absolute;
    margin: 0;
    width: 100%;
    padding: 0 5.33333vw;
    left: 0;
    top: 28vw;
    letter-spacing: .03em;
  }
  body .main .jwu-times .contents {
    position: relative;
    margin-bottom: 18vw;
    padding-bottom: 18.13333vw;
    padding-left: 5.33333vw;
  }
  body .main .jwu-times .contents:last-of-type {
    margin-bottom: 0;
  }
  body .main .jwu-times .contents .more {
    position: absolute;
    bottom: 0;
    right: 5.33333vw;
  }
  body .main .jwu-times .contents.press-release {
    padding-bottom: 0;
  }
  body .main .jwu-times .contents.press-release .more {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 10.4vw;
  }
  body .main .jwu-times .contents.press-release .link-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 89.33333vw;
  }
  body .main .jwu-times .contents.press-release .link-area .sp {
    width: 30%;
  }
  body .main .jwu-times .swiper {
    margin-top: 8.26667vw;
    width: 94.66667vw;
    overflow: visible;
  }
  body .main .jwu-times .swiper .swiper-button-next,
  body .main .jwu-times .swiper .swiper-button-prev {
    display: none;
  }
  body .main .jwu-times .swiper--inner {
    width: 80vw;
    height: 87vw !important;
    margin-right: 4.26667vw;
    background: #fff;
    box-shadow: 0 0 2.13333vw 0 rgba(0, 0, 0, 0.1);
  }
  body .main .jwu-times .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main .jwu-times .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 45.06667vw;
  }
  body .main .jwu-times .swiper--inner a .img img {
    width: 80vw;
    height: 45.06667vw;
    object-fit: cover;
  }
  body .main .jwu-times .swiper--inner a .text {
    padding: 6.4vw;
  }
  body .main .jwu-times .swiper--inner a .text .title {
    margin-bottom: 2.13333vw;
  }
  body .main .jwu-times .swiper--inner a .text .supplement {
    margin-bottom: 1.06667vw;
  }
  body .main .jwu-times .swiper--inner a .text .date {
    margin-bottom: 2.4vw;
  }
  body .main .jwu-times .news-area {
    margin-top: 7vw;
    padding-left: 0;
  }
  body .main .jwu-times .news-area li:last-of-type {
    margin-bottom: 8vw;
  }
  body .main .find {
    padding-top: 23.2vw;
    padding-bottom: 23.2vw;
    background: #f7f7f7;
  }
  body .main .find .wave {
    position: absolute;
    width: 100%;
    top: -5.6vw;
    left: 0;
  }
  body .main .find h2 {
    margin-bottom: 19vw;
  }
  body .main .find .nav__anchor-ul {
    margin-top: 0;
    margin-left: 5.5vw;
  }
  body .main .find .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .find .contents {
    padding-top: 21.33333vw;
  }
  body .main .find .contents:first-of-type {
    padding-top: 14vw;
  }
  body .main .find .contents__inner {
    position: relative;
    padding-top: 54.4vw;
  }
  body .main .find .contents__inner .visual {
    width: 89.33333vw;
    height: 69.86667vw;
    position: absolute;
    top: -2.13333vw;
    left: 5.33333vw;
    object-fit: cover;
  }
  body .main .find .contents__inner .link-box {
    width: 85.86667vw;
    position: relative;
    margin-left: 14.13333vw;
    padding-bottom: 6vw;
  }
  body .main .find .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .find .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .find .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .find .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .find .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .find .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .find .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 8.53333vw;
  }
  body .main .find .contents__inner .link-box .link:first-of-type {
    margin-top: 6.4vw;
  }
  body .main .find .contents__inner .link-box .link li a {
    display: block;
    margin-right: 4.26667vw;
    margin-bottom: 2.4vw;
    display: flex;
    align-items: center;
  }
  body .main .find .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 2.13333vw;
    height: 1.94667vw;
    margin-right: 1.6vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .find .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-left: 6.4vw;
    margin-top: 5vw;
    width: 71.2vw;
  }
  body .main .find .contents__inner .link-box .more-area::before {
    display: none;
  }
  body .main .find .contents__inner .link-box .more-area li {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 3.73333vw;
  }
  body .main .find .contents__inner .link-box .more-area li .more {
    padding-bottom: 3.73333vw;
    border-bottom: 1.2px solid #222222;
  }
  body .main .find .contents__inner .link-box .more-area li .more::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.55vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .parallax {
    background: #fff;
    height: 114.66667vw;
    overflow: hidden;
  }
  body .main .parallax img {
    width: 100%;
    height: 120%;
    object-fit: cover;
  }
  body .main .conference {
    padding-top: 21.06667vw;
    padding-bottom: 20vw;
    background: #f7f7f7;
  }
  body .main .conference .flex {
    display: block;
  }
  body .main .conference .detail {
    margin-top: 16vw;
  }
  body .main .conference .detail li {
    width: 89.33333vw;
    height: 21.33333vw;
    margin: auto;
    margin-bottom: 4.26667vw;
  }
  body .main .conference .detail li a {
    position: relative;
    width: 89.33333vw;
    height: 21.33333vw;
    padding-left: 6.4vw;
    padding-right: 9.06667vw;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 2.13333vw 0 rgba(0, 0, 0, 0.1);
  }
  body .main .conference .detail li a .time {
    margin-top: -0.8vw;
  }
  body .main .conference .detail li a .more {
    position: absolute;
    top: 6.4vw;
    left: 74.4vw;
  }
  body .main .conference .detail li:nth-child(n+4):nth-child(-n+8) {
    display: none;
  }
  body .main .conference .more-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 11vw;
    margin-right: 5.33333vw;
  }
  body .main .conference .more-area .more {
    margin-bottom: 6.5vw;
  }
  body .main .exam-info {
    padding-top: 23vw;
    padding-bottom: 32vw;
    background: #fff;
  }
  body .main .exam-info .wave {
    position: absolute;
    top: -4.53333vw;
    right: 0;
    width: 84.26667vw;
  }
  body .main .exam-info .flex {
    display: block;
  }
  body .main .exam-info .detail {
    margin: auto;
    margin-top: 16vw;
    width: 89.33333vw;
  }
  body .main .exam-info .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .exam-info .detail ul {
    background: #f1f1f1;
    margin-bottom: 10.66667vw;
    margin-top: -2.4vw;
    padding: 11.2vw 6.4vw;
  }
  body .main .exam-info .detail ul li {
    width: 76.53333vw;
    height: 8.8vw;
    margin-bottom: 6.66667vw;
    border-bottom: #fff 1px solid;
  }
  body .main .exam-info .detail ul li:last-of-type {
    margin: 0;
  }
  body .main .exam-info .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  body .main .exam-info .detail ul li a:after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    top: 1vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .debug {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    opacity: 0.3;
    z-index: 1000;
    pointer-events: none;
  }
  body .debug img {
    width: 100%;
  }
  body .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
  }
  body .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 69.11765vw;
  }
  body .modal .modal-wrap .modal-close {
    position: absolute;
    width: 3.23529vw;
    top: 1.10294vw;
    right: -4.41176vw;
    cursor: pointer;
  }
  body .modal .modal-wrap .modal-close::before {
    content: "";
    width: 2.79412vw;
    height: 0.07353vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .modal .modal-wrap .modal-close::after {
    content: "";
    width: 2.79412vw;
    height: 0.07353vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .modal .modal-wrap .modal-close span {
    display: block;
    font-size: 1.02941vw;
    margin-top: 1.47059vw;
    color: #fff;
  }
  body .modal .modal-wrap .modal-content img {
    width: 100%;
  }
  body .more--263 {
    height: 4.92647vw;
    width: 19.33824vw;
  }
  body .more--263::after {
    width: 19.33824vw;
    top: auto;
    bottom: 0;
    background: url(../img/unv/academics/arrow_263.svg) no-repeat;
  }
  body .nav {
    width: 100%;
    margin-top: 2.57353vw;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
  }
  body .nav__page-ul {
    margin-left: 2.79412vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 2.64706vw;
    position: relative;
    color: #777777;
  }
  body .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 0.58824vw;
    height: 0.07353vw;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.02941vw;
    margin: auto;
  }
  body .nav__anchor-ul {
    margin-right: 2.57353vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__anchor-ul li {
    margin-right: 1.32353vw;
    margin-left: 1.50735vw;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .nav__anchor-ul li a::after {
    content: "";
    width: 1.32353vw;
    height: 0.44118vw;
    position: absolute;
    right: -1.61765vw;
    top: 0.66176vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .nav__anchor-ul li a:hover::after {
    top: 1.17647vw;
  }
  body section.gray {
    background: #f7f7f7;
  }
  body .underfv, body .kv-swiper {
    position: relative;
    width: 100%;
  }
  body .underfv .swiper-unv_fv, body .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .underfv .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .underfv .swiper-unv_fv .swiper-pagination, body .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 2.79412vw !important;
    right: 5.73529vw !important;
    color: #fff;
  }
  body .underfv .swiper-unv_fv .swiper-pagination span, body .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 1.02941vw;
  }
  body .underfv .swiper-unv_fv .next, body .kv-swiper .swiper-unv_fv .next {
    width: 1.32353vw;
    height: 0.44118vw;
    position: absolute;
    right: 2.79412vw;
    bottom: 3.16176vw;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .underfv .swiper-unv_fv .next:hover, body .kv-swiper .swiper-unv_fv .next:hover {
    right: 2.20588vw;
  }
  body .underfv h2, body .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .underfv h2 > span, body .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 0.73529vw;
    margin-left: 0.44118vw;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .underfv h2 > span.subttl, body .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 1.47059vw;
    margin-bottom: -2.94118vw;
  }
  body .underfv h2 > span.text--pc--18, body .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 1.25vw;
  }
  body .underfv h2::after, body .kv-swiper h2::after {
    display: none;
  }
  body .main:not(.toppage) .thirdfv {
    height: 31.39706vw;
    background: #F1F1F1;
  }
  body .main:not(.toppage) .thirdfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main:not(.toppage) .thirdfv .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main:not(.toppage) .thirdfv .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .main:not(.toppage) .btn--movie {
    width: 6.94444vw;
    height: 6.94444vw;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main:not(.toppage) .btn--movie > span {
    font-size: 0.55556vw;
    color: #fff;
    text-align: center;
  }
  body .main:not(.toppage) .btn--movie > img {
    width: 1.25vw;
  }
  body .main:not(.toppage) .img-txt-box > li {
    display: flex;
    margin-bottom: 2.77778vw;
  }
  body .main:not(.toppage) .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box > li .img {
    width: 33.33333vw;
    margin-right: 2.77778vw;
  }
  body .main:not(.toppage) .img-txt-box > li .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box > li .txt {
    width: 44.44444vw;
  }
  body .main:not(.toppage) .img-txt-box > li .txt .text--pc--24 {
    margin-bottom: 1.66667vw;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li {
    align-items: center;
    padding: 2.29167vw 0 2.08333vw;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .img {
    width: 9.72222vw;
    margin-right: 2.77778vw;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--18 {
    margin-bottom: 1.18056vw;
    font-weight: bold;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--16 {
    position: relative;
    top: -0.41667vw;
  }
  body .main:not(.toppage) .img-txt-box.flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 80.55556vw;
    margin: auto;
    margin-top: 5.27778vw;
  }
  body .main:not(.toppage) .img-txt-box.flex li {
    display: block;
    width: 25vw;
    margin-right: 2.77778vw;
  }
  body .main:not(.toppage) .img-txt-box.flex li a {
    position: relative;
    display: block;
  }
  body .main:not(.toppage) .img-txt-box.flex li a::after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 0.41667vw;
    transition: .5s right;
  }
  body .main:not(.toppage) .img-txt-box.flex li .img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box.flex li .txt {
    width: 100%;
    margin-top: 1.31944vw;
    letter-spacing: 0.05em;
  }
  body .main:not(.toppage) .img-txt-box.flex li .txt p {
    margin-top: 0.48611vw;
    letter-spacing: 0.03em;
  }
  body .main:not(.toppage) .movie-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body .main:not(.toppage) .movie-list > li {
    width: 25vw;
    margin-bottom: 3.75vw;
  }
  body .main:not(.toppage) .movie-list > li a .img {
    position: relative;
    width: 100%;
    margin-bottom: 1.04167vw;
    overflow: hidden;
  }
  body .main:not(.toppage) .movie-list > li a .img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > span {
    position: absolute;
    top: 2.08333vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > img {
    position: absolute;
    top: 1.38889vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a:hover .img > img {
    transform: scale(1.3);
  }
  body .main:not(.toppage) .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .exam-info {
    padding-top: 13.125vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail {
    margin-top: 1.45833vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail.wide ul li {
    width: 58.05556vw;
  }
  body .main:not(.toppage) .exam-info .inner .more-area {
    width: 80.55556vw;
    margin: auto;
    margin-top: 2.29167vw;
    margin-right: 0.27778vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main:not(.toppage) .infomation {
    padding-top: 8.33333vw;
    padding-bottom: 7.56944vw;
  }
  body .main:not(.toppage) .infomation .content .more {
    left: 74.375vw;
    top: 2.84722vw;
  }
  body .main:not(.toppage) .contact {
    padding: 7.22222vw 0 7.77778vw 0;
  }
  body .main:not(.toppage) .contact h2 {
    margin-bottom: 3.125vw;
  }
  body .main:not(.toppage) .contact .contact-info {
    margin-bottom: 1.04167vw;
    margin-left: 1.38889vw;
    font-weight: bold;
  }
  body .main:not(.toppage) .contact .flex {
    position: relative;
  }
  body .main:not(.toppage) .contact .flex .access {
    margin-left: 1.38889vw;
  }
  body .main:not(.toppage) .contact .flex .access span {
    font-size: 1.11111vw;
    color: #777777;
    margin-left: 1.11111vw;
  }
  body .main:not(.toppage) .contact .flex .more-area {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0.69444vw;
  }
  body .main:not(.toppage) .contact .flex .more-area > li {
    margin-right: 1.66667vw;
  }
  body .main:not(.toppage) section .more-area.flex {
    width: 80.55556vw;
    margin: auto;
    margin-top: 1.59722vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  body .main:not(.toppage) section .more-area.flex li:not(:nth-last-child(1)) {
    margin-right: 2.08333vw;
  }
}
@media screen and (min-width: 1360px) {
  body .debug {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    opacity: 0.3;
    z-index: 1000;
    pointer-events: none;
  }
  body .debug img {
    width: 100%;
  }
  body .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
  }
  body .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 940px;
  }
  body .modal .modal-wrap .modal-close {
    position: absolute;
    width: 44px;
    top: 15px;
    right: -60px;
    cursor: pointer;
  }
  body .modal .modal-wrap .modal-close::before {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .modal .modal-wrap .modal-close::after {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .modal .modal-wrap .modal-close span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
  }
  body .modal .modal-wrap .modal-content img {
    width: 100%;
  }
  body .more--263 {
    height: 67px;
    width: 263px;
  }
  body .more--263::after {
    width: 263px;
    top: auto;
    bottom: 0;
    background: url(../img/unv/academics/arrow_263.svg) no-repeat;
  }
  body .nav {
    width: 100%;
    margin-top: 35px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
  }
  body .nav__page-ul {
    margin-left: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 36px;
    position: relative;
    color: #777777;
  }
  body .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
  }
  body .nav__anchor-ul {
    margin-right: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__anchor-ul li {
    margin-right: 18px;
    margin-left: 20.5px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .nav__anchor-ul li a::after {
    content: "";
    width: 18px;
    height: 6px;
    position: absolute;
    right: -22px;
    top: 9px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .nav__anchor-ul li a:hover::after {
    top: 16px;
  }
  body section.gray {
    background: #f7f7f7;
  }
  body .underfv, body .kv-swiper {
    position: relative;
    width: 100%;
  }
  body .underfv .swiper-unv_fv, body .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .underfv .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .underfv .swiper-unv_fv .swiper-pagination, body .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 38px !important;
    right: 78px !important;
    color: #fff;
  }
  body .underfv .swiper-unv_fv .swiper-pagination span, body .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 14px;
  }
  body .underfv .swiper-unv_fv .next, body .kv-swiper .swiper-unv_fv .next {
    width: 18px;
    height: 6px;
    position: absolute;
    right: 38px;
    bottom: 43px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .underfv .swiper-unv_fv .next:hover, body .kv-swiper .swiper-unv_fv .next:hover {
    right: 30px;
  }
  body .underfv h2, body .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .underfv h2 > span, body .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
    margin-left: 6px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .underfv h2 > span.subttl, body .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: -40px;
  }
  body .underfv h2 > span.text--pc--18, body .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 17px;
  }
  body .underfv h2::after, body .kv-swiper h2::after {
    display: none;
  }
  body .main:not(.toppage) .thirdfv {
    height: 427px;
    background: #F1F1F1;
  }
  body .main:not(.toppage) .thirdfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main:not(.toppage) .thirdfv .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main:not(.toppage) .thirdfv .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .main:not(.toppage) .btn--movie {
    width: 100px;
    height: 100px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main:not(.toppage) .btn--movie > span {
    font-size: 8px;
  }
  body .main:not(.toppage) .btn--movie > img {
    width: 18px;
  }
  body .main:not(.toppage) .img-txt-box > li {
    display: flex;
    margin-bottom: 40px;
  }
  body .main:not(.toppage) .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box > li .img {
    width: 480px;
    margin-right: 40px;
  }
  body .main:not(.toppage) .img-txt-box > li .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box > li .txt {
    width: 640px;
  }
  body .main:not(.toppage) .img-txt-box > li .txt .text--pc--24 {
    margin-bottom: 24px;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li {
    align-items: center;
    padding: 33px 0 30px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .img {
    margin-right: 40px;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--18 {
    margin-bottom: 17px;
    font-weight: bold;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--16 {
    position: relative;
    top: -6px;
  }
  body .main:not(.toppage) .img-txt-box.flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1160px;
    margin: auto;
    margin-top: 76px;
  }
  body .main:not(.toppage) .img-txt-box.flex > li {
    display: block;
    width: 360px;
    margin-right: 40px;
  }
  body .main:not(.toppage) .img-txt-box.flex > li a {
    position: relative;
    display: block;
  }
  body .main:not(.toppage) .img-txt-box.flex > li a::after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: .5s right;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .txt {
    width: 100%;
    margin-top: 19px;
    letter-spacing: 0.05em;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .txt p {
    margin-top: 7px;
    letter-spacing: 0.03em;
  }
  body .main:not(.toppage) .movie-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body .main:not(.toppage) .movie-list > li {
    width: 360px;
    margin-bottom: 54px;
  }
  body .main:not(.toppage) .movie-list > li a .img {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
  }
  body .main:not(.toppage) .movie-list > li a .img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > span {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > img {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a:hover .img > img {
    transform: scale(1.3);
  }
  body .main:not(.toppage) .exam-info {
    padding-top: 189px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail {
    margin-top: 21px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail.wide ul li {
    width: 836px;
  }
  body .main:not(.toppage) .exam-info .inner .more-area {
    width: 1160px;
    margin: auto;
    margin-top: 33px;
    margin-right: 4px;
    display: flex;
    justify-content: flex-end;
  }
  body .main:not(.toppage) .infomation {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  body .main:not(.toppage) .infomation .content .more {
    left: 1071px;
    top: 41px;
  }
  body .main:not(.toppage) .contact {
    padding: 104px 0 112px 0;
  }
  body .main:not(.toppage) .contact h2 {
    margin-bottom: 45px;
  }
  body .main:not(.toppage) .contact .contact-info {
    margin-bottom: 15px;
    margin-left: 20px;
    font-weight: bold;
  }
  body .main:not(.toppage) .contact .flex {
    position: relative;
  }
  body .main:not(.toppage) .contact .flex .access {
    margin-left: 20px;
  }
  body .main:not(.toppage) .contact .flex .access span {
    font-size: 16px;
    color: #777777;
    margin-left: 16px;
  }
  body .main:not(.toppage) .contact .flex .more-area {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 10px;
  }
  body .main:not(.toppage) .contact .flex .more-area > li {
    margin-right: 24px;
  }
  body .main:not(.toppage) section .more-area.flex {
    width: 1160px;
    margin: auto;
    margin-top: 23px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  body .main:not(.toppage) section .more-area.flex li:not(:nth-last-child(1)) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1670px) {
  body .debug {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    opacity: 0.3;
    z-index: 1000;
    pointer-events: none;
  }
  body .debug img {
    width: 100%;
  }
  body .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
  }
  body .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1175px;
  }
  body .modal .modal-wrap .modal-close {
    position: absolute;
    width: 55px;
    top: 18.75px;
    right: -75px;
    cursor: pointer;
  }
  body .modal .modal-wrap .modal-close::before {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .modal .modal-wrap .modal-close::after {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .modal .modal-wrap .modal-close span {
    display: block;
    font-size: 17.5px;
    margin-top: 25px;
    color: #fff;
  }
  body .modal .modal-wrap .modal-content img {
    width: 100%;
  }
  body .more--263 {
    height: 83.75px;
    width: 328.75px;
  }
  body .more--263::after {
    width: 328.75px;
    top: auto;
    bottom: 0;
    background: url(../img/unv/academics/arrow_263.svg) no-repeat;
  }
  body .nav {
    width: 100%;
    margin-top: 43.75px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
  }
  body .nav__page-ul {
    margin-left: 47.5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 45px;
    position: relative;
    color: #777777;
  }
  body .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 10px;
    height: 1.25px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17.5px;
    margin: auto;
  }
  body .nav__anchor-ul {
    margin-right: 43.75px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__anchor-ul li {
    margin-right: 22.5px;
    margin-left: 25.625px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .nav__anchor-ul li a::after {
    content: "";
    width: 22.5px;
    height: 7.5px;
    position: absolute;
    right: -27.5px;
    top: 11.25px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .nav__anchor-ul li a:hover::after {
    top: 20px;
  }
  body section.gray {
    background: #f7f7f7;
  }
  body .underfv, body .kv-swiper {
    position: relative;
    width: 100%;
  }
  body .underfv .swiper-unv_fv, body .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .underfv .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .underfv .swiper-unv_fv .swiper-pagination, body .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 47.5px !important;
    right: 97.5px !important;
    color: #fff;
  }
  body .underfv .swiper-unv_fv .swiper-pagination span, body .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 17.5px;
  }
  body .underfv .swiper-unv_fv .next, body .kv-swiper .swiper-unv_fv .next {
    width: 22.5px;
    height: 7.5px;
    position: absolute;
    right: 47.5px;
    bottom: 53.75px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .underfv .swiper-unv_fv .next:hover, body .kv-swiper .swiper-unv_fv .next:hover {
    right: 37.5px;
  }
  body .underfv h2, body .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .underfv h2 > span, body .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 12.5px;
    margin-left: 7.5px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .underfv h2 > span.subttl, body .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 25px;
    margin-bottom: -50px;
  }
  body .underfv h2 > span.text--pc--18, body .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 21.25px;
  }
  body .underfv h2::after, body .kv-swiper h2::after {
    display: none;
  }
  body .main:not(.toppage) .thirdfv {
    height: 533.75px;
    background: #F1F1F1;
  }
  body .main:not(.toppage) .thirdfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main:not(.toppage) .thirdfv .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main:not(.toppage) .thirdfv .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .main:not(.toppage) .btn--movie {
    width: 125px;
    height: 125px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main:not(.toppage) .btn--movie > span {
    font-size: 10px;
  }
  body .main:not(.toppage) .btn--movie > img {
    width: 22.5px;
  }
  body .main:not(.toppage) .img-txt-box > li {
    display: flex;
    margin-bottom: 50px;
  }
  body .main:not(.toppage) .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box > li .img {
    width: 600px;
    margin-right: 50px;
  }
  body .main:not(.toppage) .img-txt-box > li .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box > li .txt {
    width: 800px;
  }
  body .main:not(.toppage) .img-txt-box > li .txt .text--pc--24 {
    margin-bottom: 30px;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li {
    align-items: center;
    padding: 41.25px 0 37.5px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .img {
    margin-right: 50px;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--18 {
    margin-bottom: 21.25px;
    font-weight: bold;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--16 {
    position: relative;
    top: -7.5px;
  }
  body .main:not(.toppage) .img-txt-box.flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1450px;
    margin: auto;
    margin-top: 95px;
  }
  body .main:not(.toppage) .img-txt-box.flex > li {
    display: block;
    width: 450px;
    margin-right: 50px;
  }
  body .main:not(.toppage) .img-txt-box.flex > li a {
    position: relative;
    display: block;
  }
  body .main:not(.toppage) .img-txt-box.flex > li a::after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 7.5px;
    transition: .5s right;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .txt {
    width: 100%;
    margin-top: 23.75px;
    letter-spacing: 0.05em;
  }
  body .main:not(.toppage) .img-txt-box.flex > li .txt p {
    margin-top: 8.75px;
    letter-spacing: 0.03em;
  }
  body .main:not(.toppage) .movie-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body .main:not(.toppage) .movie-list > li {
    width: 450px;
    margin-bottom: 67.5px;
  }
  body .main:not(.toppage) .movie-list > li a .img {
    width: 100%;
    margin-bottom: 18.75px;
    overflow: hidden;
  }
  body .main:not(.toppage) .movie-list > li a .img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > span {
    position: absolute;
    top: 37.5px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > img {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a:hover .img > img {
    transform: scale(1.3);
  }
  body .main:not(.toppage) .exam-info {
    padding-top: 236.25px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail {
    margin-top: 26.25px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail.wide ul li {
    width: 1045px;
  }
  body .main:not(.toppage) .exam-info .inner .more-area {
    width: 1450px;
    margin: auto;
    margin-top: 41.25px;
    margin-right: 5px;
    display: flex;
    justify-content: flex-end;
  }
  body .main:not(.toppage) .infomation {
    padding-top: 150px;
    padding-bottom: 136.25px;
  }
  body .main:not(.toppage) .infomation .content .more {
    left: 1338.75px;
    top: 51.25px;
  }
  body .main:not(.toppage) .contact {
    padding: 130px 0 140px 0;
  }
  body .main:not(.toppage) .contact h2 {
    margin-bottom: 56.25px;
  }
  body .main:not(.toppage) .contact .contact-info {
    margin-bottom: 18.75px;
    margin-left: 25px;
    font-weight: bold;
  }
  body .main:not(.toppage) .contact .flex {
    position: relative;
  }
  body .main:not(.toppage) .contact .flex .access {
    margin-left: 25px;
  }
  body .main:not(.toppage) .contact .flex .access span {
    font-size: 20px;
    color: #777777;
    margin-left: 20px;
  }
  body .main:not(.toppage) .contact .flex .more-area {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 12.5px;
  }
  body .main:not(.toppage) .contact .flex .more-area > li {
    margin-right: 30px;
  }
  body .main:not(.toppage) section .more-area.flex {
    width: 1450px;
    margin: auto;
    margin-top: 28.75px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  body .main:not(.toppage) section .more-area.flex li:not(:nth-last-child(1)) {
    margin-right: 37.5px;
  }
}
@media print {
  body .debug {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    opacity: 0.3;
    z-index: 1000;
    pointer-events: none;
  }
  body .debug img {
    width: 100%;
  }
  body .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
  }
  body .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 535.8px;
  }
  body .modal .modal-wrap .modal-close {
    position: absolute;
    width: 25.08px;
    top: 8.55px;
    right: -34.2px;
    cursor: pointer;
  }
  body .modal .modal-wrap .modal-close::before {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .modal .modal-wrap .modal-close::after {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .modal .modal-wrap .modal-close span {
    display: block;
    font-size: 7.98px;
    margin-top: 11.4px;
    color: #fff;
  }
  body .modal .modal-wrap .modal-content img {
    width: 100%;
  }
  body .more--263 {
    height: 38.19px;
    width: 149.91px;
  }
  body .more--263::after {
    width: 149.91px;
    top: auto;
    bottom: 0;
    background: url(../img/unv/academics/arrow_263.svg) no-repeat;
  }
  body .nav {
    width: 100%;
    margin-top: 19.95px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
  }
  body .nav__page-ul {
    margin-left: 21.66px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 20.52px;
    position: relative;
    color: #777777;
  }
  body .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 4.56px;
    height: 0.57px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7.98px;
    margin: auto;
  }
  body .nav__anchor-ul {
    margin-right: 19.95px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__anchor-ul li {
    margin-right: 10.26px;
    margin-left: 11.685px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .nav__anchor-ul li a::after {
    content: "";
    width: 10.26px;
    height: 3.42px;
    position: absolute;
    right: -12.54px;
    top: 5.13px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .nav__anchor-ul li a:hover::after {
    top: 9.12px;
  }
  body section.gray {
    background: #f7f7f7;
  }
  body .underfv, body .kv-swiper {
    position: relative;
    width: 100%;
  }
  body .underfv .swiper-unv_fv, body .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .underfv .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .underfv .swiper-unv_fv .swiper-pagination, body .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 21.66px !important;
    right: 44.46px !important;
    color: #fff;
  }
  body .underfv .swiper-unv_fv .swiper-pagination span, body .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 7.98px;
  }
  body .underfv .swiper-unv_fv .next, body .kv-swiper .swiper-unv_fv .next {
    width: 10.26px;
    height: 3.42px;
    position: absolute;
    right: 21.66px;
    bottom: 24.51px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .underfv .swiper-unv_fv .next:hover, body .kv-swiper .swiper-unv_fv .next:hover {
    right: 17.1px;
  }
  body .underfv h2, body .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .underfv h2 > span, body .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 5.7px;
    margin-left: 3.42px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .underfv h2 > span.subttl, body .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 11.4px;
    margin-bottom: -22.8px;
  }
  body .underfv h2 > span.text--pc--18, body .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 9.69px;
  }
  body .underfv h2::after, body .kv-swiper h2::after {
    display: none;
  }
  body .main:not(.toppage) .thirdfv {
    height: 243.39px;
    background: #F1F1F1;
  }
  body .main:not(.toppage) .thirdfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main:not(.toppage) .thirdfv .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main:not(.toppage) .thirdfv .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .main:not(.toppage) .btn--movie {
    width: 57px;
    height: 57px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main:not(.toppage) .btn--movie > span {
    font-size: 4.56px;
    color: #fff;
    text-align: center;
  }
  body .main:not(.toppage) .btn--movie > img {
    width: 10.26px;
  }
  body .main:not(.toppage) .img-txt-box > li {
    display: flex;
    margin-bottom: 22.8px;
  }
  body .main:not(.toppage) .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box > li .img {
    width: 273.6px;
    margin-right: 22.8px;
  }
  body .main:not(.toppage) .img-txt-box > li .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box > li .txt {
    width: 364.8px;
  }
  body .main:not(.toppage) .img-txt-box > li .txt .text--pc--24 {
    margin-bottom: 13.68px;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li {
    align-items: center;
    padding: 18.81px 0 17.1px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .img {
    width: 79.8px;
    margin-right: 22.8px;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--18 {
    margin-bottom: 9.69px;
    font-weight: bold;
  }
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--16 {
    position: relative;
    top: -3.42px;
  }
  body .main:not(.toppage) .img-txt-box.flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 661.2px;
    margin: auto;
    margin-top: 43.32px;
  }
  body .main:not(.toppage) .img-txt-box.flex li {
    display: block;
    width: 205.2px;
    margin-right: 22.8px;
  }
  body .main:not(.toppage) .img-txt-box.flex li a {
    position: relative;
    display: block;
  }
  body .main:not(.toppage) .img-txt-box.flex li a::after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 3.42px;
    transition: .5s right;
  }
  body .main:not(.toppage) .img-txt-box.flex li .img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box.flex li .txt {
    width: 100%;
    margin-top: 10.83px;
    letter-spacing: 0.05em;
  }
  body .main:not(.toppage) .img-txt-box.flex li .txt p {
    margin-top: 3.99px;
    letter-spacing: 0.03em;
  }
  body .main:not(.toppage) .movie-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body .main:not(.toppage) .movie-list > li {
    width: 205.2px;
    margin-bottom: 30.78px;
  }
  body .main:not(.toppage) .movie-list > li a .img {
    position: relative;
    width: 100%;
    margin-bottom: 8.55px;
    overflow: hidden;
  }
  body .main:not(.toppage) .movie-list > li a .img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > span {
    position: absolute;
    top: 17.1px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > img {
    position: absolute;
    top: 11.4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a:hover .img > img {
    transform: scale(1.3);
  }
  body .main:not(.toppage) .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .exam-info {
    padding-top: 107.73px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail {
    margin-top: 11.97px;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail.wide ul li {
    width: 476.52px;
  }
  body .main:not(.toppage) .exam-info .inner .more-area {
    width: 661.2px;
    margin: auto;
    margin-top: 18.81px;
    margin-right: 2.28px;
    display: flex;
    justify-content: flex-end;
  }
  body .main:not(.toppage) .infomation {
    padding-top: 68.4px;
    padding-bottom: 62.13px;
  }
  body .main:not(.toppage) .infomation .content .more {
    left: 610.47px;
    top: 23.37px;
  }
  body .main:not(.toppage) .contact {
    padding: 59.28px 0 63.84px 0;
  }
  body .main:not(.toppage) .contact h2 {
    margin-bottom: 25.65px;
  }
  body .main:not(.toppage) .contact .contact-info {
    margin-bottom: 8.55px;
    margin-left: 11.4px;
    font-weight: bold;
  }
  body .main:not(.toppage) .contact .flex {
    position: relative;
  }
  body .main:not(.toppage) .contact .flex .access {
    margin-left: 11.4px;
  }
  body .main:not(.toppage) .contact .flex .access span {
    font-size: 9.12px;
    color: #777777;
    margin-left: 9.12px;
  }
  body .main:not(.toppage) .contact .flex .more-area {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 5.7px;
  }
  body .main:not(.toppage) .contact .flex .more-area > li {
    margin-right: 13.68px;
  }
  body .main:not(.toppage) section .more-area.flex {
    width: 661.2px;
    margin: auto;
    margin-top: 13.11px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  body .main:not(.toppage) section .more-area.flex li:not(:nth-last-child(1)) {
    margin-right: 17.1px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .debug {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    opacity: 0.3;
    z-index: 1000;
    pointer-events: none;
  }
  body .debug img {
    width: 100%;
  }
  body .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
  }
  body .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 89.33333vw;
  }
  body .modal .modal-wrap .modal-close {
    position: absolute;
    width: 11.73333vw;
    top: -13vw;
    right: 0;
    cursor: pointer;
  }
  body .modal .modal-wrap .modal-close::before {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .modal .modal-wrap .modal-close::after {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .modal .modal-wrap .modal-close span {
    display: block;
    font-size: 3.73333vw;
    margin-top: 5.33333vw;
    color: #fff;
  }
  body .modal .modal-wrap .modal-content img {
    width: 100%;
  }
  body .more--263 {
    width: 89.33333vw;
    height: 2vw;
  }
  body .more--263::after {
    width: 89.33333vw;
    height: 2vw !important;
    top: auto;
    bottom: 0;
    background: url(../img/unv/academics/arrow_263.svg) no-repeat;
  }
  body .nav {
    margin-top: 4.26667vw;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
    background: #fff;
    z-index: 1;
    position: relative;
  }
  body .nav__pageBox {
    overflow-x: scroll;
  }
  body .nav__page-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 2.13333vw;
  }
  body .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 10.66667vw;
    position: relative;
    color: #777777;
  }
  body .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 2.13333vw;
    height: 0.26667vw;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.26667vw;
    margin: auto;
  }
  body .nav__anchor-ul {
    margin-top: 10.4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .nav__anchor-ul li {
    margin-right: 11.2vw;
    margin-bottom: 6.13333vw;
    position: relative;
  }
  body .nav__anchor-ul li:nth-last-child(1) {
    margin-right: 4.8vw;
  }
  body .nav__anchor-ul li a::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    position: absolute;
    right: -6.4vw;
    top: 2.4vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .nav__anchor-ul li a:hover::after {
    top: 4.26667vw;
  }
  body section.gray {
    background: #f7f7f7;
  }
  body .underfv, body .kv-swiper {
    position: relative;
    width: 100%;
    height: 163.46667vw;
  }
  body .underfv .swiper-unv_fv, body .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .underfv .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .underfv .swiper-unv_fv .swiper-pagination, body .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 5.33333vw !important;
    right: 5.33333vw !important;
    color: #fff;
  }
  body .underfv .swiper-unv_fv .swiper-pagination span, body .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 3.73333vw;
  }
  body .underfv h2, body .kv-swiper h2 {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
  }
  body .underfv h2 > span, body .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: -2.66667vw;
    margin-bottom: 4.8vw;
    font-size: 10.66667vw;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
  body .underfv h2 > span.subttl, body .kv-swiper h2 > span.subttl {
    width: 100%;
  }
  body .underfv h2 > span.text--pc--18, body .kv-swiper h2 > span.text--pc--18 {
    line-height: 1.6;
    font-size: 4.26667vw;
    letter-spacing: 0.03em;
  }
  body .underfv h2::after, body .kv-swiper h2::after {
    display: none;
  }
  body .main:not(.toppage) .thirdfv {
    height: 115vw;
    background: #F1F1F1;
  }
  body .main:not(.toppage) .thirdfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 56%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
    text-align: center;
  }
  body .main:not(.toppage) .thirdfv .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main:not(.toppage) .thirdfv .fv-txt span {
    margin-top: 4vw;
  }
  body .main:not(.toppage) .btn--movie {
    width: 26.66667vw;
    height: 26.66667vw;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main:not(.toppage) .btn--movie > span {
    font-size: 2.13333vw;
    color: #fff;
    text-align: center;
  }
  body .main:not(.toppage) .btn--movie > img {
    width: 4.8vw;
  }
  body .main:not(.toppage) .img-txt-box {
    width: 89.33333vw;
    margin: auto;
  }
  body .main:not(.toppage) .img-txt-box > li {
    margin-bottom: 18vw;
  }
  body .main:not(.toppage) .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .img-txt-box > li .img {
    margin-bottom: 2.66667vw;
  }
  body .main:not(.toppage) .img-txt-box > li .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .img-txt-box > li .text--pc--24 {
    margin-bottom: 3.2vw;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.7vw 0;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .img {
    width: 23.8806vw;
    margin-right: 4.26667vw;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .img > img {
    width: 100%;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt {
    width: 71.34328vw;
  }
  オープンキャンパス情報
  body .main:not(.toppage) .img-txt-box.circle-img > li .txt .text--pc--18 {
    margin-bottom: 1.6vw;
  }
  body .main:not(.toppage) .img-txt-box.flex {
    display: block;
  }
  body .main:not(.toppage) .movie-list > li {
    margin-bottom: 9.2vw;
  }
  body .main:not(.toppage) .movie-list > li a .img {
    position: relative;
    margin-bottom: 2.66667vw;
  }
  body .main:not(.toppage) .movie-list > li a .img > img {
    width: 100%;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > span {
    position: absolute;
    top: 8vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .img .btn--movie > img {
    position: absolute;
    top: 5.33333vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main:not(.toppage) .movie-list > li a .text--m {
    font-size: 3.2vw;
  }
  body .main:not(.toppage) .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) .exam-info {
    padding-top: 31.2vw;
    padding-bottom: 26.66667vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex h2 span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail {
    margin-top: 22vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail ul {
    padding-bottom: 6.4vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail ul li {
    height: auto;
    padding-bottom: 1.86667vw;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail ul li a {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main:not(.toppage) .exam-info .inner .flex .detail ul li a::after {
    top: auto;
    bottom: 3.2vw;
  }
  body .main:not(.toppage) .exam-info .inner .more-area {
    width: 89.33333vw;
    margin: auto;
    margin-top: 18vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main:not(.toppage) .contact {
    padding: 23.06667vw 0 37.66667vw 0;
  }
  body .main:not(.toppage) .contact h2 {
    margin-bottom: 14vw;
  }
  body .main:not(.toppage) .contact .contact-info {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 5.46667vw;
    line-height: 1.8;
  }
  body .main:not(.toppage) .contact .contact-wrap {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 38.66667vw;
  }
  body .main:not(.toppage) .contact .contact-wrap .access p span {
    display: block;
    color: #777777;
  }
  body .main:not(.toppage) .contact .contact-wrap .more-area {
    width: 66.66667vw;
    position: absolute;
    right: 1.7vw;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
  body .main:not(.toppage) .contact .contact-wrap .more-area > li {
    margin-bottom: 8vw;
  }
  body .main:not(.toppage) .contact .contact-wrap .more-area > li:last-child {
    margin-bottom: 0;
  }
  body .main:not(.toppage) section .more-area.flex {
    width: 81.6vw;
    margin: auto;
    margin-top: 14.93333vw;
    margin-left: 13.33333vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  body .main:not(.toppage) section .more-area.flex li {
    margin-left: 6.4vw;
  }
  body .main:not(.toppage) section .more-area.flex li:not(:nth-child(1)) {
    margin-top: 10.93333vw;
  }
  body .main:not(.toppage) section .more-area.flex li .more {
    height: auto;
    padding-bottom: 2.13333vw;
  }
  body .main:not(.toppage) section .more-area.flex li .more::after {
    bottom: 0vw;
    top: auto;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.academics-details-page .find {
    background-color: #fff;
    padding-top: 10.13889vw;
    padding-bottom: 2.22222vw;
  }
  body .main.academics-details-page .find h2 {
    margin-bottom: 7.70833vw;
  }
  body .main.academics-details-page .work {
    background-color: #F7F7F7;
    padding-top: 7.36111vw;
    padding-bottom: 7.63889vw;
  }
  body .main.academics-details-page .work .inner h2 {
    margin-bottom: 5.41667vw;
  }
  body .main.academics-details-page .interview {
    padding-top: 7.36111vw;
    padding-bottom: 8.19444vw;
  }
  body .main.academics-details-page .interview .inner h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul {
    width: 80.55556vw;
    margin: auto;
    margin-top: 5.55556vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li:not(:nth-child(1)) {
    margin-top: 4.16667vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a::after {
    content: "";
    width: 2.22222vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0vw;
    right: 0vw;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a:hover::after {
    opacity: .7;
    transform: translateX(1.11111vw);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img {
    width: 33.33333vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img img {
    width: 100%;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text {
    width: 44.79167vw;
    height: 18.75vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title {
    width: 40.97222vw;
    margin-top: 2.63889vw;
    margin-left: 2.01389vw;
    font-size: 1.66667vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::before {
    content: "";
    width: 2.77778vw;
    height: 2.22222vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -0.55556vw;
    left: -1.80556vw;
    z-index: -1;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::after {
    content: "";
    width: 2.77778vw;
    height: 2.22222vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -0.69444vw;
    right: -1.38889vw;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox {
    margin-left: 0.27778vw;
    margin-bottom: -0.48611vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 0.13889vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .department {
    margin-top: 0.27778vw;
  }
  body .main.academics-details-page .interview .inner .more-area {
    width: 80.55556vw;
    margin: auto;
    margin-top: 4.72222vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-page .features {
    padding-top: 7.5vw;
    padding-bottom: 8.47222vw;
    background: linear-gradient(180deg, #dbe2e6 0%, #b1bfc7 100%);
  }
  body .main.academics-details-page .features .inner {
    width: 80.55556vw;
    margin: auto;
    position: relative;
  }
  body .main.academics-details-page .features .inner > .img {
    width: 50vw;
    position: absolute;
    top: 11.11111vw;
    left: 0vw;
    z-index: 0;
  }
  body .main.academics-details-page .features .inner > .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .features-text {
    width: 34.72222vw;
    margin-top: 8.33333vw;
    margin-left: 45.83333vw;
    position: relative;
    z-index: 1;
  }
  body .main.academics-details-page .features .inner .features-text h3 {
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .features-text p {
    margin-left: 6.94444vw;
  }
  body .main.academics-details-page .features .inner .features-text p:nth-of-type(1) {
    margin-top: 2.36111vw;
  }
  body .main.academics-details-page .features .inner .features-text p.position {
    text-align: right;
    margin-top: 1.38889vw;
  }
  body .main.academics-details-page .features .inner .features-text p.name {
    text-align: right;
    margin-top: 1.11111vw;
    margin-right: -0.13889vw;
    font-size: 1.66667vw;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .policy {
    padding-top: 7.56944vw;
  }
  body .main.academics-details-page .features .inner .policy-text {
    width: 52.77778vw;
    margin-top: 5.55556vw;
    position: relative;
  }
  body .main.academics-details-page .features .inner .policy-text h3 {
    line-height: 1;
  }
  body .main.academics-details-page .features .inner .policy-text p {
    margin-top: 2.22222vw;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area {
    position: absolute;
    bottom: 0.34722vw;
    right: -27.77778vw;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area li:not(:nth-child(1)) {
    margin-top: 1.875vw;
  }
  body .main.academics-details-page .features .inner .flex .know {
    width: 13.19444vw;
    padding-top: 7.08333vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know {
    margin-top: 0.97222vw;
    margin-right: 0;
    padding-top: 7.08333vw;
    overflow: visible;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 19.44444vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 1.38889vw;
    letter-spacing: -0.04em;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 0.76389vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 2.77778vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0.69444vw;
    right: 0.13889vw;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(1.11111vw);
  }
  body .main.academics-details-page .jwu-times {
    padding-top: 7.08333vw;
    padding-bottom: 4.86111vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.academics-details-page .find {
    background-color: #fff;
    padding-top: 146px;
    padding-bottom: 32px;
  }
  body .main.academics-details-page .find h2 {
    margin-bottom: 111px;
  }
  body .main.academics-details-page .work {
    background-color: #F7F7F7;
    padding-top: 106px;
    padding-bottom: 110px;
  }
  body .main.academics-details-page .work .inner h2 {
    margin-bottom: 78px;
  }
  body .main.academics-details-page .interview {
    padding-top: 106px;
    padding-bottom: 118px;
  }
  body .main.academics-details-page .interview .inner h2 {
    margin-bottom: 80px;
  }
  body .main.academics-details-page .interview .inner .interview-ul {
    width: 1160px;
    margin: auto;
    margin-top: 80px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li:not(:nth-child(1)) {
    margin-top: 60px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a::after {
    content: "";
    width: 32px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a:hover::after {
    opacity: .7;
    transform: translateX(16px);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img {
    width: 480px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img img {
    width: 100%;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text {
    width: 645px;
    height: 270px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title {
    width: 590px;
    margin-top: 38px;
    margin-left: 29px;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::before {
    content: "";
    width: 40px;
    height: 32px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -8px;
    left: -26px;
    z-index: -1;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::after {
    content: "";
    width: 40px;
    height: 32px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -10px;
    right: -20px;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox {
    margin-left: 4px;
    margin-bottom: -7px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 2px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .department {
    margin-top: 4px;
  }
  body .main.academics-details-page .interview .inner .more-area {
    width: 1160px;
    margin: auto;
    margin-top: 68px;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-page .features {
    padding-top: 108px;
    padding-bottom: 122px;
    background: linear-gradient(180deg, #dbe2e6 0%, #b1bfc7 100%);
  }
  body .main.academics-details-page .features .inner {
    width: 1160px;
    margin: auto;
    position: relative;
  }
  body .main.academics-details-page .features .inner > .img {
    width: 720px;
    position: absolute;
    top: 160px;
    left: 0px;
    z-index: 0;
  }
  body .main.academics-details-page .features .inner > .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .features-text {
    width: 500px;
    margin-top: 120px;
    margin-left: 660px;
    position: relative;
    z-index: 1;
  }
  body .main.academics-details-page .features .inner .features-text h3 {
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .features-text p {
    margin-left: 100px;
  }
  body .main.academics-details-page .features .inner .features-text p:nth-of-type(1) {
    margin-top: 34px;
  }
  body .main.academics-details-page .features .inner .features-text p.position {
    text-align: right;
    margin-top: 20px;
  }
  body .main.academics-details-page .features .inner .features-text p.name {
    text-align: right;
    margin-top: 16px;
    margin-right: -2px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .policy {
    padding-top: 109px;
  }
  body .main.academics-details-page .features .inner .policy-text {
    width: 760px;
    margin-top: 80px;
    position: relative;
  }
  body .main.academics-details-page .features .inner .policy-text h3 {
    line-height: 1;
  }
  body .main.academics-details-page .features .inner .policy-text p {
    margin-top: 32px;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area {
    position: absolute;
    bottom: 5px;
    right: -400px;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area li:not(:nth-child(1)) {
    margin-top: 27px;
  }
  body .main.academics-details-page .features .inner .flex .know {
    width: 190px;
    padding-top: 102px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know {
    margin-top: 14px;
    margin-right: 0;
    padding-top: 102px;
    overflow: visible;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 280px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 20px;
    letter-spacing: -0.04em;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 11px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 40px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 10px;
    right: 2rpx;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(16px);
  }
  body .main.academics-details-page .jwu-times {
    padding-top: 102px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.academics-details-page .find {
    background-color: #fff;
    padding-top: 182.5px;
    padding-bottom: 40px;
  }
  body .main.academics-details-page .find h2 {
    margin-bottom: 138.75px;
  }
  body .main.academics-details-page .find .contents {
    margin-bottom: 112.5px;
  }
  body .main.academics-details-page .work {
    background-color: #F7F7F7;
    padding-top: 132.5px;
    padding-bottom: 137.5px;
  }
  body .main.academics-details-page .work .inner h2 {
    margin-bottom: 97.5px;
  }
  body .main.academics-details-page .interview {
    padding-top: 132.5px;
    padding-bottom: 147.5px;
  }
  body .main.academics-details-page .interview .inner h2 {
    margin-bottom: 100px;
  }
  body .main.academics-details-page .interview .inner .interview-ul {
    width: 1450px;
    margin: auto;
    margin-top: 100px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li:not(:nth-child(1)) {
    margin-top: 75px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a::after {
    content: "";
    width: 40px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a:hover::after {
    opacity: .7;
    transform: translateX(20px);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img {
    width: 600px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img img {
    width: 100%;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text {
    width: 806.25px;
    height: 337.5px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title {
    width: 737.5px;
    margin-top: 47.5px;
    margin-left: 36.25px;
    font-size: 30px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::before {
    content: "";
    width: 50px;
    height: 40px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -10px;
    left: -32.5px;
    z-index: -1;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::after {
    content: "";
    width: 50px;
    height: 40px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -12.5px;
    right: -25px;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox {
    margin-left: 5px;
    margin-bottom: -8.75px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 2.5px;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .department {
    margin-top: 5px;
  }
  body .main.academics-details-page .interview .inner .more-area {
    width: 1450px;
    margin: auto;
    margin-top: 85px;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-page .features {
    padding-top: 135px;
    padding-bottom: 152.5px;
    background: linear-gradient(180deg, #dbe2e6 0%, #b1bfc7 100%);
  }
  body .main.academics-details-page .features .inner {
    width: 1450px;
    margin: auto;
    position: relative;
  }
  body .main.academics-details-page .features .inner > .img {
    width: 900px;
    position: absolute;
    top: 200px;
    left: 0px;
    z-index: 0;
  }
  body .main.academics-details-page .features .inner > .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .features-text {
    width: 625px;
    margin-top: 150px;
    margin-left: 825px;
    position: relative;
    z-index: 1;
  }
  body .main.academics-details-page .features .inner .features-text h3 {
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .features-text p {
    margin-left: 125px;
  }
  body .main.academics-details-page .features .inner .features-text p:nth-of-type(1) {
    margin-top: 42.5px;
  }
  body .main.academics-details-page .features .inner .features-text p.position {
    text-align: right;
    margin-top: 25px;
  }
  body .main.academics-details-page .features .inner .features-text p.name {
    text-align: right;
    margin-top: 20px;
    margin-right: -2.5px;
    font-size: 30px;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .policy {
    padding-top: 136.25px;
  }
  body .main.academics-details-page .features .inner .policy-text {
    width: 950px;
    margin-top: 100px;
    position: relative;
  }
  body .main.academics-details-page .features .inner .policy-text h3 {
    line-height: 1;
  }
  body .main.academics-details-page .features .inner .policy-text p {
    margin-top: 40px;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area {
    position: absolute;
    bottom: 6.25px;
    right: -500px;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area li:not(:nth-child(1)) {
    margin-top: 33.75px;
  }
  body .main.academics-details-page .features .inner .flex .know {
    width: 237.5px;
    padding-top: 127.5px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know {
    margin-top: 17.5px;
    margin-right: 0;
    padding-top: 127.5px;
    overflow: visible;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 350px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 25px;
    letter-spacing: -0.04em;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 13.75px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 50px;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 12.5px;
    right: 2.5rpx;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(20px);
  }
  body .main.academics-details-page .jwu-times {
    padding-top: 127.5px;
    padding-bottom: 87.5px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.academics-details-page .find {
    padding-top: 16.3vw;
    padding-bottom: 26.6vw;
    background-color: #fff;
  }
  body .main.academics-details-page .find h2 {
    margin-bottom: 23vw;
  }
  body .main.academics-details-page .work {
    background-color: #F7F7F7;
    padding-top: 23.2vw;
    padding-bottom: 21.33333vw;
  }
  body .main.academics-details-page .interview {
    padding-top: 23.2vw;
    padding-bottom: 25.86667vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul {
    width: 89.33333vw;
    margin: auto;
    margin-top: 21.33333vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li:not(:nth-child(1)) {
    margin-top: 18.4vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a {
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a::after {
    content: "";
    width: 8.53333vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 1.33333vw;
    right: 0vw;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .interview .inner .interview-ul li a:hover::after {
    opacity: .7;
    transform: translateX(4.26667vw);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img {
    width: 89.33333vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .img img {
    width: 100%;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text {
    width: 89.33333vw;
    margin-top: 6.4vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title {
    width: 75.73333vw;
    margin-top: 6.66667vw;
    margin-left: 8.26667vw;
    font-size: 4.26667vw;
    letter-spacing: 0.03em;
    line-height: 1.8;
    position: relative;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::before {
    content: "";
    width: 10.66667vw;
    height: 8.53333vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -2.13333vw;
    left: -6.93333vw;
    z-index: -1;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .title::after {
    content: "";
    width: 10.66667vw;
    height: 8.53333vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -2.66667vw;
    right: -5.33333vw;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox {
    margin-top: 2.66667vw;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .name {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .supplement {
    margin-top: 1.6vw;
    font-weight: 500;
  }
  body .main.academics-details-page .interview .inner .interview-ul li .text .textBox .department {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }
  body .main.academics-details-page .interview .inner .more-area {
    width: 89.33333vw;
    margin: auto;
    margin-top: 19.46667vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-page .features {
    padding-top: 23.2vw;
    padding-bottom: 25.06667vw;
    background: linear-gradient(180deg, #dbe2e6 0%, #b1bfc7 100%);
  }
  body .main.academics-details-page .features .inner {
    width: 100%;
    margin: auto;
    position: relative;
  }
  body .main.academics-details-page .features .inner > .img {
    width: 89.33333vw;
    margin: auto;
    margin-top: 21.06667vw;
  }
  body .main.academics-details-page .features .inner > .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .features-text {
    width: 89.33333vw;
    margin: auto;
    margin-top: 9.86667vw;
  }
  body .main.academics-details-page .features .inner .features-text h3 {
    padding: 0.8vw 4.26667vw 1.06667vw 4vw;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .features-text p {
    font-size: 3.73333vw;
    line-height: 1.79;
  }
  body .main.academics-details-page .features .inner .features-text p:nth-of-type(1) {
    margin-top: 6.66667vw;
  }
  body .main.academics-details-page .features .inner .features-text p.position {
    text-align: right;
    margin-top: 5.33333vw;
  }
  body .main.academics-details-page .features .inner .features-text p.name {
    text-align: right;
    margin-top: 1.06667vw;
    font-size: 4.8vw;
    letter-spacing: 0.03em;
    line-height: 1.8;
  }
  body .main.academics-details-page .features .inner .policy {
    padding-top: 21.33333vw;
  }
  body .main.academics-details-page .features .inner .policy-text {
    width: 89.33333vw;
    margin-top: 20.53333vw;
    margin-left: 5.33333vw;
    position: relative;
  }
  body .main.academics-details-page .features .inner .policy-text h3 {
    padding: 0.8vw 4.26667vw 1.06667vw 4vw;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-page .features .inner .policy-text p {
    margin-top: 6.4vw;
    font-size: 3.73333vw;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area {
    width: 89.33333vw;
    margin: auto;
    margin-top: 12.53333vw;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area li:not(:nth-child(1)) {
    margin-top: 9.6vw;
  }
  body .main.academics-details-page .features .inner .policy-text .more-area li a {
    font-size: 3.73333vw;
    height: 8.53333vw;
  }
  body .main.academics-details-page .features .inner .flex {
    display: block;
  }
  body .main.academics-details-page .features .inner .flex .know {
    padding-top: 22.93333vw;
  }
  body .main.academics-details-page .features .inner .flex .know span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know {
    margin-top: 21.33333vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 53.33333vw;
    margin-left: 5vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner:nth-last-child(1) {
    margin-right: 4.8vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text .text--pc--18 {
    margin-top: 3.73333vw;
    font-size: 3.73333vw;
    font-weight: 700;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text .text--pc--16 {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 1.6vw;
    right: -0.53333vw;
    transition: .5s ease-out;
  }
  body .main.academics-details-page .features .inner .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(4.26667vw);
  }
  body .main.academics-details-page .jwu-times {
    padding-top: 21.86667vw;
    padding-bottom: 0vw;
  }
  body .main.academics-details-page .jwu-times h2 {
    margin-bottom: 21.33333vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.unvpage .inner-ttl {
    margin-bottom: 3.47222vw;
  }
  body .main.unvpage .top {
    width: 100%;
    object-fit: cover;
    position: relative;
  }
  body .main.unvpage .top img {
    width: 100%;
  }
  body .main.unvpage .top .kv-txt {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }
  body .main.unvpage .find {
    padding-top: 7.29167vw;
    padding-bottom: 4.16667vw;
  }
  body .main.unvpage .find h2 {
    margin-bottom: 3.47222vw;
  }
  body .main.unvpage .find .about-jwu {
    width: 81.94444vw;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box {
    position: relative;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box .more {
    position: absolute;
    left: 73.75vw;
    bottom: 0.69444vw;
  }
  body .main.unvpage .find .faculty-list {
    position: relative;
    padding-top: 7.91667vw;
    padding-bottom: 6.25vw;
    margin-bottom: 6.04167vw;
  }
  body .main.unvpage .find .faculty-list > .more {
    position: absolute;
    right: 0vw;
    bottom: 0vw;
  }
  body .main.unvpage .find .support {
    width: 80.55556vw;
    padding-bottom: 6.45833vw;
  }
  body .main.unvpage .find .support .more-area {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.unvpage .find .support .more-area li {
    margin-right: 1.66667vw;
  }
  body .main.unvpage .find .support .more-area li:last-of-type {
    margin: 0;
  }
  body .main.unvpage .find .inthe-video {
    width: 80.55556vw;
    padding-top: 6.04167vw;
  }
  body .main.unvpage .exam-info {
    padding-top: 0;
  }
  body .main.unvpage .exam-info h2 {
    padding-top: 8.68056vw;
  }
  body .main.unvpage .exam-info .detail #faculty-exam, body .main.unvpage .exam-info .detail #grad-exam {
    padding-top: 8.68056vw;
  }
  body .main.unvpage .opencampus-info {
    background-color: #f7f7f7;
    padding: 8.68056vw 0 9.02778vw 0;
  }
  body .main.unvpage .opencampus-info h2 {
    width: 20.83333vw;
    margin-right: 5.55556vw;
  }
  body .main.unvpage .opencampus-info .img-txt-box {
    width: 62.5vw;
    margin-top: 0.34722vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.unvpage .inner-ttl {
    margin-bottom: 50px;
  }
  body .main.unvpage .top {
    width: 100%;
    object-fit: cover;
    position: relative;
  }
  body .main.unvpage .top img {
    width: 100%;
  }
  body .main.unvpage .top .kv-txt {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }
  body .main.unvpage .find {
    padding-top: 105px;
    padding-bottom: 60px;
  }
  body .main.unvpage .find h2 {
    margin-bottom: 50px;
  }
  body .main.unvpage .find .about-jwu {
    width: 1180px;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box {
    position: relative;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box .more {
    position: absolute;
    left: 1062px;
    bottom: 10px;
  }
  body .main.unvpage .find .faculty-list {
    position: relative;
    padding-top: 114px;
    padding-bottom: 90px;
    margin-bottom: 87px;
  }
  body .main.unvpage .find .faculty-list > .more {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  body .main.unvpage .find .support {
    width: 1160px;
    padding-bottom: 93px;
  }
  body .main.unvpage .find .support .more-area {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.unvpage .find .support .more-area li {
    margin-right: 24px;
  }
  body .main.unvpage .find .support .more-area li:last-of-type {
    margin: 0;
  }
  body .main.unvpage .find .inthe-video {
    width: 1160px;
    padding-top: 87px;
  }
  body .main.unvpage .exam-info {
    padding-top: 0;
  }
  body .main.unvpage .exam-info h2 {
    padding-top: 125px;
  }
  body .main.unvpage .exam-info .detail #faculty-exam, body .main.unvpage .exam-info .detail #grad-exam {
    padding-top: 125px;
  }
  body .main.unvpage .opencampus-info {
    background-color: #f7f7f7;
    padding: 125px 0 130px 0;
  }
  body .main.unvpage .opencampus-info h2 {
    width: 300px;
    margin-right: 80px;
  }
  body .main.unvpage .opencampus-info .img-txt-box {
    width: 900px;
    margin-top: 5px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.unvpage .inner-ttl {
    margin-bottom: 62.5px;
  }
  body .main.unvpage .top {
    width: 100%;
    object-fit: cover;
    position: relative;
  }
  body .main.unvpage .top img {
    width: 100%;
  }
  body .main.unvpage .top .kv-txt {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }
  body .main.unvpage .find {
    padding-top: 131.25px;
    padding-bottom: 75px;
  }
  body .main.unvpage .find h2 {
    margin-bottom: 62.5px;
  }
  body .main.unvpage .find .about-jwu {
    width: 1475px;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box {
    position: relative;
  }
  body .main.unvpage .find .about-jwu .txt-btn-box .more {
    position: absolute;
    left: 1327.5px;
    bottom: 12.5px;
  }
  body .main.unvpage .find .faculty-list {
    position: relative;
    padding-top: 142.5px;
    padding-bottom: 112.5px;
    margin-bottom: 108.75px;
  }
  body .main.unvpage .find .faculty-list > .more {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  body .main.unvpage .find .support {
    width: 1450px;
    padding-bottom: 116.25px;
  }
  body .main.unvpage .find .support .more-area {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.unvpage .find .support .more-area li {
    margin-right: 30px;
  }
  body .main.unvpage .find .support .more-area li:last-of-type {
    margin: 0;
  }
  body .main.unvpage .find .inthe-video {
    width: 1450px;
    padding-top: 108.75px;
  }
  body .main.unvpage .exam-info {
    padding-top: 0;
    margin-top: 0;
  }
  body .main.unvpage .exam-info h2 {
    padding-top: 156.25px;
  }
  body .main.unvpage .exam-info .detail #faculty-exam, body .main.unvpage .exam-info .detail #grad-exam {
    padding-top: 156.25px;
  }
  body .main.unvpage .opencampus-info {
    background-color: #f7f7f7;
    padding: 156.25px 0 162.5px 0;
  }
  body .main.unvpage .opencampus-info h2 {
    width: 375px;
    margin-right: 100px;
  }
  body .main.unvpage .opencampus-info .img-txt-box {
    width: 1125px;
    margin-top: 6.25px;
  }
  body .main.unvpage .opencampus-info .img-txt-box > li {
    align-items: center;
    padding: 41.25px 0 37.5px;
    border-top: solid 1px #D9D9D9;
  }
  body .main.unvpage .opencampus-info .img-txt-box > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main.unvpage .opencampus-info .img-txt-box > li .img {
    margin-right: 50px;
  }
  body .main.unvpage .opencampus-info .img-txt-box > li .txt .text--pc--18 {
    margin-bottom: 21.25px;
    font-weight: bold;
  }
  body .main.unvpage .opencampus-info .img-txt-box > li .txt .text--pc--16 {
    position: relative;
    top: -7.5px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  .main.unvpage .inner-ttl {
    margin-bottom: 8.33333vw;
  }
  .main.unvpage .nav {
    width: 110%;
  }
  .main.unvpage .infomation {
    padding-top: 16vw;
    padding-bottom: 18vw;
  }
  .main.unvpage .infomation .news-area li {
    margin-bottom: 6.06667vw;
  }
  .main.unvpage .find {
    padding-bottom: 25.2vw;
  }
  .main.unvpage .find .about-jwu h2 {
    margin-bottom: 19.46667vw;
  }
  .main.unvpage .find .about-jwu .txt-btn-box {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 17.2vw;
  }
  .main.unvpage .find .about-jwu .txt-btn-box .more {
    position: absolute;
    right: 0vw;
    bottom: 2vw;
  }
  .main.unvpage .find .faculty-list {
    position: relative;
    padding-top: 4.53333vw;
    padding-bottom: 27.66667vw;
    margin-bottom: 26.66667vw;
  }
  .main.unvpage .find .faculty-list > .more {
    position: absolute;
    right: 11.33333vw;
    bottom: 0vw;
  }
  .main.unvpage .find .support {
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 36.66667vw;
  }
  .main.unvpage .find .support .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    width: 76.6vw;
    height: 28.8vw;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .main.unvpage .find .support .more-area li {
    margin-right: 12.4vw;
  }
  .main.unvpage .find .support .more-area li:nth-child(2n) {
    margin: 0;
  }
  .main.unvpage .find .inthe-video {
    width: 89.33333vw;
    margin: auto;
    padding-top: 23.73333vw;
  }
  .main.unvpage .exam-info {
    padding-top: 23.06667vw;
    padding-bottom: 37vw;
  }
  .main.unvpage .exam-info .detail {
    margin-top: 0;
  }
  .main.unvpage .exam-info .detail ul {
    margin-bottom: 0;
  }
  .main.unvpage .exam-info .detail #faculty-exam {
    padding-top: 16vw;
  }
  .main.unvpage .exam-info .detail #grad-exam {
    padding-top: 16vw;
  }
  .main.unvpage .opencampus-info {
    background-color: #f7f7f7;
    padding: 24.06667vw 0 26.66667vw 0;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.jwutimespage {
    padding-bottom: 6.94444vw;
  }
  body .main.jwutimespage h3 {
    margin-bottom: 3.47222vw;
  }
  body .main.jwutimespage .nav {
    margin-bottom: 10.625vw;
  }
  body .main.jwutimespage .time-box {
    width: 81.25vw;
    margin: auto;
  }
  body .main.jwutimespage .time-box .more-area {
    display: flex;
  }
  body .main.jwutimespage .time-box .more-area li {
    margin-right: 1.66667vw;
  }
  body .main.jwutimespage .time-box #now-jwu {
    padding-top: 5.55556vw;
  }
  body .main.jwutimespage .time-box #see-jwu {
    padding-top: 2.08333vw;
  }
  body .main.jwutimespage .time-box #jwu-life {
    padding-top: 2.77778vw;
  }
  body .main.jwutimespage .time-box .img-txt-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main.jwutimespage .time-box .img-txt-box > li {
    width: 25vw;
    margin-bottom: 4.51389vw;
  }
  body .main.jwutimespage .time-box .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main.jwutimespage .time-box .img-txt-box > li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 {
    width: 100%;
    margin-bottom: 6.94444vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 a {
    display: flex;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-img {
    width: 38.19444vw;
    margin-bottom: 0;
    margin-right: 4.16667vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt {
    width: 38.19444vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .ttl {
    margin-bottom: 0.97222vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .text--pc--16 {
    margin-bottom: 1.25vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .author {
    margin-bottom: 0.625vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .days {
    margin-bottom: 1.59722vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img {
    width: 100%;
    margin-bottom: 1.63194vw;
    overflow: hidden;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main.jwutimespage .time-box .img-txt-box .ttl {
    margin-bottom: 0.27778vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .author {
    margin-bottom: 0.27778vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .days {
    margin-bottom: 0.625vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.jwutimespage {
    padding-bottom: 100px;
  }
  body .main.jwutimespage .nav {
    margin-bottom: 153px;
  }
  body .main.jwutimespage .time-box {
    width: 1170px;
    margin: auto;
  }
  body .main.jwutimespage .time-box .more-area {
    display: flex;
  }
  body .main.jwutimespage .time-box .more-area li {
    margin-right: 24px;
  }
  body .main.jwutimespage .time-box #now-jwu {
    padding-top: 80px;
  }
  body .main.jwutimespage .time-box #see-jwu {
    padding-top: 30px;
  }
  body .main.jwutimespage .time-box #jwu-life {
    padding-top: 40px;
  }
  body .main.jwutimespage .time-box .img-txt-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main.jwutimespage .time-box .img-txt-box li {
    width: 360px;
    margin-bottom: 65px;
  }
  body .main.jwutimespage .time-box .img-txt-box li:last-child {
    margin-bottom: 0;
  }
  body .main.jwutimespage .time-box .img-txt-box li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 {
    width: 100%;
    display: flex;
    margin-bottom: 100px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 a {
    display: flex;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-img {
    width: 550px;
    margin-right: 60px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt {
    width: 550px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .ttl {
    margin-bottom: 14px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .text--pc--16 {
    margin-bottom: 18px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .author {
    margin-bottom: 9px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .days {
    margin-bottom: 23px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img {
    width: 100%;
    margin-bottom: 23.5px;
    overflow: hidden;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main.jwutimespage .time-box .img-txt-box .ttl {
    margin-bottom: 4px;
  }
  body .main.jwutimespage .time-box .img-txt-box .author {
    margin-bottom: 4px;
  }
  body .main.jwutimespage .time-box .img-txt-box .days {
    margin-bottom: 9px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.jwutimespage {
    padding-bottom: 125px;
  }
  body .main.jwutimespage .nav {
    margin-bottom: 191.25px;
  }
  body .main.jwutimespage .time-box {
    width: 1462.5px;
    margin: auto;
  }
  body .main.jwutimespage .time-box .more-area {
    display: flex;
  }
  body .main.jwutimespage .time-box .more-area li {
    margin-right: 30px;
  }
  body .main.jwutimespage .time-box #now-jwu {
    padding-top: 100px;
  }
  body .main.jwutimespage .time-box #see-jwu, body .main.jwutimespage .time-box #jwu-life {
    padding-top: 37.5px;
  }
  body .main.jwutimespage .time-box .img-txt-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main.jwutimespage .time-box .img-txt-box li {
    width: 450px;
    margin-bottom: 81.25px;
  }
  body .main.jwutimespage .time-box .img-txt-box li:last-child {
    margin-bottom: 0;
  }
  body .main.jwutimespage .time-box .img-txt-box li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 {
    width: 100%;
    display: flex;
    margin-bottom: 125px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 a {
    display: flex;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-img {
    width: 687.5px;
    margin-right: 75px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt {
    width: 687.5px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .ttl {
    margin-bottom: 17.5px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .text--pc--16 {
    margin-bottom: 22.5px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .author {
    margin-bottom: 11.25px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box--100 .box-txt .days {
    margin-bottom: 28.75px;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img {
    width: 100%;
    margin-bottom: 29.375px;
    overflow: hidden;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img > img {
    width: 100%;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main.jwutimespage .time-box .img-txt-box .ttl {
    margin-bottom: 5px;
  }
  body .main.jwutimespage .time-box .img-txt-box .author {
    margin-bottom: 5px;
  }
  body .main.jwutimespage .time-box .img-txt-box .days {
    margin-bottom: 11.25px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  header {
    transition: all 0.5s;
  }
  header.white {
    background-position: 0 -19.2vw;
  }

  body .main.jwutimespage {
    padding-bottom: 36.26667vw;
  }
  body .main.jwutimespage .time-box {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.jwutimespage .time-box .more-area {
    padding-top: 14.13333vw;
  }
  body .main.jwutimespage .time-box .more-area li {
    margin-bottom: 9.34667vw;
  }
  body .main.jwutimespage .time-box .more-area li:last-child {
    margin-bottom: 0;
  }
  body .main.jwutimespage .time-box #now-jwu {
    padding-top: 21.33333vw;
  }
  body .main.jwutimespage .time-box #see-jwu, body .main.jwutimespage .time-box #jwu-life {
    padding-top: 14.93333vw;
  }
  body .main.jwutimespage .time-box .img-txt-box > li {
    margin-bottom: 14.53333vw;
  }
  body .main.jwutimespage .time-box .img-txt-box > li:last-child {
    margin-bottom: 0;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img {
    margin-bottom: 4.53333vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .box-img > img {
    width: 100%;
  }
  body .main.jwutimespage .time-box .img-txt-box .ttl {
    margin-bottom: 1.06667vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .author {
    margin-bottom: 1.06667vw;
  }
  body .main.jwutimespage .time-box .img-txt-box .days {
    margin-bottom: 2.4vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main .infomation .inner .content .more {
    top: auto;
    bottom: 0;
  }
  body .main.admissionpage h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.admissionpage .exam-info {
    padding-top: 3.33333vw;
  }
  body .main.admissionpage .exam-info .inthe-video {
    margin-top: 4.93056vw;
    width: 80.55556vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list {
    margin-top: 3.47222vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li {
    width: 18.05556vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li a .img {
    margin-bottom: 0.76389vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie {
    width: 5vw;
    height: 5vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie > span {
    top: 1.38889vw;
  }
  body .main.admissionpage .exam-info .inner .more-area {
    padding-top: 0.20833vw;
    margin-top: 0;
  }
  body .main.admissionpage .exam-info .inner .more-area li {
    margin-top: 2.08333vw;
    margin-left: 2.08333vw;
  }
  body .main.admissionpage .exam-info .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0vw;
  }
  body .main.admissionpage .exam-info .inner .more-area li:nth-child(1) {
    margin-left: 0vw;
  }
  body .main.admissionpage .exam-info .inner .line-friends {
    width: 80.55556vw;
    margin: auto;
    margin-top: 2.08333vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a {
    padding-left: 2.15278vw;
    padding-bottom: 0.69444vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a::after {
    content: "";
    position: absolute;
    top: -0.06944vw;
    left: -0.13889vw;
    height: 1.66667vw;
    width: 1.66667vw;
    background: url(../img/unv/admission/line_g.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main.admissionpage .exam-info.gakubu .detail {
    margin-right: 1.52778vw;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.daigakuin {
    padding-top: 2.29167vw;
    padding-bottom: 8.19444vw;
  }
  body .main.admissionpage .exam-info.daigakuin .inner .more-area {
    margin-top: 3.81944vw;
  }
  body .main.admissionpage .exam-info.daigakuin .detail {
    margin-right: 0.20833vw !important;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.jyoho {
    padding-bottom: 4.30556vw;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a {
    width: 24.30556vw;
    padding-bottom: 0.34722vw;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a::after {
    right: -1.04167vw;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a:hover::after {
    right: -1.38889vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main .infomation .inner .content .more {
    top: auto;
    bottom: 0;
  }
  body .main.admissionpage h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.admissionpage .exam-info {
    padding-top: 48px;
  }
  body .main.admissionpage .exam-info .inthe-video {
    margin-top: 71px;
    width: 1160px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list {
    margin-top: 50px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li {
    width: 260px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li a .img {
    margin-bottom: 11px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie {
    width: 72px;
    height: 72px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie > span {
    top: 20px;
  }
  body .main.admissionpage .exam-info .inner .more-area {
    padding-top: 3px;
    margin-top: 0;
  }
  body .main.admissionpage .exam-info .inner .more-area li {
    margin-top: 30px;
    margin-left: 30px;
  }
  body .main.admissionpage .exam-info .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0px;
  }
  body .main.admissionpage .exam-info .inner .more-area li:nth-child(1) {
    margin-left: 0px;
  }
  body .main.admissionpage .exam-info .inner .line-friends {
    width: 1160px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a {
    padding-left: 31px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    height: 24px;
    width: 24px;
    background: url(../img/unv/admission/line_g.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main.admissionpage .exam-info.gakubu .detail {
    margin-right: 22px;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.daigakuin {
    padding-top: 33px;
    padding-bottom: 118px;
  }
  body .main.admissionpage .exam-info.daigakuin .inner .more-area {
    margin-top: 55px;
  }
  body .main.admissionpage .exam-info.daigakuin .detail {
    margin-right: 3px !important;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.jyoho {
    padding-bottom: 62px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a {
    width: 350px;
    padding-bottom: 5px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a::after {
    right: -15px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a:hover::after {
    right: -20px;
  }
}
@media screen and (min-width: 1670px) {
  body .main .infomation .inner .content .more {
    top: auto;
    bottom: 0;
  }
  body .main.admissionpage h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.admissionpage .exam-info {
    padding-top: 60px;
  }
  body .main.admissionpage .exam-info .inthe-video {
    margin-top: 88.75px;
    width: 1450px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list {
    margin-top: 62.5px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li {
    width: 325px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list > li a .img {
    margin-bottom: 13.75px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie {
    width: 90px;
    height: 90px;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list .btn--movie > span {
    top: 25px;
  }
  body .main.admissionpage .exam-info .inner .more-area {
    padding-top: 3.75px;
    margin-top: 0;
  }
  body .main.admissionpage .exam-info .inner .more-area li {
    margin-top: 37.5px;
    margin-left: 37.5px;
  }
  body .main.admissionpage .exam-info .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0px;
  }
  body .main.admissionpage .exam-info .inner .more-area li:nth-child(1) {
    margin-left: 0px;
  }
  body .main.admissionpage .exam-info .inner .line-friends {
    width: 1450px;
    margin: auto;
    margin-top: 37.5px;
    display: flex;
    justify-content: flex-end;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a {
    padding-left: 38.75px;
    padding-bottom: 12.5px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .main.admissionpage .exam-info .inner .line-friends div a::after {
    content: "";
    position: absolute;
    top: -1.25px;
    left: -2.5px;
    height: 30px;
    width: 30px;
    background: url(../img/unv/admission/line_g.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main.admissionpage .exam-info.gakubu .detail {
    margin-right: 27.5px;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.gakubu .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.daigakuin {
    padding-top: 41.25px;
    padding-bottom: 147.5px;
  }
  body .main.admissionpage .exam-info.daigakuin .inner .more-area {
    margin-top: 68.75px;
  }
  body .main.admissionpage .exam-info.daigakuin .detail {
    margin-right: 3.75px !important;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div {
    width: 100%;
  }
  body .main.admissionpage .exam-info.daigakuin .detail > div ul li {
    width: 100% !important;
  }
  body .main.admissionpage .exam-info.jyoho {
    padding-bottom: 77.5px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a {
    width: 437.5px;
    padding-bottom: 6.25px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a::after {
    right: -18.75px;
  }
  body .main.admissionpage .exam-info.jyoho .detail ul li a:hover::after {
    right: -25px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main .infomation {
    padding-top: 15.73333vw;
    padding-bottom: 0;
  }
  body .main .infomation .content {
    padding-bottom: 15.73333vw;
  }
  body .main .infomation .content .more {
    position: absolute;
    right: 8vw;
    bottom: 0;
    top: auto;
  }
  body .main .infomation .news-area {
    margin-top: 8.53333vw;
  }
  body .main .infomation .news-area li {
    margin-bottom: 5.86667vw;
  }
  body .main.admissionpage h2::after {
    margin-top: 3.46667vw;
  }
  body .main.admissionpage .exam-info {
    padding-bottom: 10.4vw;
  }
  body .main.admissionpage .exam-info .inner .flex .detail {
    margin-top: 23.46667vw;
  }
  body .main.admissionpage .exam-info .inner .flex .detail ul li a {
    padding-right: 10.13333vw;
  }
  body .main.admissionpage .exam-info .inthe-video {
    width: 89.6vw;
    margin: auto;
    margin-top: 24.26667vw;
  }
  body .main.admissionpage .exam-info .inthe-video .movie-list {
    margin-top: 5.86667vw;
  }
  body .main.admissionpage .exam-info .inthe-video .line-friends {
    width: 100%;
    margin-top: 0.53333vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main.admissionpage .exam-info .inthe-video .line-friends div a {
    padding-left: 8.26667vw;
    padding-bottom: 2.66667vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .main.admissionpage .exam-info .inthe-video .line-friends div a::after {
    content: "";
    position: absolute;
    top: -0.53333vw;
    left: -0.53333vw;
    height: 6.4vw;
    width: 6.4vw;
    background: url(../img/unv/admission/line_g.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main.admissionpage .exam-info .more-area {
    flex-wrap: wrap;
    margin-top: 12.8vw;
  }
  body .main.admissionpage .exam-info .more-area li {
    margin-bottom: 10.4vw;
    margin-left: 6.66667vw;
  }
  body .main.admissionpage .exam-info .more-area li:nth-child(1) {
    margin-left: 0;
  }
  body .main.admissionpage .exam-info.gakubu .more-area, body .main.admissionpage .exam-info.daigakuin .more-area {
    padding-top: 2.4vw;
    margin-top: 0;
    margin-bottom: 12.8vw;
  }
  body .main.admissionpage .exam-info.gakubu .more-area li, body .main.admissionpage .exam-info.daigakuin .more-area li {
    margin-top: 10.4vw;
    margin-bottom: 0vw;
  }
  body .main.admissionpage .exam-info.daigakuin {
    padding-bottom: 0;
  }
  body .main.admissionpage .exam-info.jyoho {
    padding-top: 28.8vw;
    padding-bottom: 5.86667vw;
  }
  body .main.admissionpage .exam-info.jyoho .inner .flex .detail {
    margin-top: 22.13333vw;
  }
  body .main.admissionpage .exam-info.jyoho .inner .flex .detail > div:nth-of-type(1) ul {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body .main.admissionpage .exam-info.jyoho .inner .flex .detail > div:nth-of-type(2) ul {
    margin-top: 0;
    padding-top: 6.66667vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.open-campus-page {
    overflow: hidden;
  }
  body .main.open-campus-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.open-campus-page .text--pc--36 {
    font-size: 2.5vw;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--28 {
    font-size: 1.94444vw;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--20 {
    font-size: 1.38889vw;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12 {
    font-size: 0.83333vw;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12.thin {
    color: #777777;
  }
  body .main.open-campus-page .underfv {
    height: 29.65278vw;
    background: #F1F1F1;
  }
  body .main.open-campus-page .underfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
    text-align: center;
  }
  body .main.open-campus-page .schedule {
    padding-top: 6.94444vw;
    padding-bottom: 7.29167vw;
  }
  body .main.open-campus-page .schedule h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.open-campus-page .schedule .schedule-list {
    width: 80.55556vw;
    margin: auto;
  }
  body .main.open-campus-page .schedule .schedule-list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 1.18056vw;
    padding: 3.125vw 2.77778vw 3.26389vw 5.55556vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) {
    margin-bottom: 4.16667vw;
    padding: 4.16667vw 2.77778vw 3.47222vw 5.55556vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap {
    width: 57.15278vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap .r {
    margin-top: 5.90278vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .day {
    margin-bottom: 2.77778vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .time {
    margin-top: 1.11111vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .ttl {
    position: absolute;
    top: 0;
    left: 22.22222vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve {
    width: 15.34722vw;
    margin: 0 auto 1.25vw 0;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-start {
    display: block;
    margin-bottom: 0.69444vw;
    padding-bottom: 0.34722vw;
    border-bottom: solid #fff 1px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day {
    margin-bottom: 1.25vw;
    font-weight: bold;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day .note {
    display: block;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap {
    width: 53.05556vw;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap .r {
    margin-top: 0.69444vw;
  }
  body .main.open-campus-page .schedule .schedule-list .day {
    margin-bottom: 1.38889vw;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .time {
    display: block;
    margin-top: 0.69444vw;
    letter-spacing: 0.03em;
  }
  body .main.open-campus-page .schedule .schedule-list .ttl {
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li {
    position: relative;
    padding-left: 1.66667vw;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li::before {
    content: "・";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.73611vw;
    display: flex;
    align-items: center;
  }
  body .main.open-campus-page .schedule .schedule-list .more {
    position: absolute;
    right: 2.77778vw;
    bottom: 2.77778vw;
  }
  body .main.open-campus-page .web-open-campus {
    padding-top: 7.43056vw;
    padding-bottom: 3.95833vw;
    background: #f7f7f7;
  }
  body .main.open-campus-page .web-open-campus h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.open-campus-page .web-open-campus h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .web-open-campus .movie-list {
    width: 80.55556vw;
    margin: auto;
    justify-content: flex-start;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li {
    margin-right: 2.77778vw;
    margin-bottom: 3.88889vw;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li:nth-of-type(3n) {
    margin-right: 0;
  }
  body .main.open-campus-page .open-campus-report {
    padding-top: 7.43056vw;
    padding-bottom: 7.98611vw;
  }
  body .main.open-campus-page .open-campus-report h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.open-campus-page .open-campus-report h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box {
    width: 80.55556vw;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a {
    padding-top: 5.90278vw;
    padding-bottom: 7.63889vw;
    background: #f7f7f7;
  }
  body .main.open-campus-page .q-and-a h2 {
    margin-bottom: 4.16667vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list {
    width: 62.5vw;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item {
    margin-bottom: 3.19444vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl {
    position: relative;
    padding-left: 3.81944vw;
    margin-bottom: 1.73611vw;
    cursor: pointer;
    line-height: 1;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::before {
    content: "Q";
    width: 2.77778vw;
    height: 2.77778vw;
    font-size: 0.83333vw;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-15%);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 0.9125vw;
    height: 0.58472vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner {
    width: 59.02778vw;
    position: relative;
    padding-top: 1.11111vw;
    padding-left: 3.81944vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner::before {
    content: "A";
    width: 2.77778vw;
    height: 2.77778vw;
    font-size: 0.83333vw;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 1.11111vw;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main.open-campus-page .related_info {
    padding-top: 9.23611vw;
    padding-bottom: 7.98611vw;
  }
  body .main.open-campus-page .related_info h2 {
    margin-bottom: 4.16667vw;
    padding-top: 0;
  }
  body .main.open-campus-page .related_info .detail {
    height: 7.08333vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.open-campus-page {
    overflow-x: visible;
  }
  body .main.open-campus-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.open-campus-page .text--pc--36 {
    font-size: 36px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--28 {
    font-size: 28px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--20 {
    font-size: 20px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12 {
    font-size: 12px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12.thin {
    color: #777777;
  }
  body .main.open-campus-page .underfv {
    height: 427px;
    background: #F1F1F1;
  }
  body .main.open-campus-page .underfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
    text-align: center;
  }
  body .main.open-campus-page .schedule {
    padding-top: 100px;
    padding-bottom: 105px;
  }
  body .main.open-campus-page .schedule h2 {
    margin-bottom: 80px;
  }
  body .main.open-campus-page .schedule .schedule-list {
    width: 1160px;
    margin: auto;
  }
  body .main.open-campus-page .schedule .schedule-list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 17px;
    padding: 45px 40px 47px 80px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) {
    margin-bottom: 60px;
    padding: 60px 40px 50px 80px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap {
    width: 823px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap .r {
    margin-top: 85px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .day {
    margin-bottom: 40px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .time {
    margin-top: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .ttl {
    position: absolute;
    top: 0;
    left: 320px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve {
    width: 221px;
    margin: 0 auto 18px 0;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-start {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid #fff 1px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day {
    margin-bottom: 18px;
    font-weight: bold;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day .note {
    display: block;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap {
    width: 764px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap .r {
    margin-top: 10px;
  }
  body .main.open-campus-page .schedule .schedule-list .day {
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .time {
    display: block;
    margin-top: 10px;
    letter-spacing: 0.03em;
  }
  body .main.open-campus-page .schedule .schedule-list .ttl {
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li {
    position: relative;
    padding-left: 24px;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li::before {
    content: "・";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    display: flex;
    align-items: center;
  }
  body .main.open-campus-page .schedule .schedule-list .more {
    position: absolute;
    right: 40px;
    bottom: 40px;
  }
  body .main.open-campus-page .web-open-campus {
    padding-top: 107px;
    padding-bottom: 57px;
    background: #f7f7f7;
  }
  body .main.open-campus-page .web-open-campus h2 {
    margin-bottom: 80px;
  }
  body .main.open-campus-page .web-open-campus h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .web-open-campus .movie-list {
    width: 1160px;
    margin: auto;
    justify-content: flex-start;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li {
    margin-right: 40px;
    margin-bottom: 56px;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li:nth-of-type(3n) {
    margin-right: 0;
  }
  body .main.open-campus-page .open-campus-report {
    padding-top: 107px;
    padding-bottom: 115px;
  }
  body .main.open-campus-page .open-campus-report h2 {
    margin-bottom: 80px;
  }
  body .main.open-campus-page .open-campus-report h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box {
    width: 1160px;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a {
    padding-top: 85px;
    padding-bottom: 110px;
    background: #f7f7f7;
  }
  body .main.open-campus-page .q-and-a h2 {
    margin-bottom: 60px;
  }
  body .main.open-campus-page .q-and-a .accordion_list {
    width: 900px;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item {
    margin-bottom: 46px;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl {
    position: relative;
    padding-left: 55px;
    margin-bottom: 25px;
    cursor: pointer;
    line-height: 1;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::before {
    content: "Q";
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10px);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 13.14px;
    height: 8.42px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner {
    width: 850px;
    position: relative;
    padding-top: 16px;
    padding-left: 55px;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner::before {
    content: "A";
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 16px;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main.open-campus-page .related_info {
    padding-top: 133px;
    padding-bottom: 115px;
  }
  body .main.open-campus-page .related_info h2 {
    margin-bottom: 60px;
    padding-top: 0;
  }
  body .main.open-campus-page .related_info .detail {
    height: 102px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.open-campus-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.open-campus-page .text--pc--36 {
    font-size: 45px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--28 {
    font-size: 35px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--20 {
    font-size: 25px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12 {
    font-size: 15px;
    line-height: 1.8;
  }
  body .main.open-campus-page .text--pc--12.thin {
    color: #777777;
  }
  body .main.open-campus-page .underfv {
    height: 533.75px;
    background: #F1F1F1;
  }
  body .main.open-campus-page .underfv .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
    text-align: center;
  }
  body .main.open-campus-page .schedule {
    padding-top: 125px;
    padding-bottom: 131.25px;
  }
  body .main.open-campus-page .schedule h2 {
    margin-bottom: 100px;
  }
  body .main.open-campus-page .schedule .schedule-list {
    width: 1450px;
    margin: auto;
  }
  body .main.open-campus-page .schedule .schedule-list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 21.25px;
    padding: 56.25px 50px 58.75px 100px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) {
    margin-bottom: 75px;
    padding: 75px 50px 62.5px 100px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap {
    width: 1028.75px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .wrap .r {
    margin-top: 106.25px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .day {
    margin-bottom: 50px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .time {
    margin-top: 20px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .ttl {
    position: absolute;
    top: 0;
    left: 400px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve {
    width: 276.25px;
    margin: 0 auto 22.5px 0;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-start {
    display: block;
    margin-bottom: 12.5px;
    padding-bottom: 6.25px;
    border-bottom: solid #fff 1px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day {
    margin-bottom: 22.5px;
    font-weight: bold;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day .note {
    display: block;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap {
    width: 955px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main.open-campus-page .schedule .schedule-list .wrap .r {
    margin-top: 12.5px;
  }
  body .main.open-campus-page .schedule .schedule-list .day {
    margin-bottom: 25px;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .time {
    display: block;
    margin-top: 12.5px;
    letter-spacing: 0.03em;
  }
  body .main.open-campus-page .schedule .schedule-list .ttl {
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li {
    position: relative;
    padding-left: 30px;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li::before {
    content: "・";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 31.25px;
    display: flex;
    align-items: center;
  }
  body .main.open-campus-page .schedule .schedule-list .more {
    position: absolute;
    right: 50px;
    bottom: 50px;
  }
  body .main.open-campus-page .web-open-campus {
    padding-top: 133.75px;
    padding-bottom: 71.25px;
    background: #f7f7f7;
  }
  body .main.open-campus-page .web-open-campus h2 {
    margin-bottom: 100px;
  }
  body .main.open-campus-page .web-open-campus h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .web-open-campus .movie-list {
    width: 1450px;
    margin: auto;
    justify-content: flex-start;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li {
    margin-right: 50px;
    margin-bottom: 70px;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li:nth-of-type(3n) {
    margin-right: 0;
  }
  body .main.open-campus-page .open-campus-report {
    padding-top: 133.75px;
    padding-bottom: 143.75px;
  }
  body .main.open-campus-page .open-campus-report h2 {
    margin-bottom: 100px;
  }
  body .main.open-campus-page .open-campus-report h2 .no-margin {
    margin-left: 0;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box {
    width: 1450px;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a {
    padding-top: 106.25px;
    padding-bottom: 137.5px;
    background: #f7f7f7;
  }
  body .main.open-campus-page .q-and-a h2 {
    margin-bottom: 75px;
  }
  body .main.open-campus-page .q-and-a .accordion_list {
    width: 1125px;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item {
    margin-bottom: 57.5px;
    font-size: 17.5px;
    line-height: 1.8;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl {
    position: relative;
    padding-left: 68.75px;
    font-size: 22.5px;
    margin-bottom: 31.25px;
    cursor: pointer;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::before {
    content: "Q";
    width: 50px;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10px);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 16.425px;
    height: 10.525px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner {
    width: 1062.5px;
    position: relative;
    padding-top: 20px;
    padding-left: 68.75px;
    font-size: 22.5px;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner::before {
    content: "A";
    width: 50px;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main.open-campus-page .related_info {
    padding-top: 166.25px;
    padding-bottom: 143.75px;
  }
  body .main.open-campus-page .related_info h2 {
    margin-bottom: 75px;
    padding-top: 0;
  }
  body .main.open-campus-page .related_info .detail {
    height: 127.5px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.open-campus-page .schedule {
    padding-top: 21.06667vw;
    padding-bottom: 22.66667vw;
  }
  body .main.open-campus-page .schedule h2 {
    margin-bottom: 21.33333vw;
  }
  body .main.open-campus-page .schedule .schedule-list {
    width: 96vw;
    margin: auto;
  }
  body .main.open-campus-page .schedule .schedule-list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 4.16667vw;
    padding: 6.86667vw 6.66667vw 23.93333vw 8vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) {
    margin-bottom: 10.66667vw;
    padding: 6.46667vw 6.66667vw 22.93333vw 8vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .day {
    margin-bottom: 2.53333vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .time {
    display: block;
    margin-top: -1.66667vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .ttl {
    margin-bottom: 3.93333vw;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve {
    margin-bottom: 0;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-start {
    display: block;
    margin-bottom: 2.66667vw;
    padding-bottom: 2.33333vw;
    border-bottom: solid #fff 1px;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day {
    margin-bottom: 4.8vw;
    font-weight: bold;
  }
  body .main.open-campus-page .schedule .schedule-list > li:nth-child(1) .reserve .reserve-day .note {
    margin-left: 3.2vw;
  }
  body .main.open-campus-page .schedule .schedule-list .day {
    margin-bottom: 1.73333vw;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .time {
    letter-spacing: 0.03em;
  }
  body .main.open-campus-page .schedule .schedule-list .ttl {
    margin-bottom: 4.93333vw;
    letter-spacing: 0.1em;
  }
  body .main.open-campus-page .schedule .schedule-list .more {
    position: absolute;
    right: 6.66667vw;
    bottom: 8.53333vw;
  }
  body .main.open-campus-page .schedule .schedule-list .content {
    letter-spacing: 0.03em;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li {
    position: relative;
    padding-left: 5vw;
  }
  body .main.open-campus-page .schedule .schedule-list .content > li::before {
    content: "・";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1vw;
    left: 0;
    font-size: 4.26667vw;
    display: flex;
    align-items: flex-start;
  }
  body .main.open-campus-page .web-open-campus {
    padding-top: 23.06667vw;
    padding-bottom: 17.33333vw;
    background: #f7f7f7;
  }
  body .main.open-campus-page .web-open-campus h2 {
    margin-bottom: 18.33333vw;
  }
  body .main.open-campus-page .web-open-campus .movie-list {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.open-campus-page .web-open-campus .movie-list > li {
    margin-bottom: 9vw;
  }
  body .main.open-campus-page .open-campus-report {
    padding-top: 23.06667vw;
    padding-bottom: 11.33333vw;
  }
  body .main.open-campus-page .open-campus-report h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box > li {
    margin-bottom: 14vw;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box .img {
    margin-bottom: 5.66667vw;
  }
  body .main.open-campus-page .open-campus-report .img-txt-box .text--pc--24 {
    margin-bottom: 4.2vw;
  }
  body .main.open-campus-page .q-and-a {
    padding-top: 23.06667vw;
    padding-bottom: 26.66667vw;
    background: #f7f7f7;
  }
  body .main.open-campus-page .q-and-a h2 {
    margin-bottom: 16vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item {
    margin-bottom: 8.76667vw;
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl {
    position: relative;
    padding-left: 10.93333vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl p {
    width: 72vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::before {
    content: "Q";
    width: 8.53333vw;
    height: 8.53333vw;
    font-size: 3.2vw;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10%);
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 2.504vw;
    height: 2.24533vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner {
    position: relative;
    padding-top: 4.26667vw;
    padding-left: 10.93333vw;
  }
  body .main.open-campus-page .q-and-a .accordion_list .accordion_inner::before {
    content: "A";
    width: 8.53333vw;
    height: 8.53333vw;
    font-size: 3.2vw;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 4.26667vw;
    left: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10%);
  }
  body .main.open-campus-page .related_info {
    padding-top: 24.06667vw;
    padding-bottom: 16.8vw;
  }
  body .main.open-campus-page .related_info h2 {
    margin-bottom: 16vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.campuslife-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.campuslife-page .about h2 {
    margin-top: 10.55556vw;
  }
  body .main.campuslife-page .about .text-area {
    width: 79.86111vw;
    margin: auto;
    padding-top: 1.73611vw;
  }
  body .main.campuslife-page .about .text-area dt {
    margin-top: 3.05556vw;
    letter-spacing: 0.1em;
  }
  body .main.campuslife-page .about .text-area dd {
    margin-top: 0.83333vw;
    color: #777;
  }
  body .main.campuslife-page .about .img-txt-box {
    width: 80.55556vw;
    margin: auto;
    margin-top: 5.27778vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife-page .about .img-txt-box li {
    display: block;
    width: 25vw;
    margin-right: 2.77778vw;
  }
  body .main.campuslife-page .about .img-txt-box li:nth-child(3n+3) {
    margin-right: 0vw;
  }
  body .main.campuslife-page .about .img-txt-box li .img {
    width: 100%;
  }
  body .main.campuslife-page .about .img-txt-box li .txt {
    width: 100%;
    margin-top: 1.31944vw;
    letter-spacing: 0.05em;
  }
  body .main.campuslife-page .about .img-txt-box li .txt p {
    margin-top: 0.48611vw;
    letter-spacing: 0.03em;
  }
  body .main.campuslife-page .about .img-txt-box li a {
    position: relative;
    display: block;
  }
  body .main.campuslife-page .about .img-txt-box li a::after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 0.41667vw;
    transition: .5s right;
  }
  body .main.campuslife-page .about .img-txt-box li a:hover::after {
    right: -0.34722vw;
  }
  body .main.campuslife-page .exam-info {
    padding-top: 12.91667vw;
    padding-bottom: 11.875vw;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail {
    margin-top: 0.97222vw;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail > div {
    margin-bottom: 2.84722vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.campuslife-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.campuslife-page .about h2 {
    margin-top: 152px;
  }
  body .main.campuslife-page .about .text-area {
    width: 1150px;
    margin: auto;
    padding-top: 25px;
  }
  body .main.campuslife-page .about .text-area dt {
    margin-top: 44px;
    letter-spacing: 0.1em;
  }
  body .main.campuslife-page .about .text-area dd {
    margin-top: 12px;
    color: #777;
  }
  body .main.campuslife-page .about .img-txt-box {
    width: 1160px;
    margin: auto;
    margin-top: 76px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife-page .about .img-txt-box li {
    display: block;
    width: 360px;
    margin-right: 40px;
  }
  body .main.campuslife-page .about .img-txt-box li:nth-child(3n+3) {
    margin-right: 0px;
  }
  body .main.campuslife-page .about .img-txt-box li .img {
    width: 100%;
  }
  body .main.campuslife-page .about .img-txt-box li .txt {
    width: 100%;
    margin-top: 19px;
    letter-spacing: 0.05em;
  }
  body .main.campuslife-page .about .img-txt-box li .txt p {
    margin-top: 7px;
    letter-spacing: 0.03em;
  }
  body .main.campuslife-page .about .img-txt-box li a {
    position: relative;
    display: block;
  }
  body .main.campuslife-page .about .img-txt-box li a::after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: .5s right;
  }
  body .main.campuslife-page .about .img-txt-box li a:hover::after {
    right: -5px;
  }
  body .main.campuslife-page .exam-info {
    padding-top: 186px;
    padding-bottom: 171px;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail {
    margin-top: 14px;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail > div {
    margin-bottom: 41px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.campuslife-page h2 > span:nth-of-type(2) {
    margin-left: 0;
  }
  body .main.campuslife-page .about h2 {
    margin-top: 190px;
  }
  body .main.campuslife-page .about .text-area {
    width: 1437.5px;
    margin: auto;
    padding-top: 31.25px;
  }
  body .main.campuslife-page .about .text-area dt {
    margin-top: 55px;
    letter-spacing: 0.1em;
  }
  body .main.campuslife-page .about .text-area dd {
    margin-top: 15px;
    color: #777;
  }
  body .main.campuslife-page .about .img-txt-box {
    width: 1450px;
    margin: auto;
    margin-top: 95px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife-page .about .img-txt-box li {
    display: block;
    width: 450px;
    margin-right: 50px;
  }
  body .main.campuslife-page .about .img-txt-box li:nth-child(3n+3) {
    margin-right: 0px;
  }
  body .main.campuslife-page .about .img-txt-box li .img {
    width: 100%;
  }
  body .main.campuslife-page .about .img-txt-box li .txt {
    width: 100%;
    margin-top: 23.75px;
    letter-spacing: 0.05em;
  }
  body .main.campuslife-page .about .img-txt-box li .txt p {
    margin-top: 8.75px;
    letter-spacing: 0.03em;
  }
  body .main.campuslife-page .about .img-txt-box li a {
    position: relative;
    display: block;
  }
  body .main.campuslife-page .about .img-txt-box li a::after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 7.5px;
    transition: .5s right;
  }
  body .main.campuslife-page .about .img-txt-box li a:hover::after {
    right: -6.25px;
  }
  body .main.campuslife-page .exam-info {
    padding-top: 232.5px;
    padding-bottom: 213.75px;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail {
    margin-top: 17.5px;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail > div {
    margin-bottom: 51.25px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.campuslife-page .underfv h2 .effect {
    font-weight: 400 !important;
  }
  body .main.campuslife-page .about {
    padding-top: 19.2vw;
  }
  body .main.campuslife-page .about .text-area {
    width: 89.6vw;
    padding-top: 5.06667vw;
    margin: auto;
  }
  body .main.campuslife-page .about .text-area dt {
    margin-top: 12.26667vw;
    line-height: 1.8;
  }
  body .main.campuslife-page .about .text-area dd {
    margin-top: 2.66667vw;
    color: #777;
  }
  body .main.campuslife-page .img-txt-box {
    padding-top: 27.2vw;
    width: 89.6vw;
    margin: auto;
  }
  body .main.campuslife-page .img-txt-box > li {
    margin-bottom: 15.2vw;
  }
  body .main.campuslife-page .img-txt-box .img {
    margin-bottom: 6.13333vw;
  }
  body .main.campuslife-page .img-txt-box .txt p {
    margin-top: 5.33333vw;
  }
  body .main.campuslife-page .img-txt-box a {
    position: relative;
    display: block;
  }
  body .main.campuslife-page .img-txt-box a::after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.06667vw;
    transition: .5s right;
  }
  body .main.campuslife-page .img-txt-box a:hover::after {
    right: -1.33333vw;
  }
  body .main.campuslife-page .exam-info {
    padding-top: 39.2vw;
    padding-bottom: 22.13333vw;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail {
    margin-top: 15.46667vw;
  }
  body .main.campuslife-page .exam-info .inner .flex .detail ul {
    margin-bottom: 15.2vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.jwutimes_nowpage img {
    width: 100%;
  }
  body .main.jwutimes_nowpage .nav {
    margin-top: 8.81944vw;
  }
  body .main.jwutimes_nowpage .article {
    width: 61.11111vw;
    margin: auto;
    margin-top: 5.48611vw;
    margin-bottom: 10.20833vw;
  }
  body .main.jwutimes_nowpage .article__inner > .title {
    font-weight: 400;
  }
  body .main.jwutimes_nowpage .article__inner .date {
    margin-top: 0.76389vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .author {
    margin-top: 0.48611vw;
    margin-bottom: -1.59722vw;
  }
  body .main.jwutimes_nowpage .article__inner > img {
    margin-top: 8.33333vw;
  }
  body .main.jwutimes_nowpage .article__inner .subtitle {
    margin-top: 4.16667vw;
    margin-bottom: -0.625vw;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .text {
    margin-top: 2.08333vw;
    letter-spacing: 0.05em;
  }
  body .main.jwutimes_nowpage .article .profile {
    margin-top: 7.08333vw;
    padding: 3.19444vw 4.16667vw 4.16667vw;
    background-color: #f7f7f7;
  }
  body .main.jwutimes_nowpage .article .profile .maintitle {
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name {
    margin-top: 0.83333vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name .ruby {
    margin-left: 0.41667vw;
    display: inline-block;
    font-weight: 500;
  }
  body .main.jwutimes_nowpage .article .profile .text {
    margin-top: 0.625vw;
  }
  body .main.jwutimes_nowpage .article .profile .title {
    margin-top: 3.68056vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile > ul {
    margin-top: 0.83333vw;
  }
  body .main.jwutimes_nowpage .article .profile > ul li {
    list-style: disc;
    margin-left: 1.31944vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.jwutimes_nowpage img {
    width: 100%;
  }
  body .main.jwutimes_nowpage .nav {
    margin-top: 127px;
  }
  body .main.jwutimes_nowpage .article {
    width: 880px;
    margin: auto;
    margin-top: 79px;
    margin-bottom: 147px;
  }
  body .main.jwutimes_nowpage .article__inner > .title {
    font-weight: 400;
  }
  body .main.jwutimes_nowpage .article__inner .date {
    margin-top: 11px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .author {
    margin-top: 7px;
    margin-bottom: -23px;
  }
  body .main.jwutimes_nowpage .article__inner > img {
    margin-top: 120px;
  }
  body .main.jwutimes_nowpage .article__inner .subtitle {
    margin-top: 60px;
    margin-bottom: -9px;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .text {
    margin-top: 30px;
    letter-spacing: 0.05em;
  }
  body .main.jwutimes_nowpage .article .profile {
    margin-top: 102px;
    padding: 46px 60px 60px;
    background-color: #f7f7f7;
  }
  body .main.jwutimes_nowpage .article .profile .maintitle {
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name {
    margin-top: 12px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name .ruby {
    margin-left: 6px;
    display: inline-block;
    font-weight: 500;
  }
  body .main.jwutimes_nowpage .article .profile .text {
    margin-top: 9px;
  }
  body .main.jwutimes_nowpage .article .profile .title {
    margin-top: 53px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile > ul {
    margin-top: 12px;
  }
  body .main.jwutimes_nowpage .article .profile > ul li {
    list-style: disc;
    margin-left: 19px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.jwutimes_nowpage img {
    width: 100%;
  }
  body .main.jwutimes_nowpage .nav {
    margin-top: 158.75px;
  }
  body .main.jwutimes_nowpage .article {
    width: 1100px;
    margin: auto;
    margin-top: 98.75px;
    margin-bottom: 183.75px;
  }
  body .main.jwutimes_nowpage .article__inner > .title {
    font-weight: 400;
  }
  body .main.jwutimes_nowpage .article__inner .date {
    margin-top: 13.75px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .author {
    margin-top: 8.75px;
    margin-bottom: -28.75px;
  }
  body .main.jwutimes_nowpage .article__inner > img {
    margin-top: 150px;
  }
  body .main.jwutimes_nowpage .article__inner .subtitle {
    margin-top: 75px;
    margin-bottom: -11.25px;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .text {
    margin-top: 37.5px;
    letter-spacing: 0.05em;
  }
  body .main.jwutimes_nowpage .article .profile {
    margin-top: 127.5px;
    padding: 57.5px 75px 75px;
    background-color: #f7f7f7;
  }
  body .main.jwutimes_nowpage .article .profile .maintitle {
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name {
    margin-top: 15px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name .ruby {
    margin-left: 7.5px;
    display: inline-block;
    font-weight: 500;
  }
  body .main.jwutimes_nowpage .article .profile .text {
    margin-top: 11.25px;
  }
  body .main.jwutimes_nowpage .article .profile .title {
    margin-top: 66.25px;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile > ul {
    margin-top: 15px;
  }
  body .main.jwutimes_nowpage .article .profile > ul li {
    list-style: disc;
    margin-left: 23.75px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.jwutimes_nowpage img {
    width: 100%;
  }
  body .main.jwutimes_nowpage .nav {
    margin-top: 24.53333vw;
  }
  body .main.jwutimes_nowpage .article {
    width: 89.06667vw;
    margin: auto;
    margin-top: 16.8vw;
    margin-bottom: 37.33333vw;
  }
  body .main.jwutimes_nowpage .article__inner > .title {
    font-weight: 400;
  }
  body .main.jwutimes_nowpage .article__inner .date {
    margin-top: 5.86667vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .author {
    margin-top: 4.53333vw;
    margin-bottom: -6.66667vw;
  }
  body .main.jwutimes_nowpage .article__inner > img {
    margin-top: 26.66667vw;
  }
  body .main.jwutimes_nowpage .article__inner .subtitle {
    margin-top: 7.73333vw;
    line-height: 1.8;
    margin-bottom: -2.4vw;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article__inner .text {
    margin-top: 6.13333vw;
    letter-spacing: 0.03em;
  }
  body .main.jwutimes_nowpage .article .profile {
    margin-top: 21.33333vw;
    padding: 10.66667vw 5.33333vw 16vw;
    background-color: #f7f7f7;
  }
  body .main.jwutimes_nowpage .article .profile .maintitle {
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name {
    margin-top: 3.2vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile .name .ruby {
    margin-left: 1.6vw;
    font-weight: 400;
  }
  body .main.jwutimes_nowpage .article .profile .text {
    margin-top: 2.13333vw;
  }
  body .main.jwutimes_nowpage .article .profile .title {
    margin-top: 8.53333vw;
    font-weight: 700;
  }
  body .main.jwutimes_nowpage .article .profile > ul {
    margin-top: 3.2vw;
  }
  body .main.jwutimes_nowpage .article .profile > ul li {
    list-style: disc;
    margin-left: 5.06667vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.campuslife_extracurricular_circlepage {
    margin-bottom: 9.79167vw;
  }
  body .main.campuslife_extracurricular_circlepage .about {
    margin-top: 8.47222vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner {
    width: 80.55556vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner > p {
    width: 77.77778vw;
    margin: auto;
    margin-top: 4.16667vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list {
    list-style: disc;
    width: 59.72222vw;
    margin-left: 3.125vw;
    margin-top: 1.73611vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) {
    margin-top: 1.11111vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) small {
    display: block;
    margin-top: 0.20833vw;
    color: #777777;
  }
  body .main.campuslife_extracurricular_circlepage .circle {
    margin-top: 8.47222vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner {
    width: 80.55556vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list {
    width: 77.77778vw;
    margin: auto;
    margin-top: 4.16667vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div {
    width: 19.51389vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(3n)) {
    margin-right: 9.58333vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 2.15278vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div dt a {
    text-decoration: underline;
  }
  body .main.campuslife_extracurricular_circlepage .circle.circle_art, body .main.campuslife_extracurricular_circlepage .circle.circle_gymnastics, body .main.campuslife_extracurricular_circlepage .circle.circle_sports, body .main.campuslife_extracurricular_circlepage .circle.circle_music {
    margin-top: 8.33333vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.campuslife_extracurricular_circlepage {
    margin-bottom: 141px;
  }
  body .main.campuslife_extracurricular_circlepage .about {
    margin-top: 122px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner {
    width: 1160px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner > p {
    width: 1120px;
    margin: auto;
    margin-top: 60px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list {
    list-style: disc;
    width: 860px;
    margin-left: 45px;
    margin-top: 25px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) {
    margin-top: 16px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) small {
    display: block;
    margin-top: 3px;
    color: #777777;
  }
  body .main.campuslife_extracurricular_circlepage .circle {
    margin-top: 122px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner {
    width: 1160px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list {
    width: 1120px;
    margin: auto;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div {
    width: 281px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(3n)) {
    margin-right: 138px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 31px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div dt a {
    text-decoration: underline;
  }
  body .main.campuslife_extracurricular_circlepage .circle.circle_art, body .main.campuslife_extracurricular_circlepage .circle.circle_gymnastics, body .main.campuslife_extracurricular_circlepage .circle.circle_sports, body .main.campuslife_extracurricular_circlepage .circle.circle_music {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.campuslife_extracurricular_circlepage {
    margin-bottom: 176.25px;
  }
  body .main.campuslife_extracurricular_circlepage .about {
    margin-top: 152.5px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner {
    width: 1450px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner > p {
    width: 1400px;
    margin: auto;
    margin-top: 75px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list {
    list-style: disc;
    width: 1075px;
    margin-left: 56.25px;
    margin-top: 31.25px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) {
    margin-top: 20px;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) small {
    display: block;
    margin-top: 3.75px;
    color: #777777;
  }
  body .main.campuslife_extracurricular_circlepage .circle {
    margin-top: 152.5px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner {
    width: 1450px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list {
    width: 1400px;
    margin: auto;
    margin-top: 75px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div {
    width: 351.25px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(3n)) {
    margin-right: 172.5px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 38.75px;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div dt a {
    text-decoration: underline;
  }
  body .main.campuslife_extracurricular_circlepage .circle.circle_art, body .main.campuslife_extracurricular_circlepage .circle.circle_gymnastics, body .main.campuslife_extracurricular_circlepage .circle.circle_sports, body .main.campuslife_extracurricular_circlepage .circle.circle_music {
    margin-top: 150px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.campuslife_extracurricular_circlepage {
    margin-bottom: 38.4vw;
  }
  body .main.campuslife_extracurricular_circlepage .about {
    margin-top: 23.46667vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner > p {
    width: 89.33333vw;
    margin: auto;
    margin-top: 19.2vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list {
    list-style: disc;
    width: 77.86667vw;
    margin: auto;
    margin-top: 5.86667vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) {
    margin-top: 4.26667vw;
  }
  body .main.campuslife_extracurricular_circlepage .about .inner .txt-list__li:not(:nth-child(1)) small {
    display: block;
    margin-top: 0.8vw;
    line-height: 1.4;
    color: #777;
  }
  body .main.campuslife_extracurricular_circlepage .circle {
    margin-top: 27.2vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list {
    width: 89.33333vw;
    margin: auto;
    margin-top: 19.46667vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div {
    width: 100%;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div:not(:nth-of-type(1)) {
    margin-top: 10.13333vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle .inner .circle-list > div dt a {
    text-decoration: underline;
  }
  body .main.campuslife_extracurricular_circlepage .circle.circle_art {
    margin-top: 28.8vw;
  }
  body .main.campuslife_extracurricular_circlepage .circle.circle_gymnastics, body .main.campuslife_extracurricular_circlepage .circle.circle_sports, body .main.campuslife_extracurricular_circlepage .circle.circle_club, body .main.campuslife_extracurricular_circlepage .circle.circle_music {
    margin-top: 29.33333vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.jwugopage section > .inner {
    width: 81.94444vw;
  }
  body .main.jwugopage h2 span:not(:first-child) {
    margin-left: 0;
  }
  body .main.jwugopage .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 1.25vw;
  }
  body .main.jwugopage .more--pdf::after {
    content: "";
    position: absolute;
    width: 1.11111vw;
    height: 2.01389vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.jwugopage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
  }
  body .main.jwugopage .more-area li {
    margin-left: 1.875vw;
    margin-bottom: 1.875vw;
  }
  body .main.jwugopage .more-area li:last-child {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-gp {
    padding-top: 8.33333vw;
  }
  body .main.jwugopage .jwu-education {
    padding-top: 8.33333vw;
  }
  body .main.jwugopage .jwu-education .content {
    padding-bottom: 11.11111vw;
  }
  body .main.jwugopage .jwu-education .more-area {
    position: relative;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(5) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(6) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(7) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-finance {
    padding-top: 8.33333vw;
  }
  body .main.jwugopage .jwu-finance .content {
    padding-bottom: 8.19444vw;
  }
  body .main.jwugopage .jwu-facility {
    padding-top: 6.59722vw;
  }
  body .main.jwugopage .jwu-facility .content {
    padding-bottom: 12.63889vw;
  }
  body .main.jwugopage .jwu-exam {
    padding-top: 6.59722vw;
    padding-bottom: 6.59722vw;
  }
  body .main.jwugopage .jwu-exam .content {
    padding-bottom: 8.05556vw;
  }
  body .main.jwugopage .jwu-interview {
    padding-top: 7.5vw;
    padding-bottom: 6.59722vw;
    background: #f7f7f7;
  }
  body .main.jwugopage .jwu-interview .content {
    padding-bottom: 4.72222vw;
  }
  body .main.jwugopage .jwu-interview .movie-list {
    width: 80.55556vw;
    margin: 5.55556vw auto 0;
    justify-content: flex-start;
  }
  body .main.jwugopage .jwu-interview .movie-list > li {
    width: 25vw;
    margin-right: 2.77778vw;
  }
  body .main.jwugopage .jwu-interview .movie-list > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main.jwugopage .steam-for-girls {
    padding-top: 7.36111vw;
    padding-bottom: 9.86111vw;
  }
  body .main.jwugopage .steam-for-girls .movie-list {
    width: 80.55556vw;
    margin: 5.55556vw auto 0;
  }
}
@media screen and (min-width: 1360px) {
  body .main.jwugopage section > .inner {
    width: 1180px;
  }
  body .main.jwugopage h2 span:not(:first-child) {
    margin-left: 0;
  }
  body .main.jwugopage .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 18px;
  }
  body .main.jwugopage .more--pdf::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 29px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.jwugopage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
  }
  body .main.jwugopage .more-area li {
    margin-left: 27px;
    margin-bottom: 27px;
  }
  body .main.jwugopage .more-area li:last-child {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-gp {
    padding-top: 120px;
  }
  body .main.jwugopage .jwu-education {
    padding-top: 120px;
  }
  body .main.jwugopage .jwu-education .content {
    padding-bottom: 160px;
  }
  body .main.jwugopage .jwu-education .more-area {
    position: relative;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(5) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(6) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-education .more-area > li:nth-child(7) {
    margin-bottom: 0;
  }
  body .main.jwugopage .jwu-finance {
    padding-top: 120px;
  }
  body .main.jwugopage .jwu-finance .content {
    padding-bottom: 118px;
  }
  body .main.jwugopage .jwu-facility {
    padding-top: 95px;
  }
  body .main.jwugopage .jwu-facility .content {
    padding-bottom: 182px;
  }
  body .main.jwugopage .jwu-exam {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  body .main.jwugopage .jwu-exam .content {
    padding-bottom: 116px;
  }
  body .main.jwugopage .jwu-interview {
    padding-top: 108px;
    padding-bottom: 95px;
    background: #f7f7f7;
  }
  body .main.jwugopage .jwu-interview .content {
    padding-bottom: 68px;
  }
  body .main.jwugopage .jwu-interview .movie-list {
    width: 1160px;
    margin: 80px auto 0;
    justify-content: flex-start;
  }
  body .main.jwugopage .jwu-interview .movie-list > li {
    width: 360px;
    margin-right: 40px;
  }
  body .main.jwugopage .jwu-interview .movie-list > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main.jwugopage .steam-for-girls {
    padding-top: 106px;
    padding-bottom: 142px;
  }
  body .main.jwugopage .steam-for-girls .movie-list {
    width: 1160px;
    margin: 80px auto 0;
  }
}
@media screen and (min-width: 1670px) {
  body .main.jwugopage .main.jwugopage section > .inner {
    width: 1475px;
  }
  body .main.jwugopage .main.jwugopage h2 span:not(:first-child) {
    margin-left: 0;
  }
  body .main.jwugopage .main.jwugopage .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 22.5px;
  }
  body .main.jwugopage .main.jwugopage .more--pdf::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 36.25px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.jwugopage .main.jwugopage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
  }
  body .main.jwugopage .main.jwugopage .more-area li {
    margin-left: 33.75px;
    margin-bottom: 33.75px;
  }
  body .main.jwugopage .main.jwugopage .more-area li:last-child {
    margin-bottom: 0;
  }
  body .main.jwugopage .main.jwugopage .jwu-gp {
    padding-top: 150px;
  }
  body .main.jwugopage .main.jwugopage .jwu-education {
    padding-top: 150px;
  }
  body .main.jwugopage .main.jwugopage .jwu-education .content {
    padding-bottom: 200px;
  }
  body .main.jwugopage .main.jwugopage .jwu-education .more-area {
    position: relative;
  }
  body .main.jwugopage .main.jwugopage .jwu-education .more-area > li:nth-child(5) {
    margin-bottom: 0;
  }
  body .main.jwugopage .main.jwugopage .jwu-education .more-area > li:nth-child(6) {
    margin-bottom: 0;
  }
  body .main.jwugopage .main.jwugopage .jwu-education .more-area > li:nth-child(7) {
    margin-bottom: 0;
  }
  body .main.jwugopage .main.jwugopage .jwu-finance {
    padding-top: 150px;
  }
  body .main.jwugopage .main.jwugopage .jwu-finance .content {
    padding-bottom: 147.5px;
  }
  body .main.jwugopage .main.jwugopage .jwu-facility {
    padding-top: 118.75px;
  }
  body .main.jwugopage .main.jwugopage .jwu-facility .content {
    padding-bottom: 227.5px;
  }
  body .main.jwugopage .main.jwugopage .jwu-exam {
    padding-top: 118.75px;
    padding-bottom: 118.75px;
  }
  body .main.jwugopage .main.jwugopage .jwu-exam .content {
    padding-bottom: 145px;
  }
  body .main.jwugopage .main.jwugopage .jwu-interview {
    padding-top: 135px;
    padding-bottom: 118.75px;
    background: #f7f7f7;
  }
  body .main.jwugopage .main.jwugopage .jwu-interview .content {
    padding-bottom: 85px;
  }
  body .main.jwugopage .main.jwugopage .jwu-interview .movie-list {
    width: 1450px;
    margin: 100px auto 0;
    justify-content: flex-start;
  }
  body .main.jwugopage .main.jwugopage .jwu-interview .movie-list > li {
    width: 450px;
    margin-right: 50px;
  }
  body .main.jwugopage .main.jwugopage .jwu-interview .movie-list > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main.jwugopage .main.jwugopage .steam-for-girls {
    padding-top: 132.5px;
    padding-bottom: 177.5px;
  }
  body .main.jwugopage .main.jwugopage .steam-for-girls .movie-list {
    width: 1450px;
    margin: 100px auto 0;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.jwugopage .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 6.8vw;
  }
  body .main.jwugopage .more--pdf::after {
    content: "";
    position: absolute;
    width: 4.26667vw;
    height: 7.73333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: -0.8vw;
    margin: auto;
    transition: none;
  }
  body .main.jwugopage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    margin-right: 5.33333vw;
  }
  body .main.jwugopage .more-area li {
    margin-left: 6.4vw;
    margin-bottom: 10.5vw;
  }
  body .main.jwugopage .more-area li:last-child {
    margin-bottom: 0;
  }
  body .main.jwugopage .more-area.margin {
    margin-top: 10.5vw;
  }
  body .main.jwugopage .jwu-gp {
    padding-top: 25vw;
  }
  body .main.jwugopage .jwu-education {
    padding-top: 28vw;
  }
  body .main.jwugopage .jwu-finance {
    padding-top: 29vw;
  }
  body .main.jwugopage .jwu-facility {
    padding-top: 29vw;
  }
  body .main.jwugopage .jwu-exam {
    padding-top: 29vw;
    padding-bottom: 25vw;
  }
  body .main.jwugopage .jwu-interview {
    padding-top: 26vw;
    padding-bottom: 14.5vw;
    background: #f7f7f7;
  }
  body .main.jwugopage .jwu-interview .movie-list {
    width: 89.33333vw;
    margin: 19vw auto 14.66667vw;
  }
  body .main.jwugopage .steam-for-girls {
    padding-top: 25vw;
    padding-bottom: 37.5vw;
  }
  body .main.jwugopage .steam-for-girls .movie-list {
    width: 89.33333vw;
    margin: 21vw auto 0;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.academics-details-department-page .study-details {
    width: 79.86111vw;
    margin: auto;
    margin-top: 10.41667vw;
  }
  body .main.academics-details-department-page .study-details p {
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-features {
    margin-top: 8.26389vw;
    margin-bottom: 8.05556vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul {
    width: 80.55556vw;
    margin: auto;
    margin-top: 5.625vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li {
    background-color: #dbe2e6;
    padding-bottom: 2.84722vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li:not(:nth-child(1)) {
    margin-top: 2.84722vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .ttl {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 1.11111vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .txt {
    width: 74.44444vw;
    margin: auto;
    margin-top: 2.29167vw;
  }
  body .main.academics-details-department-page .study-years-box {
    padding-top: 7.70833vw;
    padding-bottom: 8.05556vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years {
    width: 80.55556vw;
    margin: auto;
    margin-top: 5.55556vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years > .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 3.54167vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt h4 {
    margin-top: 0.69444vw;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt p {
    margin-top: -1.04167vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.04167vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro {
    width: 80.55556vw;
    margin: auto;
    margin-top: 6.04167vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box {
    margin-top: 3.47222vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box li .txt h4 {
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 2.63889vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course {
    width: 80.55556vw;
    margin: auto;
    padding-top: 8.33333vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area {
    display: flex;
    margin-top: 3.19444vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area li:not(:nth-child(1)) {
    margin-left: 1.94444vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support {
    width: 80.55556vw;
    margin: auto;
    margin-top: 8.33333vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support p {
    margin-top: 3.33333vw;
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 3.61111vw;
  }
  body .main.academics-details-department-page .exam-info {
    padding-top: 8.88889vw;
    padding-bottom: 0vw;
  }
  body .main.academics-details-department-page .exam-info .detail ul li.external a:after {
    background: url(../img/common/_blank.svg) no-repeat;
    width: 0.83333vw;
    height: 0.69444vw;
    bottom: 0.83333vw;
    top: auto;
    right: 0.27778vw;
  }
  body .main.academics-details-department-page .info-banner-area {
    width: 80.55556vw;
    margin: auto;
    margin-top: 8.61111vw;
    margin-bottom: 9.72222vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.academics-details-department-page .info-banner-area li {
    width: 25vw;
    position: relative;
  }
  body .main.academics-details-department-page .info-banner-area li:not(:nth-child(1)) {
    margin-left: 2.77778vw;
  }
  body .main.academics-details-department-page .info-banner-area li a {
    position: relative;
    display: block;
  }
  body .main.academics-details-department-page .info-banner-area li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 2.43056vw;
  }
  body .main.academics-details-department-page .info-banner-area li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main.academics-details-department-page .info-banner-area li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main.academics-details-department-page .info-banner-area li .img {
    position: relative;
  }
}
@media screen and (min-width: 1360px) {
  body .main.academics-details-department-page .study-details {
    width: 1150px;
    margin: auto;
    margin-top: 150px;
  }
  body .main.academics-details-department-page .study-details p {
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-features {
    margin-top: 119px;
    margin-bottom: 116px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul {
    width: 1160px;
    margin: auto;
    margin-top: 81px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li {
    background-color: #dbe2e6;
    padding-bottom: 41px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li:not(:nth-child(1)) {
    margin-top: 41px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .ttl {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .txt {
    width: 1072px;
    margin: auto;
    margin-top: 33px;
  }
  body .main.academics-details-department-page .study-years-box {
    padding-top: 111px;
    padding-bottom: 116px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years {
    width: 1160px;
    margin: auto;
    margin-top: 80px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years > .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 51px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt h4 {
    margin-top: 10px;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt p {
    margin-top: -15px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro {
    width: 1160px;
    margin: auto;
    margin-top: 87px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box {
    margin-top: 50px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box li .txt h4 {
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 38px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course {
    width: 1160px;
    margin: auto;
    padding-top: 120px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area {
    display: flex;
    margin-top: 46px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area li:not(:nth-child(1)) {
    margin-left: 28px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support {
    width: 1160px;
    margin: auto;
    margin-top: 120px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support p {
    margin-top: 48px;
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 52px;
  }
  body .main.academics-details-department-page .exam-info {
    padding-top: 128px;
    padding-bottom: 0px;
  }
  body .main.academics-details-department-page .exam-info .detail ul li.external a:after {
    background: url(../img/common/_blank.svg) no-repeat;
    width: 12px;
    height: 10px;
    bottom: 12px;
    top: auto;
    right: 4px;
  }
  body .main.academics-details-department-page .info-banner-area {
    width: 1160px;
    margin: auto;
    margin-top: 124px;
    margin-bottom: 140px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.academics-details-department-page .info-banner-area li {
    width: 360px;
    position: relative;
  }
  body .main.academics-details-department-page .info-banner-area li:not(:nth-child(1)) {
    margin-left: 40px;
  }
  body .main.academics-details-department-page .info-banner-area li a {
    position: relative;
    display: block;
  }
  body .main.academics-details-department-page .info-banner-area li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 35px;
  }
  body .main.academics-details-department-page .info-banner-area li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main.academics-details-department-page .info-banner-area li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main.academics-details-department-page .info-banner-area li .img {
    position: relative;
  }
}
@media screen and (min-width: 1670px) {
  body .main.academics-details-department-page .study-details {
    width: 1437.5px;
    margin: auto;
    margin-top: 187.5px;
  }
  body .main.academics-details-department-page .study-details p {
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-features {
    margin-top: 148.75px;
    margin-bottom: 145px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul {
    width: 1450px;
    margin: auto;
    margin-top: 101.25px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li {
    background-color: #dbe2e6;
    padding-bottom: 51.25px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li:not(:nth-child(1)) {
    margin-top: 51.25px;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .ttl {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .txt {
    width: 1340px;
    margin: auto;
    margin-top: 41.25px;
  }
  body .main.academics-details-department-page .study-years-box {
    padding-top: 138.75px;
    padding-bottom: 145px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years {
    width: 1450px;
    margin: auto;
    margin-top: 100px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years > .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 63.75px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt h4 {
    margin-top: 12.5px;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt p {
    margin-top: -18.75px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .img-txt-box li .txt .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 18.75px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro {
    width: 1450px;
    margin: auto;
    margin-top: 108.75px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box {
    margin-top: 62.5px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro .img-txt-box li .txt h4 {
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 47.5px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course {
    width: 1450px;
    margin: auto;
    padding-top: 150px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area {
    display: flex;
    margin-top: 57.5px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area li:not(:nth-child(1)) {
    margin-left: 35px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support {
    width: 1450px;
    margin: auto;
    margin-top: 150px;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support p {
    margin-top: 60px;
    letter-spacing: 0.03em;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support .more-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 65px;
  }
  body .main.academics-details-department-page .exam-info {
    padding-top: 160px;
    padding-bottom: 0px;
  }
  body .main.academics-details-department-page .exam-info .detail ul li.external a:after {
    background: url(../img/common/_blank.svg) no-repeat;
    width: 15px;
    height: 12.5px;
    bottom: 15px;
    top: auto;
    right: 5px;
  }
  body .main.academics-details-department-page .info-banner-area {
    width: 1450px;
    margin: auto;
    margin-top: 155px;
    margin-bottom: 175px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main.academics-details-department-page .info-banner-area li {
    width: 450px;
    position: relative;
  }
  body .main.academics-details-department-page .info-banner-area li:not(:nth-child(1)) {
    margin-left: 50px;
  }
  body .main.academics-details-department-page .info-banner-area li a {
    position: relative;
    display: block;
  }
  body .main.academics-details-department-page .info-banner-area li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 43.75px;
  }
  body .main.academics-details-department-page .info-banner-area li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main.academics-details-department-page .info-banner-area li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main.academics-details-department-page .info-banner-area li .img {
    position: relative;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.academics-details-department-page .study-details {
    width: 89.33333vw;
    margin: auto;
    margin-top: 20vw;
  }
  body .main.academics-details-department-page .study-features {
    margin-top: 28vw;
    margin-bottom: 25.33333vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li {
    margin-top: 26.13333vw;
    position: relative;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li:not(:nth-child(1)) {
    margin-top: 27.73333vw;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .ttlBox {
    position: absolute;
    width: 94.66667vw;
    top: -12vw;
    left: 0;
    z-index: 1;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .ttlBox .ttl {
    background-color: #222;
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    padding: 0 4vw;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  body .main.academics-details-department-page .study-features .inner .content ul li .txt {
    width: 89.33333vw;
    margin: auto;
    margin-top: 20vw;
    background-color: #dbe2e6;
    padding: 8vw 6.13333vw;
    position: relative;
    line-height: 1.85;
  }
  body .main.academics-details-department-page .study-years-box {
    padding-top: 23.46667vw;
    padding-bottom: 24vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box {
    width: 89.33333vw;
    margin: auto;
    margin-top: 20vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box .img {
    margin-bottom: 4vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box .txt h4 {
    margin-bottom: 2.13333vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box .txt .more-area {
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box > li {
    margin-bottom: 14.93333vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years .img-txt-box > li:nth-last-child(1) {
    margin-bottom: 13.86667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .study-years > .more-area {
    width: 89.33333vw;
    margin: auto;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro {
    width: 89.33333vw;
    margin: auto;
    margin-top: 26.66667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro > .img-txt-box {
    margin-top: 8.8vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro > .img-txt-box li .img {
    margin-bottom: 5.6vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .class-intro > .img-txt-box li .txt h4 {
    margin-bottom: 5.06667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course {
    width: 89.33333vw;
    margin: auto;
    margin-top: 26.66667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area {
    display: flex;
    margin-top: 8.8vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .after-course .more-area li:not(:nth-child(1)) {
    margin-left: 6.66667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support {
    width: 89.33333vw;
    margin: auto;
    margin-top: 26.66667vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support p {
    margin-top: 8vw;
  }
  body .main.academics-details-department-page .study-years-box .inner .content .career-support .more-area {
    margin-top: 14.4vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main.academics-details-department-page .exam-info {
    padding-top: 26.4vw;
    padding-bottom: 0;
  }
  body .main.academics-details-department-page .exam-info .inner .flex .detail > div:nth-child(1) ul {
    margin-bottom: 0;
    padding-bottom: 6.66667vw;
  }
  body .main.academics-details-department-page .exam-info .inner .flex .detail > div:nth-child(2) ul {
    padding-top: 2.66667vw;
  }
  body .main.academics-details-department-page .exam-info .inner .flex .detail ul li.external a:after {
    background: url(../img/common/_blank.svg) no-repeat;
    width: 3.2vw;
    height: 2.66667vw;
    bottom: 1.86667vw;
    top: auto;
    right: 1.06667vw;
  }
  body .main.academics-details-department-page .info-banner-area {
    width: 69.33333vw;
    margin: auto;
    margin-top: 14.66667vw;
    margin-bottom: 37.33333vw;
  }
  body .main.academics-details-department-page .info-banner-area li {
    width: 100%;
    position: relative;
    height: 29.33333vw;
    overflow: hidden;
  }
  body .main.academics-details-department-page .info-banner-area li:not(:nth-child(1)) {
    margin-top: 4vw;
  }
  body .main.academics-details-department-page .info-banner-area li a {
    position: relative;
    height: 29.33333vw;
  }
  body .main.academics-details-department-page .info-banner-area li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 9.33333vw;
  }
  body .main.academics-details-department-page .info-banner-area li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main.academics-details-department-page .info-banner-area li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main.academics-details-department-page .info-banner-area li .img {
    position: relative;
    top: -12%;
    margin: auto;
    height: 29.33333vw;
  }
  body .main.academics-details-department-page .info-banner-area li .img img {
    width: 100%;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.challengepage .underfv h2 > span {
    width: auto;
  }
  body .main.challengepage .intro {
    padding-top: 10.20833vw;
    padding-bottom: 4.16667vw;
  }
  body .main.challengepage .intro .content {
    width: 79.16667vw;
    margin: auto;
  }
  body .main.challengepage .intro h3 {
    margin-bottom: 1.04167vw;
  }
  body .main.challengepage .intro p {
    color: #777;
  }
  body .main.challengepage .distance-learning {
    padding-top: 4.16667vw;
    padding-bottom: 8.33333vw;
  }
  body .main.challengepage .distance-learning h2 {
    margin-bottom: 3.47222vw;
  }
  body .main.challengepage .distance-learning .content-txt {
    margin-left: 1.38889vw;
    margin-bottom: 5.20833vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail {
    position: relative;
    width: 80.55556vw;
    margin: auto;
    padding-bottom: 2.84722vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 2.77778vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 1.18056vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 0.41667vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center {
    padding-top: 7.63889vw;
    padding-bottom: 8.33333vw;
    background: #f7f7f7;
  }
  body .main.challengepage .study-center h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.challengepage .study-center .study-center-detal {
    position: relative;
    width: 80.55556vw;
    margin: auto;
    padding-bottom: 6.38889vw;
  }
  body .main.challengepage .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li {
    margin-right: 2.08333vw;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent {
    padding-top: 7.63889vw;
    padding-bottom: 9.72222vw;
  }
  body .main.challengepage .recurrent h2 {
    margin-bottom: 3.81944vw;
  }
  body .main.challengepage .recurrent .content-txt {
    margin-left: 1.38889vw;
    width: 79.16667vw;
    margin-bottom: 5.76389vw;
  }
  body .main.challengepage .recurrent .career-detal {
    position: relative;
    width: 80.55556vw;
    margin: auto;
    padding-bottom: 2.77778vw;
  }
  body .main.challengepage .recurrent .career-detal h3 {
    margin-bottom: 3.47222vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li {
    margin-right: 2.77778vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img {
    margin-bottom: 1.38889vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-txt .ttl {
    margin-bottom: 0.48611vw;
  }
  body .main.challengepage .recurrent .career-detal .more-area {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (min-width: 1360px) {
  body .main.challengepage .underfv h2 > span {
    width: auto;
  }
  body .main.challengepage .intro {
    padding-top: 147px;
    padding-bottom: 60px;
  }
  body .main.challengepage .intro .content {
    width: 1140px;
    margin: auto;
  }
  body .main.challengepage .intro h3 {
    margin-bottom: 15px;
  }
  body .main.challengepage .intro p {
    color: #777;
  }
  body .main.challengepage .distance-learning {
    padding-top: 60px;
    padding-bottom: 120px;
  }
  body .main.challengepage .distance-learning h2 {
    margin-bottom: 50px;
  }
  body .main.challengepage .distance-learning .content-txt {
    margin-left: 20px;
    margin-bottom: 75px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail {
    position: relative;
    width: 1160px;
    margin: auto;
    padding-bottom: 41px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 40px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 17px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 6px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center {
    padding-top: 110px;
    padding-bottom: 120px;
    background: #f7f7f7;
  }
  body .main.challengepage .study-center h2 {
    margin-bottom: 80px;
  }
  body .main.challengepage .study-center .study-center-detal {
    position: relative;
    width: 1160px;
    margin: auto;
    padding-bottom: 92px;
  }
  body .main.challengepage .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li {
    margin-right: 30px;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent {
    padding-top: 110px;
    padding-bottom: 140px;
  }
  body .main.challengepage .recurrent h2 {
    margin-bottom: 55px;
  }
  body .main.challengepage .recurrent .content-txt {
    margin-left: 20px;
    width: 1140px;
    margin-bottom: 83px;
  }
  body .main.challengepage .recurrent .career-detal {
    position: relative;
    width: 1160px;
    margin: auto;
    padding-bottom: 40px;
  }
  body .main.challengepage .recurrent .career-detal h3 {
    margin-bottom: 50px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li {
    margin-right: 40px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img {
    margin-bottom: 20px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-txt .ttl {
    margin-bottom: 7px;
  }
  body .main.challengepage .recurrent .career-detal .more-area {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (min-width: 1670px) {
  body .main.challengepage .underfv h2 > span {
    width: auto;
  }
  body .main.challengepage .intro {
    padding-top: 183.75px;
    padding-bottom: 75px;
  }
  body .main.challengepage .intro .content {
    width: 1425px;
    margin: auto;
  }
  body .main.challengepage .intro h3 {
    margin-bottom: 18.75px;
  }
  body .main.challengepage .intro p {
    color: #777;
  }
  body .main.challengepage .distance-learning {
    padding-top: 75px;
    padding-bottom: 150px;
  }
  body .main.challengepage .distance-learning h2 {
    margin-bottom: 62.5px;
  }
  body .main.challengepage .distance-learning .content-txt {
    margin-left: 25px;
    margin-bottom: 93.75px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail {
    position: relative;
    width: 1450px;
    margin: auto;
    padding-bottom: 51.25px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 50px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 21.25px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 7.5px;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center {
    padding-top: 137.5px;
    padding-bottom: 150px;
    background: #f7f7f7;
  }
  body .main.challengepage .study-center h2 {
    margin-bottom: 100px;
  }
  body .main.challengepage .study-center .study-center-detal {
    position: relative;
    width: 1450px;
    margin: auto;
    padding-bottom: 115px;
  }
  body .main.challengepage .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li {
    margin-right: 37.5px;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent {
    padding-top: 137.5px;
    padding-bottom: 175px;
  }
  body .main.challengepage .recurrent h2 {
    margin-bottom: 68.75px;
  }
  body .main.challengepage .recurrent .content-txt {
    margin-left: 25px;
    width: 1425px;
    margin-bottom: 103.75px;
  }
  body .main.challengepage .recurrent .career-detal {
    position: relative;
    width: 1450px;
    margin: auto;
    padding-bottom: 50px;
  }
  body .main.challengepage .recurrent .career-detal h3 {
    margin-bottom: 62.5px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list {
    justify-content: flex-start;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li {
    margin-right: 50px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img {
    margin-bottom: 25px;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-txt .ttl {
    margin-bottom: 8.75px;
  }
  body .main.challengepage .recurrent .career-detal .more-area {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.challengepage .intro {
    width: 89.33333vw;
    margin: auto;
    padding-top: 18.2vw;
    padding-bottom: 12vw;
  }
  body .main.challengepage .intro h3 {
    margin-bottom: 4vw;
  }
  body .main.challengepage .distance-learning {
    padding-top: 16vw;
    padding-bottom: 25vw;
  }
  body .main.challengepage .distance-learning h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.challengepage .distance-learning .content-txt {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 26vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.93333vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li {
    margin-bottom: 15vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 5.53333vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 5.6vw;
  }
  body .main.challengepage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center {
    padding-top: 22.33333vw;
    padding-bottom: 25vw;
    background: #f7f7f7;
  }
  body .main.challengepage .study-center h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.challengepage .study-center .study-center-detal {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.53333vw;
  }
  body .main.challengepage .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li {
    margin-right: 8vw;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li .img {
    margin-bottom: 4.66667vw;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li .img img {
    width: 100%;
  }
  body .main.challengepage .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.challengepage .recurrent {
    padding-top: 23.33333vw;
    padding-bottom: 37.33333vw;
  }
  body .main.challengepage .recurrent h2 {
    margin-bottom: 19.66667vw;
  }
  body .main.challengepage .recurrent .content-txt {
    width: 89.33333vw;
    margin: 0 auto 22.13333vw;
  }
  body .main.challengepage .recurrent .career-detal {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.66667vw;
  }
  body .main.challengepage .recurrent .career-detal h3 {
    margin-bottom: 6.33333vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li {
    margin-bottom: 15.2vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img {
    margin-bottom: 5.33333vw;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.challengepage .recurrent .career-detal .movie-list > li .box-txt .ttl {
    margin-bottom: 5.86667vw;
  }
  body .main.challengepage .recurrent .career-detal .more-area {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.contactpage section:not(.thirdfv) {
    margin-top: 10.20833vw;
  }
  body .main.contactpage section .about-text {
    width: 79.72222vw;
    margin: auto;
  }
  body .main.contactpage section .more-area.flex {
    margin-top: 5.27778vw;
  }
  body .main.contactpage section .contact-ul {
    width: 80.55556vw;
    margin: auto;
    margin-top: 2.91667vw;
    margin-bottom: 8.33333vw;
  }
  body .main.contactpage section .contact-ul li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 2.91667vw 0 1.73611vw;
  }
  body .main.contactpage section .contact-ul li .name {
    width: 18.75vw;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main.contactpage section .contact-ul li .about {
    width: 40.55556vw;
    padding-right: 4em;
  }
  body .main.contactpage section .contact-ul li .tel {
    width: 13.125vw;
    padding-right: 1.5em;
  }
  body .main.contactpage section .contact-ul li .mail a {
    position: relative;
    display: block;
  }
  body .main.contactpage section .contact-ul li .mail a::after {
    content: " ";
    display: block;
    width: 0.83333vw;
    height: 0.83333vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -1.25vw;
    bottom: 0.55556vw;
    transition: .5s right;
  }
}
@media screen and (min-width: 1360px) {
  body .main.contactpage section:not(.thirdfv) {
    margin-top: 147px;
  }
  body .main.contactpage section .about-text {
    width: 1148px;
    margin: auto;
  }
  body .main.contactpage section .more-area.flex {
    margin-top: 76px;
  }
  body .main.contactpage section .contact-ul {
    width: 1160px;
    margin: auto;
    margin-top: 42px;
    margin-bottom: 120px;
  }
  body .main.contactpage section .contact-ul li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 42px 0 25px;
  }
  body .main.contactpage section .contact-ul li .name {
    width: 270px;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main.contactpage section .contact-ul li .about {
    width: 584px;
    padding-right: 4em;
  }
  body .main.contactpage section .contact-ul li .tel {
    width: 189px;
    padding-right: 2em;
  }
  body .main.contactpage section .contact-ul li .mail a {
    position: relative;
    display: block;
  }
  body .main.contactpage section .contact-ul li .mail a::after {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -18px;
    bottom: 8px;
    transition: .5s right;
  }
}
@media screen and (min-width: 1670px) {
  body .main.contactpage section:not(.thirdfv) {
    margin-top: 183.75px;
  }
  body .main.contactpage section .about-text {
    width: 1435px;
    margin: auto;
  }
  body .main.contactpage section .more-area.flex {
    margin-top: 95px;
  }
  body .main.contactpage section .contact-ul {
    width: 1450px;
    margin: auto;
    margin-top: 52.5px;
    margin-bottom: 150px;
  }
  body .main.contactpage section .contact-ul li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 52.5px 0 31.25px;
  }
  body .main.contactpage section .contact-ul li .name {
    width: 337.5px;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main.contactpage section .contact-ul li .about {
    width: 730px;
    padding-right: 4em;
  }
  body .main.contactpage section .contact-ul li .tel {
    width: 236.25px;
    padding-right: 2em;
  }
  body .main.contactpage section .contact-ul li .mail a {
    position: relative;
    display: block;
  }
  body .main.contactpage section .contact-ul li .mail a::after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -22.5px;
    bottom: 10px;
    transition: .5s right;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.contactpage section:not(.thirdfv) {
    margin-top: 21.06667vw;
  }
  body .main.contactpage section .about-text {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.contactpage section .contact-ul {
    width: 89.33333vw;
    margin: auto;
    margin-top: 4.53333vw;
    margin-bottom: 26.66667vw;
  }
  body .main.contactpage section .contact-ul li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #F1F1F1;
    padding: 14.93333vw 0 9.33333vw;
  }
  body .main.contactpage section .contact-ul li .name {
    width: 100%;
    letter-spacing: 0.03em;
  }
  body .main.contactpage section .contact-ul li .about {
    width: 100%;
    margin-top: 4.8vw;
  }
  body .main.contactpage section .contact-ul li .tel {
    min-width: 47.2vw;
    padding-right: 2em;
    margin-top: 5.33333vw;
  }
  body .main.contactpage section .contact-ul li .mail {
    margin-top: 5.33333vw;
  }
  body .main.contactpage section .contact-ul li .mail a {
    position: relative;
    display: block;
  }
  body .main.contactpage section .contact-ul li .mail a::after {
    content: " ";
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -4.8vw;
    bottom: 2.13333vw;
    transition: .5s right;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.accesspage section:not(.thirdfv) {
    margin-top: 8.33333vw;
  }
  body .main.accesspage section .map-box {
    width: 80.55556vw;
    margin: 5.55556vw auto 0;
  }
  body .main.accesspage section .map-box .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main.accesspage section .map-box .img img {
    width: 100%;
  }
  body .main.accesspage section .map-box .img iframe {
    width: 100%;
    height: 45.20833vw;
  }
  body .main.accesspage section .map-box figcaption {
    display: flex;
    justify-content: space-between;
    margin: 2.77778vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl {
    width: 38.88889vw;
  }
  body .main.accesspage section .map-box figcaption dl dt:not(:first-child) {
    margin: 2.77778vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd {
    margin: 0.625vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li::before {
    content: '・';
    display: inline-block;
    margin: 0 0.27778vw 0 0.34722vw;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li .s {
    margin: 0 0 0 1.11111vw;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li:not(:first-child) {
    margin: 0.20833vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main.accesspage section .map-box.column_two {
    margin-top: 3.47222vw;
    display: flex;
    justify-content: space-between;
  }
  body .main.accesspage section .map-box.column_two .imgarea {
    width: 38.88889vw;
  }
  body .main.accesspage section .map-box.column_two .imgarea .btn_area {
    margin: 1.875vw 0 0 0;
  }
  body .main.accesspage section .map-box.column_two figcaption {
    margin: 0;
    width: 38.88889vw;
  }
  body .main.accesspage section .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 1.66667vw;
  }
  body .main.accesspage section .more--pdf::after {
    content: "";
    position: absolute;
    width: 1.11111vw;
    height: 2.01389vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.accesspage section.howto {
    margin-top: 6.04167vw;
  }
  body .main.accesspage section.howto h3 {
    margin: 0 0 0 1.45833vw;
  }
  body .main.accesspage section#accessmap {
    padding: 8.33333vw 0 0 0;
  }
  body .main.accesspage section#nishiikuta {
    padding: 0 0 9.65278vw 0;
  }
}
@media screen and (min-width: 1360px) {
  body .main.accesspage section:not(.thirdfv) {
    margin-top: 120px;
  }
  body .main.accesspage section .map-box {
    width: 1160px;
    margin: 80px auto 0;
  }
  body .main.accesspage section .map-box .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main.accesspage section .map-box .img img {
    width: 100%;
  }
  body .main.accesspage section .map-box .img iframe {
    width: 100%;
    height: 651px;
  }
  body .main.accesspage section .map-box figcaption {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl {
    width: 560px;
  }
  body .main.accesspage section .map-box figcaption dl dt:not(:first-child) {
    margin: 40px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd {
    margin: 9px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li::before {
    content: '・';
    display: inline-block;
    margin: 0 4px 0 5px;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li .s {
    margin: 0 0 0 16px;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li:not(:first-child) {
    margin: 3px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main.accesspage section .map-box.column_two {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
  }
  body .main.accesspage section .map-box.column_two .imgarea {
    width: 560px;
  }
  body .main.accesspage section .map-box.column_two .imgarea .btn_area {
    margin: 27px 0 0 0;
  }
  body .main.accesspage section .map-box.column_two figcaption {
    margin: 0;
    width: 560px;
  }
  body .main.accesspage section .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 24px;
  }
  body .main.accesspage section .more--pdf::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 29px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.accesspage section.howto {
    margin-top: 87px;
  }
  body .main.accesspage section.howto h3 {
    margin: 0 0 0 21px;
  }
  body .main.accesspage section#accessmap {
    padding: 120px 0 0 0;
  }
  body .main.accesspage section#nishiikuta {
    padding: 0 0 139px 0;
  }
}
@media screen and (min-width: 1670px) {
  body .main.accesspage section:not(.thirdfv) {
    margin-top: 150px;
  }
  body .main.accesspage section .map-box {
    width: 1450px;
    margin: 100px auto 0;
  }
  body .main.accesspage section .map-box .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main.accesspage section .map-box .img img {
    width: 100%;
  }
  body .main.accesspage section .map-box .img iframe {
    width: 100%;
    height: 813.75px;
  }
  body .main.accesspage section .map-box figcaption {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl {
    width: 700px;
  }
  body .main.accesspage section .map-box figcaption dl dt:not(:first-child) {
    margin: 50px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd {
    margin: 11.25px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li::before {
    content: '・';
    display: inline-block;
    margin: 0 5px 0 6.25px;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li .s {
    margin: 0 0 0 20px;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li:not(:first-child) {
    margin: 3.75px 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main.accesspage section .map-box.column_two {
    margin-top: 62.5px;
    display: flex;
    justify-content: space-between;
  }
  body .main.accesspage section .map-box.column_two .imgarea {
    width: 700px;
  }
  body .main.accesspage section .map-box.column_two .imgarea .btn_area {
    margin: 33.75px 0 0 0;
  }
  body .main.accesspage section .map-box.column_two figcaption {
    margin: 0;
    width: 700px;
  }
  body .main.accesspage section .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 30px;
  }
  body .main.accesspage section .more--pdf::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 36.25px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.accesspage section.howto {
    margin-top: 108.75px;
  }
  body .main.accesspage section.howto h3 {
    margin: 0 0 0 26.25px;
  }
  body .main.accesspage section#accessmap {
    padding: 150px 0 0 0;
  }
  body .main.accesspage section#nishiikuta {
    padding: 0 0 173.75px 0;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.accesspage section:not(.thirdfv) {
    margin-top: 28.7vw;
  }
  body .main.accesspage section .text--sp--16.b {
    font-weight: bold;
  }
  body .main.accesspage section .map-box {
    width: 89.33333vw;
    margin: 16vw auto 0;
  }
  body .main.accesspage section .map-box .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main.accesspage section .map-box .img img {
    width: 100%;
  }
  body .main.accesspage section .map-box .img iframe {
    width: 100%;
    height: 50.13333vw;
  }
  body .main.accesspage section .map-box figcaption {
    margin: 4.5vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl:not(:first-child) {
    margin: 5vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dt:not(:first-child) {
    margin: 10.66667vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd {
    margin: 1.5vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li {
    padding: 0 0 0 6vw;
    position: relative;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li::before {
    content: '・';
    position: absolute;
    top: 0;
    left: 1vw;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li .s {
    display: block;
    line-height: 1.6;
  }
  body .main.accesspage section .map-box figcaption dl dd ul li:not(:first-child) {
    margin: 1.8vw 0 0 0;
  }
  body .main.accesspage section .map-box figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main.accesspage section .map-box.column_two {
    margin-top: 8vw;
  }
  body .main.accesspage section .map-box.column_two .imgarea .btn_area {
    text-align: right;
    margin: 2.66667vw 0 0 0;
  }
  body .main.accesspage section .map-box.column_two figcaption {
    margin: 8vw 0 0 0;
  }
  body .main.accesspage section .map-box.column_two figcaption dl dt:not(:first-child) {
    margin: 7.2vw 0 0 0;
  }
  body .main.accesspage section .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 6.4vw;
  }
  body .main.accesspage section .more--pdf::after {
    content: "";
    position: absolute;
    width: 4.26667vw;
    height: 7.73333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.accesspage section.howto {
    width: 89.33333vw;
    margin: 23.73333vw auto 0;
  }
  body .main.accesspage section#accessmap {
    margin-top: 18.93333vw;
  }
  body .main.accesspage section#nishiikuta {
    padding: 0 0 25.33333vw 0;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.news_detailspage #news {
    margin: 8.40278vw 0 0 0;
  }
  body .main.news_detailspage #news .inner {
    width: 61.11111vw;
    margin: 0 auto;
    padding: 0 0 9.72222vw 0;
  }
  body .main.news_detailspage #news .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.66667vw;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: black;
    left: 0;
    bottom: -0.20833vw;
  }
  body .main.news_detailspage #news .inner .news-wrapper {
    margin: 6.94444vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a {
    display: flex;
    padding: 0 0 0 9.02778vw;
    position: relative;
    justify-content: space-between;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a time {
    color: #777777;
    position: absolute;
    top: 0.20833vw;
    left: 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .cat {
    width: 6.94444vw;
    height: 2.01389vw;
    background: #f1f1f1;
    line-height: 2.01389vw;
    text-align: center;
    margin: 0.13889vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .text {
    width: 42.36111vw;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li:not(:first-child) {
    margin: 2.77778vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-pager {
    margin: 5vw 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7.04861vw;
  }
  body .main.news_detailspage #news .inner .news-pager .btn {
    width: 3.33333vw;
    height: 3.33333vw;
    background: #222222;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .btn img {
    position: absolute;
    width: 1.25vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 1.31944vw;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main.news_detailspage #news .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.77778vw;
  }
  body .main.news_detailspage #news .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: #222222;
    left: 0;
    bottom: 0vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.news_detailspage #news {
    margin: 121px 0 0 0;
  }
  body .main.news_detailspage #news .inner {
    width: 880px;
    margin: 0 auto;
    padding: 0 0 140px 0;
  }
  body .main.news_detailspage #news .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -3px;
  }
  body .main.news_detailspage #news .inner .news-wrapper {
    margin: 100px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a {
    display: flex;
    padding: 0 0 0 130px;
    position: relative;
    justify-content: space-between;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a time {
    color: #777777;
    position: absolute;
    top: 3px;
    left: 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .cat {
    width: 100px;
    height: 29px;
    background: #f1f1f1;
    line-height: 29px;
    text-align: center;
    margin: 2px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .text {
    width: 610px;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li:not(:first-child) {
    margin: 40px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-pager {
    margin: 72px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 101.5px;
  }
  body .main.news_detailspage #news .inner .news-pager .btn {
    width: 48px;
    height: 48px;
    background: #222222;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .btn img {
    position: absolute;
    width: 18px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 19px;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main.news_detailspage #news .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  body .main.news_detailspage #news .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #222222;
    left: 0;
    bottom: 0px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.news_detailspage #news {
    margin: 151.25px 0 0 0;
  }
  body .main.news_detailspage #news .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 175px 0;
  }
  body .main.news_detailspage #news .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: black;
    left: 0;
    bottom: -3.75px;
  }
  body .main.news_detailspage #news .inner .news-wrapper {
    margin: 125px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a {
    display: flex;
    padding: 0 0 0 162.5px;
    position: relative;
    justify-content: space-between;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a time {
    color: #777777;
    position: absolute;
    top: 3.75px;
    left: 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .cat {
    width: 125px;
    height: 36.25px;
    background: #f1f1f1;
    line-height: 36.25px;
    text-align: center;
    margin: 2.5px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .text {
    width: 762.5px;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li:not(:first-child) {
    margin: 50px 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-pager {
    margin: 90px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 126.875px;
  }
  body .main.news_detailspage #news .inner .news-pager .btn {
    width: 60px;
    height: 60px;
    background: #222222;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .btn img {
    position: absolute;
    width: 22.5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 23.75px;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main.news_detailspage #news .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
  body .main.news_detailspage #news .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: #222222;
    left: 0;
    bottom: 0px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.news_detailspage #news {
    margin: 19vw 0 0 0;
  }
  body .main.news_detailspage #news .inner {
    width: 89.33333vw;
    margin: 0 auto;
    padding: 0 0 37.33333vw 0;
  }
  body .main.news_detailspage #news .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8.53333vw;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -0.8vw;
  }
  body .main.news_detailspage #news .inner .news-wrapper {
    margin: 15.3vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a {
    display: flex;
    flex-wrap: wrap;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a time {
    color: #777777;
    width: 22.4vw;
    margin: 0.7vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .cat {
    width: 24vw;
    height: 7.2vw;
    background: #f1f1f1;
    line-height: 7.2vw;
    text-align: center;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li a .text {
    margin: 4vw 0 0 0;
    width: 100%;
  }
  body .main.news_detailspage #news .inner .news-wrapper ul li:not(:first-child) {
    margin: 14.93333vw 0 0 0;
  }
  body .main.news_detailspage #news .inner .news-pager {
    margin: 21.33333vw 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body .main.news_detailspage #news .inner .news-pager .btn {
    width: 12.8vw;
    height: 12.8vw;
    background: #222222;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .btn img {
    position: absolute;
    width: 4.8vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 5.06667vw;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main.news_detailspage #news .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main.news_detailspage #news .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10.66667vw;
  }
  body .main.news_detailspage #news .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main.news_detailspage #news .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #222222;
    left: 0;
    bottom: 0vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.international_exchange_page section .inner {
    width: 79.86111vw;
  }
  body .main.international_exchange_page section .inner .content > h3 {
    margin-top: 10.13889vw;
  }
  body .main.international_exchange_page section .inner .content .about-text {
    margin-top: 0.90278vw;
  }
  body .main.international_exchange_page .distance-learning {
    padding-top: 8.33333vw;
    padding-bottom: 8.33333vw;
  }
  body .main.international_exchange_page .distance-learning h2 {
    margin-bottom: 3.47222vw;
  }
  body .main.international_exchange_page .distance-learning .content-txt {
    margin-left: 1.38889vw;
    margin-bottom: 5.20833vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail {
    position: relative;
    width: 80.55556vw;
    margin: auto;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 2.77778vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 1.18056vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 0.41667vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 0.41667vw;
    transition: .5s right;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -0.34722vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center {
    padding-top: 7.63889vw;
    padding-bottom: 8.33333vw;
    background: #f7f7f7;
  }
  body .main.international_exchange_page .study-center h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal {
    position: relative;
    width: 80.55556vw;
    margin: auto;
    padding-bottom: 6.38889vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li {
    margin-right: 2.08333vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .exam-info.jyoho h2 {
    width: 18.05556vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul {
    width: 100%;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a {
    width: 24.30556vw;
    padding-bottom: 0.34722vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a::after {
    right: -1.04167vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a:hover::after {
    right: -1.38889vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 0.97222vw;
    height: 1.66667vw;
    bottom: 0.69444vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 0.97222vw;
    height: 1.66667vw;
    bottom: 0.69444vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.international_exchange_page section .inner {
    width: 1150px;
  }
  body .main.international_exchange_page section .inner .content > h3 {
    margin-top: 146px;
  }
  body .main.international_exchange_page section .inner .content .about-text {
    margin-top: 13px;
  }
  body .main.international_exchange_page .distance-learning {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  body .main.international_exchange_page .distance-learning h2 {
    margin-bottom: 50px;
  }
  body .main.international_exchange_page .distance-learning .content-txt {
    margin-left: 20px;
    margin-bottom: 75px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail {
    position: relative;
    width: 1160px;
    margin: auto;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 40px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 17px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 6px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: .5s right;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -5px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center {
    padding-top: 110px;
    padding-bottom: 120px;
    background: #f7f7f7;
  }
  body .main.international_exchange_page .study-center h2 {
    margin-bottom: 80px;
  }
  body .main.international_exchange_page .study-center .study-center-detal {
    position: relative;
    width: 1160px;
    margin: auto;
    padding-bottom: 92px;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li {
    margin-right: 30px;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .exam-info.jyoho h2 {
    width: 260px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul {
    width: 100%;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a {
    width: 350px;
    padding-bottom: 5px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a::after {
    right: -15px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a:hover::after {
    right: -20px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.international_exchange_page section .inner {
    width: 1437.5px;
  }
  body .main.international_exchange_page section .inner .content > h3 {
    margin-top: 182.5px;
  }
  body .main.international_exchange_page section .inner .content .about-text {
    margin-top: 16.25px;
  }
  body .main.international_exchange_page .distance-learning {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  body .main.international_exchange_page .distance-learning h2 {
    margin-bottom: 62.5px;
  }
  body .main.international_exchange_page .distance-learning .content-txt {
    margin-left: 25px;
    margin-bottom: 93.75px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail {
    position: relative;
    width: 1450px;
    margin: auto;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 50px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 21.25px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 7.5px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 7.5px;
    transition: .5s right;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -6.25px;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center {
    padding-top: 137.5px;
    padding-bottom: 150px;
    background: #f7f7f7;
  }
  body .main.international_exchange_page .study-center h2 {
    margin-bottom: 100px;
  }
  body .main.international_exchange_page .study-center .study-center-detal {
    position: relative;
    width: 1450px;
    margin: auto;
    padding-bottom: 115px;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li {
    margin-right: 37.5px;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .exam-info.jyoho h2 {
    width: 325px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul {
    width: 100%;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a {
    width: 437.5px;
    padding-bottom: 6.25px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a::after {
    right: -18.75px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a:hover::after {
    right: -25px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
  body .main.international_exchange_page .exam-info.jyoho .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.international_exchange_page section .inner .content > h3 {
    width: 89.06667vw;
    margin: auto;
    margin-top: 18.93333vw;
  }
  body .main.international_exchange_page section .inner .content .about-text {
    width: 89.06667vw;
    margin: auto;
    margin-top: 3.46667vw;
  }
  body .main.international_exchange_page .distance-learning {
    padding-top: 16vw;
    padding-bottom: 25vw;
  }
  body .main.international_exchange_page .distance-learning h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.international_exchange_page .distance-learning .content-txt {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 26vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.93333vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li {
    margin-bottom: 15vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 5.53333vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 5.6vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.06667vw;
    transition: .5s right;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -1.33333vw;
  }
  body .main.international_exchange_page .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center {
    padding-top: 22.33333vw;
    padding-bottom: 25vw;
    background: #f7f7f7;
  }
  body .main.international_exchange_page .study-center h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.53333vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li {
    margin-right: 8vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li .img {
    margin-bottom: 4.66667vw;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li .img img {
    width: 100%;
  }
  body .main.international_exchange_page .study-center .study-center-detal .more-area > li:last-child {
    margin-right: 0;
  }
  body .main.international_exchange_page .exam-info {
    padding-bottom: 10.4vw;
  }
  body .main.international_exchange_page .exam-info .inner .flex .detail {
    margin-top: 23.46667vw;
  }
  body .main.international_exchange_page .exam-info .inner .flex .detail ul li a {
    padding-right: 10.13333vw;
  }
  body .main.international_exchange_page .exam-info.jyoho {
    padding-top: 28.8vw;
    padding-bottom: 5.86667vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .inner .flex .detail {
    margin-top: 22.13333vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .inner .flex .detail > div:nth-of-type(1) ul {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body .main.international_exchange_page .exam-info.jyoho .inner .flex .detail > div:nth-of-type(2) ul {
    margin-top: 0;
    padding-top: 6.66667vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .inner .flex .detail > div ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 6.4vw;
    bottom: 0vw;
  }
  body .main.international_exchange_page .exam-info.jyoho .inner .flex .detail > div ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 4.8vw;
    bottom: 0vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main.academicspage section {
    padding-top: 9.72222vw;
    padding-bottom: 10.97222vw;
  }
  body .main.academicspage .underfv {
    padding: 0;
  }
  body .main.academicspage h3 {
    padding-bottom: 0.97222vw;
  }
  body .main.academicspage .find h3 {
    padding-bottom: 0.41667vw;
  }
  body .main.academicspage .exam-info .detail ul li a {
    width: 24.30556vw;
    padding-bottom: 0.34722vw;
  }
  body .main.academicspage .exam-info .detail ul li a::after {
    right: -1.04167vw;
  }
  body .main.academicspage .exam-info .detail ul li a:hover::after {
    right: -1.38889vw;
  }
  body .main.academicspage .exam-info .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 0.97222vw;
    height: 1.66667vw;
    bottom: 0.69444vw;
  }
  body .main.academicspage .exam-info .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 0.97222vw;
    height: 1.66667vw;
    bottom: 0.69444vw;
  }
}
@media screen and (min-width: 1360px) {
  body .main.academicspage section {
    padding-top: 140px;
    padding-bottom: 158px;
  }
  body .main.academicspage .underfv {
    padding: 0;
  }
  body .main.academicspage h3 {
    padding-bottom: 14px;
  }
  body .main.academicspage .find h3 {
    padding-bottom: 6px;
  }
  body .main.academicspage .exam-info .detail ul li a {
    width: 350px;
    padding-bottom: 5px;
  }
  body .main.academicspage .exam-info .detail ul li a::after {
    right: -15px;
  }
  body .main.academicspage .exam-info .detail ul li a:hover::after {
    right: -20px;
  }
  body .main.academicspage .exam-info .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
  body .main.academicspage .exam-info .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
}
@media screen and (min-width: 1670px) {
  body .main.academicspage section {
    padding-top: 175px;
    padding-bottom: 197.5px;
  }
  body .main.academicspage .underfv {
    padding: 0;
  }
  body .main.academicspage h3 {
    padding-bottom: 17.5px;
  }
  body .main.academicspage .find h3 {
    padding-bottom: 7.5px;
  }
  body .main.academicspage .exam-info .detail ul li a {
    width: 437.5px;
    padding-bottom: 6.25px;
  }
  body .main.academicspage .exam-info .detail ul li a::after {
    right: -18.75px;
  }
  body .main.academicspage .exam-info .detail ul li a:hover::after {
    right: -25px;
  }
  body .main.academicspage .exam-info .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
  body .main.academicspage .exam-info .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main.academicspage section {
    padding-top: 23.2vw;
    padding-bottom: 23.2vw;
  }
  body .main.academicspage section .inner.width {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.academicspage .underfv {
    padding: 0;
  }
  body .main.academicspage h3 {
    padding-bottom: 3.2vw;
  }
  body .main.academicspage .find h3 {
    padding-bottom: 1.33333vw;
  }
  body .main.academicspage .exam-info h3 {
    padding-bottom: 1.33333vw;
  }
  body .main.academicspage .exam-info .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 6.4vw;
    bottom: 0vw;
  }
  body .main.academicspage .exam-info .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 4.8vw;
    bottom: 0vw;
  }
  body .main.academicspage #graduate-school .contents__inner .link-box .more-area {
    justify-content: flex-end;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .text-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
    display: flex;
    overscroll-behavior: contain;
    overflow-y: scroll;
  }
  body .text-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .text-modal .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .text-modal::-webkit-scrollbar {
    display: none;
  }
  body .text-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65.27778vw;
    padding: 5.55556vw;
    background: #fff;
  }
  body .text-modal .modal-wrap .modal-close {
    position: absolute;
    width: 3.05556vw;
    top: 1.04167vw;
    right: -4.16667vw;
    cursor: pointer;
  }
  body .text-modal .modal-wrap .modal-close::before {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .text-modal .modal-wrap .modal-close::after {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .text-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 0.97222vw;
    margin-top: 1.38889vw;
    color: #fff;
  }
  body .text-modal .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 52.91667vw;
    height: 25.69444vw;
    overflow: hidden;
    margin: auto;
  }
  body .text-modal .modal-wrap .modal-content figure {
    width: 25.69444vw;
  }
  body .text-modal .modal-wrap .modal-content figure img {
    width: 100%;
  }
  body .text-modal .modal-wrap .modal-content .txt {
    width: 24.30556vw;
    height: 100%;
    padding-right: 1.38889vw;
    overflow-y: scroll;
  }
  body .text-modal .modal-wrap .modal-content .txt .ttl {
    margin-bottom: 0.69444vw;
  }
  body .text-modal .modal-wrap::before, body .text-modal .modal-wrap::after {
    content: "";
    overflow: scroll;
  }
  body .text-modal.active {
    visibility: visible;
    opacity: 1;
  }
  body .text-modal.text-only .modal-wrap .modal-content .txt {
    width: 100%;
  }
  body .text-modal .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 1.66667vw;
    margin: 0.69444vw 0 0 12.5vw;
  }
  body .text-modal .more--pdf::after {
    content: "";
    position: absolute;
    width: 1.11111vw;
    height: 2.01389vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.aboutpage .thin {
    color: #777777;
  }
  body .main.aboutpage section {
    padding-top: 9.72222vw;
    padding-bottom: 10.97222vw;
  }
  body .main.aboutpage .middle-wrap {
    width: 61.11111vw;
    margin: auto;
  }
  body .main.aboutpage .underfv {
    padding: 0;
  }
  body .main.aboutpage .underfv h2 {
    width: 100%;
  }
  body .main.aboutpage h2 {
    margin-bottom: 5.55556vw;
  }
  body .main.aboutpage h3 {
    margin-bottom: 0.97222vw;
  }
  body .main.aboutpage .content-ttl {
    margin-bottom: 0.97222vw;
  }
  body .main.aboutpage .text {
    margin-bottom: 5.13889vw;
  }
  body .main.aboutpage figure {
    width: 100%;
    margin-bottom: 1.38889vw;
    text-align: right;
  }
  body .main.aboutpage figure img {
    width: 100%;
    margin-bottom: 0.69444vw;
  }
  body .main.aboutpage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    margin-top: 3.81944vw;
  }
  body .main.aboutpage .more-area > li {
    margin-left: 1.875vw;
  }
  body .main.aboutpage .img-txt-box.addbtn > li {
    position: relative;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .ttl {
    line-height: 1.8;
    margin-bottom: 0.83333vw;
  }
  body .main.aboutpage .img-txt-box.addbtn > li span {
    display: block;
  }
  body .main.aboutpage .exam-info .flex h2 {
    width: 17.36111vw;
  }
  body .main.aboutpage .distance-learning {
    padding-top: 8.33333vw;
    padding-bottom: 8.33333vw;
  }
  body .main.aboutpage .distance-learning h2 {
    margin-bottom: 3.47222vw;
  }
  body .main.aboutpage .distance-learning .content-txt {
    margin-left: 1.38889vw;
    margin-bottom: 5.20833vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail {
    position: relative;
    width: 80.55556vw;
    margin: auto;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 2.77778vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 1.18056vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 0.41667vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 0.41667vw;
    transition: .5s right;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -0.34722vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1360px) {
  body .text-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
  }
  body .text-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .text-modal .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .text-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 940px;
    padding: 80px;
    background: #fff;
  }
  body .text-modal .modal-wrap .modal-close {
    position: absolute;
    width: 44px;
    top: 15px;
    right: -60px;
    cursor: pointer;
  }
  body .text-modal .modal-wrap .modal-close::before {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .text-modal .modal-wrap .modal-close::after {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .text-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
  }
  body .text-modal .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 762px;
    height: 370px;
    overflow: hidden;
    margin: auto;
  }
  body .text-modal .modal-wrap .modal-content figure {
    width: 370px;
  }
  body .text-modal .modal-wrap .modal-content figure img {
    width: 100%;
  }
  body .text-modal .modal-wrap .modal-content .txt {
    width: 350px;
    height: 100%;
    padding-right: 20px;
    overflow-y: scroll;
  }
  body .text-modal .modal-wrap .modal-content .txt .ttl {
    margin-bottom: 10px;
  }
  body .text-modal.active {
    visibility: visible;
    opacity: 1;
  }
  body .text-modal.text-only .modal-wrap .modal-content .txt {
    width: 100%;
  }
  body .text-modal .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 24px;
    margin: 10px 0 0 180px;
  }
  body .text-modal .more--pdf::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 29px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.aboutpage .thin {
    color: #777777;
  }
  body .main.aboutpage section {
    padding-top: 140px;
    padding-bottom: 158px;
  }
  body .main.aboutpage .middle-wrap {
    width: 880px;
    margin: auto;
  }
  body .main.aboutpage .underfv {
    padding: 0;
  }
  body .main.aboutpage .underfv h2 {
    width: 100%;
  }
  body .main.aboutpage h2 {
    margin-bottom: 80px;
  }
  body .main.aboutpage h3 {
    margin-bottom: 14px;
  }
  body .main.aboutpage .content-ttl {
    margin-bottom: 14px;
  }
  body .main.aboutpage .text {
    margin-bottom: 74px;
  }
  body .main.aboutpage figure {
    width: 100%;
    margin-bottom: 20px;
    text-align: right;
  }
  body .main.aboutpage figure img {
    width: 100%;
    margin-bottom: 10px;
  }
  body .main.aboutpage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    margin-top: 55px;
  }
  body .main.aboutpage .more-area > li {
    margin-left: 27px;
  }
  body .main.aboutpage .img-txt-box.addbtn > li {
    position: relative;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .ttl {
    line-height: 1.8;
    margin-bottom: 12px;
  }
  body .main.aboutpage .img-txt-box.addbtn > li span {
    display: block;
  }
  body .main.aboutpage .exam-info.jyoho h2 {
    width: 260px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul {
    width: 100%;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a {
    width: 350px;
    padding-bottom: 5px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a::after {
    right: -15px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a:hover::after {
    right: -20px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 14px;
    height: 24px;
    bottom: 10px;
  }
  body .main.aboutpage .distance-learning {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  body .main.aboutpage .distance-learning h2 {
    margin-bottom: 50px;
  }
  body .main.aboutpage .distance-learning .content-txt {
    margin-left: 20px;
    margin-bottom: 75px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail {
    position: relative;
    width: 1160px;
    margin: auto;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 40px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 17px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 6px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: .5s right;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -5px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1670px) {
  body .text-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
  }
  body .text-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .text-modal .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .text-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1175px;
    padding: 100px;
    background: #fff;
  }
  body .text-modal .modal-wrap .modal-close {
    position: absolute;
    width: 55px;
    top: 18.75px;
    right: -75px;
    cursor: pointer;
  }
  body .text-modal .modal-wrap .modal-close::before {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .text-modal .modal-wrap .modal-close::after {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .text-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 17.5px;
    margin-top: 25px;
    color: #fff;
  }
  body .text-modal .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 952.5px;
    height: 462.5px;
    overflow: hidden;
    margin: auto;
  }
  body .text-modal .modal-wrap .modal-content figure {
    width: 462.5px;
  }
  body .text-modal .modal-wrap .modal-content figure img {
    width: 100%;
  }
  body .text-modal .modal-wrap .modal-content .txt {
    width: 437.5px;
    height: 100%;
    padding-right: 25px;
    overflow-y: scroll;
  }
  body .text-modal .modal-wrap .modal-content .txt .ttl {
    margin-bottom: 12.5px;
  }
  body .text-modal.active {
    visibility: visible;
    opacity: 1;
  }
  body .text-modal.text-only .modal-wrap .modal-content .txt {
    width: 100%;
  }
  body .text-modal .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 30px;
    margin: 12.5px 0 0 225px;
  }
  body .text-modal .more--pdf::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 36.25px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.aboutpage .thin {
    color: #777777;
  }
  body .main.aboutpage section {
    padding-top: 175px;
    padding-bottom: 197.5px;
  }
  body .main.aboutpage .middle-wrap {
    width: 1100px;
    margin: auto;
  }
  body .main.aboutpage .underfv {
    padding: 0;
  }
  body .main.aboutpage .underfv h2 {
    width: 100%;
  }
  body .main.aboutpage h2 {
    margin-bottom: 100px;
  }
  body .main.aboutpage h3 {
    margin-bottom: 17.5px;
  }
  body .main.aboutpage .content-ttl {
    margin-bottom: 17.5px;
  }
  body .main.aboutpage .text {
    margin-bottom: 92.5px;
  }
  body .main.aboutpage figure {
    width: 100%;
    margin-bottom: 25px;
    text-align: right;
  }
  body .main.aboutpage figure img {
    width: 100%;
    margin-bottom: 12.5px;
  }
  body .main.aboutpage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    margin-top: 68.75px;
  }
  body .main.aboutpage .more-area > li {
    margin-left: 33.75px;
  }
  body .main.aboutpage .img-txt-box.addbtn > li {
    position: relative;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .ttl {
    line-height: 1.8;
    margin-bottom: 15px;
  }
  body .main.aboutpage .img-txt-box.addbtn > li span {
    display: block;
  }
  body .main.aboutpage .exam-info.jyoho h2 {
    width: 325px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul {
    width: 100%;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li {
    height: auto;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a {
    width: 437.5px;
    padding-bottom: 6.25px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a::after {
    right: -18.75px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a:hover::after {
    right: -25px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
  body .main.aboutpage .exam-info.jyoho .detail ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 17.5px;
    height: 30px;
    bottom: 12.5px;
  }
  body .main.aboutpage .distance-learning {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  body .main.aboutpage .distance-learning h2 {
    margin-bottom: 62.5px;
  }
  body .main.aboutpage .distance-learning .content-txt {
    margin-left: 25px;
    margin-bottom: 93.75px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail {
    position: relative;
    width: 1450px;
    margin: auto;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list {
    justify-content: flex-start;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li {
    margin-right: 50px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-right: 0;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 21.25px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 7.5px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 7.5px;
    transition: .5s right;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -6.25px;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .text-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
  }
  body .text-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .text-modal .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .text-modal .modal-wrap {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 89.33333vw;
    height: 85%;
    padding: 9.33333vw;
    background: #fff;
    margin-bottom: 16vw;
  }
  body .text-modal .modal-wrap .modal-close {
    position: absolute;
    width: 11.73333vw;
    top: -13vw;
    right: 0;
    cursor: pointer;
  }
  body .text-modal .modal-wrap .modal-close::before {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .text-modal .modal-wrap .modal-close::after {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .text-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 3.73333vw;
    margin-top: 5.33333vw;
    color: #fff;
  }
  body .text-modal .modal-wrap .modal-content {
    width: 78.66667vw;
    height: 100%;
    overflow-y: scroll;
    margin: auto;
    padding-right: 5.33333vw;
  }
  body .text-modal .modal-wrap .modal-content figure {
    width: 100%;
    margin-bottom: 4.26667vw;
  }
  body .text-modal .modal-wrap .modal-content figure .img {
    width: 100%;
  }
  body .text-modal .modal-wrap .modal-content figure .img img {
    width: 100%;
  }
  body .text-modal .modal-wrap .modal-content .txt {
    width: 100%;
    height: auto;
  }
  body .text-modal .modal-wrap .modal-content .txt .ttl {
    margin-bottom: 3.2vw;
  }
  body .text-modal.active {
    visibility: visible;
    opacity: 1;
  }
  body .text-modal .more--pdf {
    border-bottom: #222 1px solid;
    display: inline-block;
    padding-right: 6.4vw;
    margin: 4vw 0 0 40vw;
  }
  body .text-modal .more--pdf::after {
    content: "";
    position: absolute;
    width: 4.26667vw;
    height: 7.73333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: auto;
    top: 0;
    margin: auto;
    transition: none;
  }
  body .main.aboutpage .thin {
    color: #777777;
  }
  body .main.aboutpage section {
    padding-top: 23.2vw;
    padding-bottom: 23.2vw;
  }
  body .main.aboutpage section .inner {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.aboutpage section .inner p {
    line-height: 1.8;
  }
  body .main.aboutpage section .inner img {
    width: 100%;
  }
  body .main.aboutpage .middle-wrap {
    width: 89.33333vw;
    margin: auto;
  }
  body .main.aboutpage .underfv {
    padding: 0;
  }
  body .main.aboutpage .underfv h2 {
    width: 66.66667vw;
    margin: auto;
  }
  body .main.aboutpage h2 {
    margin-bottom: 21.33333vw;
  }
  body .main.aboutpage h2 > span {
    display: block;
  }
  body .main.aboutpage h3 {
    margin-bottom: 3.2vw;
  }
  body .main.aboutpage .content-ttl {
    margin-bottom: 3.2vw;
  }
  body .main.aboutpage .text {
    margin-bottom: 19.73333vw;
  }
  body .main.aboutpage figure {
    width: 100%;
    margin-bottom: 5.33333vw;
    text-align: right;
  }
  body .main.aboutpage figure img {
    margin-bottom: 2.66667vw;
  }
  body .main.aboutpage .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between;
    margin-top: 14.66667vw;
  }
  body .main.aboutpage .more-area > li {
    margin-left: 4.4vw;
    margin-bottom: 10.66667vw;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .more {
    margin-top: 4.53333vw;
    margin-left: 60.6vw;
  }
  body .main.aboutpage .img-txt-box.addbtn > li .ttl {
    line-height: 1.8;
  }
  body .main.aboutpage .exam-info {
    padding-bottom: 10.4vw;
  }
  body .main.aboutpage .exam-info .inner .flex .detail {
    margin-top: 23.46667vw;
  }
  body .main.aboutpage .exam-info .inner .flex .detail ul li a {
    padding-right: 10.13333vw;
  }
  body .main.aboutpage .exam-info.jyoho {
    padding-top: 28.8vw;
    padding-bottom: 5.86667vw;
  }
  body .main.aboutpage .exam-info.jyoho .inner .flex .detail {
    margin-top: 22.13333vw;
  }
  body .main.aboutpage .exam-info.jyoho .inner .flex .detail > div:nth-of-type(1) ul {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body .main.aboutpage .exam-info.jyoho .inner .flex .detail > div:nth-of-type(2) ul {
    margin-top: 0;
    padding-top: 6.66667vw;
  }
  body .main.aboutpage .exam-info.jyoho .inner .flex .detail > div ul li a.pdf::after {
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 6.4vw;
    bottom: 0vw;
  }
  body .main.aboutpage .exam-info.jyoho .inner .flex .detail > div ul li a._blank::after {
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    width: 3.73333vw;
    height: 4.8vw;
    bottom: 0vw;
  }
  body .main.aboutpage .distance-learning {
    padding-top: 16vw;
    padding-bottom: 25vw;
  }
  body .main.aboutpage .distance-learning h2 {
    margin-bottom: 19.33333vw;
  }
  body .main.aboutpage .distance-learning .content-txt {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 26vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail {
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 23.93333vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li {
    margin-bottom: 15vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li:last-child {
    margin-bottom: 0;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img {
    margin-bottom: 5.53333vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-img img {
    width: 100%;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li .box-txt .ttl {
    margin-bottom: 5.6vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a {
    position: relative;
    display: block;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a::after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.06667vw;
    transition: .5s right;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .movie-list > li a:hover::after {
    right: -1.33333vw;
  }
  body .main.aboutpage .distance-learning .distance-learning-detail .more-area {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .component11-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
  }
  body .component11-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .component11-modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .component11-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65.27778vw;
    height: 36.73611vw;
  }
  body .component11-modal .modal-wrap .modal-close {
    position: absolute;
    width: 3.47222vw;
    top: 1.04167vw;
    right: -4.16667vw;
    cursor: pointer;
  }
  body .component11-modal .modal-wrap .modal-close::before {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .component11-modal .modal-wrap .modal-close::after {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .component11-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 0.97222vw;
    margin-top: 1.38889vw;
    color: #fff;
  }
  body .component11-modal .modal-wrap .modal-content {
    width: 100%;
    height: 100%;
  }
  body .component11-modal .modal-wrap .modal-content iframe {
    width: 100%;
    height: 100%;
  }
  body .main .sitemap_list {
    width: 80.55556vw;
    margin: 0 auto 5.55556vw;
  }
  body .main .sitemap_list div {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .sitemap_list div:not(:last-child) {
    margin-bottom: 4.44444vw;
  }
  body .main .sitemap_list dt {
    position: relative;
    display: inline-block;
    margin-bottom: 2.77778vw;
    padding-right: 2.63889vw;
  }
  body .main .sitemap_list dt a:after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.25vw;
    top: auto;
    transition: .5s right;
  }
  body .main .sitemap_list dt a:hover:after {
    right: -0.34722vw;
  }
  body .main .sitemap_list dd {
    position: relative;
    width: 25vw;
    margin-right: 1.73611vw;
    padding-left: 1.04167vw;
  }
  body .main .sitemap_list dd:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    margin-top: 1.38889vw;
  }
  body .main .sitemap_list dd a::before {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 0.9125vw;
    height: 0.58472vw;
    position: absolute;
    top: 0.83333vw;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
    transition: .5s left;
  }
  body .main .sitemap_list dd a:hover::before {
    left: 0.20833vw;
  }
  body .main .sitemap_list .sitemap_category {
    font-size: 0.97222vw;
    color: #777777;
    position: absolute;
    top: -2.36111vw;
    left: 0;
  }
  body .main .bilingual-nav {
    width: 80.55556vw;
    margin: 0 auto;
    margin-top: -8.33333vw;
    padding: 8.40278vw 0 4.86111vw 0;
  }
  body .main .bilingual-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.66667vw;
  }
  body .main .bilingual-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main .bilingual-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main .bilingual-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: black;
    left: 0;
    bottom: -0.20833vw;
  }
  body .main #news_list {
    padding-top: 8.40278vw;
    margin-top: -8.33333vw;
  }
  body .main #news_list .inner {
    width: 61.11111vw;
    margin: 0 auto;
    padding: 0 0 9.72222vw 0;
  }
  body .main #news_list .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.66667vw;
  }
  body .main #news_list .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main #news_list .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: black;
    left: 0;
    bottom: -0.20833vw;
  }
  body .main #news_list .inner .news-wrapper {
    margin: 6.94444vw 0 0 0;
  }
  body .main #news_list .inner .news-wrapper ul li {
    padding: 0 0 0 9.02778vw;
    position: relative;
  }
  body .main #news_list .inner .news-wrapper ul li time {
    color: #777777;
    position: absolute;
    top: 0.20833vw;
    left: 0;
  }
  body .main #news_list .inner .news-wrapper ul li .text {
    width: 52.08333vw;
  }
  body .main #news_list .inner .news-wrapper ul li:not(:first-child) {
    margin: 2.77778vw 0 0 0;
  }
  body .main #news_list .inner .news-pager {
    margin: 5vw 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7.04861vw;
  }
  body .main #news_list .inner .news-pager .btn {
    width: 3.33333vw;
    height: 3.33333vw;
    background: #222222;
    position: relative;
  }
  body .main #news_list .inner .news-pager .btn img {
    position: absolute;
    width: 1.25vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 1.31944vw;
  }
  body .main #news_list .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main #news_list .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main #news_list .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.77778vw;
  }
  body .main #news_list .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main #news_list .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: #222222;
    left: 0;
    bottom: 0vw;
  }
  body .main .open_campus_list {
    width: 80.55556vw;
    margin: 0 auto 4.16667vw;
  }
  body .main .open_campus_list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 1.18056vw;
    padding: 3.125vw 2.77778vw 3.26389vw 5.55556vw;
  }
  body .main .open_campus_list > li.have_reserve {
    margin-bottom: 4.16667vw;
    padding: 4.16667vw 2.77778vw 3.47222vw 5.55556vw;
  }
  body .main .open_campus_list > li.have_reserve .ttl {
    margin-bottom: 1.59722vw;
  }
  body .main .open_campus_list > li.have_reserve .day {
    margin-bottom: 2.77778vw;
  }
  body .main .open_campus_list > li.have_reserve .time {
    margin-top: 1.11111vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list > li.have_reserve .content {
    margin-top: 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve {
    width: 15.34722vw;
    margin: 0 auto 1.25vw 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-start {
    display: block;
    margin-bottom: 0.69444vw;
    padding-bottom: 0.34722vw;
    border-bottom: solid #fff 1px;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day {
    margin-bottom: 1.25vw;
    font-weight: bold;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day .note {
    display: block;
  }
  body .main .open_campus_list .wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .open_campus_list .wrap .r {
    min-width: 39.23611vw;
    width: 39.23611vw;
  }
  body .main .open_campus_list .wrap .l {
    min-width: 15.34722vw;
    width: 15.34722vw;
    margin-right: 9.16667vw;
  }
  body .main .open_campus_list .day {
    margin-bottom: 1.38889vw;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .time {
    display: block;
    margin-top: 0.69444vw;
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .ttl {
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  body .main .open_campus_list .content {
    margin-top: 0.34722vw;
  }
  body .main .open_campus_list .content > li {
    position: relative;
    padding-left: 1.66667vw;
  }
  body .main .open_campus_list .content > li::before {
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1.25vw;
    left: 0;
    font-size: 1.73611vw;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
  }
  body .main .open_campus_list .more {
    position: absolute !important;
    right: 2.77778vw;
    bottom: 2.77778vw;
  }
  body .main .jwutimes_section {
    margin-top: -4.375vw;
    padding-top: 9.58333vw !important;
  }
  body .main .bilingual_section {
    margin-top: -4.375vw;
    padding-top: 9.58333vw !important;
  }
  body .main .bilingual_section .component17.left, body .main .bilingual_section .component17.left .more-area li {
    margin-bottom: 0;
  }
  body .main .tab_area {
    width: 80.55556vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .tab_area a {
    cursor: pointer;
    display: inline;
    width: fit-content;
    height: 2.08333vw;
    padding: 0 1.11111vw;
    background: #f1f1f1;
  }
  body .main .tab_area a:not(:last-child) {
    margin-right: 1.66667vw;
  }
  body .main .tab_area a.active {
    background: #000;
    color: #fff;
  }
  body .main .jwutimes_list ul {
    width: 80.55556vw;
    margin: 5.55556vw auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .jwutimes_list ul li {
    width: 25vw;
    margin-right: 2.77778vw;
  }
  body .main .jwutimes_list ul li:not(:last-child) {
    margin-bottom: 4.51389vw;
  }
  body .main .jwutimes_list ul li:nth-child(7n-3), body .main .jwutimes_list ul li:nth-child(7n), body .main .jwutimes_list ul li:nth-child(7n+1) {
    margin-right: 0vw;
  }
  body .main .jwutimes_list ul li:first-child, body .main .jwutimes_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 6.94444vw;
    margin-right: 0vw;
  }
  body .main .jwutimes_list ul li:first-child a, body .main .jwutimes_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .jwutimes_list ul li:first-child .box-img, body .main .jwutimes_list ul li:nth-child(7n+1) .box-img {
    width: 38.19444vw;
    height: 21.45833vw;
    margin-bottom: 0;
    margin-right: 4.16667vw;
  }
  body .main .jwutimes_list ul li:first-child .box-txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt {
    width: 38.19444vw;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .ttl, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 0.97222vw;
    font-size: 1.66667vw;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .detail_txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 1.25vw;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .author, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 0.625vw;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .days, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 1.59722vw;
  }
  body .main .jwutimes_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .jwutimes_list ul li .box-img {
    width: 100%;
    height: 14.09722vw;
    margin-bottom: 1.63194vw;
    overflow: hidden;
  }
  body .main .jwutimes_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .jwutimes_list ul li .ttl {
    margin-bottom: 0.27778vw;
  }
  body .main .jwutimes_list ul li .detail_txt {
    display: none;
  }
  body .main .jwutimes_list ul li .author {
    margin-bottom: 0.27778vw;
  }
  body .main .jwutimes_list ul li .days {
    margin-bottom: 0.625vw;
  }
  body .main .jwutimes_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main .bilingual_list ul {
    width: 80.55556vw;
    padding-top: 5.55556vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .bilingual_list ul li {
    width: 25vw;
    margin-right: 2.77778vw;
  }
  body .main .bilingual_list ul li:not(:last-child) {
    margin-bottom: 4.51389vw;
  }
  body .main .bilingual_list ul li:nth-child(7n-3), body .main .bilingual_list ul li:nth-child(7n), body .main .bilingual_list ul li:nth-child(7n+1) {
    margin-right: 0vw;
  }
  body .main .bilingual_list ul li:first-child, body .main .bilingual_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 6.94444vw;
    margin-right: 0vw;
  }
  body .main .bilingual_list ul li:first-child a, body .main .bilingual_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .bilingual_list ul li:first-child .box-img, body .main .bilingual_list ul li:nth-child(7n+1) .box-img {
    width: 38.19444vw;
    height: 21.45833vw;
    margin-bottom: 0;
    margin-right: 4.16667vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt {
    width: 38.19444vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt .tags, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .tags {
    margin-top: 0.27778vw;
    margin-bottom: 0.55556vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt .ttl, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 0.97222vw;
    font-size: 1.66667vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt .detail_txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 1.25vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt .author, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 0.625vw;
  }
  body .main .bilingual_list ul li:first-child .box-txt .days, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 1.59722vw;
  }
  body .main .bilingual_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .bilingual_list ul li .box-img {
    width: 100%;
    height: 14.09722vw;
    margin-bottom: 1.63194vw;
    overflow: hidden;
  }
  body .main .bilingual_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .bilingual_list ul li .tags {
    margin-bottom: 0.27778vw;
    padding: 0.48611vw 1.11111vw;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .bilingual_list ul li .ttl {
    margin-bottom: 0.27778vw;
  }
  body .main .bilingual_list ul li .detail_txt {
    display: none;
  }
  body .main .bilingual_list ul li .author {
    margin-bottom: 0.27778vw;
  }
  body .main .bilingual_list ul li .days {
    margin-bottom: 0.625vw;
  }
  body .main .bilingual_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main > section {
    word-break: break-word;
  }
  body .main .component2 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 1.73611vw;
  }
  body .main .component2.gray {
    color: #777777;
  }
  body .main .component2.gray::after {
    background: #777777;
  }
  body .main .component10 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 2.77778vw;
  }
  body .main .component10 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .component10 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component10 > div .img {
    width: 33.33333vw;
    height: auto;
    margin-right: 2.77778vw;
    overflow: hidden;
  }
  body .main .component10 > div .img > img {
    width: 100%;
    height: 18.75vw;
    object-fit: contain;
  }
  body .main .component10 > div .img figcaption {
    text-align: right;
    height: 1.73611vw;
  }
  body .main .component10 > div .txt {
    position: relative;
    width: 47.22222vw;
    padding-bottom: 2.98611vw;
  }
  body .main .component10 > div .txt .ttl {
    margin-bottom: 1.66667vw;
  }
  body .main .component10 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component11 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component11 > li {
    width: 25vw;
    margin-bottom: 3.75vw;
    margin-right: 2.77778vw;
  }
  body .main .component11 > li a {
    cursor: pointer;
  }
  body .main .component11 > li a .img {
    position: relative;
    width: 100%;
    height: 14.02778vw;
    margin-bottom: 1.04167vw;
    overflow: hidden;
  }
  body .main .component11 > li a .img > img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component11 > li a .img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body .main .component11 > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  body .main .component11 > li a .img .btn--movie > span {
    position: absolute;
    top: 2.08333vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .img .btn--movie > img {
    position: absolute;
    top: 1.38889vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a:hover {
    opacity: 1;
  }
  body .main .component11 > li a:hover .img > img {
    opacity: 0.7;
    transform: scale(1.3);
  }
  body .main .component11 > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main .component11 .btn--movie {
    width: 6.94444vw;
    height: 6.94444vw;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main .component11 .btn--movie > span {
    font-size: 0.55556vw;
    color: #fff;
    text-align: center;
  }
  body .main .component11 .btn--movie > img {
    width: 1.25vw;
  }
  body .main .component13 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 8.47222vw;
  }
  body .main .component13 h2 {
    margin-bottom: 3.125vw;
  }
  body .main .component13 .contact-info {
    margin-bottom: 1.04167vw;
    margin-left: 1.38889vw;
    font-weight: bold;
  }
  body .main .component13 .flex {
    position: relative;
  }
  body .main .component13 .flex .access {
    width: 50%;
    margin-left: 1.38889vw;
  }
  body .main .component13 .flex .access span {
    font-size: 1.11111vw;
    color: #777777;
    margin-left: 1.11111vw;
  }
  body .main .component13 .flex .more-area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    top: 0.48611vw;
  }
  body .main .component13 .flex .more-area > li {
    margin-right: 1.66667vw;
    margin-bottom: 1.80556vw;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 0.55556vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.20833vw;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -0.69444vw;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -0.69444vw;
  }
  body .main .component16 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2.77778vw 2.77778vw;
  }
  body .main .component16 > li {
    display: block;
    width: 25vw;
  }
  body .main .component16 > li .img {
    width: 100%;
    height: 14.02778vw;
    transition: .5s;
  }
  body .main .component16 > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  body .main .component16 > li .txt {
    width: 100%;
    margin-top: 1.31944vw;
    letter-spacing: 0.05em;
  }
  body .main .component16 > li .txt p {
    margin-top: 0.48611vw;
    letter-spacing: 0.03em;
  }
  body .main .component16 > li a {
    position: relative;
    display: block;
  }
  body .main .component16 > li a::after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0.13889vw;
    bottom: 0.69444vw;
    transition: .5s right;
  }
  body .main .component16 > li a:hover {
    opacity: 1;
  }
  body .main .component16 > li a:hover .img {
    opacity: .7;
  }
  body .main .component16 > li a:hover::after {
    right: -0.34722vw;
  }
  body .main .component18 {
    width: 79.16667vw;
    margin: auto;
    margin-bottom: 2.77778vw;
    font-size: 1.94444vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  body .main .component18.gray {
    color: #777777;
  }
  body .main .component20 {
    width: 55.55556vw;
    margin: 0 auto 1.38889vw;
    text-align: right;
    overflow: hidden;
  }
  body .main .component20 img {
    width: 100%;
    margin-bottom: 0.69444vw;
  }
  body .main .component20 figcaption {
    line-height: 1.8;
  }
  body .main .component21 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .component21 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.77778vw;
  }
  body .main .component21 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component21 > div .img {
    width: 33.33333vw;
    height: 18.75vw;
    margin-right: 2.77778vw;
    overflow: hidden;
  }
  body .main .component21 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component21 > div .txt {
    position: relative;
    width: 47.22222vw;
    padding-bottom: 2.77778vw;
  }
  body .main .component21 > div .txt span {
    display: block;
    margin-bottom: 0.83333vw;
  }
  body .main .component21 > div .txt .ttl {
    line-height: 1.8;
    margin-bottom: 0.83333vw;
  }
  body .main .component21 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
  }
  body .main .component22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
    /*Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    touch-action: none;
    display: none;
    /*Google Chrome、Safariへの対応*/
  }
  body .main .component22::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .main .component22 .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .main .component22::-webkit-scrollbar {
    display: none;
  }
  body .main .component22 .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65.27778vw;
    padding: 5.55556vw;
    background: #fff;
  }
  body .main .component22 .modal-wrap .modal-close {
    position: absolute;
    width: 3.47222vw;
    top: 1.04167vw;
    right: -4.16667vw;
    cursor: pointer;
  }
  body .main .component22 .modal-wrap .modal-close::before {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .main .component22 .modal-wrap .modal-close::after {
    content: "";
    width: 2.63889vw;
    height: 0.06944vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .main .component22 .modal-wrap .modal-close span {
    display: block;
    font-size: 0.97222vw;
    margin-top: 1.38889vw;
    color: #fff;
  }
  body .main .component22 .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 52.91667vw;
    height: 27.77778vw;
    overflow: hidden;
    margin: auto;
  }
  body .main .component22 .modal-wrap .modal-content figure {
    margin-right: calc(52.91667vw - 24.30556vw - 25.69444vw);
  }
  body .main .component22 .modal-wrap .modal-content figure .img {
    width: 25.69444vw;
    height: 25.69444vw;
  }
  body .main .component22 .modal-wrap .modal-content figure .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component22 .modal-wrap .modal-content figure figcaption {
    color: #777;
    font-size: 0.97222vw;
    line-height: 1.8;
    text-align: right;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt {
    width: 24.30556vw;
    height: 100%;
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 1.38889vw;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt {
    position: relative;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt .ttl {
    margin-bottom: 0.69444vw;
  }
  body .main .component22 .modal-wrap::before, body .main .component22 .modal-wrap::after {
    content: "";
    overflow: scroll;
  }
  body .main .component22.active {
    opacity: 1;
  }
  body .main .component22 .more {
    cursor: pointer;
    float: right;
    height: auto;
    margin-top: 1.45833vw;
  }
  body .main .component24 {
    width: 62.5vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .component24 .accordion_item {
    margin-bottom: 3.19444vw;
  }
  body .main .component24 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component24 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component24 .accordion_ttl {
    position: relative;
    padding-left: 3.81944vw;
    padding-right: 1.38889vw;
    margin-bottom: 1.73611vw;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component24 .accordion_ttl::before {
    content: "Q";
    width: 2.77778vw;
    height: 2.77778vw;
    font-size: 0.83333vw;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0.55556vw;
    left: 0;
    border-radius: 50%;
    border: #000 solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-15%);
  }
  body .main .component24 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 0.9125vw;
    height: 0.58472vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component24 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component24 .accordion_inner {
    width: 59.02778vw;
    position: relative;
    padding: 1.11111vw 0 1.11111vw 3.81944vw;
  }
  body .main .component24 .accordion_inner .img_area {
    width: 41.66667vw;
    margin: 2.56944vw 0 2.36111vw;
  }
  body .main .component24 .accordion_inner .img_area > img {
    width: 100%;
  }
  body .main .component24 .accordion_inner .more {
    margin: 0.34722vw 0;
  }
  body .main .component24 .accordion_inner::before {
    content: "A";
    width: 2.77778vw;
    height: 2.77778vw;
    font-size: 0.83333vw;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 0.90278vw;
    left: 0;
    border-radius: 50%;
    border: #fff solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main .component27, body .main .component28 {
    width: 80.55556vw;
    margin: 0 auto 5.55556vw;
  }
  body .main .component27 .img, body .main .component28 .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main .component27 .img img, body .main .component28 .img img {
    width: 100%;
  }
  body .main .component27 .img iframe, body .main .component28 .img iframe {
    width: 100%;
    height: 45.20833vw;
  }
  body .main .component27 figcaption, body .main .component28 figcaption {
    display: flex;
    justify-content: space-between;
    margin: 2.77778vw 0 0 0;
  }
  body .main .component27 figcaption dl, body .main .component28 figcaption dl {
    width: 38.88889vw;
  }
  body .main .component27 figcaption dl dt:not(:first-child), body .main .component28 figcaption dl dt:not(:first-child) {
    margin: 2.77778vw 0 0 0;
  }
  body .main .component27 figcaption dl dd, body .main .component28 figcaption dl dd {
    word-break: break-all;
  }
  body .main .component27.column_two, body .main .component28.column_two {
    display: flex;
    justify-content: space-between;
  }
  body .main .component27.column_two .imgarea, body .main .component28.column_two .imgarea {
    width: 38.88889vw;
  }
  body .main .component27.column_two .imgarea .btn_area, body .main .component28.column_two .imgarea .btn_area {
    margin: 1.875vw 0 0 0;
  }
  body .main .component27.column_two figcaption, body .main .component28.column_two figcaption {
    margin: 0;
    width: 38.88889vw;
  }
  body .main .component27 .more, body .main .component28 .more {
    height: auto;
  }
  body .main .component27 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after, body .main .component28 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    top: auto;
    bottom: -0.69444vw;
    background-size: auto 105%;
  }
  body .main .component34 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
    overflow: hidden;
  }
  body .main .component34 img {
    width: 100%;
    margin-bottom: 0.69444vw;
  }
  body .main .component34 figcaption {
    line-height: 1.8;
    text-align: right;
  }
  body .main .component35 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 2.77778vw;
    line-height: 1.8;
  }
  body .main .component35.b {
    font-weight: 700;
  }
  body .main .component36 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .component40 {
    width: 83.05556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .component40 h2 {
    width: 15.97222vw;
    margin-right: 4.51389vw;
  }
  body .main .component40 h2 > span:nth-of-type(2) {
    margin-left: 1.38889vw;
  }
  body .main .component40 .circle-img {
    width: 62.5vw;
    margin-top: 0.34722vw;
  }
  body .main .component40 .circle-img > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2.29167vw 0 2.08333vw;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main .component40 .circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main .component40 .circle-img > li .img {
    width: 9.72222vw;
    height: 9.02778vw;
    margin-right: 2.77778vw;
    overflow: hidden;
    border-radius: 50%;
  }
  body .main .component40 .circle-img > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component40 .circle-img > li .txt {
    width: 52.77778vw;
  }
  body .main .component40 .circle-img > li .txt .ttl {
    margin-bottom: 1.18056vw;
    font-weight: bold;
  }
  body .main .component40 .circle-img > li .txt > p {
    position: relative;
    top: -0.41667vw;
  }
  body .main .component40 .circle-img > li .txt .more {
    float: right;
  }
  body .main .component41 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component41 > li {
    width: 18.05556vw;
    margin-bottom: 3.75vw;
    margin-right: 2.77778vw;
  }
  body .main .component41 > li .img {
    width: 100%;
    margin-bottom: 1.04167vw;
    overflow: hidden;
  }
  body .main .component41 > li .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li a {
    cursor: pointer;
  }
  body .main .component41 > li a img {
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li a:hover {
    opacity: 1;
  }
  body .main .component41 > li a:hover .img > img {
    opacity: 0.7;
  }
  body .main .component41 > li:nth-child(4n) {
    margin-right: 0;
  }
  body .main .table-wrap {
    max-width: 80.55556vw;
    margin: auto;
  }
  body .main .table-wrap.vertical table {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  body .main .table-wrap.vertical th, body .main .table-wrap.vertical td {
    padding: 1.11111vw !important;
  }
  body .main .table-wrap.vertical th {
    border-left: none;
  }
  body .main .table-wrap.vertical td:last-child {
    border-right: #fff solid 1px;
  }
  body .main .table-wrap.vertical td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table-wrap.vertical tr:first-child {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:first-child th, body .main .table-wrap.vertical tr:first-child td {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:last-child td {
    border-bottom: #fff solid 1px;
  }
  body .main .table-scroll {
    max-width: 80.55556vw;
    margin: 0 auto 4.44444vw;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body .main .table-noscroll {
    margin-bottom: 4.44444vw;
  }
  body .main .table-bordered {
    border: 1px solid #fff;
  }
  body .main .table-bordered th, body .main .table-bordered td {
    border: 1px solid #fff;
  }
  body .main .table {
    table-layout: fixed;
    border-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-left: none;
    width: auto;
  }
  body .main .table th, body .main .table td {
    width: auto;
    padding: 0vw 1.11111vw;
    vertical-align: middle;
    border-color: #fff;
    border-top: none;
    font-size: 1.25vw;
    line-height: 1.8;
  }
  body .main .table th {
    font-weight: normal;
    background-color: #000;
    color: #fff;
  }
  body .main .table th:last-child {
    border-right: none;
  }
  body .main .table th:nth-child(n+2) {
    border-left: none;
  }
  body .main .table td {
    background-color: #F1F1F1;
  }
  body .main .table td:last-child {
    border-right: none;
  }
  body .main .table td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table tr:last-child td {
    border-bottom: none;
  }
  body .main .table a {
    color: #D00A41;
  }
  body .main .table a:hover {
    opacity: 0.5;
  }
  body .main .table-responsive {
    margin-bottom: 4.44444vw;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .main .table-responsive table th, body .main .table-responsive table td {
    padding: 0vw 1.11111vw;
    word-wrap: break-word;
    border: 1px solid #fff;
    font-size: 1.25vw;
    line-height: 1.8;
  }
  body .main .table-responsive table th {
    background-color: #000;
    font-weight: 400;
    color: #fff;
  }
  body .main .table-responsive table td {
    background-color: #F1F1F1;
  }
  body .main .table-responsive table a {
    color: #D00A41;
  }
  body .main .table-responsive table a:hover {
    opacity: 0.5;
  }
  body .main .component44 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 2.77778vw;
  }
  body .main .component44 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component44 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component44 > div .img {
    width: 33.33333vw;
    height: 18.75vw;
    margin-right: 2.77778vw;
    overflow: hidden;
  }
  body .main .component44 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component44 > div .txt {
    position: relative;
    width: 47.22222vw;
    padding-bottom: 4.16667vw;
  }
  body .main .component44 > div .txt .ttl {
    margin-bottom: 1.66667vw;
  }
  body .main .component44 > div .txt .more {
    max-width: 37.15278vw;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component44 > div .txt .more:not([target="_blank"], [href$=".pdf"])::after {
    bottom: -0.69444vw;
    top: auto;
  }
  body .main .component45 {
    width: 62.5vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .component45 .accordion_item {
    margin-bottom: 3.19444vw;
    border-bottom: solid 1px #222222;
    padding-bottom: 1.04167vw;
  }
  body .main .component45 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component45 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component45 .accordion_ttl {
    position: relative;
    padding-right: 1.38889vw;
    margin-bottom: 1.73611vw;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component45 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 0.9125vw;
    height: 0.58472vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component45 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component45 .accordion_inner {
    width: 59.02778vw;
    position: relative;
    padding: 1.11111vw 0;
  }
  body .main .component45 .accordion_inner .more {
    margin: 0.69444vw 0 0 0;
  }
  body .main .component48 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 2.77778vw;
  }
  body .main .component48 p a {
    color: #D00A41;
  }
  body .main .component48 p a:hover {
    opacity: 0.5;
  }
  body .main .component49 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 8.47222vw;
  }
  body .main .component49 .txt-list {
    list-style: disc;
    width: 63.19444vw;
    margin-left: 3.125vw;
  }
  body .main .component49 .txt-list__li a {
    color: #D00A41;
  }
  body .main .component49 .txt-list__li a:hover {
    opacity: 0.5;
  }
  body .main .component49 .txt-list__li:not(:nth-child(1)) {
    margin-top: 1.11111vw;
  }
  body .main .component49 .txt-list__li small {
    display: block;
    margin-top: 0.20833vw;
    color: #777777;
  }
  body .main .component49 ol.txt-list {
    list-style: decimal;
  }
  body .main .table-wrap.component50 {
    max-width: 61.11111vw;
  }
  body .main .component51 {
    width: 100%;
    line-height: 1.8;
  }
  body .main .component51.oneline_blank {
    padding-bottom: 1.11111vw;
  }
  body .main .component51.twoline_blank {
    padding-bottom: 2.22222vw;
  }
  body .main .component51.threeline_blank {
    padding-bottom: 3.33333vw;
  }
}
@media screen and (min-width: 1360px) {
  body .component11-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
  }
  body .component11-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .component11-modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .component11-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 940px;
    height: 529px;
  }
  body .component11-modal .modal-wrap .modal-close {
    position: absolute;
    width: 50px;
    top: 15px;
    right: -60px;
    cursor: pointer;
  }
  body .component11-modal .modal-wrap .modal-close::before {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .component11-modal .modal-wrap .modal-close::after {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .component11-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
  }
  body .component11-modal .modal-wrap .modal-content {
    width: 100%;
    height: 100%;
  }
  body .component11-modal .modal-wrap .modal-content iframe {
    width: 100%;
    height: 100%;
  }
  body .main .sitemap_list {
    width: 1160px;
    margin: 0 auto 80px;
  }
  body .main .sitemap_list div {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .sitemap_list div:not(:last-child) {
    margin-bottom: 64px;
  }
  body .main .sitemap_list dt {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    padding-right: 38px;
  }
  body .main .sitemap_list dt a:after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 18px;
    top: auto;
    transition: .5s right;
  }
  body .main .sitemap_list dt a:hover:after {
    right: -5px;
  }
  body .main .sitemap_list dd {
    position: relative;
    width: 360px;
    margin-right: 25px;
    padding-left: 15px;
  }
  body .main .sitemap_list dd:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    margin-top: 20px;
  }
  body .main .sitemap_list dd a::before {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 13.14px;
    height: 8.42px;
    position: absolute;
    top: 12px;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
    transition: .5s left;
  }
  body .main .sitemap_list dd a:hover::before {
    left: 3px;
  }
  body .main .sitemap_list .sitemap_category {
    font-size: 14px;
    color: #777777;
    position: absolute;
    top: -34px;
    left: 0;
  }
  body .main .bilingual-nav {
    width: 1160px;
    margin: 0 auto;
    margin-top: -120px;
    padding: 121px 0 70px 0;
  }
  body .main .bilingual-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  body .main .bilingual-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main .bilingual-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main .bilingual-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -3px;
  }
  body .main #news_list {
    padding-top: 121px;
    margin-top: -120px;
  }
  body .main #news_list .inner {
    width: 880px;
    margin: 0 auto;
    padding: 0 0 140px 0;
  }
  body .main #news_list .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  body .main #news_list .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main #news_list .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -3px;
  }
  body .main #news_list .inner .news-wrapper {
    margin: 100px 0 0 0;
  }
  body .main #news_list .inner .news-wrapper ul li {
    padding: 0 0 0 130px;
    position: relative;
  }
  body .main #news_list .inner .news-wrapper ul li time {
    color: #777777;
    position: absolute;
    top: 3px;
    left: 0;
  }
  body .main #news_list .inner .news-wrapper ul li .text {
    width: 750px;
  }
  body .main #news_list .inner .news-wrapper ul li:not(:first-child) {
    margin: 40px 0 0 0;
  }
  body .main #news_list .inner .news-pager {
    margin: 72px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 101.5px;
  }
  body .main #news_list .inner .news-pager .btn {
    width: 48px;
    height: 48px;
    background: #222222;
    position: relative;
  }
  body .main #news_list .inner .news-pager .btn img {
    position: absolute;
    width: 18px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 19px;
  }
  body .main #news_list .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main #news_list .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main #news_list .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  body .main #news_list .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main #news_list .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #222222;
    left: 0;
    bottom: 0px;
  }
  body .main .open_campus_list {
    width: 1160px;
    margin: auto;
  }
  body .main .open_campus_list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 17px;
    padding: 45px 40px 47px 80px;
  }
  body .main .open_campus_list > li.have_reserve {
    margin-bottom: 60px;
    padding: 60px 40px 50px 80px;
  }
  body .main .open_campus_list > li.have_reserve .ttl {
    margin-bottom: 23px;
  }
  body .main .open_campus_list > li.have_reserve .day {
    margin-bottom: 40px;
  }
  body .main .open_campus_list > li.have_reserve .time {
    margin-top: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list > li.have_reserve .content {
    margin-top: 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve {
    width: 221px;
    margin: 0 auto 18px 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-start {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid #fff 1px;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day {
    margin-bottom: 18px;
    font-weight: bold;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day .note {
    display: block;
  }
  body .main .open_campus_list .wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .open_campus_list .wrap .r {
    min-width: 565px;
    width: 565px;
  }
  body .main .open_campus_list .wrap .l {
    min-width: 221px;
    width: 221px;
    margin-right: 132px;
  }
  body .main .open_campus_list .day {
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .time {
    display: block;
    margin-top: 10px;
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .ttl {
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .content {
    margin-top: 5px;
  }
  body .main .open_campus_list .content > li {
    position: relative;
    padding-left: 24px;
  }
  body .main .open_campus_list .content > li::before {
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -18px;
    left: 0;
    font-size: 25px;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
  }
  body .main .open_campus_list .more {
    position: absolute !important;
    right: 40px;
    bottom: 40px;
  }
  body .main .jwutimes_section {
    margin-top: -63px;
    padding-top: 138px !important;
  }
  body .main .bilingual_section {
    margin-top: -63px;
    padding-top: 138px !important;
  }
  body .main .bilingual_section .component17.left, body .main .bilingual_section .component17.left .more-area li {
    margin-bottom: 0;
  }
  body .main .tab_area {
    width: 1160px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .tab_area a {
    display: inline;
    width: fit-content;
    height: 30px;
    padding: 0 16px;
    background: #f1f1f1;
  }
  body .main .tab_area a:not(:last-child) {
    margin-right: 24px;
  }
  body .main .tab_area a.active {
    background: #000;
    color: #fff;
  }
  body .main .jwutimes_list ul {
    width: 1160px;
    margin: 80px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .jwutimes_list ul li {
    width: 360px;
    margin-right: 40px;
  }
  body .main .jwutimes_list ul li:not(:last-child) {
    margin-bottom: 65px;
  }
  body .main .jwutimes_list ul li:nth-child(7n-3), body .main .jwutimes_list ul li:nth-child(7n), body .main .jwutimes_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child, body .main .jwutimes_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 100px;
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child a, body .main .jwutimes_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .jwutimes_list ul li:first-child .box-img, body .main .jwutimes_list ul li:nth-child(7n+1) .box-img {
    width: 550px;
    height: 309px;
    margin-bottom: 0;
    margin-right: 60px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt {
    width: 550px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .ttl, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 14px;
    font-size: 24px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .detail_txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 18px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .author, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 9px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .days, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 23px;
  }
  body .main .jwutimes_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .jwutimes_list ul li .box-img {
    width: 100%;
    height: 203px;
    margin-bottom: 23.5px;
    overflow: hidden;
  }
  body .main .jwutimes_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .jwutimes_list ul li .ttl {
    margin-bottom: 4px;
  }
  body .main .jwutimes_list ul li .detail_txt {
    display: none;
  }
  body .main .jwutimes_list ul li .author {
    margin-bottom: 4px;
  }
  body .main .jwutimes_list ul li .days {
    margin-bottom: 9px;
  }
  body .main .jwutimes_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main .bilingual_list ul {
    width: 1160px;
    padding-top: 80px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .bilingual_list ul li {
    width: 360px;
    margin-right: 40px;
  }
  body .main .bilingual_list ul li:not(:last-child) {
    margin-bottom: 65px;
  }
  body .main .bilingual_list ul li:nth-child(7n-3), body .main .bilingual_list ul li:nth-child(7n), body .main .bilingual_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child, body .main .bilingual_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 100px;
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child a, body .main .bilingual_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .bilingual_list ul li:first-child .box-img, body .main .bilingual_list ul li:nth-child(7n+1) .box-img {
    width: 550px;
    height: 309px;
    margin-bottom: 0;
    margin-right: 60px;
  }
  body .main .bilingual_list ul li:first-child .box-txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt {
    width: 550px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .tags, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .tags {
    margin-top: 4px;
    margin-bottom: 8px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .ttl, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 14px;
    font-size: 24px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .detail_txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 18px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .author, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 9px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .days, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 23px;
  }
  body .main .bilingual_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .bilingual_list ul li .box-img {
    width: 100%;
    height: 203px;
    margin-bottom: 23.5px;
    overflow: hidden;
  }
  body .main .bilingual_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .bilingual_list ul li .tags {
    margin-bottom: 4px;
    padding: 7px 16px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .bilingual_list ul li .ttl {
    margin-bottom: 4px;
  }
  body .main .bilingual_list ul li .detail_txt {
    display: none;
  }
  body .main .bilingual_list ul li .author {
    margin-bottom: 4px;
  }
  body .main .bilingual_list ul li .days {
    margin-bottom: 9px;
  }
  body .main .bilingual_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main > section {
    word-break: break-word;
  }
  body .main .component2 {
    width: 1160px;
    margin: auto;
    margin-bottom: 25px;
  }
  body .main .component10 {
    width: 1160px;
    margin: auto;
    margin-bottom: 40px;
  }
  body .main .component10 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component10 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component10 > div .img {
    width: 480px;
    height: auto;
    margin-right: 40px;
    overflow: hidden;
  }
  body .main .component10 > div .img > img {
    width: 100%;
    height: 270px;
  }
  body .main .component10 > div .img figcaption {
    text-align: right;
    height: 25px;
  }
  body .main .component10 > div .txt {
    position: relative;
    width: 680px;
    padding-bottom: 43px;
  }
  body .main .component10 > div .txt .ttl {
    margin-bottom: 24px;
  }
  body .main .component10 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component11 {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component11 > li {
    width: 360px;
    margin-bottom: 54px;
    margin-right: 40px;
  }
  body .main .component11 > li a {
    cursor: pointer;
  }
  body .main .component11 > li a .img {
    width: 100%;
    height: 202px;
    margin-bottom: 15px;
    overflow: hidden;
  }
  body .main .component11 > li a .img > img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component11 > li a .img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body .main .component11 > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  body .main .component11 > li a .img .btn--movie > span {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .img .btn--movie > img {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a:hover {
    opacity: 1;
  }
  body .main .component11 > li a:hover .img > img {
    opacity: 0.7;
    transform: scale(1.3);
  }
  body .main .component11 > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main .component11 .btn--movie {
    width: 100px;
    height: 100px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main .component11 .btn--movie > span {
    font-size: 8px;
  }
  body .main .component11 .btn--movie > img {
    width: 18px;
  }
  body .main .component13 {
    width: 1160px;
    margin: auto;
    margin-bottom: 122px;
  }
  body .main .component13 h2 {
    margin-bottom: 45px;
  }
  body .main .component13 .contact-info {
    margin-bottom: 15px;
    margin-left: 20px;
    font-weight: bold;
  }
  body .main .component13 .flex {
    position: relative;
  }
  body .main .component13 .flex .access {
    width: 50%;
    margin-left: 20px;
  }
  body .main .component13 .flex .access span {
    font-size: 16px;
    color: #777777;
    margin-left: 16px;
  }
  body .main .component13 .flex .more-area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    top: 7px;
  }
  body .main .component13 .flex .more-area > li {
    margin-right: 24px;
    margin-bottom: 26px;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 8px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -10px;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -10px;
  }
  body .main .component16 {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px 40px;
  }
  body .main .component16 > li {
    display: block;
    width: 360px;
  }
  body .main .component16 > li .img {
    width: 100%;
    height: 202px;
    transition: .5s;
  }
  body .main .component16 > li .img > img {
    width: 100%;
    height: 100%;
  }
  body .main .component16 > li .txt {
    width: 100%;
    margin-top: 19px;
    letter-spacing: 0.05em;
  }
  body .main .component16 > li .txt p {
    margin-top: 7px;
    letter-spacing: 0.03em;
  }
  body .main .component16 > li a {
    position: relative;
    display: block;
  }
  body .main .component16 > li a::after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 2px;
    bottom: 10px;
    transition: .5s right;
  }
  body .main .component16 > li a:hover {
    opacity: 1;
  }
  body .main .component16 > li a:hover .img {
    opacity: .7;
  }
  body .main .component16 > li a:hover::after {
    right: -5px;
  }
  body .main .component18 {
    width: 1140px;
    margin: auto;
    margin-bottom: 40px;
    font-size: 28px;
  }
  body .main .component18.gray {
    color: #777777;
  }
  body .main .component20 {
    width: 800px;
    margin: 0 auto 20px;
    text-align: right;
    overflow: hidden;
  }
  body .main .component20 img {
    width: 100%;
    margin-bottom: 10px;
  }
  body .main .component20 figcaption {
    line-height: 1.8;
  }
  body .main .component21 {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .component21 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  body .main .component21 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component21 > div .img {
    width: 480px;
    height: 270px;
    margin-right: 40px;
    overflow: hidden;
  }
  body .main .component21 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component21 > div .txt {
    position: relative;
    width: 680px;
    padding-bottom: 40px;
  }
  body .main .component21 > div .txt span {
    display: block;
    margin-bottom: 12px;
  }
  body .main .component21 > div .txt .ttl {
    line-height: 1.8;
    margin-bottom: 12px;
  }
  body .main .component21 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
  }
  body .main .component22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
    /*Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    touch-action: none;
    display: none;
    /*Google Chrome、Safariへの対応*/
  }
  body .main .component22::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .main .component22 .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .main .component22::-webkit-scrollbar {
    display: none;
  }
  body .main .component22 .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 940px;
    padding: 80px;
    background: #fff;
  }
  body .main .component22 .modal-wrap .modal-close {
    position: absolute;
    width: 50px;
    top: 15px;
    right: -60px;
    cursor: pointer;
  }
  body .main .component22 .modal-wrap .modal-close::before {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .main .component22 .modal-wrap .modal-close::after {
    content: "";
    width: 38px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .main .component22 .modal-wrap .modal-close span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
  }
  body .main .component22 .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 762px;
    height: 400px;
    overflow: hidden;
    margin: auto;
  }
  body .main .component22 .modal-wrap .modal-content figure {
    margin-right: calc(762px - 350px - 370px);
  }
  body .main .component22 .modal-wrap .modal-content figure .img {
    width: 370px;
    height: 370px;
    margin-bottom: 6px;
  }
  body .main .component22 .modal-wrap .modal-content figure .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component22 .modal-wrap .modal-content figure figcaption {
    color: #777;
    font-size: 14px;
    line-height: 1.8;
    text-align: right;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt {
    width: 350px;
    height: 100%;
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 20px;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt {
    position: relative;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt .ttl {
    margin-bottom: 10px;
  }
  body .main .component22.active {
    opacity: 1;
  }
  body .main .component22 .more {
    cursor: pointer;
    float: right;
    height: auto;
    margin-top: 21px;
  }
  body .main .component24 {
    width: 900px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .component24 .accordion_item {
    margin-bottom: 46px;
  }
  body .main .component24 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component24 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component24 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component24 .accordion_ttl {
    position: relative;
    padding-left: 55px;
    padding-right: 20px;
    margin-bottom: 25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component24 .accordion_ttl::before {
    content: "Q";
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    border: #000 solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10px);
  }
  body .main .component24 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 13.14px;
    height: 8.42px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component24 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component24 .accordion_inner {
    width: 850px;
    position: relative;
    padding: 16px 0 16px 55px;
  }
  body .main .component24 .accordion_inner .img_area {
    width: 600px;
    margin: 37px 0 34px;
  }
  body .main .component24 .accordion_inner .img_area > img {
    width: 100%;
  }
  body .main .component24 .accordion_inner .more {
    margin: 5px 0;
  }
  body .main .component24 .accordion_inner::before {
    content: "A";
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 13px;
    left: 0;
    border-radius: 50%;
    border: #fff solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main .component27, body .main .component28 {
    width: 1160px;
    margin: 0 auto 80px;
  }
  body .main .component27 .img, body .main .component28 .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main .component27 .img img, body .main .component28 .img img {
    width: 100%;
  }
  body .main .component27 .img iframe, body .main .component28 .img iframe {
    width: 100%;
    height: 651px;
  }
  body .main .component27 figcaption, body .main .component28 figcaption {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
  }
  body .main .component27 figcaption dl, body .main .component28 figcaption dl {
    width: 560px;
  }
  body .main .component27 figcaption dl dt:not(:first-child), body .main .component28 figcaption dl dt:not(:first-child) {
    margin: 40px 0 0 0;
  }
  body .main .component27 figcaption dl dd, body .main .component28 figcaption dl dd {
    margin: 9px 0 0 0;
  }
  body .main .component27 figcaption dl dd ul li, body .main .component28 figcaption dl dd ul li {
    word-break: break-all;
  }
  body .main .component27 figcaption dl dd ul li::before, body .main .component28 figcaption dl dd ul li::before {
    content: '・';
    display: inline-block;
    margin: 0 4px 0 5px;
  }
  body .main .component27 figcaption dl dd ul li .s, body .main .component28 figcaption dl dd ul li .s {
    margin: 0 0 0 16px;
  }
  body .main .component27 figcaption dl dd ul li:not(:first-child), body .main .component28 figcaption dl dd ul li:not(:first-child) {
    margin: 3px 0 0 0;
  }
  body .main .component27 figcaption dl dd p:not(:first-child), body .main .component28 figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main .component27.column_two, body .main .component28.column_two {
    display: flex;
    justify-content: space-between;
  }
  body .main .component27.column_two .imgarea, body .main .component28.column_two .imgarea {
    width: 560px;
  }
  body .main .component27.column_two .imgarea .btn_area, body .main .component28.column_two .imgarea .btn_area {
    margin: 27px 0 0 0;
  }
  body .main .component27.column_two figcaption, body .main .component28.column_two figcaption {
    margin: 0;
    width: 560px;
  }
  body .main .component27 .more, body .main .component28 .more {
    height: auto;
  }
  body .main .component27 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after, body .main .component28 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    top: auto;
    bottom: -10px;
    background-size: auto 105%;
  }
  body .main .component34 {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
    overflow: hidden;
  }
  body .main .component34 img {
    width: 100%;
    margin-bottom: 10px;
  }
  body .main .component34 figcaption {
    line-height: 1.8;
    text-align: right;
  }
  body .main .component35 {
    width: 880px;
    margin: auto;
    margin-bottom: 40px;
    line-height: 1.8;
  }
  body .main .component35.b {
    font-weight: 700;
  }
  body .main .component36 {
    width: 880px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .component40 {
    width: 1196px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .component40 h2 {
    width: 230px;
    margin-right: 65px;
  }
  body .main .component40 h2 > span:nth-of-type(2) {
    margin-left: 20px;
  }
  body .main .component40 .circle-img {
    width: 900px;
    margin-top: 5px;
  }
  body .main .component40 .circle-img > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 33px 0 30px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main .component40 .circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main .component40 .circle-img > li .img {
    width: 140px;
    height: 130px;
    margin-right: 40px;
    overflow: hidden;
    border-radius: 50%;
  }
  body .main .component40 .circle-img > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component40 .circle-img > li .txt {
    width: 760px;
  }
  body .main .component40 .circle-img > li .txt .ttl {
    margin-bottom: 17px;
    font-weight: bold;
  }
  body .main .component40 .circle-img > li .txt > p {
    position: relative;
    top: -6px;
  }
  body .main .component40 .circle-img > li .txt .more {
    float: right;
  }
  body .main .component41 {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component41 > li {
    width: 260px;
    margin-bottom: 54px;
    margin-right: 40px;
  }
  body .main .component41 > li .img {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
  }
  body .main .component41 > li .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component41 > li .img a {
    cursor: pointer;
  }
  body .main .component41 > li .img a img {
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li .img:hover {
    opacity: 1;
  }
  body .main .component41 > li .img:hover .img > img {
    opacity: 0.7;
  }
  body .main .component41 > li:nth-child(4n) {
    margin-right: 0;
  }
  body .main .table-wrap {
    max-width: 1160px;
    margin: auto;
  }
  body .main .table-wrap.vertical table {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  body .main .table-wrap.vertical th, body .main .table-wrap.vertical td {
    padding: 16px !important;
  }
  body .main .table-wrap.vertical th {
    border-left: none;
  }
  body .main .table-wrap.vertical td:last-child {
    border-right: #fff solid 1px;
  }
  body .main .table-wrap.vertical td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table-wrap.vertical tr:first-child {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:first-child th, body .main .table-wrap.vertical tr:first-child td {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:last-child td {
    border-bottom: #fff solid 1px;
  }
  body .main .table-scroll {
    max-width: 1160px;
    margin: 0 auto 64px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body .main .table-noscroll {
    margin-bottom: 64px;
  }
  body .main .table-bordered {
    border: 1px solid #fff;
  }
  body .main .table-bordered th, body .main .table-bordered td {
    border: 1px solid #fff;
  }
  body .main .table {
    table-layout: fixed;
    border-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-left: none;
    width: auto;
  }
  body .main .table th, body .main .table td {
    width: auto;
    padding: 0px 16px;
    vertical-align: middle;
    border-color: #fff;
    border-top: none;
    font-size: 18px;
    line-height: 1.8;
  }
  body .main .table th {
    font-weight: normal;
    background-color: #000;
    color: #fff;
  }
  body .main .table th:last-child {
    border-right: none;
  }
  body .main .table th:nth-child(n+2) {
    border-left: none;
  }
  body .main .table td {
    background-color: #F1F1F1;
  }
  body .main .table td:last-child {
    border-right: none;
  }
  body .main .table td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table tr:last-child td {
    border-bottom: none;
  }
  body .main .table a {
    color: #D00A41;
  }
  body .main .table a:hover {
    opacity: 0.5;
  }
  body .main .table-responsive {
    margin-bottom: 64px;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .main .table-responsive table th, body .main .table-responsive table td {
    padding: 0px 16px;
    word-wrap: break-word;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 1.8;
  }
  body .main .table-responsive table th {
    background-color: #000;
    font-weight: 400;
    color: #fff;
  }
  body .main .table-responsive table td {
    background-color: #F1F1F1;
  }
  body .main .table-responsive table a {
    color: #D00A41;
  }
  body .main .table-responsive table a:hover {
    opacity: 0.5;
  }
  body .main .component44 {
    width: 1160px;
    margin: auto;
    margin-bottom: 40px;
  }
  body .main .component44 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component44 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component44 > div .img {
    width: 480px;
    height: 270px;
    margin-right: 40px;
    overflow: hidden;
  }
  body .main .component44 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component44 > div .txt {
    position: relative;
    width: 680px;
    padding-bottom: 60px;
  }
  body .main .component44 > div .txt .ttl {
    margin-bottom: 24px;
  }
  body .main .component44 > div .txt .more {
    max-width: 535px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component44 > div .txt .more:not([target="_blank"], [href$=".pdf"])::after {
    bottom: -10px;
    top: auto;
  }
  body .main .component45 {
    width: 900px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .component45 .accordion_item {
    margin-bottom: 46px;
    border-bottom: solid 1px #222222;
    padding-bottom: 15px;
  }
  body .main .component45 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component45 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component45 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component45 .accordion_ttl {
    position: relative;
    padding-right: 20px;
    margin-bottom: 25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component45 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 13.14px;
    height: 8.42px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component45 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component45 .accordion_inner {
    width: 850px;
    position: relative;
    padding: 16px 0;
  }
  body .main .component45 .accordion_inner .more {
    margin: 10px 0 0 0;
  }
  body .main .component48 {
    width: 880px;
    margin: auto;
    margin-bottom: 40px;
  }
  body .main .component49 {
    width: 1160px;
    margin: auto;
    margin-bottom: 122px;
  }
  body .main .component49 .txt-list {
    list-style: disc;
    width: 910px;
    margin-left: 45px;
  }
  body .main .component49 .txt-list__li a {
    color: #D00A41;
  }
  body .main .component49 .txt-list__li a:hover {
    opacity: 0.5;
  }
  body .main .component49 .txt-list__li:not(:nth-child(1)) {
    margin-top: 16px;
  }
  body .main .component49 .txt-list__li small {
    display: block;
    margin-top: 3px;
    color: #777777;
  }
  body .main .component49 ol.txt-list {
    list-style: decimal;
  }
  body .main .table-wrap.component50 {
    max-width: 880px;
  }
  body .main .component51 {
    width: 100%;
    line-height: 1.8;
  }
  body .main .component51.oneline_blank {
    padding-bottom: 16px;
  }
  body .main .component51.twoline_blank {
    padding-bottom: 32px;
  }
  body .main .component51.threeline_blank {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1670px) {
  body .component11-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
  }
  body .component11-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .component11-modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .component11-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1175px;
    height: 661.25px;
  }
  body .component11-modal .modal-wrap .modal-close {
    position: absolute;
    width: 62.5px;
    top: 18.75px;
    right: -75px;
    cursor: pointer;
  }
  body .component11-modal .modal-wrap .modal-close::before {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .component11-modal .modal-wrap .modal-close::after {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .component11-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 17.5px;
    margin-top: 25px;
    color: #fff;
  }
  body .component11-modal .modal-wrap .modal-content {
    width: 100%;
    height: 100%;
  }
  body .component11-modal .modal-wrap .modal-content iframe {
    width: 100%;
    height: 100%;
  }
  body .main .sitemap_list {
    width: 1450px;
    margin: 0 auto 100px;
  }
  body .main .sitemap_list div {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .sitemap_list div:not(:last-child) {
    margin-bottom: 80px;
  }
  body .main .sitemap_list dt {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
    padding-right: 47.5px;
  }
  body .main .sitemap_list dt a:after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 22.5px;
    top: auto;
    transition: .5s right;
  }
  body .main .sitemap_list dt a:hover:after {
    right: -6.25px;
  }
  body .main .sitemap_list dd {
    position: relative;
    width: 450px;
    margin-right: 31.25px;
    padding-left: 18.75px;
  }
  body .main .sitemap_list dd:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    margin-top: 25px;
  }
  body .main .sitemap_list dd a::before {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 16.425px;
    height: 10.525px;
    position: absolute;
    top: 15px;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
    transition: .5s left;
  }
  body .main .sitemap_list dd a:hover::before {
    left: 3.75px;
  }
  body .main .sitemap_list .sitemap_category {
    font-size: 17.5px;
    color: #777777;
    position: absolute;
    top: -42.5px;
    left: 0;
  }
  body .main .bilingual-nav {
    width: 1450px;
    margin: 0 auto;
    margin-top: -150px;
    padding: 151.25px 0 87.5px 0;
  }
  body .main .bilingual-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  body .main .bilingual-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main .bilingual-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main .bilingual-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: black;
    left: 0;
    bottom: -3.75px;
  }
  body .main #news_list {
    padding-top: 151.25px;
    margin-top: -150px;
  }
  body .main #news_list .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 175px 0;
  }
  body .main #news_list .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  body .main #news_list .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main #news_list .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: black;
    left: 0;
    bottom: -3.75px;
  }
  body .main #news_list .inner .news-wrapper {
    margin: 125px 0 0 0;
  }
  body .main #news_list .inner .news-wrapper ul li {
    padding: 0 0 0 162.5px;
    position: relative;
  }
  body .main #news_list .inner .news-wrapper ul li time {
    color: #777777;
    position: absolute;
    top: 3.75px;
    left: 0;
  }
  body .main #news_list .inner .news-wrapper ul li .text {
    width: 937.5px;
  }
  body .main #news_list .inner .news-wrapper ul li:not(:first-child) {
    margin: 50px 0 0 0;
  }
  body .main #news_list .inner .news-pager {
    margin: 90px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 126.875px;
  }
  body .main #news_list .inner .news-pager .btn {
    width: 60px;
    height: 60px;
    background: #222222;
    position: relative;
  }
  body .main #news_list .inner .news-pager .btn img {
    position: absolute;
    width: 22.5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 23.75px;
  }
  body .main #news_list .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main #news_list .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main #news_list .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
  body .main #news_list .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main #news_list .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: #222222;
    left: 0;
    bottom: 0px;
  }
  body .main .open_campus_list {
    width: 1450px;
    margin: auto;
  }
  body .main .open_campus_list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 21.25px;
    padding: 56.25px 50px 58.75px 100px;
  }
  body .main .open_campus_list > li.have_reserve {
    margin-bottom: 75px;
    padding: 75px 50px 62.5px 100px;
  }
  body .main .open_campus_list > li.have_reserve .ttl {
    margin-bottom: 28.75px;
  }
  body .main .open_campus_list > li.have_reserve .day {
    margin-bottom: 50px;
  }
  body .main .open_campus_list > li.have_reserve .time {
    margin-top: 20px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list > li.have_reserve .content {
    margin-top: 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve {
    width: 276.25px;
    margin: 0 auto 22.5px 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-start {
    display: block;
    margin-bottom: 12.5px;
    padding-bottom: 6.25px;
    border-bottom: solid #fff 1px;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day {
    margin-bottom: 22.5px;
    font-weight: bold;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day .note {
    display: block;
  }
  body .main .open_campus_list .wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .open_campus_list .wrap .r {
    min-width: 706.25px;
    width: 706.25px;
  }
  body .main .open_campus_list .wrap .l {
    min-width: 276.25px;
    width: 276.25px;
    margin-right: 165px;
  }
  body .main .open_campus_list .day {
    margin-bottom: 25px;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .time {
    display: block;
    margin-top: 12.5px;
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .ttl {
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  body .main .open_campus_list .content {
    margin-top: 6.25px;
  }
  body .main .open_campus_list .content > li {
    position: relative;
    padding-left: 30px;
  }
  body .main .open_campus_list .content > li::before {
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -22.5px;
    left: 0;
    font-size: 31.25px;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
  }
  body .main .open_campus_list .more {
    position: absolute !important;
    right: 50px;
    bottom: 50px;
  }
  body .main .jwutimes_section {
    margin-top: -78.75px;
    padding-top: 172.5px !important;
  }
  body .main .bilingual_section {
    margin-top: -78.75px;
    padding-top: 172.5px !important;
  }
  body .main .bilingual_section .component17.left, body .main .bilingual_section .component17.left .more-area li {
    margin-bottom: 0;
  }
  body .main .tab_area {
    width: 1450px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .tab_area a {
    display: inline;
    width: fit-content;
    height: 37.5px;
    padding: 0 20px;
    background: #f1f1f1;
  }
  body .main .tab_area a:not(:last-child) {
    margin-right: 30px;
  }
  body .main .tab_area a.active {
    background: #000;
    color: #fff;
  }
  body .main .jwutimes_list ul {
    width: 1450px;
    margin: 100px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .jwutimes_list ul li {
    width: 450px;
    margin-right: 50px;
  }
  body .main .jwutimes_list ul li:not(:last-child) {
    margin-bottom: 81.25px;
  }
  body .main .jwutimes_list ul li:nth-child(7n-3), body .main .jwutimes_list ul li:nth-child(7n), body .main .jwutimes_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child, body .main .jwutimes_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 125px;
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child a, body .main .jwutimes_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .jwutimes_list ul li:first-child .box-img, body .main .jwutimes_list ul li:nth-child(7n+1) .box-img {
    width: 687.5px;
    height: 386.25px;
    margin-bottom: 0;
    margin-right: 75px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt {
    width: 687.5px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .ttl, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 17.5px;
    font-size: 30px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .detail_txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 22.5px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .author, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 11.25px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .days, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 28.75px;
  }
  body .main .jwutimes_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .jwutimes_list ul li .box-img {
    width: 100%;
    height: 253.75px;
    margin-bottom: 29.375px;
    overflow: hidden;
  }
  body .main .jwutimes_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .jwutimes_list ul li .ttl {
    margin-bottom: 5px;
  }
  body .main .jwutimes_list ul li .detail_txt {
    display: none;
  }
  body .main .jwutimes_list ul li .author {
    margin-bottom: 5px;
  }
  body .main .jwutimes_list ul li .days {
    margin-bottom: 11.25px;
  }
  body .main .jwutimes_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main .bilingual_list ul {
    width: 1450px;
    padding-top: 100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .bilingual_list ul li {
    width: 450px;
    margin-right: 50px;
  }
  body .main .bilingual_list ul li:not(:last-child) {
    margin-bottom: 81.25px;
  }
  body .main .bilingual_list ul li:nth-child(7n-3), body .main .bilingual_list ul li:nth-child(7n), body .main .bilingual_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child, body .main .bilingual_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 125px;
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child a, body .main .bilingual_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .bilingual_list ul li:first-child .box-img, body .main .bilingual_list ul li:nth-child(7n+1) .box-img {
    width: 687.5px;
    height: 386.25px;
    margin-bottom: 0;
    margin-right: 75px;
  }
  body .main .bilingual_list ul li:first-child .box-txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt {
    width: 687.5px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .tags, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .tags {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .ttl, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 17.5px;
    font-size: 30px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .detail_txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 22.5px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .author, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 11.25px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .days, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 28.75px;
  }
  body .main .bilingual_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .bilingual_list ul li .box-img {
    width: 100%;
    height: 253.75px;
    margin-bottom: 29.375px;
    overflow: hidden;
  }
  body .main .bilingual_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .bilingual_list ul li .tags {
    margin-bottom: 5px;
    padding: 8.75px 20px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .bilingual_list ul li .ttl {
    margin-bottom: 5px;
  }
  body .main .bilingual_list ul li .detail_txt {
    display: none;
  }
  body .main .bilingual_list ul li .author {
    margin-bottom: 5px;
  }
  body .main .bilingual_list ul li .days {
    margin-bottom: 11.25px;
  }
  body .main .bilingual_list .pager .ellipsis {
    width: 4em !important;
  }
  body .main > section {
    word-break: break-word;
  }
  body .main .component2 {
    width: 1450px;
    margin: auto;
    margin-bottom: 31.25px;
  }
  body .main .component10 {
    width: 1450px;
    margin: auto;
    margin-bottom: 50px;
  }
  body .main .component10 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component10 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component10 > div .img {
    width: 600px;
    height: auto;
    margin-right: 50px;
    overflow: hidden;
  }
  body .main .component10 > div .img > img {
    width: 100%;
    height: 337.5px;
  }
  body .main .component10 > div .img figcaption {
    text-align: right;
    height: 31.25px;
  }
  body .main .component10 > div .txt {
    position: relative;
    width: 850px;
    padding-bottom: 53.75px;
  }
  body .main .component10 > div .txt .ttl {
    margin-bottom: 30px;
  }
  body .main .component10 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component11 {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component11 > li {
    width: 450px;
    margin-bottom: 67.5px;
    margin-right: 50px;
  }
  body .main .component11 > li a {
    cursor: pointer;
  }
  body .main .component11 > li a .img {
    width: 100%;
    height: 252.5px;
    margin-bottom: 18.75px;
    overflow: hidden;
  }
  body .main .component11 > li a .img > img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component11 > li a .img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body .main .component11 > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  body .main .component11 > li a .img .btn--movie > span {
    position: absolute;
    top: 37.5px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .img .btn--movie > img {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a:hover {
    opacity: 1;
  }
  body .main .component11 > li a:hover .img > img {
    opacity: 0.7;
    transform: scale(1.3);
  }
  body .main .component11 > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main .component11 .btn--movie {
    width: 125px;
    height: 125px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main .component11 .btn--movie > span {
    font-size: 10px;
  }
  body .main .component11 .btn--movie > img {
    width: 22.5px;
  }
  body .main .component13 {
    width: 1450px;
    margin: auto;
    margin-bottom: 152.5px;
  }
  body .main .component13 h2 {
    margin-bottom: 56.25px;
  }
  body .main .component13 .contact-info {
    margin-bottom: 18.75px;
    margin-left: 25px;
    font-weight: bold;
  }
  body .main .component13 .flex {
    position: relative;
  }
  body .main .component13 .flex .access {
    width: 50%;
    margin-left: 25px;
  }
  body .main .component13 .flex .access span {
    font-size: 20px;
    color: #777777;
    margin-left: 20px;
  }
  body .main .component13 .flex .more-area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    top: 8.75px;
  }
  body .main .component13 .flex .more-area > li {
    margin-right: 30px;
    margin-bottom: 32.5px;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 10px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3.75px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -12.5px;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -12.5px;
  }
  body .main .component16 {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 50px 50px;
  }
  body .main .component16 > li {
    display: block;
    width: 450px;
  }
  body .main .component16 > li .img {
    width: 100%;
    height: 252.5px;
    transition: .5s;
  }
  body .main .component16 > li .img > img {
    width: 100%;
    height: 100%;
  }
  body .main .component16 > li .txt {
    width: 100%;
    margin-top: 23.75px;
    letter-spacing: 0.05em;
  }
  body .main .component16 > li .txt p {
    margin-top: 8.75px;
    letter-spacing: 0.03em;
  }
  body .main .component16 > li a {
    position: relative;
    display: block;
  }
  body .main .component16 > li a::after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 2.5px;
    bottom: 12.5px;
    transition: .5s right;
  }
  body .main .component16 > li a:hover {
    opacity: 1;
  }
  body .main .component16 > li a:hover .img {
    opacity: .7;
  }
  body .main .component16 > li a:hover::after {
    right: -6.25px;
  }
  body .main .component18 {
    width: 1425px;
    margin: auto;
    margin-bottom: 50px;
    font-size: 35px;
  }
  body .main .component18.gray {
    color: #777777;
  }
  body .main .component20 {
    width: 1000px;
    margin: 0 auto 25px;
    text-align: right;
    overflow: hidden;
  }
  body .main .component20 img {
    width: 100%;
    margin-bottom: 12.5px;
  }
  body .main .component20 figcaption {
    line-height: 1.8;
  }
  body .main .component21 {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .component21 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  body .main .component21 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component21 > div .img {
    width: 600px;
    height: 337.5px;
    margin-right: 50px;
    overflow: hidden;
  }
  body .main .component21 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component21 > div .txt {
    position: relative;
    width: 850px;
    padding-bottom: 50px;
  }
  body .main .component21 > div .txt span {
    display: block;
    margin-bottom: 15px;
  }
  body .main .component21 > div .txt .ttl {
    line-height: 1.8;
    margin-bottom: 15px;
  }
  body .main .component21 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
  }
  body .main .component22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
    /*Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    touch-action: none;
    display: none;
    /*Google Chrome、Safariへの対応*/
  }
  body .main .component22::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .main .component22 .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .main .component22::-webkit-scrollbar {
    display: none;
  }
  body .main .component22 .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1175px;
    padding: 100px;
    background: #fff;
  }
  body .main .component22 .modal-wrap .modal-close {
    position: absolute;
    width: 62.5px;
    top: 18.75px;
    right: -75px;
    cursor: pointer;
  }
  body .main .component22 .modal-wrap .modal-close::before {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .main .component22 .modal-wrap .modal-close::after {
    content: "";
    width: 47.5px;
    height: 1.25px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .main .component22 .modal-wrap .modal-close span {
    display: block;
    font-size: 17.5px;
    margin-top: 25px;
    color: #fff;
  }
  body .main .component22 .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 952.5px;
    height: 500px;
    overflow: hidden;
    margin: auto;
  }
  body .main .component22 .modal-wrap .modal-content figure {
    margin-right: calc(952.5px - 437.5px - 462.5px);
  }
  body .main .component22 .modal-wrap .modal-content figure .img {
    width: 462.5px;
    height: 462.5px;
    margin-bottom: 7.5px;
  }
  body .main .component22 .modal-wrap .modal-content figure .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component22 .modal-wrap .modal-content figure figcaption {
    color: #777;
    font-size: 17.5px;
    line-height: 1.8;
    text-align: right;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt {
    width: 437.5px;
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    padding-right: 25px;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt {
    position: relative;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt .ttl {
    margin-bottom: 12.5px;
  }
  body .main .component22.active {
    opacity: 1;
  }
  body .main .component22 .more {
    cursor: pointer;
    float: right;
    height: auto;
    margin-top: 26.25px;
  }
  body .main .component24 {
    width: 1125px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .component24 .accordion_item {
    margin-bottom: 57.5px;
  }
  body .main .component24 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component24 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component24 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component24 .accordion_ttl {
    position: relative;
    padding-left: 68.75px;
    padding-right: 25px;
    margin-bottom: 31.25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component24 .accordion_ttl::before {
    content: "Q";
    width: 50px;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
    border: #000 solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10px);
  }
  body .main .component24 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 16.425px;
    height: 10.525px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component24 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component24 .accordion_inner {
    width: 1062.5px;
    position: relative;
    padding: 20px 0 20px 68.75px;
  }
  body .main .component24 .accordion_inner .img_area {
    width: 750px;
    margin: 46.25px 0 42.5px;
  }
  body .main .component24 .accordion_inner .img_area > img {
    width: 100%;
  }
  body .main .component24 .accordion_inner .more {
    margin: 6.25px 0;
  }
  body .main .component24 .accordion_inner::before {
    content: "A";
    width: 50px;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 16.25px;
    left: 0;
    border-radius: 50%;
    border: #fff solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main .component27, body .main .component28 {
    width: 1450px;
    margin: 0 auto 100px;
  }
  body .main .component27 .img, body .main .component28 .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main .component27 .img img, body .main .component28 .img img {
    width: 100%;
  }
  body .main .component27 .img iframe, body .main .component28 .img iframe {
    width: 100%;
    height: 813.75px;
  }
  body .main .component27 figcaption, body .main .component28 figcaption {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
  }
  body .main .component27 figcaption dl, body .main .component28 figcaption dl {
    width: 700px;
  }
  body .main .component27 figcaption dl dt:not(:first-child), body .main .component28 figcaption dl dt:not(:first-child) {
    margin: 50px 0 0 0;
  }
  body .main .component27 figcaption dl dd, body .main .component28 figcaption dl dd {
    margin: 11.25px 0 0 0;
  }
  body .main .component27 figcaption dl dd ul li, body .main .component28 figcaption dl dd ul li {
    word-break: break-all;
  }
  body .main .component27 figcaption dl dd ul li::before, body .main .component28 figcaption dl dd ul li::before {
    content: '・';
    display: inline-block;
    margin: 0 5px 0 6.25px;
  }
  body .main .component27 figcaption dl dd ul li .s, body .main .component28 figcaption dl dd ul li .s {
    margin: 0 0 0 20px;
  }
  body .main .component27 figcaption dl dd ul li:not(:first-child), body .main .component28 figcaption dl dd ul li:not(:first-child) {
    margin: 3.75px 0 0 0;
  }
  body .main .component27 figcaption dl dd p:not(:first-child), body .main .component28 figcaption dl dd p:not(:first-child) {
    margin-top: 2em;
  }
  body .main .component27.column_two, body .main .component28.column_two {
    display: flex;
    justify-content: space-between;
  }
  body .main .component27.column_two .imgarea, body .main .component28.column_two .imgarea {
    width: 700px;
  }
  body .main .component27.column_two .imgarea .btn_area, body .main .component28.column_two .imgarea .btn_area {
    margin: 33.75px 0 0 0;
  }
  body .main .component27.column_two figcaption, body .main .component28.column_two figcaption {
    margin: 0;
    width: 700px;
  }
  body .main .component27 .more, body .main .component28 .more {
    height: auto;
  }
  body .main .component27 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after, body .main .component28 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    top: auto;
    bottom: -12.5px;
    background-size: auto 105%;
  }
  body .main .component34 {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
    overflow: hidden;
  }
  body .main .component34 img {
    width: 100%;
    margin-bottom: 12.5px;
  }
  body .main .component34 figcaption {
    line-height: 1.8;
    text-align: right;
  }
  body .main .component35 {
    width: 1100px;
    margin: auto;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  body .main .component35.b {
    font-weight: 700;
  }
  body .main .component36 {
    width: 1100px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .component40 {
    width: 1495px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .component40 h2 {
    width: 287.5px;
    margin-right: 81.25px;
  }
  body .main .component40 h2 > span:nth-of-type(2) {
    margin-left: 25px;
  }
  body .main .component40 .circle-img {
    width: 1125px;
    margin-top: 6.25px;
  }
  body .main .component40 .circle-img > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 41.25px 0 37.5px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main .component40 .circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main .component40 .circle-img > li .img {
    width: 175px;
    height: 162.5px;
    margin-right: 50px;
    overflow: hidden;
    border-radius: 50%;
  }
  body .main .component40 .circle-img > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component40 .circle-img > li .txt {
    width: 950px;
  }
  body .main .component40 .circle-img > li .txt .ttl {
    margin-bottom: 21.25px;
    font-weight: bold;
  }
  body .main .component40 .circle-img > li .txt > p {
    position: relative;
    top: -7.5px;
  }
  body .main .component40 .circle-img > li .txt .more {
    float: right;
  }
  body .main .component41 {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component41 > li {
    width: 325px;
    margin-bottom: 67.5px;
    margin-right: 50px;
  }
  body .main .component41 > li .img {
    width: 100%;
    margin-bottom: 18.75px;
    overflow: hidden;
  }
  body .main .component41 > li .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component41 > li a {
    cursor: pointer;
  }
  body .main .component41 > li a img {
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li a:hover {
    opacity: 1;
  }
  body .main .component41 > li a:hover .img > img {
    opacity: 0.7;
  }
  body .main .component41 > li:nth-child(4n) {
    margin-right: 0;
  }
  body .main .table-wrap {
    max-width: 1450px;
    margin: auto;
  }
  body .main .table-wrap.vertical table {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  body .main .table-wrap.vertical th, body .main .table-wrap.vertical td {
    padding: 20px !important;
  }
  body .main .table-wrap.vertical th {
    border-left: none;
  }
  body .main .table-wrap.vertical td:last-child {
    border-right: #fff solid 1px;
  }
  body .main .table-wrap.vertical td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table-wrap.vertical tr:first-child {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:first-child th, body .main .table-wrap.vertical tr:first-child td {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:last-child td {
    border-bottom: #fff solid 1px;
  }
  body .main .table-scroll {
    max-width: 1450px;
    margin: 0 auto 80px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body .main .table-noscroll {
    margin-bottom: 80px;
  }
  body .main .table-bordered {
    border: 1px solid #fff;
  }
  body .main .table-bordered th, body .main .table-bordered td {
    border: 1px solid #fff;
  }
  body .main .table {
    table-layout: fixed;
    border-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-left: none;
    width: auto;
  }
  body .main .table th, body .main .table td {
    width: auto;
    padding: 0px 20px;
    vertical-align: middle;
    border-color: #fff;
    border-top: none;
    font-size: 22.5px;
    line-height: 1.8;
  }
  body .main .table th {
    font-weight: normal;
    background-color: #000;
    color: #fff;
  }
  body .main .table th:last-child {
    border-right: none;
  }
  body .main .table th:nth-child(n+2) {
    border-left: none;
  }
  body .main .table td {
    background-color: #F1F1F1;
  }
  body .main .table td:last-child {
    border-right: none;
  }
  body .main .table td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table tr:last-child td {
    border-bottom: none;
  }
  body .main .table a {
    color: #D00A41;
  }
  body .main .table a:hover {
    opacity: 0.5;
  }
  body .main .table-responsive {
    margin-bottom: 80px;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .main .table-responsive table th, body .main .table-responsive table td {
    padding: 0px 20px;
    word-wrap: break-word;
    border: 1px solid #fff;
    font-size: 22.5px;
    line-height: 1.8;
  }
  body .main .table-responsive table th {
    background-color: #000;
    font-weight: 400;
    color: #fff;
  }
  body .main .table-responsive table td {
    background-color: #F1F1F1;
  }
  body .main .table-responsive table a {
    color: #D00A41;
  }
  body .main .table-responsive table a:hover {
    opacity: 0.5;
  }
  body .main .component44 {
    width: 1450px;
    margin: auto;
    margin-bottom: 50px;
  }
  body .main .component44 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component44 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component44 > div .img {
    width: 600px;
    height: 337.5px;
    margin-right: 50px;
    overflow: hidden;
  }
  body .main .component44 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component44 > div .txt {
    position: relative;
    width: 850px;
    padding-bottom: 75px;
  }
  body .main .component44 > div .txt .ttl {
    margin-bottom: 30px;
  }
  body .main .component44 > div .txt .more {
    max-width: 668.75px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component44 > div .txt .more:not([target="_blank"], [href$=".pdf"])::after {
    bottom: -12.5px;
    top: auto;
  }
  body .main .component45 {
    width: 1125px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .component45 .accordion_item {
    margin-bottom: 57.5px;
    border-bottom: solid 1px #222222;
    padding-bottom: 18.75px;
  }
  body .main .component45 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component45 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component45 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component45 .accordion_ttl {
    position: relative;
    padding-right: 25px;
    margin-bottom: 31.25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component45 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 16.425px;
    height: 10.525px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component45 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component45 .accordion_inner {
    width: 1062.5px;
    position: relative;
    padding: 20px 0;
  }
  body .main .component45 .accordion_inner .more {
    margin: 12.5px 0 0 0;
  }
  body .main .component48 {
    width: 1100px;
    margin: auto;
    margin-bottom: 50px;
  }
  body .main .component49 {
    width: 1450px;
    margin: auto;
    margin-bottom: 152.5px;
  }
  body .main .component49 .txt-list {
    list-style: disc;
    width: 1137.5px;
    margin-left: 56.25px;
  }
  body .main .component49 .txt-list__li a {
    color: #D00A41;
  }
  body .main .component49 .txt-list__li a:hover {
    opacity: 0.5;
  }
  body .main .component49 .txt-list__li:not(:nth-child(1)) {
    margin-top: 20px;
  }
  body .main .component49 .txt-list__li small {
    display: block;
    margin-top: 3.75px;
    color: #777777;
  }
  body .main .component49 ol.txt-list {
    list-style: decimal;
  }
  body .main .table-wrap.component50 {
    max-width: 1100px;
  }
  body .main .component51 {
    width: 100%;
    line-height: 1.8;
  }
  body .main .component51.oneline_blank {
    padding-bottom: 20px;
  }
  body .main .component51.twoline_blank {
    padding-bottom: 40px;
  }
  body .main .component51.threeline_blank {
    padding-bottom: 60px;
  }
}
@media print {
  body .component11-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
  }
  body .component11-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .component11-modal.active {
    opacity: 1;
    visibility: visible;
  }
  body .component11-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 535.8px;
    height: 301.53px;
  }
  body .component11-modal .modal-wrap .modal-close {
    position: absolute;
    width: 28.5px;
    top: 8.55px;
    right: -34.2px;
    cursor: pointer;
  }
  body .component11-modal .modal-wrap .modal-close::before {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .component11-modal .modal-wrap .modal-close::after {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .component11-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 7.98px;
    margin-top: 11.4px;
    color: #fff;
  }
  body .component11-modal .modal-wrap .modal-content {
    width: 100%;
    height: 100%;
  }
  body .component11-modal .modal-wrap .modal-content iframe {
    width: 100%;
    height: 100%;
  }
  body .main .sitemap_list {
    width: 661.2px;
    margin: 0 auto 45.6px;
  }
  body .main .sitemap_list div {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .sitemap_list div:not(:last-child) {
    margin-bottom: 36.48px;
  }
  body .main .sitemap_list dt {
    position: relative;
    display: inline-block;
    margin-bottom: 22.8px;
    padding-right: 21.66px;
  }
  body .main .sitemap_list dt a:after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 10.26px;
    top: auto;
    transition: .5s right;
  }
  body .main .sitemap_list dt a:hover:after {
    right: -2.85px;
  }
  body .main .sitemap_list dd {
    position: relative;
    width: 205.2px;
    margin-right: 14.25px;
    padding-left: 8.55px;
  }
  body .main .sitemap_list dd:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    margin-top: 11.4px;
  }
  body .main .sitemap_list dd a::before {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 7.4898px;
    height: 4.7994px;
    position: absolute;
    top: 6.84px;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
    transition: .5s left;
  }
  body .main .sitemap_list dd a:hover::before {
    left: 1.71px;
  }
  body .main .sitemap_list .sitemap_category {
    font-size: 7.98px;
    color: #777777;
    position: absolute;
    top: -19.38px;
    left: 0;
  }
  body .main .bilingual-nav {
    width: 661.2px;
    margin: 0 auto;
    margin-top: -68.4px;
    padding: 68.97px 0 39.9px 0;
  }
  body .main .bilingual-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13.68px;
  }
  body .main .bilingual-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main .bilingual-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main .bilingual-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.57px;
    background: black;
    left: 0;
    bottom: -1.71px;
  }
  body .main #news_list {
    padding-top: 68.97px;
    margin-top: -68.4px;
  }
  body .main #news_list .inner {
    width: 501.6px;
    margin: 0 auto;
    padding: 0 0 79.8px 0;
  }
  body .main #news_list .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13.68px;
  }
  body .main #news_list .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main #news_list .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.57px;
    background: black;
    left: 0;
    bottom: -1.71px;
  }
  body .main #news_list .inner .news-wrapper {
    margin: 57px 0 0 0;
  }
  body .main #news_list .inner .news-wrapper ul li {
    padding: 0 0 0 74.1px;
    position: relative;
  }
  body .main #news_list .inner .news-wrapper ul li time {
    color: #777777;
    position: absolute;
    top: 1.71px;
    left: 0;
  }
  body .main #news_list .inner .news-wrapper ul li .text {
    width: 427.5px;
  }
  body .main #news_list .inner .news-wrapper ul li:not(:first-child) {
    margin: 22.8px 0 0 0;
  }
  body .main #news_list .inner .news-pager {
    margin: 41.04px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 57.855px;
  }
  body .main #news_list .inner .news-pager .btn {
    width: 27.36px;
    height: 27.36px;
    background: #222222;
    position: relative;
  }
  body .main #news_list .inner .news-pager .btn img {
    position: absolute;
    width: 10.26px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 10.83px;
  }
  body .main #news_list .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main #news_list .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main #news_list .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22.8px;
  }
  body .main #news_list .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main #news_list .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.57px;
    background: #222222;
    left: 0;
    bottom: 0px;
  }
  body .main .open_campus_list {
    width: 661.2px;
    margin: 0 auto 34.2px;
  }
  body .main .open_campus_list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 9.69px;
    padding: 25.65px 22.8px 26.79px 45.6px;
  }
  body .main .open_campus_list > li.have_reserve {
    margin-bottom: 34.2px;
    padding: 34.2px 22.8px 28.5px 45.6px;
  }
  body .main .open_campus_list > li.have_reserve .ttl {
    margin-bottom: 13.11px;
  }
  body .main .open_campus_list > li.have_reserve .day {
    margin-bottom: 22.8px;
  }
  body .main .open_campus_list > li.have_reserve .time {
    margin-top: 9.12px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list > li.have_reserve .content {
    margin-top: 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve {
    width: 125.97px;
    margin: 0 auto 10.26px 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-start {
    display: block;
    margin-bottom: 5.7px;
    padding-bottom: 2.85px;
    border-bottom: solid #fff 1px;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day {
    margin-bottom: 10.26px;
    font-weight: bold;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day .note {
    display: block;
  }
  body .main .open_campus_list .wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .open_campus_list .wrap .r {
    min-width: 322.05px;
    width: 322.05px;
  }
  body .main .open_campus_list .wrap .l {
    min-width: 125.97px;
    width: 125.97px;
    margin-right: 75.24px;
  }
  body .main .open_campus_list .day {
    margin-bottom: 11.4px;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .time {
    display: block;
    margin-top: 5.7px;
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .ttl {
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  body .main .open_campus_list .content {
    margin-top: 2.85px;
  }
  body .main .open_campus_list .content > li {
    position: relative;
    padding-left: 13.68px;
  }
  body .main .open_campus_list .content > li::before {
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10.26px;
    left: 0;
    font-size: 14.25px;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
  }
  body .main .open_campus_list .more {
    position: absolute !important;
    right: 22.8px;
    bottom: 22.8px;
  }
  body .main .jwutimes_section {
    margin-top: -35.91px;
    padding-top: 78.66px !important;
  }
  body .main .bilingual_section {
    margin-top: -35.91px;
    padding-top: 78.66px !important;
  }
  body .main .bilingual_section .component17.left, body .main .bilingual_section .component17.left .more-area li {
    margin-bottom: 0;
  }
  body .main .tab_area {
    width: 661.2px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body .main .tab_area a {
    cursor: pointer;
    display: inline;
    width: fit-content;
    height: 17.1px;
    padding: 0 9.12px;
    background: #f1f1f1;
  }
  body .main .tab_area a:not(:last-child) {
    margin-right: 13.68px;
  }
  body .main .tab_area a.active {
    background: #000;
    color: #fff;
  }
  body .main .jwutimes_list ul {
    width: 661.2px;
    margin: 45.6px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .jwutimes_list ul li {
    width: 205.2px;
    margin-right: 22.8px;
  }
  body .main .jwutimes_list ul li:not(:last-child) {
    margin-bottom: 37.05px;
  }
  body .main .jwutimes_list ul li:nth-child(7n-3), body .main .jwutimes_list ul li:nth-child(7n), body .main .jwutimes_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child, body .main .jwutimes_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 57px;
    margin-right: 0px;
  }
  body .main .jwutimes_list ul li:first-child a, body .main .jwutimes_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .jwutimes_list ul li:first-child .box-img, body .main .jwutimes_list ul li:nth-child(7n+1) .box-img {
    width: 313.5px;
    height: 176.13px;
    margin-bottom: 0;
    margin-right: 34.2px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt {
    width: 313.5px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .ttl, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 7.98px;
    font-size: 13.68px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .detail_txt, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 10.26px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .author, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 5.13px;
  }
  body .main .jwutimes_list ul li:first-child .box-txt .days, body .main .jwutimes_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 13.11px;
  }
  body .main .jwutimes_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .jwutimes_list ul li .box-img {
    width: 100%;
    height: 115.71px;
    margin-bottom: 13.395px;
    overflow: hidden;
  }
  body .main .jwutimes_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .jwutimes_list ul li .ttl {
    margin-bottom: 2.28px;
  }
  body .main .jwutimes_list ul li .detail_txt {
    display: none;
  }
  body .main .jwutimes_list ul li .author {
    margin-bottom: 2.28px;
  }
  body .main .jwutimes_list ul li .days {
    margin-bottom: 5.13px;
  }
  body .main .jwutimes_list .pager .ellipsis {
    width: 5em !important;
  }
  body .main .bilingual_list ul {
    width: 661.2px;
    padding-top: 45.6px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body .main .bilingual_list ul li {
    width: 205.2px;
    margin-right: 22.8px;
  }
  body .main .bilingual_list ul li:not(:last-child) {
    margin-bottom: 37.05px;
  }
  body .main .bilingual_list ul li:nth-child(7n-3), body .main .bilingual_list ul li:nth-child(7n), body .main .bilingual_list ul li:nth-child(7n+1) {
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child, body .main .bilingual_list ul li:nth-child(7n+1) {
    width: 100%;
    margin-bottom: 57px;
    margin-right: 0px;
  }
  body .main .bilingual_list ul li:first-child a, body .main .bilingual_list ul li:nth-child(7n+1) a {
    display: flex;
  }
  body .main .bilingual_list ul li:first-child .box-img, body .main .bilingual_list ul li:nth-child(7n+1) .box-img {
    width: 313.5px;
    height: 176.13px;
    margin-bottom: 0;
    margin-right: 34.2px;
  }
  body .main .bilingual_list ul li:first-child .box-txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt {
    width: 313.5px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .tags, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .tags {
    margin-top: 2.28px;
    margin-bottom: 4.56px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .ttl, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .ttl {
    margin-bottom: 7.98px;
    font-size: 13.68px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .detail_txt, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .detail_txt {
    display: block;
    margin-bottom: 10.26px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .author, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .author {
    margin-bottom: 5.13px;
  }
  body .main .bilingual_list ul li:first-child .box-txt .days, body .main .bilingual_list ul li:nth-child(7n+1) .box-txt .days {
    margin-bottom: 13.11px;
  }
  body .main .bilingual_list ul li a:hover .box-img img {
    transform: scale(1.3);
  }
  body .main .bilingual_list ul li .box-img {
    width: 100%;
    height: 115.71px;
    margin-bottom: 13.395px;
    overflow: hidden;
  }
  body .main .bilingual_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .bilingual_list ul li .tags {
    margin-bottom: 2.28px;
    padding: 3.99px 9.12px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .bilingual_list ul li .ttl {
    margin-bottom: 2.28px;
  }
  body .main .bilingual_list ul li .detail_txt {
    display: none;
  }
  body .main .bilingual_list ul li .author {
    margin-bottom: 2.28px;
  }
  body .main .bilingual_list ul li .days {
    margin-bottom: 5.13px;
  }
  body .main .bilingual_list .pager .ellipsis {
    width: 5em !important;
  }
  body .main > section {
    word-break: break-word;
  }
  body .main .component2 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 14.25px;
  }
  body .main .component2.gray {
    color: #777777;
  }
  body .main .component2.gray::after {
    background: #777777;
  }
  body .main .component10 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 22.8px;
  }
  body .main .component10 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .component10 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component10 > div .img {
    width: 273.6px;
    height: auto;
    margin-right: 22.8px;
    overflow: hidden;
  }
  body .main .component10 > div .img > img {
    width: 100%;
    height: 153.9px;
    object-fit: contain;
  }
  body .main .component10 > div .img figcaption {
    text-align: right;
    height: 14.25px;
  }
  body .main .component10 > div .txt {
    position: relative;
    width: 387.6px;
    padding-bottom: 24.51px;
  }
  body .main .component10 > div .txt .ttl {
    margin-bottom: 13.68px;
  }
  body .main .component10 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component11 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component11 > li {
    width: 205.2px;
    margin-bottom: 30.78px;
    margin-right: 22.8px;
  }
  body .main .component11 > li a {
    cursor: pointer;
  }
  body .main .component11 > li a .img {
    position: relative;
    width: 100%;
    height: 115.14px;
    margin-bottom: 8.55px;
    overflow: hidden;
  }
  body .main .component11 > li a .img > img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component11 > li a .img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body .main .component11 > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  body .main .component11 > li a .img .btn--movie > span {
    position: absolute;
    top: 17.1px;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .img .btn--movie > img {
    position: absolute;
    top: 11.4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a:hover {
    opacity: 1;
  }
  body .main .component11 > li a:hover .img > img {
    opacity: 0.7;
    transform: scale(1.3);
  }
  body .main .component11 > li:nth-child(3n) {
    margin-right: 0;
  }
  body .main .component11 .btn--movie {
    width: 57px;
    height: 57px;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main .component11 .btn--movie > span {
    font-size: 4.56px;
    color: #fff;
    text-align: center;
  }
  body .main .component11 .btn--movie > img {
    width: 10.26px;
  }
  body .main .component13 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 69.54px;
  }
  body .main .component13 h2 {
    margin-bottom: 25.65px;
  }
  body .main .component13 .contact-info {
    margin-bottom: 8.55px;
    margin-left: 11.4px;
    font-weight: bold;
  }
  body .main .component13 .flex {
    position: relative;
  }
  body .main .component13 .flex .access {
    width: 50%;
    margin-left: 11.4px;
  }
  body .main .component13 .flex .access span {
    font-size: 9.12px;
    color: #777777;
    margin-left: 9.12px;
  }
  body .main .component13 .flex .more-area {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    top: 3.99px;
  }
  body .main .component13 .flex .more-area > li {
    margin-right: 13.68px;
    margin-bottom: 14.82px;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 4.56px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 1.71px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -5.7px;
  }
  body .main .component13 .flex .more-area .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -5.7px;
  }
  body .main .component16 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 22.8px 22.8px;
  }
  body .main .component16 > li {
    display: block;
    width: 205.2px;
  }
  body .main .component16 > li .img {
    width: 100%;
    height: 115.14px;
    transition: .5s;
  }
  body .main .component16 > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  body .main .component16 > li .txt {
    width: 100%;
    margin-top: 10.83px;
    letter-spacing: 0.05em;
  }
  body .main .component16 > li .txt p {
    margin-top: 3.99px;
    letter-spacing: 0.03em;
  }
  body .main .component16 > li a {
    position: relative;
    display: block;
  }
  body .main .component16 > li a::after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 1.14px;
    bottom: 5.7px;
    transition: .5s right;
  }
  body .main .component16 > li a:hover {
    opacity: 1;
  }
  body .main .component16 > li a:hover .img {
    opacity: .7;
  }
  body .main .component16 > li a:hover::after {
    right: -2.85px;
  }
  body .main .component18 {
    width: 649.8px;
    margin: auto;
    margin-bottom: 22.8px;
    font-size: 15.96px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  body .main .component18.gray {
    color: #777777;
  }
  body .main .component20 {
    width: 456px;
    margin: 0 auto 11.4px;
    text-align: right;
    overflow: hidden;
  }
  body .main .component20 img {
    width: 100%;
    margin-bottom: 5.7px;
  }
  body .main .component20 figcaption {
    line-height: 1.8;
  }
  body .main .component21 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .component21 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 22.8px;
  }
  body .main .component21 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component21 > div .img {
    width: 273.6px;
    height: 153.9px;
    margin-right: 22.8px;
    overflow: hidden;
  }
  body .main .component21 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component21 > div .txt {
    position: relative;
    width: 387.6px;
    padding-bottom: 22.8px;
  }
  body .main .component21 > div .txt span {
    display: block;
    margin-bottom: 6.84px;
  }
  body .main .component21 > div .txt .ttl {
    line-height: 1.8;
    margin-bottom: 6.84px;
  }
  body .main .component21 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
  }
  body .main .component22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
    /*Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    touch-action: none;
    display: none;
    /*Google Chrome、Safariへの対応*/
  }
  body .main .component22::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .main .component22 .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .main .component22::-webkit-scrollbar {
    display: none;
  }
  body .main .component22 .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 535.8px;
    padding: 45.6px;
    background: #fff;
  }
  body .main .component22 .modal-wrap .modal-close {
    position: absolute;
    width: 28.5px;
    top: 8.55px;
    right: -34.2px;
    cursor: pointer;
  }
  body .main .component22 .modal-wrap .modal-close::before {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .main .component22 .modal-wrap .modal-close::after {
    content: "";
    width: 21.66px;
    height: 0.57px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .main .component22 .modal-wrap .modal-close span {
    display: block;
    font-size: 7.98px;
    margin-top: 11.4px;
    color: #fff;
  }
  body .main .component22 .modal-wrap .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 434.34px;
    height: 228px;
    overflow: hidden;
    margin: auto;
  }
  body .main .component22 .modal-wrap .modal-content figure {
    margin-right: calc(434.34px - 199.5px - 210.9px);
  }
  body .main .component22 .modal-wrap .modal-content figure .img {
    width: 210.9px;
    height: 210.9px;
  }
  body .main .component22 .modal-wrap .modal-content figure .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component22 .modal-wrap .modal-content figure figcaption {
    color: #777;
    font-size: 7.98px;
    line-height: 1.8;
    text-align: right;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt {
    width: 199.5px;
    height: 100%;
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 11.4px;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt {
    position: relative;
  }
  body .main .component22 .modal-wrap .modal-content .modal-txt .txt .ttl {
    margin-bottom: 5.7px;
  }
  body .main .component22 .modal-wrap::before, body .main .component22 .modal-wrap::after {
    content: "";
    overflow: scroll;
  }
  body .main .component22.active {
    opacity: 1;
  }
  body .main .component22 .more {
    cursor: pointer;
    float: right;
    height: auto;
    margin-top: 11.97px;
  }
  body .main .component24 {
    width: 513px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .component24 .accordion_item {
    margin-bottom: 26.22px;
  }
  body .main .component24 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component24 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component24 .accordion_ttl {
    position: relative;
    padding-left: 31.35px;
    padding-right: 11.4px;
    margin-bottom: 14.25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component24 .accordion_ttl::before {
    content: "Q";
    width: 22.8px;
    height: 22.8px;
    font-size: 6.84px;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 4.56px;
    left: 0;
    border-radius: 50%;
    border: #000 solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-15%);
  }
  body .main .component24 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 7.4898px;
    height: 4.7994px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component24 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component24 .accordion_inner {
    width: 484.5px;
    position: relative;
    padding: 9.12px 0 9.12px 31.35px;
  }
  body .main .component24 .accordion_inner .img_area {
    width: 342px;
    margin: 21.09px 0 19.38px;
  }
  body .main .component24 .accordion_inner .img_area > img {
    width: 100%;
  }
  body .main .component24 .accordion_inner .more {
    margin: 2.85px 0;
  }
  body .main .component24 .accordion_inner::before {
    content: "A";
    width: 22.8px;
    height: 22.8px;
    font-size: 6.84px;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 7.41px;
    left: 0;
    border-radius: 50%;
    border: #fff solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .main .component27, body .main .component28 {
    width: 661.2px;
    margin: 0 auto 45.6px;
  }
  body .main .component27 .img, body .main .component28 .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main .component27 .img img, body .main .component28 .img img {
    width: 100%;
  }
  body .main .component27 .img iframe, body .main .component28 .img iframe {
    width: 100%;
    height: 371.07px;
  }
  body .main .component27 figcaption, body .main .component28 figcaption {
    display: flex;
    justify-content: space-between;
    margin: 22.8px 0 0 0;
  }
  body .main .component27 figcaption dl, body .main .component28 figcaption dl {
    width: 319.2px;
  }
  body .main .component27 figcaption dl dt:not(:first-child), body .main .component28 figcaption dl dt:not(:first-child) {
    margin: 22.8px 0 0 0;
  }
  body .main .component27 figcaption dl dd, body .main .component28 figcaption dl dd {
    word-break: break-all;
  }
  body .main .component27.column_two, body .main .component28.column_two {
    display: flex;
    justify-content: space-between;
  }
  body .main .component27.column_two .imgarea, body .main .component28.column_two .imgarea {
    width: 319.2px;
  }
  body .main .component27.column_two .imgarea .btn_area, body .main .component28.column_two .imgarea .btn_area {
    margin: 15.39px 0 0 0;
  }
  body .main .component27.column_two figcaption, body .main .component28.column_two figcaption {
    margin: 0;
    width: 319.2px;
  }
  body .main .component27 .more, body .main .component28 .more {
    height: auto;
  }
  body .main .component27 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after, body .main .component28 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    top: auto;
    bottom: -5.7px;
    background-size: auto 105%;
  }
  body .main .component34 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
    overflow: hidden;
  }
  body .main .component34 img {
    width: 100%;
    margin-bottom: 5.7px;
  }
  body .main .component34 figcaption {
    line-height: 1.8;
    text-align: right;
  }
  body .main .component35 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 22.8px;
    line-height: 1.8;
  }
  body .main .component35.b {
    font-weight: 700;
  }
  body .main .component36 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .component40 {
    width: 681.72px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .component40 h2 {
    width: 131.1px;
    margin-right: 37.05px;
  }
  body .main .component40 h2 > span:nth-of-type(2) {
    margin-left: 11.4px;
  }
  body .main .component40 .circle-img {
    width: 513px;
    margin-top: 2.85px;
  }
  body .main .component40 .circle-img > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18.81px 0 17.1px;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main .component40 .circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main .component40 .circle-img > li .img {
    width: 79.8px;
    height: 74.1px;
    margin-right: 22.8px;
    overflow: hidden;
    border-radius: 50%;
  }
  body .main .component40 .circle-img > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component40 .circle-img > li .txt {
    width: 433.2px;
  }
  body .main .component40 .circle-img > li .txt .ttl {
    margin-bottom: 9.69px;
    font-weight: bold;
  }
  body .main .component40 .circle-img > li .txt > p {
    position: relative;
    top: -3.42px;
  }
  body .main .component40 .circle-img > li .txt .more {
    float: right;
  }
  body .main .component41 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .main .component41 > li {
    width: 148.2px;
    margin-bottom: 30.78px;
    margin-right: 22.8px;
  }
  body .main .component41 > li .img {
    width: 100%;
    margin-bottom: 8.55px;
    overflow: hidden;
  }
  body .main .component41 > li .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li a {
    cursor: pointer;
  }
  body .main .component41 > li a img {
    transition: opacity, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  }
  body .main .component41 > li a:hover {
    opacity: 1;
  }
  body .main .component41 > li a:hover .img > img {
    opacity: 0.7;
  }
  body .main .component41 > li:nth-child(4n) {
    margin-right: 0;
  }
  body .main .table-wrap {
    max-width: 661.2px;
    margin: auto;
  }
  body .main .table-wrap.vertical table {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  body .main .table-wrap.vertical th, body .main .table-wrap.vertical td {
    padding: 9.12px !important;
  }
  body .main .table-wrap.vertical th {
    border-left: none;
  }
  body .main .table-wrap.vertical td:last-child {
    border-right: #fff solid 1px;
  }
  body .main .table-wrap.vertical td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table-wrap.vertical tr:first-child {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:first-child th, body .main .table-wrap.vertical tr:first-child td {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:last-child td {
    border-bottom: #fff solid 1px;
  }
  body .main .table-scroll {
    max-width: 661.2px;
    margin: 0 auto 36.48px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body .main .table-noscroll {
    margin-bottom: 36.48px;
  }
  body .main .table-bordered {
    border: 1px solid #fff;
  }
  body .main .table-bordered th, body .main .table-bordered td {
    border: 1px solid #fff;
  }
  body .main .table {
    table-layout: fixed;
    border-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-left: none;
    width: auto;
  }
  body .main .table th, body .main .table td {
    width: auto;
    padding: 0px 9.12px;
    vertical-align: middle;
    border-color: #fff;
    border-top: none;
    font-size: 10.26px;
    line-height: 1.8;
  }
  body .main .table th {
    font-weight: normal;
    background-color: #000;
    color: #fff;
  }
  body .main .table th:last-child {
    border-right: none;
  }
  body .main .table th:nth-child(n+2) {
    border-left: none;
  }
  body .main .table td {
    background-color: #F1F1F1;
  }
  body .main .table td:last-child {
    border-right: none;
  }
  body .main .table td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table tr:last-child td {
    border-bottom: none;
  }
  body .main .table a {
    color: #D00A41;
  }
  body .main .table a:hover {
    opacity: 0.5;
  }
  body .main .table-responsive {
    margin-bottom: 36.48px;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .main .table-responsive table th, body .main .table-responsive table td {
    padding: 0px 9.12px;
    word-wrap: break-word;
    border: 1px solid #fff;
    font-size: 10.26px;
    line-height: 1.8;
  }
  body .main .table-responsive table th {
    background-color: #000;
    font-weight: 400;
    color: #fff;
  }
  body .main .table-responsive table td {
    background-color: #F1F1F1;
  }
  body .main .table-responsive table a {
    color: #D00A41;
  }
  body .main .table-responsive table a:hover {
    opacity: 0.5;
  }
  body .main .component44 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 22.8px;
  }
  body .main .component44 > div {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  body .main .component44 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component44 > div .img {
    width: 273.6px;
    height: 153.9px;
    margin-right: 22.8px;
    overflow: hidden;
  }
  body .main .component44 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component44 > div .txt {
    position: relative;
    width: 387.6px;
    padding-bottom: 34.2px;
  }
  body .main .component44 > div .txt .ttl {
    margin-bottom: 13.68px;
  }
  body .main .component44 > div .txt .more {
    max-width: 304.95px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component44 > div .txt .more:not([target="_blank"], [href$=".pdf"])::after {
    bottom: -5.7px;
    top: auto;
  }
  body .main .component45 {
    width: 513px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .component45 .accordion_item {
    margin-bottom: 26.22px;
    border-bottom: solid 1px #222222;
    padding-bottom: 8.55px;
  }
  body .main .component45 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component45 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component45 .accordion_ttl {
    position: relative;
    padding-right: 11.4px;
    margin-bottom: 14.25px;
    cursor: pointer;
    line-height: 1.8;
  }
  body .main .component45 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 7.4898px;
    height: 4.7994px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component45 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component45 .accordion_inner {
    width: 484.5px;
    position: relative;
    padding: 9.12px 0;
  }
  body .main .component45 .accordion_inner .more {
    margin: 5.7px 0 0 0;
  }
  body .main .component48 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 22.8px;
  }
  body .main .component48 p a {
    color: #D00A41;
  }
  body .main .component48 p a:hover {
    opacity: 0.5;
  }
  body .main .component49 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 69.54px;
  }
  body .main .component49 .txt-list {
    list-style: disc;
    width: 518.7px;
    margin-left: 25.65px;
  }
  body .main .component49 .txt-list__li a {
    color: #D00A41;
  }
  body .main .component49 .txt-list__li a:hover {
    opacity: 0.5;
  }
  body .main .component49 .txt-list__li:not(:nth-child(1)) {
    margin-top: 9.12px;
  }
  body .main .component49 .txt-list__li small {
    display: block;
    margin-top: 1.71px;
    color: #777777;
  }
  body .main .component49 ol.txt-list {
    list-style: decimal;
  }
  body .main .table-wrap.component50 {
    max-width: 501.6px;
  }
  body .main .component51 {
    width: 100%;
    line-height: 1.8;
  }
  body .main .component51.oneline_blank {
    padding-bottom: 9.12px;
  }
  body .main .component51.twoline_blank {
    padding-bottom: 18.24px;
  }
  body .main .component51.threeline_blank {
    padding-bottom: 27.36px;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .component11-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    display: none;
  }
  body .component11-modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .component11-modal.active {
    opacity: 1;
  }
  body .component11-modal .modal-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 89.33333vw;
    height: 50.13333vw;
  }
  body .component11-modal .modal-wrap .modal-close {
    position: absolute;
    width: 15.73333vw;
    top: -13vw;
    right: -4vw;
    cursor: pointer;
  }
  body .component11-modal .modal-wrap .modal-close::before {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .component11-modal .modal-wrap .modal-close::after {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .component11-modal .modal-wrap .modal-close span {
    display: block;
    font-size: 3.73333vw;
    margin-top: 5.33333vw;
    color: #fff;
  }
  body .component11-modal .modal-wrap .modal-content {
    width: 100%;
    height: 100%;
  }
  body .component11-modal .modal-wrap .modal-content iframe {
    width: 100%;
    height: 100%;
  }
  body .main .sitemap_list {
    width: 89.33333vw;
    margin: 0 auto 21.33333vw;
  }
  body .main .sitemap_list div {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .sitemap_list div:not(:last-child) {
    margin-bottom: 19.73333vw;
  }
  body .main .sitemap_list dt {
    position: relative;
    display: inline-block;
    margin-bottom: 10.66667vw;
    padding-right: 8.8vw;
  }
  body .main .sitemap_list dt a:after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    top: 2.5vw;
    margin: auto;
  }
  body .main .sitemap_list dd {
    position: relative;
    width: 50%;
    padding-left: 3.46667vw;
  }
  body .main .sitemap_list dd:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    margin-top: 3.2vw;
  }
  body .main .sitemap_list dd a::before {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 2.504vw;
    height: 2.24533vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
  }
  body .main .sitemap_list .sitemap_category {
    font-size: 3.73333vw;
    color: #777777;
    position: absolute;
    top: -9.06667vw;
    left: 0;
  }
  body .main #news_list {
    margin-top: -24.53333vw;
    padding-top: 19vw;
  }
  body .main #news_list .inner {
    width: 89.33333vw;
    margin: 0 auto;
    padding: 0 0 37.33333vw 0;
  }
  body .main #news_list .inner .news-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8.53333vw;
  }
  body .main #news_list .inner .news-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main #news_list .inner .news-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -0.8vw;
  }
  body .main #news_list .inner .news-wrapper {
    margin: 15.3vw 0 0 0;
  }
  body .main #news_list .inner .news-wrapper ul li time {
    color: #777777;
    width: 22.4vw;
    margin: 0.7vw 0 0 0;
    display: block;
  }
  body .main #news_list .inner .news-wrapper ul li .text {
    margin: 4vw 0 0 0;
    width: 100%;
    display: block;
  }
  body .main #news_list .inner .news-wrapper ul li:not(:first-child) {
    margin: 14.93333vw 0 0 0;
  }
  body .main #news_list .inner .news-pager {
    margin: 21.33333vw 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body .main #news_list .inner .news-pager .btn {
    width: 12.8vw;
    height: 12.8vw;
    background: #222222;
    position: relative;
  }
  body .main #news_list .inner .news-pager .btn img {
    position: absolute;
    width: 4.8vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 5.06667vw;
  }
  body .main #news_list .inner .news-pager .btn.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main #news_list .inner .news-pager .btn.prev img {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  body .main #news_list .inner .news-pager .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10.66667vw;
  }
  body .main #news_list .inner .news-pager .num a {
    color: #777777;
    position: relative;
  }
  body .main #news_list .inner .news-pager .num a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main #news_list .inner .news-pager .num a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #222222;
    left: 0;
    bottom: 0vw;
  }
  body .main .open_campus_list {
    width: 96vw;
    margin: 0 auto 10.66667vw;
  }
  body .main .open_campus_list > li {
    position: relative;
    background: #f1f1f1;
    margin-bottom: 4.16667vw;
    padding: 6.86667vw 6.66667vw 23.93333vw 8vw;
  }
  body .main .open_campus_list > li.have_reserve {
    margin-bottom: 10.66667vw;
    padding: 6.46667vw 6.66667vw 22.93333vw 8vw;
  }
  body .main .open_campus_list > li.have_reserve .day {
    margin-bottom: 2.53333vw;
  }
  body .main .open_campus_list > li.have_reserve .time {
    display: block;
    margin-top: -1.66667vw;
  }
  body .main .open_campus_list > li.have_reserve .ttl {
    margin-bottom: 3.93333vw;
  }
  body .main .open_campus_list > li.have_reserve .reserve {
    margin-bottom: 0;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-start {
    display: block;
    margin-bottom: 2.66667vw;
    padding-bottom: 2.33333vw;
    border-bottom: solid #fff 1px;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day {
    margin-bottom: 4.8vw;
    font-weight: bold;
  }
  body .main .open_campus_list > li.have_reserve .reserve .reserve-day .note {
    margin-left: 3.2vw;
  }
  body .main .open_campus_list .day {
    margin-bottom: 1.73333vw;
    letter-spacing: 0.1em;
  }
  body .main .open_campus_list .time {
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .ttl {
    margin-bottom: 4.93333vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  body .main .open_campus_list .more {
    position: absolute !important;
    right: 6.66667vw;
    bottom: 8.53333vw;
  }
  body .main .open_campus_list .content {
    letter-spacing: 0.03em;
  }
  body .main .open_campus_list .content > li {
    position: relative;
    padding-left: 5vw;
  }
  body .main .open_campus_list .content > li::before {
    content: "・";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1vw;
    left: 0;
    font-size: 4.26667vw;
    display: flex;
    align-items: flex-start;
  }
  body .main .jwutimes_section {
    margin-top: -9vw;
    padding-top: 22vw !important;
  }
  body .main .bilingual_section {
    margin-top: -9vw;
    padding-top: 22vw !important;
  }
  body .main .bilingual_section .component17.left .more-area li {
    margin-bottom: 0;
  }
  body .main .tab_area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 5.33333vw;
    margin-bottom: 25.06667vw;
  }
  body .main .tab_area a {
    display: inline;
    width: fit-content;
    height: 8vw;
    padding: 0 4.26667vw;
    background: #f1f1f1;
  }
  body .main .tab_area a:not(:last-child) {
    margin-bottom: 10.66667vw;
  }
  body .main .tab_area a.active {
    background: #000;
    color: #fff;
  }
  body .main .jwutimes_list ul {
    width: 89.33333vw;
    margin: auto;
  }
  body .main .jwutimes_list ul li:not(:last-child) {
    margin-bottom: 14.53333vw;
  }
  body .main .jwutimes_list ul li .box-img {
    width: 100%;
    height: 50.13333vw;
    margin-bottom: 4.53333vw;
  }
  body .main .jwutimes_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .jwutimes_list ul li .ttl {
    margin-bottom: 1.06667vw;
  }
  body .main .jwutimes_list ul li .author {
    margin-bottom: 1.06667vw;
  }
  body .main .jwutimes_list ul li .days {
    margin-bottom: 2.4vw;
  }
  body .main .jwutimes_list .pager .ellipsis {
    width: 2.5em !important;
  }
  body .main .bilingual-nav {
    width: 89.33333vw;
    margin: 0 auto;
    padding: 0 0 19.2vw 0;
  }
  body .main .bilingual-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8.53333vw;
  }
  body .main .bilingual-nav ul li a {
    display: block;
    position: relative;
    color: #777777;
  }
  body .main .bilingual-nav ul li a.now {
    color: #222222;
    pointer-events: none;
  }
  body .main .bilingual-nav ul li a.now::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    left: 0;
    bottom: -0.8vw;
  }
  body .main .bilingual_list ul {
    width: 89.33333vw;
    margin: auto;
  }
  body .main .bilingual_list ul li:not(:last-child) {
    margin-bottom: 14.53333vw;
  }
  body .main .bilingual_list ul li .box-img {
    width: 100%;
    height: 50.13333vw;
    margin-bottom: 4.53333vw;
  }
  body .main .bilingual_list ul li .box-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .bilingual_list ul li .tags {
    margin-bottom: 1.06667vw;
    padding: 1.86667vw 4.26667vw;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .bilingual_list ul li .ttl {
    margin-bottom: 1.06667vw;
  }
  body .main .bilingual_list ul li .author {
    margin-bottom: 1.06667vw;
  }
  body .main .bilingual_list ul li .days {
    margin-bottom: 2.4vw;
  }
  body .main .bilingual_list .pager .ellipsis {
    width: 2.5em !important;
  }
  body .main > section {
    word-break: break-word;
  }
  body .main .component2 {
    width: 100%;
    margin: auto;
    margin-bottom: 8vw;
  }
  body .main .component2.gray {
    color: #777777;
  }
  body .main .component2.gray::after {
    background: #777777;
  }
  body .main .component10 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 13.06667vw;
  }
  body .main .component10 > div {
    margin-bottom: 18vw;
  }
  body .main .component10 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component10 > div .img {
    height: auto;
    margin-bottom: 2.66667vw;
  }
  body .main .component10 > div .img > img {
    width: 100%;
    height: 50.13333vw;
    object-fit: contain;
  }
  body .main .component10 > div .img figcaption {
    text-align: right;
    height: 2.66667vw;
  }
  body .main .component10 > div .txt {
    position: relative;
    padding-bottom: 9vw;
  }
  body .main .component10 > div .txt .ttl {
    margin-bottom: 3.2vw;
    line-height: 1.8;
  }
  body .main .component10 > div .txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component11 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component11 > li {
    margin-bottom: 9.2vw;
  }
  body .main .component11 > li a .img {
    height: 50.13333vw;
    position: relative;
    margin-bottom: 2.66667vw;
    overflow: hidden;
  }
  body .main .component11 > li a .img > img {
    width: 100%;
  }
  body .main .component11 > li a .img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body .main .component11 > li a .img .btn--movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  body .main .component11 > li a .img .btn--movie > span {
    position: absolute;
    top: 8vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .img .btn--movie > img {
    position: absolute;
    top: 5.33333vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body .main .component11 > li a .text--m {
    font-size: 3.2vw;
  }
  body .main .component11 > li:last-child {
    margin-bottom: 0;
  }
  body .main .component11 .btn--movie {
    width: 26.66667vw;
    height: 26.66667vw;
    border: solid #fff 1px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  body .main .component11 .btn--movie > span {
    font-size: 2.13333vw;
    color: #fff;
    text-align: center;
  }
  body .main .component11 .btn--movie > img {
    width: 4.8vw;
  }
  body .main .component13 h2 {
    margin-bottom: 14vw;
  }
  body .main .component13 .contact-info {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 5.46667vw;
    line-height: 1.8;
  }
  body .main .component13 .contact-wrap {
    display: block;
    position: relative;
    width: 89.33333vw;
    margin: auto;
    padding-bottom: 38.66667vw;
  }
  body .main .component13 .contact-wrap .access p span {
    display: block;
    color: #777777;
  }
  body .main .component13 .contact-wrap .more-area {
    width: 66.66667vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin: 12.8vw 0 0 auto;
  }
  body .main .component13 .contact-wrap .more-area > li {
    margin-bottom: 8vw;
  }
  body .main .component13 .contact-wrap .more-area > li:last-child {
    margin-bottom: 0;
  }
  body .main .component13 .contact-wrap .more-area .more {
    display: block;
  }
  body .main .component13 .contact-wrap .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component13 .contact-wrap .more-area .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component13 .contact-wrap .more-area .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component13 .contact-wrap .more-area .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.77vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component16 {
    width: 89.6vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component16 > li {
    margin-bottom: 15.2vw;
  }
  body .main .component16 > li:last-child {
    margin-bottom: 0;
  }
  body .main .component16 .img {
    height: 50.13333vw;
    margin-bottom: 6.13333vw;
  }
  body .main .component16 .img > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  body .main .component16 .txt p {
    margin-top: 5.33333vw;
  }
  body .main .component16 a {
    position: relative;
    display: block;
  }
  body .main .component16 a::after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    bottom: 1.6vw;
    right: -0.53333vw;
  }
  body .main .component18 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 10.66667vw;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .1em;
  }
  body .main .component18.gray {
    color: #777777;
  }
  body .main .component20 {
    width: 89.33333vw;
    margin: 0 auto 5.33333vw;
    text-align: right;
  }
  body .main .component20 img {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  body .main .component20 figcaption {
    line-height: 1.8;
  }
  body .main .component21 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component21 > div {
    margin-bottom: 18vw;
  }
  body .main .component21 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component21 > div .img {
    height: 50.13333vw;
    margin-bottom: 2.66667vw;
  }
  body .main .component21 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component21 > div .txt {
    line-height: 1.8;
    display: flex;
    flex-direction: column;
  }
  body .main .component21 > div .txt .ttl {
    line-height: 1.8;
    margin-bottom: 3.2vw;
  }
  body .main .component21 > div .txt span {
    display: block;
    margin-bottom: 3.2vw;
  }
  body .main .component21 > div .more {
    margin-top: 4.53333vw;
    margin-left: auto;
  }
  body .main .component22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .3s;
    z-index: 100000;
    overscroll-behavior: contain;
    overflow-y: scroll;
    /*Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    touch-action: none;
    display: none;
    /*Google Chrome、Safariへの対応*/
  }
  body .main .component22::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  body .main .component22 .nonScroll {
    height: calc(100vh + 1px);
    width: 1px;
    background-color: transparent;
  }
  body .main .component22::-webkit-scrollbar {
    display: none;
  }
  body .main .component22 .modal-wrap {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 89.33333vw;
    height: 85%;
    padding: 9.33333vw;
    background: #fff;
    margin-bottom: 16vw;
  }
  body .main .component22 .modal-wrap .modal-close {
    position: absolute;
    width: 15.73333vw;
    top: -13vw;
    right: -4vw;
    cursor: pointer;
  }
  body .main .component22 .modal-wrap .modal-close::before {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
  body .main .component22 .modal-wrap .modal-close::after {
    content: "";
    width: 9.80533vw;
    height: 0.26667vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  body .main .component22 .modal-wrap .modal-close span {
    display: block;
    font-size: 3.73333vw;
    margin-top: 5.33333vw;
    color: #fff;
  }
  body .main .component22 .modal-wrap .modal-content {
    width: 78.66667vw;
    height: 100%;
    overflow-y: scroll;
    margin: auto;
    padding-right: 5.33333vw;
  }
  body .main .component22 .modal-wrap .modal-content figure {
    width: 100%;
    margin-bottom: 4.26667vw;
  }
  body .main .component22 .modal-wrap .modal-content figure .img {
    width: 100%;
    height: 44.26667vw;
    margin-bottom: 1.33333vw;
  }
  body .main .component22 .modal-wrap .modal-content figure .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component22 .modal-wrap .modal-content figure figcaption {
    color: #777;
    font-size: 3.2vw;
    line-height: 1.8;
    text-align: right;
  }
  body .main .component22 .modal-wrap .modal-content .txt {
    width: 100%;
    height: auto;
  }
  body .main .component22 .modal-wrap .modal-content .txt .ttl {
    margin-bottom: 3.2vw;
    line-height: 1.8;
  }
  body .main .component22.active {
    opacity: 1;
  }
  body .main .component22 .more {
    height: auto;
    float: right;
    margin-top: 4.26667vw;
  }
  body .main .component24 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component24 .accordion_item {
    margin-bottom: 8.76667vw;
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main .component24 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component24 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component24 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component24 .accordion_ttl {
    position: relative;
    padding-left: 10.93333vw;
  }
  body .main .component24 .accordion_ttl p {
    width: 72vw;
  }
  body .main .component24 .accordion_ttl::before {
    content: "Q";
    width: 8.53333vw;
    height: 8.53333vw;
    font-size: 3.2vw;
    font-weight: bold;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: #000 solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10%);
  }
  body .main .component24 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 2.504vw;
    height: 2.24533vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component24 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component24 .accordion_inner {
    position: relative;
    padding: 4.26667vw 0 4.26667vw 10.93333vw;
  }
  body .main .component24 .accordion_inner .img_area {
    width: 100%;
    margin: 5.06667vw 0 4.53333vw;
  }
  body .main .component24 .accordion_inner .img_area > img {
    width: 100%;
  }
  body .main .component24 .accordion_inner .more {
    margin: 1.33333vw 0;
  }
  body .main .component24 .accordion_inner::before {
    content: "A";
    width: 8.53333vw;
    height: 8.53333vw;
    font-size: 3.2vw;
    font-weight: bold;
    background: #000;
    color: #fff;
    position: absolute;
    top: 4.26667vw;
    left: 0;
    border-radius: 50%;
    border: #fff solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-10%);
  }
  body .main .component27, body .main .component28 {
    width: 89.33333vw;
    margin: 0 auto 16vw;
  }
  body .main .component27 .b, body .main .component28 .b {
    font-weight: bold;
  }
  body .main .component27 .img, body .main .component28 .img {
    line-height: 0;
    box-sizing: border-box;
    border: 1px solid #ededed;
  }
  body .main .component27 .img img, body .main .component28 .img img {
    width: 100%;
  }
  body .main .component27 .img iframe, body .main .component28 .img iframe {
    width: 100%;
    height: 50.13333vw;
  }
  body .main .component27 figcaption, body .main .component28 figcaption {
    margin: 4.5vw 0 0 0;
  }
  body .main .component27 figcaption dl:not(:first-child), body .main .component28 figcaption dl:not(:first-child) {
    margin: 5vw 0 0 0;
  }
  body .main .component27 figcaption dl dt:not(:first-child), body .main .component28 figcaption dl dt:not(:first-child) {
    margin: 10.66667vw 0 0 0;
  }
  body .main .component27 figcaption dl dd, body .main .component28 figcaption dl dd {
    margin: 1.5vw 0 0 0;
    word-break: break-all;
  }
  body .main .component27.column_two .imgarea .btn_area, body .main .component28.column_two .imgarea .btn_area {
    text-align: right;
    margin: 2.66667vw 0 0 0;
  }
  body .main .component27.column_two figcaption, body .main .component28.column_two figcaption {
    margin: 8vw 0 0 0;
  }
  body .main .component27.column_two figcaption dl dt:not(:first-child), body .main .component28.column_two figcaption dl dt:not(:first-child) {
    margin: 7.2vw 0 0 0;
  }
  body .main .component27 .more, body .main .component28 .more {
    height: auto;
    text-align: left;
  }
  body .main .component27 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after, body .main .component28 .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    top: auto;
    bottom: -2.66667vw;
  }
  body .main .component34 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
    overflow: hidden;
  }
  body .main .component34 img {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  body .main .component34 figcaption {
    line-height: 1.8;
    text-align: right;
  }
  body .main .component35 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 10.66667vw;
    line-height: 1.8;
  }
  body .main .component35.b {
    font-weight: 700;
  }
  body .main .component36 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component40 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component40 .flex {
    display: block;
  }
  body .main .component40 h2 {
    margin-bottom: 14vw;
  }
  body .main .component40 h2 .no-margin {
    margin: 0;
  }
  body .main .component40 .circle-img {
    width: 89.33333vw;
    margin: auto;
  }
  body .main .component40 .circle-img > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.7vw 0;
    border-top: solid 1px #D9D9D9;
    margin-bottom: 0;
  }
  body .main .component40 .circle-img > li:last-child {
    border-bottom: solid 1px #D9D9D9;
  }
  body .main .component40 .circle-img > li .img {
    width: 23.8806vw;
    height: 20.8806vw;
    margin-right: 4.26667vw;
    overflow: hidden;
    border-radius: 50%;
  }
  body .main .component40 .circle-img > li .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component40 .circle-img > li .txt {
    width: 71.34328vw;
  }
  body .main .component40 .circle-img > li .txt .ttl {
    margin-bottom: 1.6vw;
    font-weight: bold;
  }
  body .main .component40 .circle-img > li .txt .more {
    float: right;
    margin-top: 1.5vw;
  }
  body .main .component41 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component41 > li {
    margin-bottom: 9.2vw;
  }
  body .main .component41 > li .img {
    position: relative;
    margin-bottom: 2.66667vw;
    overflow: hidden;
  }
  body .main .component41 > li .img > img {
    width: 100%;
  }
  body .main .component41 > li .text--m {
    font-size: 3.2vw;
  }
  body .main .component41 > li:last-child {
    margin-bottom: 0;
  }
  body .main .table-wrap {
    max-width: 89.33333vw;
    margin: auto;
  }
  body .main .table-wrap.vertical table {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  body .main .table-wrap.vertical th, body .main .table-wrap.vertical td {
    padding: 4.26667vw !important;
  }
  body .main .table-wrap.vertical th {
    border-left: none;
  }
  body .main .table-wrap.vertical td:last-child {
    border-right: #fff solid 1px;
  }
  body .main .table-wrap.vertical td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table-wrap.vertical tr:first-child {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:first-child th, body .main .table-wrap.vertical tr:first-child td {
    border-right: none;
  }
  body .main .table-wrap.vertical tr:last-child td {
    border-bottom: #fff solid 1px;
  }
  body .main .table-scroll {
    margin-bottom: 17.06667vw;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body .main .table-noscroll {
    margin-bottom: 17.06667vw;
  }
  body .main .table-bordered {
    border: 1px solid #fff;
  }
  body .main .table-bordered th, body .main .table-bordered td {
    border: 1px solid #fff;
  }
  body .main .table {
    table-layout: fixed;
    border-color: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-left: none;
    width: auto;
  }
  body .main .table th, body .main .table td {
    width: auto;
    padding: 0vw 4.26667vw;
    vertical-align: middle;
    border-color: #fff;
    border-top: none;
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main .table th {
    font-weight: normal;
    background-color: #000;
    color: #fff;
  }
  body .main .table th:last-child {
    border-right: none;
  }
  body .main .table th:nth-child(n+2) {
    border-left: none;
  }
  body .main .table td {
    background-color: #F1F1F1;
  }
  body .main .table td:last-child {
    border-right: none;
  }
  body .main .table td:nth-child(n+2) {
    border-left: none;
  }
  body .main .table tr:last-child td {
    border-bottom: none;
  }
  body .main .table a {
    color: #D00A41;
  }
  body .main .table-responsive {
    margin-bottom: 17.06667vw;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .main .table-responsive table th, body .main .table-responsive table td {
    padding: 0vw 4.26667vw;
    word-wrap: break-word;
    border: 1px solid #fff;
    text-align: center;
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main .table-responsive table th {
    background-color: #000;
    font-weight: 400;
    color: #fff;
  }
  body .main .table-responsive table td {
    background-color: #F1F1F1;
  }
  body .main .table-responsive table a {
    color: #D00A41;
  }
  body .main .component44 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 13.06667vw;
  }
  body .main .component44 > div {
    margin-bottom: 18vw;
  }
  body .main .component44 > div:last-child {
    margin-bottom: 0;
  }
  body .main .component44 > div .img {
    height: 50.13333vw;
    margin-bottom: 2.66667vw;
  }
  body .main .component44 > div .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component44 > div .txt {
    position: relative;
    padding-bottom: 14.66667vw;
  }
  body .main .component44 > div .txt .ttl {
    margin-bottom: 3.2vw;
    line-height: 1.8;
  }
  body .main .component44 > div .txt .more {
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .main .component44 > div .txt .more:not([target="_blank"], [href$=".pdf"])::after {
    bottom: 0;
    top: auto;
  }
  body .main .component45 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 21.33333vw;
  }
  body .main .component45 .accordion_item {
    margin-bottom: 8.76667vw;
    font-size: 3.73333vw;
    line-height: 1.8;
    border-bottom: solid 1px #222222;
    padding-bottom: 4vw;
  }
  body .main .component45 .accordion_item:last-child {
    margin-bottom: 0;
  }
  body .main .component45 .accordion_item.hide .accordion_ttl::after {
    transform: rotate(0deg);
  }
  body .main .component45 .accordion_item.hide .accordion_contents {
    overflow: hidden;
    height: 0 !important;
  }
  body .main .component45 .accordion_ttl {
    position: relative;
  }
  body .main .component45 .accordion_ttl p {
    width: 72vw;
  }
  body .main .component45 .accordion_ttl::after {
    content: "";
    background: url(../img/common/arrow_pulldown.png) no-repeat;
    background-size: contain;
    width: 2.504vw;
    height: 2.24533vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .3s ease;
  }
  body .main .component45 .accordion_contents {
    overflow: hidden;
    transition: height .3s ease;
  }
  body .main .component45 .accordion_inner {
    position: relative;
    padding: 4.26667vw 0;
  }
  body .main .component45 .accordion_inner .more {
    margin-top: 2.66667vw;
  }
  body .main .component48 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 10.66667vw;
  }
  body .main .component48 p a {
    color: #D00A41;
  }
  body .main .component49 {
    margin-bottom: 27.2vw;
  }
  body .main .component49 .txt-list {
    list-style: disc;
    width: 77.86667vw;
    margin: auto;
  }
  body .main .component49 .txt-list__li a {
    color: #D00A41;
  }
  body .main .component49 .txt-list__li:not(:nth-child(1)) {
    margin-top: 4.26667vw;
  }
  body .main .component49 .txt-list__li small {
    display: block;
    margin-top: 0.8vw;
    line-height: 1.4;
    color: #777;
  }
  body .main .component49 ol.txt-list {
    list-style: decimal;
  }
  body .main .table-wrap.component50 {
    max-width: 89.33333vw;
  }
  body .main .component51 {
    width: 100%;
    line-height: 1.8;
  }
  body .main .component51.oneline_blank {
    padding-bottom: 3.73333vw;
  }
  body .main .component51.twoline_blank {
    padding-bottom: 7.46667vw;
  }
  body .main .component51.threeline_blank {
    padding-bottom: 11.2vw;
  }
}
/*color*/
/*size*/
@media screen and (min-width: 768px) {
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) section {
    padding: 4.16667vw 0;
    overflow-y: hidden;
  }
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) a[data-id] {
    cursor: pointer;
  }
  body .main.news_detailspage {
    overflow: hidden;
  }
  body .main section.underfv {
    padding: 0 !important;
  }
  body .main .fv-a, body .main .kv-swiper {
    position: relative;
    width: 100%;
    height: 49.30556vw;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0) 30.08%, #f1f1f1 94.27%);
  }
  body .main .fv-a .swiper-unv_fv, body .main .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination, body .main .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 2.63889vw !important;
    right: 5.41667vw !important;
    color: #fff;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination span, body .main .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 0.97222vw;
  }
  body .main .fv-a .swiper-unv_fv .next, body .main .kv-swiper .swiper-unv_fv .next {
    width: 1.25vw;
    height: 0.41667vw;
    position: absolute;
    right: 2.63889vw;
    bottom: 2.98611vw;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .main .fv-a .swiper-unv_fv .next:hover, body .main .kv-swiper .swiper-unv_fv .next:hover {
    right: 2.08333vw;
  }
  body .main .fv-a h2, body .main .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .main .fv-a h2 > span, body .main .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 0.69444vw;
    margin-left: 0.41667vw;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .main .fv-a h2 > span.subttl, body .main .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 1.38889vw;
    margin-bottom: -2.77778vw;
  }
  body .main .fv-a h2 > span.text--pc--18, body .main .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 1.18056vw;
  }
  body .main .fv-a h2::after, body .main .kv-swiper h2::after {
    display: none;
  }
  body .main .fv-a {
    overflow: hidden;
  }
  body .main .fv-a .swiper-unv_fv {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img {
    position: relative;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-a .text-box {
    max-width: 80.55556vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.04167vw;
  }
  body .main .fv-a .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.3em;
  }
  body .main .fv-a .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 2.43056vw;
  }
  body .main .fv-a.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-a.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b {
    height: 29.65278vw;
    overflow: hidden;
    background: #F1F1F1;
  }
  body .main .fv-b .text-box {
    max-width: 80.55556vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.43056vw;
  }
  body .main .fv-b .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.1em;
  }
  body .main .fv-b .text-box h2::after {
    display: none;
  }
  body .main .fv-b .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 0.69444vw;
  }
  body .main .fv-b.header-is-white > .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-b.header-is-white > .img::after {
    content: "";
    width: 100%;
    height: 49.30556vw;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-b.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main .fv-b .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main .fv-b .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .more.more[target="_blank"] {
    padding-bottom: 0.69444vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 0.69444vw;
    right: 0vw;
    left: auto;
    height: 0.97222vw;
    width: 0.97222vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .more.more[href$=".pdf"] {
    padding-bottom: 0.69444vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 0vw;
    right: 0vw;
    left: auto;
    height: 2.08333vw;
    width: 1.66667vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more.more[href^="https://page.line.me/"] {
    padding-right: 0;
    padding-left: 2.15278vw;
    padding-bottom: 0.69444vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href^="https://page.line.me/"]::after {
    content: "";
    position: absolute;
    top: 0.27778vw;
    left: 0vw;
    right: auto;
    height: 1.66667vw;
    width: 1.66667vw;
    background: url(../img/common/ico_line.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main .component1 {
    width: 83.33333vw;
    margin: auto;
    margin-bottom: 2.63889vw;
  }
  body .main .component1 .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .component1 .contents__inner {
    position: relative;
    min-height: 24.09722vw;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4.375vw;
  }
  body .main .component1 .contents__inner .visual {
    width: 54.16667vw;
    position: absolute;
    top: -0.76389vw;
    left: 1.25vw;
  }
  body .main .component1 .contents__inner .link-box {
    width: 34.72222vw;
    min-height: 16.11111vw;
    padding-bottom: 2.22222vw;
    position: relative;
  }
  body .main .component1 .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .component1 .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .component1 .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .component1 .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .component1 .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .component1 .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .component1 .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.22222vw;
    margin-top: 1.66667vw;
    margin-bottom: 2.08333vw;
  }
  body .main .component1 .contents__inner .link-box .link li a {
    display: block;
    margin-right: 1.11111vw;
    margin-bottom: 0.625vw;
    display: flex;
    align-items: center;
  }
  body .main .component1 .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 0.55556vw;
    height: 0.50694vw;
    margin-right: 0.41667vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .component1 .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.22222vw;
  }
  body .main .component1 .contents__inner .link-box .more-area li {
    margin-right: 1.66667vw;
    margin-top: 0.83333vw;
  }
  body .main .department_contents {
    width: 83.33333vw;
    margin: auto;
    margin-bottom: 5.55556vw;
  }
  body .main .department_contents .contents__inner {
    position: relative;
    min-height: 25vw;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 4.375vw;
  }
  body .main .department_contents .contents__inner .visual {
    width: 54.16667vw;
    position: absolute;
    top: 0vw;
    left: 1.25vw;
  }
  body .main .department_contents .contents__inner .link-box {
    width: 34.72222vw;
    min-height: 16.11111vw;
    padding-bottom: 2.22222vw;
    position: relative;
  }
  body .main .department_contents .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .department_contents .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .department_contents .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .department_contents .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .department_contents .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .department_contents .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .department_contents .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.22222vw;
    margin-right: 2.22222vw;
    margin-top: 1.66667vw;
    margin-bottom: 1.38889vw;
    min-height: 3.6em;
  }
  body .main .department_contents .contents__inner .link-box .link li a {
    display: block;
    margin-right: 1.11111vw;
    margin-bottom: 0.625vw;
    display: flex;
    align-items: center;
  }
  body .main .department_contents .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 0.55556vw;
    height: 0.50694vw;
    margin-right: 0.41667vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .department_contents .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.22222vw;
  }
  body .main .department_contents .contents__inner .link-box .more-area li {
    margin-right: 1.66667vw;
    margin-top: 0.83333vw;
  }
  body .main .department_contents .more-area li .more {
    height: auto;
    padding-bottom: 0.83333vw;
  }
  body .main .department_contents .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .department_detail {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 5.55556vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .department_detail .tab-list-ul {
    width: 8.33333vw;
  }
  body .main .department_detail .tab-list-ul li {
    color: #777777;
    letter-spacing: -0.03em;
  }
  body .main .department_detail .tab-list-ul li p {
    display: inline-block;
    cursor: pointer;
    line-height: 1.4;
    padding-bottom: 0.34722vw;
    border-bottom: 2px solid #F7F7F7;
  }
  body .main .department_detail .tab-list-ul li .active {
    color: #222222;
    border-bottom: 2px solid #222222;
  }
  body .main .department_detail .tab-list-ul li:not(:nth-child(1)) {
    margin-top: 1.94444vw;
  }
  body .main .department_detail .data-ul {
    width: 63.88889vw;
    position: relative;
  }
  body .main .department_detail .data-ul > li {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(20%);
    transition: .5s ease-out;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li {
    width: 29.16667vw;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox {
    display: flex;
    align-items: center;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox h3 {
    letter-spacing: 0.03em;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox small {
    margin-left: 1.04167vw;
    padding-bottom: 0.13889vw;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img {
    margin-top: 2.77778vw;
    width: 29.16667vw;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img img {
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li:not(:nth-child(1), :nth-child(2)) {
    margin-top: 5.55556vw;
  }
  body .main .department_detail .data-ul > li.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .component5 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 4.16667vw;
  }
  body .main .component5 a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main .component5 a::after {
    content: "";
    width: 2.22222vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0vw;
    right: 0vw;
    transition: .5s ease-out;
  }
  body .main .component5 a:hover::after {
    opacity: .7;
    transform: translateX(1.11111vw);
  }
  body .main .component5 .img {
    width: 33.33333vw;
  }
  body .main .component5 .img img {
    width: 100%;
  }
  body .main .component5 .text {
    width: 44.79167vw;
    min-height: 18.75vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main .component5 .text .title {
    width: 40.97222vw;
    margin-top: 2.63889vw;
    margin-left: 2.01389vw;
    font-size: 1.66667vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main .component5 .text .title::before {
    content: "";
    width: 2.77778vw;
    height: 2.22222vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -0.55556vw;
    left: -1.80556vw;
    z-index: -1;
  }
  body .main .component5 .text .title::after {
    content: "";
    width: 2.77778vw;
    height: 2.22222vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -0.69444vw;
    right: -1.38889vw;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main .component5 .text .textBox {
    margin-left: 0.27778vw;
    margin-bottom: -0.48611vw;
  }
  body .main .component5 .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 0.13889vw;
  }
  body .main .component5 .text .textBox .department {
    margin-top: 0.27778vw;
  }
  body .main .component6 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 7.56944vw;
    position: relative;
  }
  body .main .component6 > .img {
    width: 50vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
    z-index: 0;
  }
  body .main .component6 > .img img {
    width: 100%;
  }
  body .main .component6 .features-text {
    width: 34.72222vw;
    padding-top: 2.77778vw;
    margin-left: 45.83333vw;
    position: relative;
    z-index: 1;
  }
  body .main .component6 .features-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0vw 1.11111vw 0.13889vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component6 .features-text p {
    word-break: break-word;
    margin-left: 6.94444vw;
  }
  body .main .component6 .features-text p:nth-of-type(1) {
    margin-top: 2.36111vw;
  }
  body .main .component6 .features-text p.position {
    text-align: right;
    margin-top: 1.38889vw;
  }
  body .main .component6 .features-text p.name {
    text-align: right;
    margin-top: 1.11111vw;
    margin-right: -0.13889vw;
    font-size: 1.66667vw;
    letter-spacing: 0.1em;
  }
  body .main .component7 {
    width: 80.55556vw;
    position: relative;
    margin: auto;
    margin-bottom: 7.08333vw;
    display: flex;
    justify-content: space-between;
  }
  body .main .component7 .policy-text {
    width: 52.77778vw;
    position: relative;
  }
  body .main .component7 .policy-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0vw 1.11111vw 0.13889vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component7 .policy-text p {
    margin-top: 2.22222vw;
    word-break: break-word;
  }
  body .main .component7 .more-area {
    width: 19.09722vw;
    margin-top: 7.98611vw;
  }
  body .main .component7 .more-area li:not(:nth-child(1)) {
    margin-top: 1.875vw;
  }
  body .main .component7 .more-area li .more {
    width: 100%;
    height: auto;
    padding-bottom: 0.55556vw;
    word-break: break-word;
  }
  body .main .component7 .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .component8 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 7.08333vw;
    position: relative;
  }
  body .main .component8 .flex h2 {
    width: 13.19444vw;
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know {
    width: 63.95833vw;
    margin-top: 0.97222vw;
    margin-right: 0;
    overflow: visible;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 19.44444vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img {
    width: 100%;
    height: 29.16667vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 1.38889vw;
    letter-spacing: -0.04em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p {
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p.title {
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 0.76389vw;
    padding-right: 1.25vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 2.77778vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
    display: block;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0.69444vw;
    right: 0.13889vw;
    transition: .5s ease-out;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(1.11111vw);
  }
  body .main .component9 {
    margin-bottom: 2.29167vw;
  }
  body .main .component9 .inner {
    width: 83.33333vw;
    margin: auto;
  }
  body .main .component9 .flex {
    justify-content: space-between;
  }
  body .main .component9 .flex h2 {
    width: 13.54167vw;
    word-break: break-word;
  }
  body .main .component9 .detail {
    display: flex;
    margin-top: 1.45833vw;
    margin-right: 0.20833vw;
    width: 62.77778vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component9 .detail ul {
    margin-top: -0.55556vw;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component9 .detail ul li {
    width: 58.05556vw;
    height: auto;
    padding-top: 1.77083vw;
    padding-right: 2.22222vw;
    padding-left: 2.15278vw;
  }
  body .main .component9 .detail ul li:nth-child(1) {
    padding-top: 2.77778vw;
  }
  body .main .component9 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 1.52778vw;
  }
  body .main .component9 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 0.20833vw;
    padding-right: 2.08333vw;
    word-break: break-word;
  }
  body .main .component9 .detail ul li a:after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.25vw;
    top: auto;
    transition: .5s right;
  }
  body .main .component9 .detail ul li a:hover:after {
    right: -0.34722vw;
  }
  body .main .component9 .detail ul li a[target="_blank"]:after {
    height: 1.11111vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 0.83333vw;
  }
  body .main .component9 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:after {
    height: 2.08333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0.55556vw;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component12 {
    padding-top: 0;
    margin-bottom: 0.69444vw;
  }
  body .main .component12 .inner {
    width: 83.33333vw;
    margin: auto;
  }
  body .main .component12 .flex {
    justify-content: space-between;
  }
  body .main .component12 .flex h2 {
    width: 13.54167vw;
    word-break: break-word;
  }
  body .main .component12 .detail {
    display: flex;
    margin-top: 0.83333vw;
    margin-right: 0.20833vw;
    width: 62.77778vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component12 .detail > div {
    width: 30vw;
    margin-bottom: 2.77778vw;
  }
  body .main .component12 .detail h3 {
    word-break: break-word;
    max-width: 30vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    line-height: 1.4;
  }
  body .main .component12 .detail ul {
    margin-top: -0.55556vw;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component12 .detail ul li {
    width: 30vw;
    height: auto;
    padding-top: 1.77083vw;
    padding-right: 2.22222vw;
    padding-left: 2.15278vw;
  }
  body .main .component12 .detail ul li:nth-child(1) {
    padding-top: 2.77778vw;
  }
  body .main .component12 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 1.52778vw;
  }
  body .main .component12 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 0.20833vw;
    padding-right: 2.08333vw;
    word-break: break-word;
  }
  body .main .component12 .detail ul li a:after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 1.25vw;
    top: auto;
    transition: .5s right;
  }
  body .main .component12 .detail ul li a:hover:after {
    right: -0.34722vw;
  }
  body .main .component12 .detail ul li a[target="_blank"]:after {
    height: 1.11111vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 0.83333vw;
  }
  body .main .component12 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:after {
    height: 2.08333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0.55556vw;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component14 {
    width: 79.86111vw;
    margin: auto;
    margin-bottom: 0.83333vw;
  }
  body .main .component14 h4 {
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  body .main .component14.gray h4 {
    color: #777;
  }
  body .main .component15 {
    width: 79.86111vw;
    margin: auto;
    margin-bottom: 1.52778vw;
  }
  body .main .component15 p {
    word-break: break-word;
  }
  body .main .component15.gray, body .main .component15 .gray {
    color: #777;
  }
  body .main .component15.bold, body .main .component15 .bold {
    font-weight: 700;
  }
  body .main .component15 a {
    color: #D00A41;
  }
  body .main .component15 a:hover {
    opacity: 0.5;
  }
  body .main .component17 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 6.04167vw;
  }
  body .main .component17 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component17 .more-area li {
    margin-bottom: 1.80556vw;
    margin-left: 1.66667vw;
  }
  body .main .component17 .more-area li .more {
    height: auto;
    padding-bottom: 0.83333vw;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 0.55556vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.20833vw;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -0.69444vw;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -0.69444vw;
  }
  body .main .component17.left .more-area {
    justify-content: flex-start;
  }
  body .main .component17.left .more-area li {
    margin-left: 0;
    margin-right: 1.66667vw;
  }
  body .main .component23 {
    margin-bottom: 2.29167vw;
  }
  body .main .component23 .inner {
    width: 83.33333vw;
    margin: auto;
  }
  body .main .component23 .flex {
    justify-content: space-between;
  }
  body .main .component23 h2 {
    width: 13.54167vw;
    word-break: break-word;
  }
  body .main .component23 .detail {
    display: flex;
    margin-top: 1.04167vw;
    margin-right: 0.20833vw;
    width: 62.77778vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component23 .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .component23 .detail ul {
    margin-top: -0.55556vw;
    column-count: 2;
    column-gap: 2.77778vw;
    column-fill: balance;
    position: relative;
    margin-top: 1.77083vw;
  }
  body .main .component23 .detail ul li {
    width: 30vw;
    height: auto;
    padding-right: 2.22222vw;
    padding-left: 2.15278vw;
    padding-top: 0.24306vw;
    padding-bottom: 1.52778vw;
    background: #f1f1f1;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid;
    margin-top: -1px;
  }
  body .main .component23 .detail ul li::before, body .main .component23 .detail ul li::after {
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-top: #fff 1px solid;
    background: #f1f1f1;
    width: 29.82639vw;
    height: 1.80556vw;
    top: -1.80556vw;
    position: absolute;
    content: "";
  }
  body .main .component23 .detail ul li::before {
    left: 0;
  }
  body .main .component23 .detail ul li::after {
    right: 0;
  }
  body .main .component23 .detail ul li a {
    display: block;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 0.34722vw;
    word-break: break-word;
    width: 25.55556vw;
    padding-right: 1.38889vw;
  }
  body .main .component23 .detail ul li a:after {
    content: " ";
    display: block;
    width: 1.25vw;
    height: 0.41667vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0vw;
    bottom: 1.25vw;
    top: auto;
    transition: .5s right;
  }
  body .main .component23 .detail ul li a:hover:after {
    right: -1.38889vw;
  }
  body .main .component23 .detail ul li a[target="_blank"]:after {
    height: 1.11111vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 0.83333vw;
  }
  body .main .component23 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:after {
    height: 2.08333vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0.55556vw;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component23 .inner .more-area {
    padding-top: 0.20833vw;
    margin-top: 0;
  }
  body .main .component23 .inner .more-area li {
    margin-top: 2.08333vw;
    margin-left: 2.08333vw;
  }
  body .main .component23 .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0vw;
  }
  body .main .component23 .inner .more-area li:nth-child(1) {
    margin-left: 0vw;
  }
  body .main .component25 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 2.84722vw;
    background-color: #dbe2e6;
    padding-bottom: 2.84722vw;
  }
  body .main .component25 .ttl {
    background-color: #000;
    color: #fff;
    padding: 0 1.11111vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  body .main .component25 .txt {
    width: 74.44444vw;
    margin: auto;
    margin-top: 2.29167vw;
    word-break: break-word;
  }
  body .main .component26 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 9.72222vw;
    display: flex;
    flex-wrap: wrap;
    gap: 2.77778vw 2.77778vw;
  }
  body .main .component26 li {
    width: 25vw;
    height: 13.05556vw;
    position: relative;
  }
  body .main .component26 li a {
    position: relative;
    display: block;
    height: 100%;
  }
  body .main .component26 li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 2.43056vw;
  }
  body .main .component26 li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main .component26 li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main .component26 li .img {
    position: relative;
    height: 100%;
  }
  body .main .component26 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component26 li .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 68.96%, rgba(255, 255, 255, 0) 123.75%);
  }
  body .main .component30 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 8.33333vw;
  }
  body .main .component30 li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 2.91667vw 0 1.73611vw;
  }
  body .main .component30 li:nth-child(1) {
    padding-top: 0;
  }
  body .main .component30 li .name {
    width: 18.75vw;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main .component30 li .about {
    width: 40.55556vw;
    padding-right: 4em;
  }
  body .main .component30 li .tel {
    width: 13.125vw;
    padding-right: 1.5em;
  }
  body .main .component30 li .mail a {
    position: relative;
    display: block;
  }
  body .main .component30 li .mail a::after {
    content: " ";
    display: block;
    width: 0.83333vw;
    height: 0.83333vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -1.25vw;
    bottom: 0.55556vw;
    transition: .5s right;
  }
  body .main .component31 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 8.33333vw;
  }
  body .main .component31 .title {
    font-weight: 400;
  }
  body .main .component31 .date {
    margin-top: 0.76389vw;
    font-weight: 700;
  }
  body .main .component31 .author {
    margin-top: 0.48611vw;
    margin-bottom: -1.59722vw;
  }
  body .main .component32 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 10.20833vw;
    padding: 3.19444vw 4.16667vw 4.16667vw;
    background-color: #f7f7f7;
  }
  body .main .component32 .maintitle {
    font-weight: 700;
  }
  body .main .component32 .name {
    margin-top: 0.83333vw;
    font-weight: 700;
  }
  body .main .component32 .name .ruby {
    margin-left: 0.41667vw;
    font-weight: 500;
  }
  body .main .component32 .text {
    margin-top: 0.625vw;
  }
  body .main .component32 .title {
    margin-top: 3.68056vw;
    font-weight: 700;
  }
  body .main .component32 > ul {
    margin-top: 0.83333vw;
  }
  body .main .component32 > ul li {
    list-style: disc;
    margin-left: 1.31944vw;
  }
  body .main .component33 {
    width: 77.77778vw;
    margin: auto;
    margin-bottom: 8.33333vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component33 > div {
    width: 19.51389vw;
  }
  body .main .component33 > div:not(:nth-of-type(3n)) {
    margin-right: 9.58333vw;
  }
  body .main .component33 > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 2.15278vw;
  }
  body .main .component33 > div dt a {
    text-decoration: underline;
  }
  body .main .component37 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 6.04167vw;
  }
  body .main .component37 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component37 .more-area li {
    margin-bottom: 1.80556vw;
    margin-left: 1.66667vw;
  }
  body .main .component37 .more-area li .more {
    height: auto;
    padding-bottom: 0.83333vw;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 0.55556vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.20833vw;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -0.69444vw;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -0.69444vw;
  }
  body .main .component37.left .more-area {
    justify-content: flex-start;
  }
  body .main .component37.left .more-area li {
    margin-left: 0;
    margin-right: 1.66667vw;
  }
  body .main .component38 {
    width: 80.55556vw;
    margin: auto;
    margin-bottom: 8.47222vw;
  }
  body .main .component38 .txt-list {
    list-style: disc;
    width: 63.19444vw;
    margin-left: 3.125vw;
  }
  body .main .component38 .txt-list__li:not(:nth-child(1)) {
    margin-top: 1.11111vw;
  }
  body .main .component38 .txt-list__li small {
    display: block;
    margin-top: 0.20833vw;
    color: #777777;
  }
  body .main .component38 ol.txt-list {
    list-style: decimal;
  }
  body .main .component39 {
    width: 100%;
    margin-top: 2.43056vw;
    margin-bottom: 8.33333vw;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1;
    position: relative;
  }
  body .main .component39 .nav__page-ul {
    max-width: 50vw;
    margin-left: 2.63889vw;
    margin-right: 2.63889vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 2.5vw;
    position: relative;
    color: #777777;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 0.55556vw;
    height: 0.06944vw;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.97222vw;
    margin: auto;
  }
  body .main .component39 .nav__anchor-ul {
    margin-right: 2.43056vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__anchor-ul li {
    margin-right: 1.25vw;
    margin-left: 1.42361vw;
    margin-bottom: 0.69444vw;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .main .component39 .nav__anchor-ul li a::after {
    content: "";
    width: 1.25vw;
    height: 0.41667vw;
    position: absolute;
    right: -1.52778vw;
    top: 0.625vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .main .component39 .nav__anchor-ul li a:hover::after {
    top: 1.11111vw;
  }
  body .main .component39.no_fv {
    margin-top: 10.13889vw;
    margin-bottom: 0vw;
  }
  body .main .component42 {
    width: 79.86111vw;
    margin: auto;
    margin-bottom: 3.05556vw;
    border: 1px solid #000;
    background-color: #fff;
    word-break: break-word;
    padding: 1.38889vw 2.08333vw;
  }
  body .main .component42.gray, body .main .component42 .gray {
    color: #777;
  }
  body .main .component42.bold, body .main .component42 .bold {
    font-weight: 700;
  }
  body .main .component42.red {
    border: 1px solid #D00A41;
  }
  body .main .component42 a {
    color: #D00A41;
  }
  body .main .component42 a:hover {
    opacity: 0.5;
  }
  body .main .component47 {
    width: 80.55556vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component47__li {
    width: 39.72222vw;
    min-height: 40.55556vw;
    padding: 2.63889vw 2.08333vw 6.94444vw 2.77778vw;
    background-color: #F1F1F1;
    position: relative;
  }
  body .main .component47__li:nth-child(2n+1) {
    margin-right: 1.11111vw;
  }
  body .main .component47__li:not(body .main .component47__li:nth-child(1), body .main .component47__li:nth-child(2)) {
    margin-top: 1.66667vw;
  }
  body .main .component47__li .position {
    letter-spacing: 0.03em;
  }
  body .main .component47__li .name-box {
    margin-top: 0.41667vw;
  }
  body .main .component47__li .name-box .ruby {
    color: #777;
  }
  body .main .component47__li .name-box .name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
  }
  body .main .component47__li .profile {
    margin-top: 0.97222vw;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .title {
    color: #777;
    margin-top: 0.83333vw;
  }
  body .main .component47__li .text {
    margin-top: 0.55556vw;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .more-area {
    position: absolute;
    bottom: 2.63889vw;
    right: 2.77778vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component47__li .more-area li:not(:nth-child(1)) {
    margin-left: 1.38889vw;
  }
  body .main .pager {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 28.05556vw;
    margin: auto;
    margin-top: 80px;
  }
  body .main .pager span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-align: center;
    position: relative;
    transition: all .5s;
    color: #b6b6b6;
  }
  body .main .pager span a {
    position: relative;
    font-size: 1.11111vw;
    line-height: 1.8;
  }
  body .main .pager span:hover {
    cursor: pointer;
    opacity: inherit;
    opacity: .7;
  }
  body .main .pager span.invalid {
    pointer-events: none;
  }
  body .main .pager span.current {
    color: #222;
    pointer-events: none;
  }
  body .main .pager span.current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.06944vw;
    background: #222222;
    left: 0vw;
    bottom: -0.06944vw;
  }
  body .main .pager span.current:hover {
    cursor: default;
  }
  body .main .pager span.ellipsis {
    pointer-events: none;
  }
  body .main .pager span.ellipsis:hover {
    cursor: default;
    opacity: 1;
  }
  body .main .pager span.ellipsis::before {
    content: "･･･";
    display: block;
  }
  body .main .pager .prev,
  body .main .pager .next {
    width: 3.33333vw;
    height: 3.33333vw;
    background: #222222;
    position: relative;
    cursor: pointer;
  }
  body .main .pager .prev.invalid,
  body .main .pager .next.invalid {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main .pager .prev.invalid:hover,
  body .main .pager .next.invalid:hover {
    cursor: default;
  }
  body .main .pager .prev::after,
  body .main .pager .next::after {
    content: "";
    width: 1.25vw;
    height: 0.41667vw;
    background-image: url("../img/common/arrow_18.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 1.25vw;
    left: 0;
    right: 0;
    margin: auto;
    filter: invert(1);
  }
  body .main .pager .prev {
    margin-right: 30px;
  }
  body .main .pager .prev::after {
    transform: scale(-1, 1);
  }
  body .main .pager .next {
    margin-right: 0;
    margin-left: 20px;
    transition: all .5s;
  }
  body .main .pager .ellipsis {
    width: 2em;
    font-size: 0.69444vw;
  }
  body .main .pager .ellipsis::before {
    width: 3.33333vw;
  }
  body .main .component52 {
    width: 61.11111vw;
    margin: auto;
    margin-bottom: 8.33333vw;
  }
  body .main .component52 .tags {
    margin-bottom: 0.27778vw;
    padding: 0.48611vw 1.11111vw;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .component52 .title {
    font-weight: 400;
  }
  body .main .component52 .date {
    margin-top: 0.76389vw;
    font-weight: 700;
  }
  body .main .component52 .author {
    margin-top: 0.48611vw;
    margin-bottom: -1.59722vw;
  }
  body .main.main:not(.toppage) .componentX.swiper {
    margin-left: 9.02778vw;
    padding-right: 9.51389vw;
    width: 88.88889vw;
    overflow: visible;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    width: 3.33333vw;
    height: 3.33333vw;
    background: #222;
    top: 51%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    content: " ";
    width: 1.25vw;
    height: 0.41667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next {
    right: 6.25vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    left: -4.30556vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
    width: 24.72222vw;
    height: 25.83333vw;
    margin-right: 1.11111vw;
    background: #fff;
    box-shadow: 0 0 0.55556vw 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner:hover {
    box-shadow: 0 0 1.66667vw 0 rgba(0, 0, 0, 0.2);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 13.88889vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img img {
    width: 24.72222vw;
    height: 13.88889vw;
    object-fit: cover;
    transition: 3s;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text {
    padding: 1.66667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .title {
    margin-bottom: 0.41667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .supplement {
    margin-bottom: 0.13889vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .date {
    margin-bottom: 0.34722vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a:hover img {
    transform: scale(1.3);
  }
}
@media screen and (min-width: 1360px) {
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) section {
    padding: 60px 0;
    overflow-y: hidden;
  }
  body .main.news_detailspage {
    overflow: hidden;
  }
  body .main section.underfv {
    padding: 0 !important;
  }
  body .main .fv-a, body .main .kv-swiper {
    position: relative;
    width: 100%;
    height: 710px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0) 30.08%, #f1f1f1 94.27%);
  }
  body .main .fv-a .swiper-unv_fv, body .main .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination, body .main .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 38px !important;
    right: 78px !important;
    color: #fff;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination span, body .main .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 14px;
  }
  body .main .fv-a .swiper-unv_fv .next, body .main .kv-swiper .swiper-unv_fv .next {
    width: 18px;
    height: 6px;
    position: absolute;
    right: 38px;
    bottom: 43px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .main .fv-a .swiper-unv_fv .next:hover, body .main .kv-swiper .swiper-unv_fv .next:hover {
    right: 30px;
  }
  body .main .fv-a h2, body .main .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .main .fv-a h2 > span, body .main .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
    margin-left: 6px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .main .fv-a h2 > span.subttl, body .main .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: -40px;
  }
  body .main .fv-a h2 > span.text--pc--18, body .main .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 17px;
  }
  body .main .fv-a h2::after, body .main .kv-swiper h2::after {
    display: none;
  }
  body .main .fv-a {
    overflow: hidden;
  }
  body .main .fv-a .swiper-unv_fv {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img {
    position: relative;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-a .text-box {
    max-width: 1160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
  }
  body .main .fv-a .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.3em;
  }
  body .main .fv-a .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 35px;
  }
  body .main .fv-a.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-a.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b {
    height: 427px;
    overflow: hidden;
    background: #F1F1F1;
  }
  body .main .fv-b .text-box {
    max-width: 1160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
  }
  body .main .fv-b .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.1em;
  }
  body .main .fv-b .text-box h2::after {
    display: none;
  }
  body .main .fv-b .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 10px;
  }
  body .main .fv-b.header-is-white > .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-b.header-is-white > .img::after {
    content: "";
    width: 100%;
    height: 710px;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-b.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main .fv-b .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main .fv-b .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .more.more[target="_blank"] {
    padding-bottom: 10px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0px;
    left: auto;
    height: 14px;
    width: 14px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .more.more[href$=".pdf"] {
    padding-bottom: 10px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    height: 30px;
    width: 24px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more.more[href^="https://page.line.me/"] {
    padding-right: 0;
    padding-left: 31px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href^="https://page.line.me/"]::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0px;
    right: auto;
    height: 24px;
    width: 24px;
    background: url(../img/common/ico_line.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main .component1 {
    width: 1200px;
    margin: auto;
    margin-bottom: 38px;
  }
  body .main .component1 .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .component1 .contents__inner {
    position: relative;
    min-height: 347px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 63px;
  }
  body .main .component1 .contents__inner .visual {
    width: 780px;
    position: absolute;
    top: -11px;
    left: 18px;
  }
  body .main .component1 .contents__inner .link-box {
    width: 500px;
    min-height: 232px;
    padding-bottom: 32px;
    position: relative;
  }
  body .main .component1 .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .component1 .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .component1 .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .component1 .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .component1 .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .component1 .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .component1 .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 32px;
    margin-top: 24px;
    margin-bottom: 30px;
  }
  body .main .component1 .contents__inner .link-box .link li a {
    display: block;
    margin-right: 16px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
  }
  body .main .component1 .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 8px;
    height: 7.3px;
    margin-right: 6px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .component1 .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 32px;
  }
  body .main .component1 .contents__inner .link-box .more-area li {
    margin-right: 24px;
    margin-top: 12px;
  }
  body .main .department_contents {
    width: 1200px;
    margin: auto;
    margin-bottom: 80px;
  }
  body .main .department_contents .contents__inner {
    position: relative;
    min-height: 360px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 63px;
  }
  body .main .department_contents .contents__inner .visual {
    width: 780px;
    position: absolute;
    top: 0px;
    left: 18px;
  }
  body .main .department_contents .contents__inner .link-box {
    width: 500px;
    min-height: 232px;
    padding-bottom: 32px;
    position: relative;
  }
  body .main .department_contents .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .department_contents .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .department_contents .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .department_contents .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .department_contents .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .department_contents .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .department_contents .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 24px;
    margin-bottom: 20px;
    min-height: 3.6em;
  }
  body .main .department_contents .contents__inner .link-box .link li a {
    display: block;
    margin-right: 16px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
  }
  body .main .department_contents .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 8px;
    height: 7.3px;
    margin-right: 6px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .department_contents .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 32px;
  }
  body .main .department_contents .contents__inner .link-box .more-area li {
    margin-right: 24px;
    margin-top: 12px;
  }
  body .main .department_contents .more-area li .more {
    height: auto;
    padding-bottom: 12px;
  }
  body .main .department_contents .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .department_detail {
    width: 1160px;
    margin: auto;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .department_detail .tab-list-ul {
    width: 120px;
  }
  body .main .department_detail .tab-list-ul li {
    color: #777777;
    letter-spacing: -0.03em;
  }
  body .main .department_detail .tab-list-ul li p {
    display: inline-block;
    cursor: pointer;
    line-height: 1.4;
    padding-bottom: 5px;
    border-bottom: 2px solid #F7F7F7;
  }
  body .main .department_detail .tab-list-ul li .active {
    color: #222222;
    border-bottom: 2px solid #222222;
  }
  body .main .department_detail .tab-list-ul li:not(:nth-child(1)) {
    margin-top: 28px;
  }
  body .main .department_detail .data-ul {
    width: 920px;
    position: relative;
  }
  body .main .department_detail .data-ul > li {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(20%);
    transition: .5s ease-out;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li {
    width: 420px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox {
    display: flex;
    align-items: center;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox h3 {
    letter-spacing: 0.03em;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox small {
    margin-left: 15px;
    padding-bottom: 2px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img {
    margin-top: 40px;
    width: 420px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img img {
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li:not(:nth-child(1), :nth-child(2)) {
    margin-top: 80px;
  }
  body .main .department_detail .data-ul > li.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .component5 {
    width: 1160px;
    margin: auto;
    margin-bottom: 60px;
  }
  body .main .component5 a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main .component5 a::after {
    content: "";
    width: 32px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    transition: .5s ease-out;
  }
  body .main .component5 a:hover::after {
    opacity: .7;
    transform: translateX(16px);
  }
  body .main .component5 .img {
    width: 480px;
  }
  body .main .component5 .img img {
    width: 100%;
  }
  body .main .component5 .text {
    width: 645px;
    min-height: 270px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main .component5 .text .title {
    width: 590px;
    margin-top: 38px;
    margin-left: 29px;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main .component5 .text .title::before {
    content: "";
    width: 40px;
    height: 32px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -8px;
    left: -26px;
    z-index: -1;
  }
  body .main .component5 .text .title::after {
    content: "";
    width: 40px;
    height: 32px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -10px;
    right: -20px;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main .component5 .text .textBox {
    margin-left: 4px;
    margin-bottom: -7px;
  }
  body .main .component5 .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 2px;
  }
  body .main .component5 .text .textBox .department {
    margin-top: 4px;
  }
  body .main .component6 {
    width: 1160px;
    margin: auto;
    margin-bottom: 109px;
    position: relative;
  }
  body .main .component6 > .img {
    width: 720px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
  }
  body .main .component6 > .img img {
    width: 100%;
  }
  body .main .component6 .features-text {
    width: 500px;
    padding-top: 40px;
    margin-left: 660px;
    position: relative;
    z-index: 1;
  }
  body .main .component6 .features-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 16px 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component6 .features-text p {
    word-break: break-word;
    margin-left: 100px;
  }
  body .main .component6 .features-text p:nth-of-type(1) {
    margin-top: 34px;
  }
  body .main .component6 .features-text p.position {
    text-align: right;
    margin-top: 20px;
  }
  body .main .component6 .features-text p.name {
    text-align: right;
    margin-top: 16px;
    margin-right: -2px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  body .main .component7 {
    width: 1160px;
    position: relative;
    margin: auto;
    margin-bottom: 102px;
    display: flex;
    justify-content: space-between;
  }
  body .main .component7 .policy-text {
    width: 760px;
    position: relative;
  }
  body .main .component7 .policy-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 16px 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component7 .policy-text p {
    margin-top: 32px;
    word-break: break-word;
  }
  body .main .component7 .more-area {
    width: 275px;
    margin-top: 115px;
  }
  body .main .component7 .more-area li:not(:nth-child(1)) {
    margin-top: 27px;
  }
  body .main .component7 .more-area li .more {
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    word-break: break-word;
  }
  body .main .component7 .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .component8 {
    width: 1160px;
    margin: auto;
    margin-bottom: 102px;
    position: relative;
  }
  body .main .component8 .flex h2 {
    width: 190px;
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know {
    width: 921px;
    margin-top: 14px;
    margin-right: 0;
    overflow: visible;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 280px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img {
    width: 100%;
    height: 420px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 20px;
    letter-spacing: -0.04em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p {
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p.title {
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 11px;
    padding-right: 18px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 40px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
    display: block;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 10px;
    right: 2px;
    transition: .5s ease-out;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(16px);
  }
  body .main .component9 {
    margin-bottom: 33px;
  }
  body .main .component9 .inner {
    width: 1200px;
    margin: auto;
  }
  body .main .component9 .flex {
    justify-content: space-between;
  }
  body .main .component9 .flex h2 {
    width: 195px;
    word-break: break-word;
  }
  body .main .component9 .detail {
    display: flex;
    margin-top: 21px;
    margin-right: 3px;
    width: 904px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component9 .detail ul {
    margin-top: -8px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component9 .detail ul li {
    width: 836px;
    height: auto;
    padding-top: 25.5px;
    padding-right: 32px;
    padding-left: 31px;
  }
  body .main .component9 .detail ul li:nth-child(1) {
    padding-top: 40px;
  }
  body .main .component9 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 22px;
  }
  body .main .component9 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 3px;
    padding-right: 30px;
    word-break: break-word;
  }
  body .main .component9 .detail ul li a:after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 18px;
    top: auto;
    transition: .5s right;
  }
  body .main .component9 .detail ul li a:hover:after {
    right: -5px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:after {
    height: 16px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 12px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:after {
    height: 30px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 8px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component12 {
    padding-top: 0;
    margin-bottom: 10px;
  }
  body .main .component12 .inner {
    width: 1200px;
    margin: auto;
  }
  body .main .component12 .flex {
    justify-content: space-between;
  }
  body .main .component12 .flex h2 {
    width: 195px;
    word-break: break-word;
  }
  body .main .component12 .detail {
    display: flex;
    margin-top: 12px;
    margin-right: 3px;
    width: 904px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component12 .detail > div {
    width: 432px;
    margin-bottom: 40px;
  }
  body .main .component12 .detail h3 {
    word-break: break-word;
    max-width: 432px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    line-height: 1.4;
  }
  body .main .component12 .detail ul {
    margin-top: -8px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component12 .detail ul li {
    width: 432px;
    height: auto;
    padding-top: 25.5px;
    padding-right: 32px;
    padding-left: 31px;
  }
  body .main .component12 .detail ul li:nth-child(1) {
    padding-top: 40px;
  }
  body .main .component12 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 22px;
  }
  body .main .component12 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 3px;
    padding-right: 30px;
    word-break: break-word;
  }
  body .main .component12 .detail ul li a:after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 18px;
    top: auto;
    transition: .5s right;
  }
  body .main .component12 .detail ul li a:hover:after {
    right: -5px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:after {
    height: 16px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 12px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:after {
    height: 30px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 8px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component14 {
    width: 1150px;
    margin: auto;
    margin-bottom: 12px;
  }
  body .main .component14 h4 {
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  body .main .component15 {
    width: 1150px;
    margin: auto;
    margin-bottom: 22px;
  }
  body .main .component15 p {
    word-break: break-word;
  }
  body .main .component15.gray, body .main .component15 .gray {
    color: #777;
  }
  body .main .component15.bold, body .main .component15 .bold {
    font-weight: 700;
  }
  body .main .component15 a {
    color: #D00A41;
  }
  body .main .component15 a:hover {
    opacity: 0.5;
  }
  body .main .component17 {
    width: 1160px;
    margin: auto;
    margin-bottom: 87px;
  }
  body .main .component17 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component17 .more-area li {
    margin-bottom: 26px;
    margin-left: 24px;
  }
  body .main .component17 .more-area li .more {
    height: auto;
    padding-bottom: 12px;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 8px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -10px;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -10px;
  }
  body .main .component17.left .more-area {
    justify-content: flex-start;
  }
  body .main .component17.left .more-area li {
    margin-left: 0;
    margin-right: 24px;
  }
  body .main .component23 {
    margin-bottom: 33px;
  }
  body .main .component23 .inner {
    width: 1200px;
    margin: auto;
  }
  body .main .component23 .flex {
    justify-content: space-between;
  }
  body .main .component23 h2 {
    width: 195px;
    word-break: break-word;
  }
  body .main .component23 .detail {
    display: flex;
    margin-top: 15px;
    margin-right: 3px;
    width: 904px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component23 .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .component23 .detail ul {
    margin-top: -8px;
    column-count: 2;
    column-gap: 40px;
    column-fill: balance;
    position: relative;
    margin-top: 25.5px;
  }
  body .main .component23 .detail ul li {
    background: #f1f1f1;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid;
    margin-top: -1px;
    width: 432px;
    height: auto;
    padding-right: 32px;
    padding-left: 31px;
    padding-top: 3.5px;
    padding-bottom: 22px;
  }
  body .main .component23 .detail ul li::before, body .main .component23 .detail ul li::after {
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-top: #fff 1px solid;
    background: #f1f1f1;
    width: 429.5px;
    height: 26px;
    top: -26px;
    position: absolute;
    content: "";
  }
  body .main .component23 .detail ul li::before {
    left: 0;
  }
  body .main .component23 .detail ul li::after {
    right: 0;
  }
  body .main .component23 .detail ul li a {
    display: block;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 5px;
    word-break: break-word;
    width: 368px;
    padding-right: 20px;
  }
  body .main .component23 .detail ul li a:after {
    content: " ";
    display: block;
    width: 18px;
    height: 6px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0px;
    bottom: 18px;
    top: auto;
    transition: .5s right;
  }
  body .main .component23 .detail ul li a:hover:after {
    right: -20px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:after {
    height: 16px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 12px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:after {
    height: 30px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 8px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component23 .inner .more-area {
    padding-top: 3px;
    margin-top: 0;
  }
  body .main .component23 .inner .more-area li {
    margin-top: 30px;
    margin-left: 30px;
  }
  body .main .component23 .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0px;
  }
  body .main .component23 .inner .more-area li:nth-child(1) {
    margin-left: 0px;
  }
  body .main .component25 {
    width: 1160px;
    margin: auto;
    margin-bottom: 41px;
    background-color: #dbe2e6;
    padding-bottom: 41px;
  }
  body .main .component25 .ttl {
    background-color: #000;
    color: #fff;
    padding: 0 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  body .main .component25 .txt {
    width: 1072px;
    margin: auto;
    margin-top: 33px;
    word-break: break-word;
  }
  body .main .component26 {
    width: 1160px;
    margin: auto;
    margin-bottom: 140px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 40px;
  }
  body .main .component26 li {
    width: 360px;
    height: 188px;
    position: relative;
  }
  body .main .component26 li a {
    position: relative;
    display: block;
    height: 100%;
  }
  body .main .component26 li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 35px;
  }
  body .main .component26 li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main .component26 li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main .component26 li .img {
    position: relative;
    height: 100%;
  }
  body .main .component26 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component26 li .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 68.96%, rgba(255, 255, 255, 0) 123.75%);
  }
  body .main .component30 {
    width: 1160px;
    margin: auto;
    margin-bottom: 120px;
  }
  body .main .component30 li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 42px 0 25px;
  }
  body .main .component30 li:nth-child(1) {
    padding-top: 0;
  }
  body .main .component30 li .name {
    width: 270px;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main .component30 li .about {
    width: 584px;
    padding-right: 4em;
  }
  body .main .component30 li .tel {
    width: 189px;
    padding-right: 1.5em;
  }
  body .main .component30 li .mail a {
    position: relative;
    display: block;
  }
  body .main .component30 li .mail a::after {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -18px;
    bottom: 8px;
    transition: .5s right;
  }
  body .main .component31 {
    width: 880px;
    margin: auto;
    margin-bottom: 120px;
  }
  body .main .component31 .title {
    font-weight: 400;
  }
  body .main .component31 .date {
    margin-top: 11px;
    font-weight: 700;
  }
  body .main .component31 .author {
    margin-top: 7px;
    margin-bottom: -23px;
  }
  body .main .component32 {
    width: 880px;
    margin: auto;
    margin-bottom: 147px;
    padding: 46px 60px 60px;
    background-color: #f7f7f7;
  }
  body .main .component32 .maintitle {
    font-weight: 700;
  }
  body .main .component32 .name {
    margin-top: 12px;
    font-weight: 700;
  }
  body .main .component32 .name .ruby {
    margin-left: 6px;
    font-weight: 500;
  }
  body .main .component32 .text {
    margin-top: 9px;
  }
  body .main .component32 .title {
    margin-top: 53px;
    font-weight: 700;
  }
  body .main .component32 > ul {
    margin-top: 12px;
  }
  body .main .component32 > ul li {
    list-style: disc;
    margin-left: 19px;
  }
  body .main .component33 {
    width: 1120px;
    margin: auto;
    margin-bottom: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component33 > div {
    width: 281px;
  }
  body .main .component33 > div:not(:nth-of-type(3n)) {
    margin-right: 138px;
  }
  body .main .component33 > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 31px;
  }
  body .main .component33 > div dt a {
    text-decoration: underline;
  }
  body .main .component37 {
    width: 880px;
    margin: auto;
    margin-bottom: 87px;
  }
  body .main .component37 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component37 .more-area li {
    margin-bottom: 26px;
    margin-left: 24px;
  }
  body .main .component37 .more-area li .more {
    height: auto;
    padding-bottom: 12px;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 8px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -10px;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -10px;
  }
  body .main .component37.left .more-area {
    justify-content: flex-start;
  }
  body .main .component37.left .more-area li {
    margin-left: 0;
    margin-right: 24px;
  }
  body .main .component38 {
    width: 1160px;
    margin: auto;
    margin-bottom: 122px;
  }
  body .main .component38 .txt-list {
    list-style: disc;
    width: 910px;
    margin-left: 45px;
  }
  body .main .component38 .txt-list__li:not(:nth-child(1)) {
    margin-top: 16px;
  }
  body .main .component38 .txt-list__li small {
    display: block;
    margin-top: 3px;
    color: #777777;
  }
  body .main .component38 ol.txt-list {
    list-style: decimal;
  }
  body .main .component39 {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 120px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1;
    position: relative;
  }
  body .main .component39 .nav__page-ul {
    max-width: 50vw;
    margin-left: 38px;
    margin-right: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 36px;
    position: relative;
    color: #777777;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
  }
  body .main .component39 .nav__anchor-ul {
    margin-right: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__anchor-ul li {
    margin-right: 18px;
    margin-left: 20.5px;
    margin-bottom: 10px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .main .component39 .nav__anchor-ul li a::after {
    content: "";
    width: 18px;
    height: 6px;
    position: absolute;
    right: -22px;
    top: 9px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .main .component39 .nav__anchor-ul li a:hover::after {
    top: 16px;
  }
  body .main .component39.no_fv {
    margin-top: 146px;
    margin-bottom: 0px;
  }
  body .main .component42 {
    width: 1150px;
    margin: auto;
    margin-bottom: 44px;
    border: 1px solid #000;
    background-color: #fff;
    word-break: break-word;
    padding: 20px 30px;
  }
  body .main .component42.gray, body .main .component42 .gray {
    color: #777;
  }
  body .main .component42.bold, body .main .component42 .bold {
    font-weight: 700;
  }
  body .main .component42.red {
    border: 1px solid #D00A41;
  }
  body .main .component42 a {
    color: #D00A41;
  }
  body .main .component42 a:hover {
    opacity: 0.5;
  }
  body .main .component47 {
    width: 1160px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component47__li {
    width: 572px;
    min-height: 584px;
    padding: 38px 30px 100px 40px;
    background-color: #F1F1F1;
    position: relative;
  }
  body .main .component47__li:nth-child(2n+1) {
    margin-right: 16px;
  }
  body .main .component47__li:not(body .main .component47__li:nth-child(1), body .main .component47__li:nth-child(2)) {
    margin-top: 24px;
  }
  body .main .component47__li .position {
    letter-spacing: 0.03em;
  }
  body .main .component47__li .name-box {
    margin-top: 6px;
  }
  body .main .component47__li .name-box .ruby {
    color: #777;
  }
  body .main .component47__li .name-box .name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
  }
  body .main .component47__li .profile {
    margin-top: 14px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .title {
    color: #777;
    margin-top: 12px;
  }
  body .main .component47__li .text {
    margin-top: 8px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .more-area {
    position: absolute;
    bottom: 38px;
    right: 40px;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component47__li .more-area li:not(:nth-child(1)) {
    margin-left: 20px;
  }
  body .main .pager {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 404px;
    margin: auto;
    margin-top: 80px;
  }
  body .main .pager span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-align: center;
    position: relative;
    transition: all .5s;
    color: #b6b6b6;
  }
  body .main .pager span a {
    position: relative;
    font-size: 16px;
    line-height: 1.8;
  }
  body .main .pager span:hover {
    cursor: pointer;
    opacity: inherit;
    opacity: .7;
  }
  body .main .pager span.invalid {
    pointer-events: none;
  }
  body .main .pager span.current {
    color: #222;
    pointer-events: none;
  }
  body .main .pager span.current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #222222;
    left: 0px;
    bottom: -1px;
  }
  body .main .pager span.current:hover {
    cursor: default;
  }
  body .main .pager span.ellipsis {
    pointer-events: none;
  }
  body .main .pager span.ellipsis:hover {
    cursor: default;
    opacity: 1;
  }
  body .main .pager span.ellipsis::before {
    content: "･･･";
    display: block;
  }
  body .main .pager .prev,
  body .main .pager .next {
    width: 48px;
    height: 48px;
    background: #222222;
    position: relative;
    cursor: pointer;
  }
  body .main .pager .prev.invalid,
  body .main .pager .next.invalid {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main .pager .prev.invalid:hover,
  body .main .pager .next.invalid:hover {
    cursor: default;
  }
  body .main .pager .prev::after,
  body .main .pager .next::after {
    content: "";
    width: 18px;
    height: 6px;
    background-image: url("../img/common/arrow_18.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    filter: invert(1);
  }
  body .main .pager .prev {
    margin-right: 30px;
  }
  body .main .pager .prev::after {
    transform: scale(-1, 1);
  }
  body .main .pager .next {
    margin-right: 0;
    margin-left: 20px;
    transition: all .5s;
  }
  body .main .pager .ellipsis {
    width: 2em;
    font-size: 10px;
  }
  body .main .pager .ellipsis::before {
    width: 48px;
  }
  body .main .component52 {
    width: 880px;
    margin: auto;
    margin-bottom: 120px;
  }
  body .main .component52 .tags {
    margin-bottom: 4px;
    padding: 7px 16px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .component52 .title {
    font-weight: 400;
  }
  body .main .component52 .date {
    margin-top: 11px;
    font-weight: 700;
  }
  body .main .component52 .author {
    margin-top: 7px;
    margin-bottom: -23px;
  }
  body .main.main:not(.toppage) .componentX.swiper {
    margin-left: 130px;
    padding-right: 137px;
    width: 1280px;
    overflow: visible;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #222;
    top: 51%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    content: " ";
    width: 18px;
    height: 6px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next {
    right: 90px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    left: -62px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
    width: 356px;
    height: 372px;
    margin-right: 16px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner:hover {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 200px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img img {
    width: 356px;
    height: 200px;
    object-fit: cover;
    transition: 3s;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text {
    padding: 24px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .title {
    margin-bottom: 6px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .supplement {
    margin-bottom: 2px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .date {
    margin-bottom: 5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a:hover img {
    transform: scale(1.3);
  }
}
@media screen and (min-width: 1670px) {
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) section {
    padding: 75px 0;
    overflow-y: hidden;
  }
  body .main.news_detailspage {
    overflow: hidden;
  }
  body .main section.underfv {
    padding: 0 !important;
  }
  body .main .fv-a, body .main .kv-swiper {
    position: relative;
    width: 100%;
    height: 887.5px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0) 30.08%, #f1f1f1 94.27%);
  }
  body .main .fv-a .swiper-unv_fv, body .main .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination, body .main .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 47.5px !important;
    right: 97.5px !important;
    color: #fff;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination span, body .main .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 17.5px;
  }
  body .main .fv-a .swiper-unv_fv .next, body .main .kv-swiper .swiper-unv_fv .next {
    width: 22.5px;
    height: 7.5px;
    position: absolute;
    right: 47.5px;
    bottom: 53.75px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .main .fv-a .swiper-unv_fv .next:hover, body .main .kv-swiper .swiper-unv_fv .next:hover {
    right: 37.5px;
  }
  body .main .fv-a h2, body .main .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .main .fv-a h2 > span, body .main .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 12.5px;
    margin-left: 7.5px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .main .fv-a h2 > span.subttl, body .main .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 25px;
    margin-bottom: -50px;
  }
  body .main .fv-a h2 > span.text--pc--18, body .main .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 21.25px;
  }
  body .main .fv-a h2::after, body .main .kv-swiper h2::after {
    display: none;
  }
  body .main .fv-a {
    overflow: hidden;
  }
  body .main .fv-a .swiper-unv_fv {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img {
    position: relative;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-a .text-box {
    max-width: 1450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 18.75px;
  }
  body .main .fv-a .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.3em;
  }
  body .main .fv-a .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 43.75px;
  }
  body .main .fv-a.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-a.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b {
    height: 533.75px;
    overflow: hidden;
    background: #F1F1F1;
  }
  body .main .fv-b .text-box {
    max-width: 1450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 43.75px;
  }
  body .main .fv-b .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.1em;
  }
  body .main .fv-b .text-box h2::after {
    display: none;
  }
  body .main .fv-b .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 12.5px;
  }
  body .main .fv-b.header-is-white > .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-b.header-is-white > .img::after {
    content: "";
    width: 100%;
    height: 887.5px;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-b.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main .fv-b .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main .fv-b .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .more.more[target="_blank"] {
    padding-bottom: 12.5px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 12.5px;
    right: 0px;
    left: auto;
    height: 17.5px;
    width: 17.5px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .more.more[href$=".pdf"] {
    padding-bottom: 12.5px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    height: 37.5px;
    width: 30px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more.more[href^="https://page.line.me/"] {
    padding-right: 0;
    padding-left: 38.75px;
    padding-bottom: 12.5px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href^="https://page.line.me/"]::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0px;
    right: auto;
    height: 30px;
    width: 30px;
    background: url(../img/common/ico_line.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main .component1 {
    width: 1500px;
    margin: auto;
    margin-bottom: 47.5px;
  }
  body .main .component1 .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .component1 .contents__inner {
    position: relative;
    min-height: 433.75px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 78.75px;
  }
  body .main .component1 .contents__inner .visual {
    width: 975px;
    position: absolute;
    top: -13.75px;
    left: 22.5px;
  }
  body .main .component1 .contents__inner .link-box {
    width: 625px;
    min-height: 290px;
    padding-bottom: 40px;
    position: relative;
  }
  body .main .component1 .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .component1 .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .component1 .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .component1 .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .component1 .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .component1 .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .component1 .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 37.5px;
  }
  body .main .component1 .contents__inner .link-box .link li a {
    display: block;
    margin-right: 20px;
    margin-bottom: 11.25px;
    display: flex;
    align-items: center;
  }
  body .main .component1 .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 10px;
    height: 9.125px;
    margin-right: 7.5px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .component1 .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
  }
  body .main .component1 .contents__inner .link-box .more-area li {
    margin-right: 30px;
    margin-top: 15px;
  }
  body .main .department_contents {
    width: 1500px;
    margin: auto;
    margin-bottom: 100px;
  }
  body .main .department_contents .contents__inner {
    position: relative;
    min-height: 450px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 78.75px;
  }
  body .main .department_contents .contents__inner .visual {
    width: 975px;
    position: absolute;
    top: 0px;
    left: 22.5px;
  }
  body .main .department_contents .contents__inner .link-box {
    width: 625px;
    min-height: 290px;
    padding-bottom: 40px;
    position: relative;
  }
  body .main .department_contents .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .department_contents .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .department_contents .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .department_contents .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .department_contents .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .department_contents .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .department_contents .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 3.6em;
  }
  body .main .department_contents .contents__inner .link-box .link li a {
    display: block;
    margin-right: 20px;
    margin-bottom: 11.25px;
    display: flex;
    align-items: center;
  }
  body .main .department_contents .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 10px;
    height: 9.125px;
    margin-right: 7.5px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .department_contents .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
  }
  body .main .department_contents .contents__inner .link-box .more-area li {
    margin-right: 30px;
    margin-top: 15px;
  }
  body .main .department_contents .more-area li .more {
    height: auto;
    padding-bottom: 15px;
  }
  body .main .department_contents .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .department_detail {
    width: 1450px;
    margin: auto;
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .department_detail .tab-list-ul {
    width: 150px;
  }
  body .main .department_detail .tab-list-ul li {
    color: #777777;
    letter-spacing: -0.03em;
  }
  body .main .department_detail .tab-list-ul li p {
    display: inline-block;
    cursor: pointer;
    line-height: 1.4;
    padding-bottom: 6.25px;
    border-bottom: 2px solid #F7F7F7;
  }
  body .main .department_detail .tab-list-ul li .active {
    color: #222222;
    border-bottom: 2px solid #222222;
  }
  body .main .department_detail .tab-list-ul li:not(:nth-child(1)) {
    margin-top: 35px;
  }
  body .main .department_detail .data-ul {
    width: 1150px;
    position: relative;
  }
  body .main .department_detail .data-ul > li {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(20%);
    transition: .5s ease-out;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li {
    width: 525px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox {
    display: flex;
    align-items: center;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox h3 {
    letter-spacing: 0.03em;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox small {
    margin-left: 18.75px;
    padding-bottom: 2.5px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img {
    margin-top: 50px;
    width: 525px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img img {
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li:not(:nth-child(1), :nth-child(2)) {
    margin-top: 100px;
  }
  body .main .department_detail .data-ul > li.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .component5 {
    width: 1450px;
    margin: auto;
    margin-bottom: 75px;
  }
  body .main .component5 a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main .component5 a::after {
    content: "";
    width: 40px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    transition: .5s ease-out;
  }
  body .main .component5 a:hover::after {
    opacity: .7;
    transform: translateX(20px);
  }
  body .main .component5 .img {
    width: 600px;
  }
  body .main .component5 .img img {
    width: 100%;
  }
  body .main .component5 .text {
    width: 806.25px;
    min-height: 337.5px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main .component5 .text .title {
    width: 737.5px;
    margin-top: 47.5px;
    margin-left: 36.25px;
    font-size: 30px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main .component5 .text .title::before {
    content: "";
    width: 50px;
    height: 40px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -10px;
    left: -32.5px;
    z-index: -1;
  }
  body .main .component5 .text .title::after {
    content: "";
    width: 50px;
    height: 40px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -12.5px;
    right: -25px;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main .component5 .text .textBox {
    margin-left: 5px;
    margin-bottom: -8.75px;
  }
  body .main .component5 .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 2.5px;
  }
  body .main .component5 .text .textBox .department {
    margin-top: 5px;
  }
  body .main .component6 {
    width: 1450px;
    margin: auto;
    margin-bottom: 136.25px;
    position: relative;
  }
  body .main .component6 > .img {
    width: 900px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
  }
  body .main .component6 > .img img {
    width: 100%;
  }
  body .main .component6 .features-text {
    width: 625px;
    padding-top: 50px;
    margin-left: 825px;
    position: relative;
    z-index: 1;
  }
  body .main .component6 .features-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 20px 2.5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component6 .features-text p {
    word-break: break-word;
    margin-left: 125px;
  }
  body .main .component6 .features-text p:nth-of-type(1) {
    margin-top: 42.5px;
  }
  body .main .component6 .features-text p.position {
    text-align: right;
    margin-top: 25px;
  }
  body .main .component6 .features-text p.name {
    text-align: right;
    margin-top: 20px;
    margin-right: -2.5px;
    font-size: 30px;
    letter-spacing: 0.1em;
  }
  body .main .component7 {
    width: 1450px;
    position: relative;
    margin: auto;
    margin-bottom: 127.5px;
    display: flex;
    justify-content: space-between;
  }
  body .main .component7 .policy-text {
    width: 950px;
    position: relative;
  }
  body .main .component7 .policy-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 20px 2.5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component7 .policy-text p {
    margin-top: 40px;
    word-break: break-word;
  }
  body .main .component7 .more-area {
    width: 343.75px;
    margin-top: 143.75px;
  }
  body .main .component7 .more-area li:not(:nth-child(1)) {
    margin-top: 33.75px;
  }
  body .main .component7 .more-area li .more {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    word-break: break-word;
  }
  body .main .component7 .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .component8 {
    width: 1450px;
    margin: auto;
    margin-bottom: 127.5px;
    position: relative;
  }
  body .main .component8 .flex h2 {
    width: 237.5px;
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know {
    width: 1151.25px;
    margin-top: 17.5px;
    margin-right: 0;
    overflow: visible;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 350px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img {
    width: 100%;
    height: 525px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 25px;
    letter-spacing: -0.04em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p {
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p.title {
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 13.75px;
    padding-right: 22.5px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 50px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
    display: block;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 12.5px;
    right: 2.5px;
    transition: .5s ease-out;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(20px);
  }
  body .main .component9 {
    margin-bottom: 41.25px;
  }
  body .main .component9 .inner {
    width: 1500px;
    margin: auto;
  }
  body .main .component9 .flex {
    justify-content: space-between;
  }
  body .main .component9 .flex h2 {
    width: 243.75px;
    word-break: break-word;
  }
  body .main .component9 .detail {
    display: flex;
    margin-top: 26.25px;
    margin-right: 3.75px;
    width: 1130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component9 .detail ul {
    margin-top: -10px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component9 .detail ul li {
    width: 1045px;
    height: auto;
    padding-top: 31.875px;
    padding-right: 40px;
    padding-left: 38.75px;
  }
  body .main .component9 .detail ul li:nth-child(1) {
    padding-top: 50px;
  }
  body .main .component9 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 27.5px;
  }
  body .main .component9 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 3.75px;
    padding-right: 37.5px;
    word-break: break-word;
  }
  body .main .component9 .detail ul li a:after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 22.5px;
    top: auto;
    transition: .5s right;
  }
  body .main .component9 .detail ul li a:hover:after {
    right: -6.25px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:after {
    height: 20px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 15px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:after {
    height: 37.5px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 10px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component12 {
    padding-top: 0;
    margin-bottom: 12.5px;
  }
  body .main .component12 .inner {
    width: 1500px;
    margin: auto;
  }
  body .main .component12 .flex {
    justify-content: space-between;
  }
  body .main .component12 .flex h2 {
    width: 243.75px;
    word-break: break-word;
  }
  body .main .component12 .detail {
    display: flex;
    margin-top: 15px;
    margin-right: 3.75px;
    width: 1130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component12 .detail > div {
    width: 540px;
    margin-bottom: 50px;
  }
  body .main .component12 .detail h3 {
    word-break: break-word;
    max-width: 540px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    line-height: 1.4;
  }
  body .main .component12 .detail ul {
    margin-top: -10px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component12 .detail ul li {
    width: 540px;
    height: auto;
    padding-top: 31.875px;
    padding-right: 40px;
    padding-left: 38.75px;
  }
  body .main .component12 .detail ul li:nth-child(1) {
    padding-top: 50px;
  }
  body .main .component12 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 27.5px;
  }
  body .main .component12 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 3.75px;
    padding-right: 37.5px;
    word-break: break-word;
  }
  body .main .component12 .detail ul li a:after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 22.5px;
    top: auto;
    transition: .5s right;
  }
  body .main .component12 .detail ul li a:hover:after {
    right: -6.25px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:after {
    height: 20px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 15px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:after {
    height: 37.5px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 10px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component14 {
    width: 1437.5px;
    margin: auto;
    margin-bottom: 15px;
  }
  body .main .component14 h4 {
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  body .main .component15 {
    width: 1437.5px;
    margin: auto;
    margin-bottom: 27.5px;
  }
  body .main .component15 p {
    word-break: break-word;
  }
  body .main .component15.gray, body .main .component15 .gray {
    color: #777;
  }
  body .main .component15.bold, body .main .component15 .bold {
    font-weight: 700;
  }
  body .main .component15 a {
    color: #D00A41;
  }
  body .main .component15 a:hover {
    opacity: 0.5;
  }
  body .main .component17 {
    width: 1450px;
    margin: auto;
    margin-bottom: 108.75px;
  }
  body .main .component17 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component17 .more-area li {
    margin-bottom: 32.5px;
    margin-left: 30px;
  }
  body .main .component17 .more-area li .more {
    height: auto;
    padding-bottom: 15px;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 10px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3.75px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -12.5px;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -12.5px;
  }
  body .main .component17.left .more-area {
    justify-content: flex-start;
  }
  body .main .component17.left .more-area li {
    margin-left: 0;
    margin-right: 30px;
  }
  body .main .component23 {
    margin-bottom: 41.25px;
  }
  body .main .component23 .inner {
    width: 1500px;
    margin: auto;
  }
  body .main .component23 .flex {
    justify-content: space-between;
  }
  body .main .component23 h2 {
    width: 243.75px;
    word-break: break-word;
  }
  body .main .component23 .detail {
    display: flex;
    margin-top: 18.75px;
    margin-right: 3.75px;
    width: 1130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component23 .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .component23 .detail ul {
    margin-top: -10px;
    column-count: 2;
    column-gap: 50px;
    column-fill: balance;
    position: relative;
    margin-top: 31.875px;
  }
  body .main .component23 .detail ul li {
    width: 540px;
    height: auto;
    padding-right: 40px;
    padding-left: 38.75px;
    padding-top: 4.375px;
    padding-bottom: 27.5px;
    background: #f1f1f1;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid;
    margin-top: -1px;
  }
  body .main .component23 .detail ul li::before, body .main .component23 .detail ul li::after {
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-top: #fff 1px solid;
    background: #f1f1f1;
    width: 537.5px;
    height: 32.5px;
    top: -32.5px;
    position: absolute;
    content: "";
  }
  body .main .component23 .detail ul li::before {
    left: 0;
  }
  body .main .component23 .detail ul li::after {
    right: 0;
  }
  body .main .component23 .detail ul li a {
    display: block;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 6.25px;
    word-break: break-word;
    width: 460px;
    padding-right: 25px;
  }
  body .main .component23 .detail ul li a:after {
    content: " ";
    display: block;
    width: 22.5px;
    height: 7.5px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0px;
    bottom: 22.5px;
    top: auto;
    transition: .5s right;
  }
  body .main .component23 .detail ul li a:hover:after {
    right: -25px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:after {
    height: 20px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 15px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:after {
    height: 37.5px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 10px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component23 .inner .more-area {
    padding-top: 3.75px;
    margin-top: 0;
  }
  body .main .component23 .inner .more-area li {
    margin-top: 37.5px;
    margin-left: 37.5px;
  }
  body .main .component23 .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0px;
  }
  body .main .component23 .inner .more-area li:nth-child(1) {
    margin-left: 0px;
  }
  body .main .component25 {
    width: 1450px;
    margin: auto;
    margin-bottom: 51.25px;
    background-color: #dbe2e6;
    padding-bottom: 51.25px;
  }
  body .main .component25 .ttl {
    background-color: #000;
    color: #fff;
    padding: 0 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  body .main .component25 .txt {
    width: 1340px;
    margin: auto;
    margin-top: 41.25px;
    word-break: break-word;
  }
  body .main .component26 {
    width: 1450px;
    margin: auto;
    margin-bottom: 175px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 50px;
  }
  body .main .component26 li {
    width: 450px;
    height: 235px;
    position: relative;
  }
  body .main .component26 li a {
    position: relative;
    display: block;
    height: 100%;
  }
  body .main .component26 li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 43.75px;
  }
  body .main .component26 li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main .component26 li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main .component26 li .img {
    position: relative;
    height: 100%;
  }
  body .main .component26 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component26 li .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 68.96%, rgba(255, 255, 255, 0) 123.75%);
  }
  body .main .component30 {
    width: 1450px;
    margin: auto;
    margin-bottom: 150px;
  }
  body .main .component30 li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 52.5px 0 31.25px;
  }
  body .main .component30 li:nth-child(1) {
    padding-top: 0;
  }
  body .main .component30 li .name {
    width: 337.5px;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main .component30 li .about {
    width: 730px;
    padding-right: 4em;
  }
  body .main .component30 li .tel {
    width: 236.25px;
    padding-right: 1.5em;
  }
  body .main .component30 li .mail a {
    position: relative;
    display: block;
  }
  body .main .component30 li .mail a::after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -22.5px;
    bottom: 10px;
    transition: .5s right;
  }
  body .main .component31 {
    width: 1100px;
    margin: auto;
    margin-bottom: 150px;
  }
  body .main .component31 .title {
    font-weight: 400;
  }
  body .main .component31 .date {
    margin-top: 13.75px;
    font-weight: 700;
  }
  body .main .component31 .author {
    margin-top: 8.75px;
    margin-bottom: -28.75px;
  }
  body .main .component32 {
    width: 1100px;
    margin: auto;
    margin-bottom: 183.75px;
    padding: 57.5px 75px 75px;
    background-color: #f7f7f7;
  }
  body .main .component32 .maintitle {
    font-weight: 700;
  }
  body .main .component32 .name {
    margin-top: 15px;
    font-weight: 700;
  }
  body .main .component32 .name .ruby {
    margin-left: 7.5px;
    font-weight: 500;
  }
  body .main .component32 .text {
    margin-top: 11.25px;
  }
  body .main .component32 .title {
    margin-top: 66.25px;
    font-weight: 700;
  }
  body .main .component32 > ul {
    margin-top: 15px;
  }
  body .main .component32 > ul li {
    list-style: disc;
    margin-left: 23.75px;
  }
  body .main .component37 {
    width: 1100px;
    margin: auto;
    margin-bottom: 108.75px;
  }
  body .main .component37 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component37 .more-area li {
    margin-bottom: 32.5px;
    margin-left: 30px;
  }
  body .main .component37 .more-area li .more {
    height: auto;
    padding-bottom: 15px;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 10px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 3.75px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -12.5px;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -12.5px;
  }
  body .main .component37.left .more-area {
    justify-content: flex-start;
  }
  body .main .component37.left .more-area li {
    margin-left: 0;
    margin-right: 30px;
  }
  body .main .component38 {
    width: 1450px;
    margin: auto;
    margin-bottom: 152.5px;
  }
  body .main .component38 .txt-list {
    list-style: disc;
    width: 1137.5px;
    margin-left: 56.25px;
  }
  body .main .component38 .txt-list__li:not(:nth-child(1)) {
    margin-top: 20px;
  }
  body .main .component38 .txt-list__li small {
    display: block;
    margin-top: 3.75px;
    color: #777777;
  }
  body .main .component38 ol.txt-list {
    list-style: decimal;
  }
  body .main .component39 {
    width: 100%;
    margin-top: 43.75px;
    margin-bottom: 150px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1;
    position: relative;
  }
  body .main .component39 .nav__page-ul {
    max-width: 50vw;
    margin-left: 47.5px;
    margin-right: 47.5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 45px;
    position: relative;
    color: #777777;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 10px;
    height: 1.25px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17.5px;
    margin: auto;
  }
  body .main .component39 .nav__anchor-ul {
    margin-right: 43.75px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__anchor-ul li {
    margin-right: 22.5px;
    margin-left: 25.625px;
    margin-bottom: 12.5px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .main .component39 .nav__anchor-ul li a::after {
    content: "";
    width: 22.5px;
    height: 7.5px;
    position: absolute;
    right: -27.5px;
    top: 11.25px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .main .component39 .nav__anchor-ul li a:hover::after {
    top: 20px;
  }
  body .main .component39.no_fv {
    margin-top: 182.5px;
    margin-bottom: 0px;
  }
  body .main .component42 {
    width: 1437.5px;
    margin: auto;
    margin-bottom: 55px;
    border: 1px solid #000;
    background-color: #fff;
    word-break: break-word;
    padding: 25px 37.5px;
  }
  body .main .component42.gray, body .main .component42 .gray {
    color: #777;
  }
  body .main .component42.bold, body .main .component42 .bold {
    font-weight: 700;
  }
  body .main .component42.red {
    border: 1px solid #D00A41;
  }
  body .main .component42 a {
    color: #D00A41;
  }
  body .main .component42 a:hover {
    opacity: 0.5;
  }
  body .main .component47 {
    width: 1450px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component47__li {
    width: 715px;
    min-height: 730px;
    padding: 47.5px 37.5px 125px 50px;
    background-color: #F1F1F1;
    position: relative;
  }
  body .main .component47__li:nth-child(2n+1) {
    margin-right: 20px;
  }
  body .main .component47__li:not(body .main .component47__li:nth-child(1), body .main .component47__li:nth-child(2)) {
    margin-top: 30px;
  }
  body .main .component47__li .position {
    letter-spacing: 0.03em;
  }
  body .main .component47__li .name-box {
    margin-top: 7.5px;
  }
  body .main .component47__li .name-box .ruby {
    color: #777;
  }
  body .main .component47__li .name-box .name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
  }
  body .main .component47__li .profile {
    margin-top: 17.5px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .title {
    color: #777;
    margin-top: 15px;
  }
  body .main .component47__li .text {
    margin-top: 10px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .more-area {
    position: absolute;
    bottom: 47.5px;
    right: 50px;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component47__li .more-area li:not(:nth-child(1)) {
    margin-left: 25px;
  }
  body .main .pager {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 505px;
    margin: auto;
    margin-top: 80px;
  }
  body .main .pager span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-align: center;
    position: relative;
    transition: all .5s;
    color: #b6b6b6;
  }
  body .main .pager span a {
    position: relative;
    font-size: 20px;
    line-height: 1.8;
  }
  body .main .pager span:hover {
    cursor: pointer;
    opacity: inherit;
    opacity: .7;
  }
  body .main .pager span.invalid {
    pointer-events: none;
  }
  body .main .pager span.current {
    color: #222;
    pointer-events: none;
  }
  body .main .pager span.current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.25px;
    background: #222222;
    left: 0px;
    bottom: -1.25px;
  }
  body .main .pager span.current:hover {
    cursor: default;
  }
  body .main .pager span.ellipsis {
    pointer-events: none;
  }
  body .main .pager span.ellipsis:hover {
    cursor: default;
    opacity: 1;
  }
  body .main .pager span.ellipsis::before {
    content: "･･･";
    display: block;
  }
  body .main .pager .prev,
  body .main .pager .next {
    width: 60px;
    height: 60px;
    background: #222222;
    position: relative;
    cursor: pointer;
  }
  body .main .pager .prev.invalid,
  body .main .pager .next.invalid {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main .pager .prev.invalid:hover,
  body .main .pager .next.invalid:hover {
    cursor: default;
  }
  body .main .pager .prev::after,
  body .main .pager .next::after {
    content: "";
    width: 22.5px;
    height: 7.5px;
    background-image: url("../img/common/arrow_18.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 22.5px;
    left: 0;
    right: 0;
    margin: auto;
    filter: invert(1);
  }
  body .main .pager .prev {
    margin-right: 30px;
  }
  body .main .pager .prev::after {
    transform: scale(-1, 1);
  }
  body .main .pager .next {
    margin-right: 0;
    margin-left: 20px;
    transition: all .5s;
  }
  body .main .pager .ellipsis {
    width: 2em;
    font-size: 12.5px;
  }
  body .main .pager .ellipsis::before {
    width: 60px;
  }
  body .main .component52 {
    width: 1100px;
    margin: auto;
    margin-bottom: 150px;
  }
  body .main .component52 .tags {
    margin-bottom: 5px;
    padding: 8.75px 20px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .component52 .title {
    font-weight: 400;
  }
  body .main .component52 .date {
    margin-top: 13.75px;
    font-weight: 700;
  }
  body .main .component52 .author {
    margin-top: 8.75px;
    margin-bottom: -28.75px;
  }
  body .main.main:not(.toppage) .componentX.swiper {
    margin-left: 162.5px;
    padding-right: 171.25px;
    width: 1600px;
    overflow: visible;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    background: #222;
    top: 51%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    content: " ";
    width: 22.5px;
    height: 7.5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next {
    right: 112.5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    left: -77.5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
    width: 445px;
    height: 465px;
    margin-right: 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 250px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img img {
    width: 445px;
    height: 250px;
    object-fit: cover;
    transition: 3s;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text {
    padding: 30px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .title {
    margin-bottom: 7.5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .supplement {
    margin-bottom: 2.5px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .date {
    margin-bottom: 6.25px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a:hover img {
    transform: scale(1.3);
  }
}
@media print {
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) section {
    padding: 34.2px 0;
    overflow-y: visible;
  }
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) a[data-id] {
    cursor: pointer;
  }
  body .main .component_pagetitle {
    position: absolute;
  }
  body .main .component_nav .nav__anchor-ul {
    display: none;
  }
  body .main .component_text {
    display: none;
  }
  body .main.news_detailspage {
    overflow: hidden;
  }
  body .main section.underfv {
    padding: 0 !important;
  }
  body .main .fv-a, body .main .kv-swiper {
    position: relative;
    width: 100%;
    height: 404.7px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0) 30.08%, #f1f1f1 94.27%);
  }
  body .main .fv-a .swiper-unv_fv, body .main .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination, body .main .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 21.66px !important;
    right: 44.46px !important;
    color: #fff;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination span, body .main .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 7.98px;
  }
  body .main .fv-a .swiper-unv_fv .next, body .main .kv-swiper .swiper-unv_fv .next {
    width: 10.26px;
    height: 3.42px;
    position: absolute;
    right: 21.66px;
    bottom: 24.51px;
    background-color: #fff;
    z-index: 100;
    cursor: pointer;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transition: right .5s ease-in-out;
    filter: invert(100%);
  }
  body .main .fv-a .swiper-unv_fv .next:hover, body .main .kv-swiper .swiper-unv_fv .next:hover {
    right: 17.1px;
  }
  body .main .fv-a h2, body .main .kv-swiper h2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: table;
  }
  body .main .fv-a h2 > span, body .main .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: 5.7px;
    margin-left: 3.42px;
    letter-spacing: 0.2em;
    font-weight: 400;
  }
  body .main .fv-a h2 > span.subttl, body .main .kv-swiper h2 > span.subttl {
    width: 100%;
    display: block;
    margin-top: 11.4px;
    margin-bottom: -22.8px;
  }
  body .main .fv-a h2 > span.text--pc--18, body .main .kv-swiper h2 > span.text--pc--18 {
    line-height: 1;
    font-size: 9.69px;
  }
  body .main .fv-a h2::after, body .main .kv-swiper h2::after {
    display: none;
  }
  body .main .fv-a {
    overflow: hidden;
  }
  body .main .fv-a .swiper-unv_fv {
    height: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img {
    position: relative;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-a .text-box {
    max-width: 661.2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.55px;
  }
  body .main .fv-a .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.3em;
  }
  body .main .fv-a .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 19.95px;
  }
  body .main .fv-a.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-a.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b {
    height: 243.39px;
    overflow: hidden;
    background: #F1F1F1;
  }
  body .main .fv-b .text-box {
    max-width: 661.2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 19.95px;
  }
  body .main .fv-b .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.1em;
  }
  body .main .fv-b .text-box h2::after {
    display: none;
  }
  body .main .fv-b .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 5.7px;
  }
  body .main .fv-b.header-is-white > .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-b.header-is-white > .img::after {
    content: "";
    width: 100%;
    height: 404.7px;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-b.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main .fv-b .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main .fv-b .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .more.more[target="_blank"] {
    padding-bottom: 5.7px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 5.7px;
    right: 0px;
    left: auto;
    height: 7.98px;
    width: 7.98px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .more.more[href$=".pdf"] {
    padding-bottom: 5.7px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    height: 17.1px;
    width: 13.68px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more.more[href^="https://page.line.me/"] {
    padding-right: 0;
    padding-left: 17.67px;
    padding-bottom: 5.7px;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href^="https://page.line.me/"]::after {
    content: "";
    position: absolute;
    top: 2.28px;
    left: 0px;
    right: auto;
    height: 13.68px;
    width: 13.68px;
    background: url(../img/common/ico_line.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main .component1 {
    width: 684px;
    margin: auto;
    margin-bottom: 21.66px;
  }
  body .main .component1 .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .component1 .contents__inner {
    position: relative;
    min-height: 197.79px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 35.91px;
  }
  body .main .component1 .contents__inner .visual {
    width: 444.6px;
    position: absolute;
    top: -6.27px;
    left: 10.26px;
  }
  body .main .component1 .contents__inner .link-box {
    width: 285px;
    min-height: 132.24px;
    padding-bottom: 18.24px;
    position: relative;
  }
  body .main .component1 .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .component1 .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .component1 .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .component1 .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .component1 .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .component1 .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .component1 .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
    margin-top: 13.68px;
    margin-bottom: 17.1px;
  }
  body .main .component1 .contents__inner .link-box .link li a {
    display: block;
    margin-right: 9.12px;
    margin-bottom: 5.13px;
    display: flex;
    align-items: center;
  }
  body .main .component1 .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 4.56px;
    height: 4.161px;
    margin-right: 3.42px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .component1 .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
  }
  body .main .component1 .contents__inner .link-box .more-area li {
    margin-right: 13.68px;
    margin-top: 6.84px;
  }
  body .main .department_contents {
    width: 684px;
    margin: auto;
    margin-bottom: 45.6px;
  }
  body .main .department_contents .contents__inner {
    position: relative;
    min-height: 205.2px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 35.91px;
  }
  body .main .department_contents .contents__inner .visual {
    width: 444.6px;
    position: absolute;
    top: 0px;
    left: 10.26px;
  }
  body .main .department_contents .contents__inner .link-box {
    width: 285px;
    min-height: 132.24px;
    padding-bottom: 18.24px;
    position: relative;
  }
  body .main .department_contents .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .department_contents .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .department_contents .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .department_contents .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .department_contents .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .department_contents .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .department_contents .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
    margin-right: 18.24px;
    margin-top: 13.68px;
    margin-bottom: 11.4px;
    min-height: 3.6em;
  }
  body .main .department_contents .contents__inner .link-box .link li a {
    display: block;
    margin-right: 9.12px;
    margin-bottom: 5.13px;
    display: flex;
    align-items: center;
  }
  body .main .department_contents .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 4.56px;
    height: 4.161px;
    margin-right: 3.42px;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .department_contents .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: 18.24px;
  }
  body .main .department_contents .contents__inner .link-box .more-area li {
    margin-right: 13.68px;
    margin-top: 6.84px;
  }
  body .main .department_contents .more-area li .more {
    height: auto;
    padding-bottom: 6.84px;
  }
  body .main .department_contents .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .department_detail {
    width: 661.2px;
    margin: auto;
    margin-bottom: 45.6px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  body .main .department_detail .tab-list-ul {
    width: 68.4px;
  }
  body .main .department_detail .tab-list-ul li {
    color: #777777;
    letter-spacing: -0.03em;
  }
  body .main .department_detail .tab-list-ul li p {
    display: inline-block;
    cursor: pointer;
    line-height: 1.4;
    padding-bottom: 2.85px;
    border-bottom: 2px solid #F7F7F7;
  }
  body .main .department_detail .tab-list-ul li .active {
    color: #222222;
    border-bottom: 2px solid #222222;
  }
  body .main .department_detail .tab-list-ul li:not(:nth-child(1)) {
    margin-top: 15.96px;
  }
  body .main .department_detail .data-ul {
    width: 524.4px;
    position: relative;
  }
  body .main .department_detail .data-ul > li {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(20%);
    transition: .5s ease-out;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li {
    width: 239.4px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox {
    display: flex;
    align-items: center;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox h3 {
    letter-spacing: 0.03em;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox small {
    margin-left: 8.55px;
    padding-bottom: 1.14px;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img {
    margin-top: 22.8px;
    width: 239.4px;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img img {
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li:not(:nth-child(1), :nth-child(2)) {
    margin-top: 45.6px;
  }
  body .main .department_detail .data-ul > li.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .component5 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 34.2px;
  }
  body .main .component5 a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  body .main .component5 a::after {
    content: "";
    width: 18.24px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    transition: .5s ease-out;
  }
  body .main .component5 a:hover::after {
    opacity: .7;
    transform: translateX(9.12px);
  }
  body .main .component5 .img {
    width: 273.6px;
  }
  body .main .component5 .img img {
    width: 100%;
  }
  body .main .component5 .text {
    width: 367.65px;
    min-height: 153.9px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  body .main .component5 .text .title {
    width: 336.3px;
    margin-top: 21.66px;
    margin-left: 16.53px;
    font-size: 13.68px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    position: relative;
  }
  body .main .component5 .text .title::before {
    content: "";
    width: 22.8px;
    height: 18.24px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -4.56px;
    left: -14.82px;
    z-index: -1;
  }
  body .main .component5 .text .title::after {
    content: "";
    width: 22.8px;
    height: 18.24px;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -5.7px;
    right: -11.4px;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main .component5 .text .textBox {
    margin-left: 2.28px;
    margin-bottom: -3.99px;
  }
  body .main .component5 .text .textBox .name {
    letter-spacing: -0.02em;
    margin-top: 1.14px;
  }
  body .main .component5 .text .textBox .department {
    margin-top: 2.28px;
  }
  body .main .component6 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 62.13px;
    position: relative;
  }
  body .main .component6 > .img {
    width: 410.4px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
  }
  body .main .component6 > .img img {
    width: 100%;
  }
  body .main .component6 .features-text {
    width: 285px;
    padding-top: 22.8px;
    margin-left: 376.2px;
    position: relative;
    z-index: 1;
  }
  body .main .component6 .features-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 9.12px 1.14px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component6 .features-text p {
    word-break: break-word;
    margin-left: 57px;
  }
  body .main .component6 .features-text p:nth-of-type(1) {
    margin-top: 19.38px;
  }
  body .main .component6 .features-text p.position {
    text-align: right;
    margin-top: 11.4px;
  }
  body .main .component6 .features-text p.name {
    text-align: right;
    margin-top: 9.12px;
    margin-right: -1.14px;
    font-size: 13.68px;
    letter-spacing: 0.1em;
  }
  body .main .component7 {
    width: 661.2px;
    position: relative;
    margin: auto;
    margin-bottom: 58.14px;
    display: flex;
    justify-content: space-between;
  }
  body .main .component7 .policy-text {
    width: 433.2px;
    position: relative;
  }
  body .main .component7 .policy-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0px 9.12px 1.14px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component7 .policy-text p {
    margin-top: 18.24px;
    word-break: break-word;
  }
  body .main .component7 .more-area {
    width: 156.75px;
    margin-top: 65.55px;
  }
  body .main .component7 .more-area li:not(:nth-child(1)) {
    margin-top: 15.39px;
  }
  body .main .component7 .more-area li .more {
    width: 100%;
    height: auto;
    padding-bottom: 4.56px;
    word-break: break-word;
  }
  body .main .component7 .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .component8 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 58.14px;
    position: relative;
  }
  body .main .component8 .flex h2 {
    width: 108.3px;
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know {
    width: 524.97px;
    margin-top: 7.98px;
    margin-right: 0;
    overflow: visible;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 159.6px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img {
    width: 100%;
    height: 239.4px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text {
    margin-top: 11.4px;
    letter-spacing: -0.04em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p {
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p.title {
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 6.27px;
    padding-right: 10.26px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner:not(:nth-child(1)) {
    margin-left: 22.8px;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
    display: block;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 5.7px;
    right: 1.14px;
    transition: .5s ease-out;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(9.12px);
  }
  body .main .component9 {
    margin-bottom: 18.81px;
  }
  body .main .component9 .inner {
    width: 684px;
    margin: auto;
  }
  body .main .component9 .flex {
    justify-content: space-between;
  }
  body .main .component9 .flex h2 {
    width: 111.15px;
    word-break: break-word;
  }
  body .main .component9 .detail {
    display: flex;
    margin-top: 11.97px;
    margin-right: 1.71px;
    width: 515.28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component9 .detail ul {
    margin-top: -4.56px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component9 .detail ul li {
    width: 476.52px;
    height: auto;
    padding-top: 14.535px;
    padding-right: 18.24px;
    padding-left: 17.67px;
  }
  body .main .component9 .detail ul li:nth-child(1) {
    padding-top: 22.8px;
  }
  body .main .component9 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 12.54px;
  }
  body .main .component9 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.71px;
    padding-right: 17.1px;
    word-break: break-word;
  }
  body .main .component9 .detail ul li a:after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 10.26px;
    top: auto;
    transition: .5s right;
  }
  body .main .component9 .detail ul li a:hover:after {
    right: -2.85px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:after {
    height: 9.12px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 6.84px;
  }
  body .main .component9 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:after {
    height: 17.1px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 4.56px;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component12 {
    padding-top: 0;
    margin-bottom: 5.7px;
  }
  body .main .component12 .inner {
    width: 684px;
    margin: auto;
  }
  body .main .component12 .flex {
    justify-content: space-between;
  }
  body .main .component12 .flex h2 {
    width: 111.15px;
    word-break: break-word;
  }
  body .main .component12 .detail {
    display: flex;
    margin-top: 6.84px;
    margin-right: 1.71px;
    width: 515.28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component12 .detail > div {
    width: 246.24px;
    margin-bottom: 22.8px;
  }
  body .main .component12 .detail h3 {
    word-break: break-word;
    max-width: 246.24px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    line-height: 1.4;
  }
  body .main .component12 .detail ul {
    margin-top: -4.56px;
    border: #fff 1px solid;
    background: #f1f1f1;
  }
  body .main .component12 .detail ul li {
    width: 246.24px;
    height: auto;
    padding-top: 14.535px;
    padding-right: 18.24px;
    padding-left: 17.67px;
  }
  body .main .component12 .detail ul li:nth-child(1) {
    padding-top: 22.8px;
  }
  body .main .component12 .detail ul li:last-of-type {
    margin: 0;
    padding-bottom: 12.54px;
  }
  body .main .component12 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.71px;
    padding-right: 17.1px;
    word-break: break-word;
  }
  body .main .component12 .detail ul li a:after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 10.26px;
    top: auto;
    transition: .5s right;
  }
  body .main .component12 .detail ul li a:hover:after {
    right: -2.85px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:after {
    height: 9.12px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 6.84px;
  }
  body .main .component12 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:after {
    height: 17.1px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 4.56px;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component14 {
    width: 655.5px;
    margin: auto;
    margin-bottom: 6.84px;
  }
  body .main .component14 h4 {
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  body .main .component14.gray h4 {
    color: #777;
  }
  body .main .component15 {
    width: 655.5px;
    margin: auto;
    margin-bottom: 12.54px;
  }
  body .main .component15 p {
    word-break: break-word;
  }
  body .main .component15.gray, body .main .component15 .gray {
    color: #777;
  }
  body .main .component15.bold, body .main .component15 .bold {
    font-weight: 700;
  }
  body .main .component15 a {
    color: #D00A41;
  }
  body .main .component15 a:hover {
    opacity: 0.5;
  }
  body .main .component17 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 49.59px;
  }
  body .main .component17 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component17 .more-area li {
    margin-bottom: 14.82px;
    margin-left: 13.68px;
  }
  body .main .component17 .more-area li .more {
    height: auto;
    padding-bottom: 6.84px;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 4.56px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 1.71px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -5.7px;
  }
  body .main .component17 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -5.7px;
  }
  body .main .component17.left .more-area {
    justify-content: flex-start;
  }
  body .main .component17.left .more-area li {
    margin-left: 0;
    margin-right: 13.68px;
  }
  body .main .component23 {
    margin-bottom: 18.81px;
  }
  body .main .component23 .inner {
    width: 684px;
    margin: auto;
  }
  body .main .component23 .flex {
    justify-content: space-between;
  }
  body .main .component23 h2 {
    width: 111.15px;
    word-break: break-word;
  }
  body .main .component23 .detail {
    display: flex;
    margin-top: 8.55px;
    margin-right: 1.71px;
    width: 515.28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .component23 .detail h3 {
    position: relative;
    z-index: 1;
  }
  body .main .component23 .detail ul {
    margin-top: -4.56px;
    column-count: 2;
    column-gap: 22.8px;
    column-fill: balance;
    position: relative;
    margin-top: 14.535px;
  }
  body .main .component23 .detail ul li {
    width: 246.24px;
    height: auto;
    padding-right: 18.24px;
    padding-left: 17.67px;
    padding-top: 1.995px;
    padding-bottom: 12.54px;
    background: #f1f1f1;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid;
    margin-top: -1px;
  }
  body .main .component23 .detail ul li::before, body .main .component23 .detail ul li::after {
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    border-top: #fff 1px solid;
    background: #f1f1f1;
    width: 244.815px;
    height: 14.82px;
    top: -14.82px;
    position: absolute;
    content: "";
  }
  body .main .component23 .detail ul li::before {
    left: 0;
  }
  body .main .component23 .detail ul li::after {
    right: 0;
  }
  body .main .component23 .detail ul li a {
    display: block;
    height: 100%;
    position: relative;
    border-bottom: #fff 1px solid;
    padding-bottom: 2.85px;
    word-break: break-word;
    width: 209.76px;
    padding-right: 11.4px;
  }
  body .main .component23 .detail ul li a:after {
    content: " ";
    display: block;
    width: 10.26px;
    height: 3.42px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0px;
    bottom: 10.26px;
    top: auto;
    transition: .5s right;
  }
  body .main .component23 .detail ul li a:hover:after {
    right: -11.4px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:after {
    height: 9.12px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 6.84px;
  }
  body .main .component23 .detail ul li a[target="_blank"]:hover:after {
    right: 0px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:after {
    height: 17.1px;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 4.56px;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0px;
  }
  body .main .component23 .inner .more-area {
    padding-top: 1.71px;
    margin-top: 0;
  }
  body .main .component23 .inner .more-area li {
    margin-top: 17.1px;
    margin-left: 17.1px;
  }
  body .main .component23 .inner .more-area li:not(:nth-last-child(1)) {
    margin-right: 0px;
  }
  body .main .component23 .inner .more-area li:nth-child(1) {
    margin-left: 0px;
  }
  body .main .component25 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 23.37px;
    background-color: #dbe2e6;
    padding-bottom: 23.37px;
  }
  body .main .component25 .ttl {
    background-color: #000;
    color: #fff;
    padding: 0 9.12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  body .main .component25 .txt {
    width: 611.04px;
    margin: auto;
    margin-top: 18.81px;
    word-break: break-word;
  }
  body .main .component26 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 79.8px;
    display: flex;
    flex-wrap: wrap;
    gap: 22.8px 22.8px;
  }
  body .main .component26 li {
    width: 205.2px;
    height: 107.16px;
    position: relative;
  }
  body .main .component26 li a {
    position: relative;
    display: block;
    height: 100%;
  }
  body .main .component26 li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 19.95px;
  }
  body .main .component26 li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main .component26 li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main .component26 li .img {
    position: relative;
    height: 100%;
    opacity: .4;
  }
  body .main .component26 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component26 li .img::after {
    display: none;
  }
  body .main .component30 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 68.4px;
  }
  body .main .component30 li {
    display: flex;
    border-bottom: 1px solid #F1F1F1;
    padding: 23.94px 0 14.25px;
  }
  body .main .component30 li:nth-child(1) {
    padding-top: 0;
  }
  body .main .component30 li .name {
    width: 153.9px;
    padding-right: 2em;
    letter-spacing: 0.03em;
  }
  body .main .component30 li .about {
    width: 332.88px;
    padding-right: 4em;
  }
  body .main .component30 li .tel {
    width: 107.73px;
    padding-right: 1.5em;
  }
  body .main .component30 li .mail a {
    position: relative;
    display: block;
  }
  body .main .component30 li .mail a::after {
    content: " ";
    display: block;
    width: 6.84px;
    height: 6.84px;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -10.26px;
    bottom: 4.56px;
    transition: .5s right;
  }
  body .main .component31 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 68.4px;
  }
  body .main .component31 .title {
    font-weight: 400;
  }
  body .main .component31 .date {
    margin-top: 6.27px;
    font-weight: 700;
  }
  body .main .component31 .author {
    margin-top: 3.99px;
    margin-bottom: -13.11px;
  }
  body .main .component32 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 83.79px;
    padding: 26.22px 34.2px 34.2px;
    background-color: #f7f7f7;
  }
  body .main .component32 .maintitle {
    font-weight: 700;
  }
  body .main .component32 .name {
    margin-top: 6.84px;
    font-weight: 700;
  }
  body .main .component32 .name .ruby {
    margin-left: 3.42px;
    font-weight: 500;
  }
  body .main .component32 .text {
    margin-top: 5.13px;
  }
  body .main .component32 .title {
    margin-top: 30.21px;
    font-weight: 700;
  }
  body .main .component32 > ul {
    margin-top: 6.84px;
  }
  body .main .component32 > ul li {
    list-style: disc;
    margin-left: 10.83px;
  }
  body .main .component33 {
    width: 638.4px;
    margin: auto;
    margin-bottom: 68.4px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component33 > div {
    width: 160.17px;
  }
  body .main .component33 > div:not(:nth-of-type(3n)) {
    margin-right: 78.66px;
  }
  body .main .component33 > div:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
    margin-top: 17.67px;
  }
  body .main .component33 > div dt a {
    text-decoration: underline;
  }
  body .main .component37 {
    width: 501.6px;
    margin: auto;
    margin-bottom: 49.59px;
  }
  body .main .component37 .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component37 .more-area li {
    margin-bottom: 14.82px;
    margin-left: 13.68px;
  }
  body .main .component37 .more-area li .more {
    height: auto;
    padding-bottom: 6.84px;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    content: "";
    width: 4.56px;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 1.71px;
    left: auto;
    right: 0;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::before {
    right: -5.7px;
  }
  body .main .component37 .more-area li .more:hover:not(.more[target="_blank"], .more[href$=".pdf"])::after {
    right: -5.7px;
  }
  body .main .component37.left .more-area {
    justify-content: flex-start;
  }
  body .main .component37.left .more-area li {
    margin-left: 0;
    margin-right: 13.68px;
  }
  body .main .component38 {
    width: 661.2px;
    margin: auto;
    margin-bottom: 69.54px;
  }
  body .main .component38 .txt-list {
    list-style: disc;
    width: 518.7px;
    margin-left: 25.65px;
  }
  body .main .component38 .txt-list__li:not(:nth-child(1)) {
    margin-top: 9.12px;
  }
  body .main .component38 .txt-list__li small {
    display: block;
    margin-top: 1.71px;
    color: #777777;
  }
  body .main .component38 ol.txt-list {
    list-style: decimal;
  }
  body .main .component39 {
    width: 100%;
    margin-top: 19.95px;
    margin-bottom: 68.4px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1;
    position: relative;
  }
  body .main .component39 .nav__page-ul {
    max-width: 50vw;
    margin-left: 21.66px;
    margin-right: 21.66px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__page-ul li {
    letter-spacing: 0.0em;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 20.52px;
    position: relative;
    color: #777777;
  }
  body .main .component39 .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 4.56px;
    height: 0.57px;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7.98px;
    margin: auto;
  }
  body .main .component39 .nav__anchor-ul {
    margin-right: 19.95px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__anchor-ul li {
    margin-right: 10.26px;
    margin-left: 11.685px;
    margin-bottom: 5.7px;
    position: relative;
    letter-spacing: -0.01em;
  }
  body .main .component39 .nav__anchor-ul li a::after {
    content: "";
    width: 10.26px;
    height: 3.42px;
    position: absolute;
    right: -12.54px;
    top: 5.13px;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .main .component39 .nav__anchor-ul li a:hover::after {
    top: 9.12px;
  }
  body .main .component39.no_fv {
    margin-top: 83.22px;
    margin-bottom: 0px;
  }
  body .main .component42 {
    width: 655.5px;
    margin: auto;
    margin-bottom: 25.08px;
    border: 1px solid #000;
    background-color: #fff;
    word-break: break-word;
    padding: 11.4px 17.1px;
  }
  body .main .component42.gray, body .main .component42 .gray {
    color: #777;
  }
  body .main .component42.bold, body .main .component42 .bold {
    font-weight: 700;
  }
  body .main .component42.red {
    border: 1px solid #D00A41;
  }
  body .main .component42 a {
    color: #D00A41;
  }
  body .main .component42 a:hover {
    opacity: 0.5;
  }
  body .main .component47 {
    width: 661.2px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body .main .component47__li {
    width: 326.04px;
    min-height: 332.88px;
    padding: 21.66px 17.1px 57px 22.8px;
    background-color: #F1F1F1;
    position: relative;
  }
  body .main .component47__li:nth-child(2n+1) {
    margin-right: 9.12px;
  }
  body .main .component47__li:not(body .main .component47__li:nth-child(1), body .main .component47__li:nth-child(2)) {
    margin-top: 13.68px;
  }
  body .main .component47__li .position {
    letter-spacing: 0.03em;
  }
  body .main .component47__li .name-box {
    margin-top: 3.42px;
  }
  body .main .component47__li .name-box .ruby {
    color: #777;
  }
  body .main .component47__li .name-box .name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
  }
  body .main .component47__li .profile {
    margin-top: 7.98px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .title {
    color: #777;
    margin-top: 6.84px;
  }
  body .main .component47__li .text {
    margin-top: 4.56px;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .more-area {
    position: absolute;
    bottom: 21.66px;
    right: 22.8px;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component47__li .more-area li:not(:nth-child(1)) {
    margin-left: 11.4px;
  }
  body .main .pager {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 230.28px;
    margin: auto;
    margin-top: 80px;
  }
  body .main .pager span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-align: center;
    position: relative;
    transition: all .5s;
    color: #b6b6b6;
  }
  body .main .pager span a {
    position: relative;
    font-size: 9.12px;
    line-height: 1.8;
  }
  body .main .pager span:hover {
    cursor: pointer;
    opacity: inherit;
    opacity: .7;
  }
  body .main .pager span.invalid {
    pointer-events: none;
  }
  body .main .pager span.current {
    color: #222;
    pointer-events: none;
  }
  body .main .pager span.current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.57px;
    background: #222222;
    left: 0px;
    bottom: -0.57px;
  }
  body .main .pager span.current:hover {
    cursor: default;
  }
  body .main .pager span.ellipsis {
    pointer-events: none;
  }
  body .main .pager span.ellipsis:hover {
    cursor: default;
    opacity: 1;
  }
  body .main .pager span.ellipsis::before {
    content: "･･･";
    display: block;
  }
  body .main .pager .prev,
  body .main .pager .next {
    width: 27.36px;
    height: 27.36px;
    background: #222222;
    position: relative;
    cursor: pointer;
  }
  body .main .pager .prev.invalid,
  body .main .pager .next.invalid {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main .pager .prev.invalid:hover,
  body .main .pager .next.invalid:hover {
    cursor: default;
  }
  body .main .pager .prev::after,
  body .main .pager .next::after {
    content: "";
    width: 10.26px;
    height: 3.42px;
    background-image: url("../img/common/arrow_18.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10.26px;
    left: 0;
    right: 0;
    margin: auto;
    filter: invert(1);
  }
  body .main .pager .prev {
    margin-right: 30px;
  }
  body .main .pager .prev::after {
    transform: scale(-1, 1);
  }
  body .main .pager .next {
    margin-right: 0;
    margin-left: 20px;
    transition: all .5s;
  }
  body .main .pager .ellipsis {
    width: 2em;
    font-size: 5.7px;
  }
  body .main .pager .ellipsis::before {
    width: 27.36px;
  }
  body .main .component52 {
    width: 627px;
    margin: auto;
    margin-bottom: 68.4px;
  }
  body .main .component52 .tags {
    margin-bottom: 2.28px;
    padding: 3.99px 9.12px;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .component52 .title {
    font-weight: 400;
  }
  body .main .component52 .date {
    margin-top: 6.27px;
    font-weight: 700;
  }
  body .main .component52 .author {
    margin-top: 3.99px;
    margin-bottom: -13.11px;
  }
  body .main.main:not(.toppage) .componentX.swiper {
    margin-left: 74.1px;
    padding-right: 78.09px;
    width: 729.6px;
    overflow: visible;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    width: 27.36px;
    height: 27.36px;
    background: #222;
    top: 51%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    content: " ";
    width: 10.26px;
    height: 3.42px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next {
    right: 51.3px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next:after {
    background: url(../img/common/arrow_swiper_next.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    left: -35.34px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev:after {
    background: url(../img/common/arrow_swiper_prev.png) no-repeat;
    background-size: 100% 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
    width: 202.92px;
    height: auto;
    margin-right: 9.12px;
    background: #fff;
    box-shadow: 0 0 4.56px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .5s ease-out;
    -webkit-filter: blur(0);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner:hover {
    box-shadow: 0 0 13.68px 0 rgba(0, 0, 0, 0.2);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 114px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img img {
    width: 202.92px;
    height: 114px;
    object-fit: cover;
    transition: 3s;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text {
    padding: 13.68px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .title {
    margin-bottom: 3.42px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .supplement {
    margin-bottom: 1.14px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .date {
    margin-bottom: 2.85px;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a:hover img {
    transform: scale(1.3);
  }

  @-moz-document url-prefix() {
    body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
      -webkit-filter: none;
    }
  }
}
/*size*/
@media screen and (max-width: 767px) {
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) section {
    padding: 13.33333vw 0;
    overflow-y: hidden;
  }
  body .main:not(.toppage, .aboutpage, .academicspage, .academics-details-page, .academics-details-department-page, .admissionpage, .open-campus-page, .campuslife-page, .campuslife_extracurricular_circlepage, .challengepage, .contactpage, .international_exchange_page, .jwugopage, .jwutimespage, .jwutimes_nowpage, .news_detailspage, .unvpage, .accesspage) a[data-id] {
    cursor: pointer;
  }
  body .main.news_detailspage {
    overflow: hidden;
  }
  body .main section.underfv {
    padding: 0 !important;
  }
  body .main .fv-a, body .main .kv-swiper {
    position: relative;
    width: 100%;
    height: 163.46667vw;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0) 30.08%, #f1f1f1 94.27%);
  }
  body .main .fv-a .swiper-unv_fv, body .main .kv-swiper .swiper-unv_fv {
    position: relative;
    z-index: 0;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper--inner .img img, body .main .kv-swiper .swiper-unv_fv .swiper-wrapper .swiper--inner .img img {
    width: 100%;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination, body .main .kv-swiper .swiper-unv_fv .swiper-pagination {
    width: auto;
    position: absolute;
    bottom: 5.33333vw !important;
    right: 5.33333vw !important;
    color: #fff;
  }
  body .main .fv-a .swiper-unv_fv .swiper-pagination span, body .main .kv-swiper .swiper-unv_fv .swiper-pagination span {
    font-size: 3.73333vw;
  }
  body .main .fv-a h2, body .main .kv-swiper h2 {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
  }
  body .main .fv-a h2 > span, body .main .kv-swiper h2 > span {
    text-align: center;
    color: #fff;
    margin-left: 0;
    width: 100%;
    margin-top: -2.66667vw;
    margin-bottom: 4.8vw;
    font-size: 10.66667vw;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
  body .main .fv-a h2 > span.subttl, body .main .kv-swiper h2 > span.subttl {
    width: 100%;
  }
  body .main .fv-a h2 > span.text--pc--18, body .main .kv-swiper h2 > span.text--pc--18 {
    line-height: 1.6;
    font-size: 4.26667vw;
    letter-spacing: 0.03em;
  }
  body .main .fv-a h2::after, body .main .kv-swiper h2::after {
    display: none;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img {
    position: relative;
    height: 163.46667vw;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-a .swiper-unv_fv .swiper-wrapper .swiper-slide .img::after {
    content: "";
    width: 384vw;
    height: 189.33333vw;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-a .text-box {
    width: 100%;
    max-width: 90.66667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4vw;
  }
  body .main .fv-a .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.3em;
  }
  body .main .fv-a .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 9.33333vw;
  }
  body .main .fv-a.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-a.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b {
    height: 113.86667vw;
    background: #F1F1F1;
    overflow: hidden;
  }
  body .main .fv-b .text-box {
    width: 100%;
    max-width: 90.66667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.66667vw;
  }
  body .main .fv-b .text-box h2 {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    font-weight: 400;
    color: #222;
    transform: translateX(0px) translateY(0px);
    text-align: center;
    letter-spacing: 0.1em;
    padding-left: 0;
  }
  body .main .fv-b .text-box h2::after {
    display: none;
  }
  body .main .fv-b .text-box p {
    width: 100%;
    color: #222;
    text-align: center;
    margin-top: 4.26667vw;
  }
  body .main .fv-b.header-is-white > .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .fv-b.header-is-white > .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222;
    opacity: .5;
    top: 0;
    left: 0;
  }
  body .main .fv-b.header-is-white .text-box h2 {
    color: #fff;
  }
  body .main .fv-b.header-is-white .text-box p {
    color: #fff;
  }
  body .main .fv-b .fv-txt {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0;
    text-align: center;
  }
  body .main .fv-b .fv-txt p {
    letter-spacing: 0.1em;
  }
  body .main .fv-b .fv-txt span {
    margin-top: 10px;
    display: block;
  }
  body .component_nav {
    margin-top: 4.26667vw;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
    background: #fff;
    z-index: 1;
    position: relative;
    word-break: break-word;
  }
  body .component_nav__pageBox {
    overflow-x: scroll;
  }
  body .component_nav__page-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 4.26667vw;
  }
  body .component_nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 10.66667vw;
    position: relative;
    color: #777777;
  }
  body .component_nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 2.13333vw;
    height: 0.26667vw;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.26667vw;
    margin: auto;
  }
  body .component_nav__anchor-ul {
    margin-top: 20.8vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .component_nav__anchor-ul li {
    margin-right: 11.2vw;
    margin-bottom: 6.13333vw;
    position: relative;
  }
  body .component_nav__anchor-ul li:nth-last-child(1) {
    margin-right: 4.8vw;
  }
  body .component_nav__anchor-ul li a::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    position: absolute;
    right: -6.4vw;
    top: 2.4vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .component_nav__anchor-ul li a:hover::after {
    top: 4.26667vw;
  }
  body .more.more[target="_blank"] {
    padding-bottom: 2.66667vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 1.6vw;
    right: 0vw;
    left: auto;
    height: 3.73333vw;
    width: 3.73333vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain 100%;
    background-position: top right;
  }
  body .more.more[href$=".pdf"] {
    padding-bottom: 2.66667vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: -0.8vw;
    right: 0vw;
    left: auto;
    height: 8vw;
    width: 6.4vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .more.more[href^="https://page.line.me/"] {
    padding-right: 0;
    padding-left: 8.26667vw;
    padding-bottom: 2.66667vw;
    border-bottom: 1px solid;
    position: relative;
  }
  body .more.more[href^="https://page.line.me/"]::after {
    content: "";
    position: absolute;
    top: 0.53333vw;
    left: 0vw;
    right: auto;
    height: 6.4vw;
    width: 6.4vw;
    background: url(../img/common/ico_line.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
  }
  body .main .component1 {
    margin-bottom: 10.66667vw;
  }
  body .main .component1 .text--copy {
    position: relative;
    z-index: 1;
  }
  body .main .component1 .contents__inner {
    position: relative;
    padding-top: 54.4vw;
  }
  body .main .component1 .contents__inner .visual {
    width: 89.33333vw;
    height: 69.86667vw;
    position: absolute;
    top: -2.13333vw;
    left: 5.33333vw;
    object-fit: cover;
  }
  body .main .component1 .contents__inner .link-box {
    width: 85.86667vw;
    position: relative;
    margin-left: 14.13333vw;
    padding-bottom: 6vw;
  }
  body .main .component1 .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .component1 .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .component1 .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .component1 .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .component1 .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .component1 .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .component1 .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 8.53333vw;
  }
  body .main .component1 .contents__inner .link-box .link:first-of-type {
    margin-top: 6.4vw;
  }
  body .main .component1 .contents__inner .link-box .link li a {
    display: block;
    margin-right: 4.26667vw;
    margin-bottom: 2.4vw;
    display: flex;
    align-items: center;
  }
  body .main .component1 .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 2.13333vw;
    height: 1.94667vw;
    margin-right: 1.6vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .component1 .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-left: 6.4vw;
    margin-top: 5vw;
    width: 71.2vw;
  }
  body .main .component1 .contents__inner .link-box .more-area::before {
    content: " ";
    display: block;
    width: 26.66667vw;
  }
  body .main .component1 .contents__inner .link-box .more-area li {
    margin-bottom: 3.73333vw;
  }
  body .main .component1 .more-area li {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component1 .more-area li .more {
    padding-bottom: 3.73333vw;
    border-bottom: 1.2px solid #222222;
  }
  body .main .component1 .more-area li .more::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.55vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .department_contents {
    margin-bottom: 16vw;
  }
  body .main .department_contents .contents__inner {
    position: relative;
    padding-top: 55.5vw;
  }
  body .main .department_contents .contents__inner .visual {
    width: 89.33333vw;
    height: 69.86667vw;
    position: absolute;
    top: 0vw;
    left: 5.33333vw;
    object-fit: cover;
  }
  body .main .department_contents .contents__inner .link-box {
    width: 85.86667vw;
    position: relative;
    margin-left: 14.13333vw;
    padding-bottom: 12vw;
  }
  body .main .department_contents .contents__inner .link-box.architecture {
    background: #E6E1EB;
  }
  body .main .department_contents .contents__inner .link-box.international-culture {
    background: #EDEDED;
  }
  body .main .department_contents .contents__inner .link-box.domestic-science {
    background: #EBDFDC;
  }
  body .main .department_contents .contents__inner .link-box.literature {
    background: #F0ECDC;
  }
  body .main .department_contents .contents__inner .link-box.sociology {
    background: #d4e0d6;
  }
  body .main .department_contents .contents__inner .link-box.Science {
    background: #dbe2e6;
  }
  body .main .department_contents .contents__inner .link-box .link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 8.53333vw;
  }
  body .main .department_contents .contents__inner .link-box .link:first-of-type {
    margin-top: 6.4vw;
    margin-left: 6.4vw;
    margin-right: 6.4vw;
    font-size: 3.73333vw;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }
  body .main .department_contents .contents__inner .link-box .link li a {
    display: block;
    margin-right: 4.26667vw;
    margin-bottom: 2.4vw;
    display: flex;
    align-items: center;
  }
  body .main .department_contents .contents__inner .link-box .link li a::before {
    display: block;
    content: " ";
    width: 2.13333vw;
    height: 1.94667vw;
    margin-right: 1.6vw;
    background: url(../img/common/arrow.png) no-repeat;
    background-size: contain;
  }
  body .main .department_contents .contents__inner .link-box .more-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-left: 6.4vw;
    width: 67.2vw;
  }
  body .main .department_contents .contents__inner .link-box .more-area::before {
    content: " ";
    width: 26.66667vw;
    display: none;
  }
  body .main .department_contents .contents__inner .link-box .more-area li {
    margin-top: 5vw;
  }
  body .main .department_contents .more-area li {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  body .main .department_contents .more-area li .more {
    padding-bottom: 3.73333vw;
  }
  body .main .department_contents .more-area li .more::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.77vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .department_contents .more-area li .more::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .department_detail {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 16vw;
  }
  body .main .department_detail .tab-listBox {
    overflow-x: scroll;
  }
  body .main .department_detail .tab-list-ul {
    padding-bottom: 3.2vw;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body .main .department_detail .tab-list-ul li {
    color: #777777;
  }
  body .main .department_detail .tab-list-ul li p {
    display: inline-block;
    cursor: pointer;
    line-height: 1.4;
  }
  body .main .department_detail .tab-list-ul li .active {
    color: #222222;
    padding-bottom: 1.6vw;
    border-bottom: 2px solid #222222;
  }
  body .main .department_detail .tab-list-ul li:not(:nth-child(1)) {
    padding-left: 6.4vw;
  }
  body .main .department_detail .data-ul {
    width: 89.33333vw;
    position: relative;
    margin-top: 18.13333vw;
  }
  body .main .department_detail .data-ul > li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(20%);
    transition: .5s ease-out;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li {
    width: 111.46667vw;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox {
    display: flex;
    align-items: center;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox h3 {
    font-size: 4.8vw;
    letter-spacing: -0.04em;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .titleBox small {
    margin-left: 4.26667vw;
    padding-bottom: 0.8vw;
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    max-width: 50%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img {
    margin-top: 8.53333vw;
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li .img img {
    width: 100%;
  }
  body .main .department_detail .data-ul > li .data-ul__detail-ul li:not(:nth-child(1)) {
    margin-top: 16.46667vw;
  }
  body .main .department_detail .data-ul > li.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0%);
  }
  body .main .component5 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 16vw;
  }
  body .main .component5 a {
    position: relative;
    display: block;
  }
  body .main .component5 a::after {
    content: "";
    width: 8.53333vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: contain 100%;
    background-position: top left;
    position: absolute;
    bottom: 1.33333vw;
    right: 0vw;
    transition: .5s ease-out;
  }
  body .main .component5 a:hover::after {
    opacity: .7;
    transform: translateX(4.26667vw);
  }
  body .main .component5 .img {
    width: 89.33333vw;
  }
  body .main .component5 .img img {
    width: 100%;
  }
  body .main .component5 .text {
    width: 89.33333vw;
    margin-top: 6.4vw;
  }
  body .main .component5 .text .title {
    width: 75.73333vw;
    margin-top: 6.66667vw;
    margin-left: 8.26667vw;
    font-size: 4.26667vw;
    letter-spacing: 0.03em;
    line-height: 1.8;
    position: relative;
  }
  body .main .component5 .text .title::before {
    content: "";
    width: 10.66667vw;
    height: 8.53333vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    top: -2.13333vw;
    left: -6.93333vw;
    z-index: -1;
  }
  body .main .component5 .text .title::after {
    content: "";
    width: 10.66667vw;
    height: 8.53333vw;
    background: url(../img/common/quotes.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: -2.66667vw;
    right: -5.33333vw;
    z-index: -1;
    transform: rotate(180deg);
  }
  body .main .component5 .text .textBox {
    margin-top: 2.66667vw;
  }
  body .main .component5 .text .textBox .name {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
  body .main .component5 .text .textBox .supplement {
    margin-top: 1.6vw;
    font-weight: 500;
  }
  body .main .component5 .text .textBox .department {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }
  body .main .component6 {
    width: 100%;
    margin: auto;
    margin-bottom: 21.33333vw;
    position: relative;
  }
  body .main .component6 > .img {
    width: 89.33333vw;
    margin: auto;
  }
  body .main .component6 > .img img {
    width: 100%;
  }
  body .main .component6 .features-text {
    width: 89.33333vw;
    margin: auto;
    margin-top: 9.86667vw;
  }
  body .main .component6 .features-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0vw 4.26667vw 0.53333vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component6 .features-text p {
    font-size: 3.73333vw;
    line-height: 1.79;
    word-break: break-word;
  }
  body .main .component6 .features-text p:nth-of-type(1) {
    margin-top: 6.66667vw;
  }
  body .main .component6 .features-text p.position {
    text-align: right;
    margin-top: 5.33333vw;
  }
  body .main .component6 .features-text p.name {
    text-align: right;
    margin-top: 1.06667vw;
    font-size: 4.8vw;
    letter-spacing: 0.03em;
    line-height: 1.8;
  }
  body .main .component7 {
    width: 100%;
    margin: auto;
    margin-bottom: 22.93333vw;
    position: relative;
  }
  body .main .component7 .policy-text {
    width: 89.33333vw;
    margin: auto;
    position: relative;
  }
  body .main .component7 .policy-text h3 {
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #fff;
    display: inline;
    background: #222222;
    padding: 0vw 4.26667vw 0.53333vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-word;
  }
  body .main .component7 .policy-text p {
    margin-top: 6.4vw;
    word-break: break-word;
  }
  body .main .component7 .more-area {
    width: 89.33333vw;
    margin: auto;
    margin-top: 12.53333vw;
  }
  body .main .component7 .more-area li:not(:nth-child(1)) {
    margin-top: 9.6vw;
  }
  body .main .component7 .more-area li .more {
    width: 100%;
    height: auto;
    padding-bottom: 2.13333vw;
    word-break: break-word;
  }
  body .main .component7 .more-area li .more::after {
    top: auto;
    bottom: 0;
  }
  body .main .component8 {
    width: 100%;
    margin: auto;
    margin-bottom: 22.93333vw;
    position: relative;
  }
  body .main .component8 .flex {
    display: block;
  }
  body .main .component8 .flex h2 {
    word-break: break-word;
  }
  body .main .component8 .flex h2 span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main .component8 .flex .swiper-unv_know {
    margin-top: 21.33333vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner {
    width: 53.33333vw;
    margin-left: 5vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner:nth-last-child(1) {
    margin-right: 4.8vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img {
    width: 100%;
    height: 80vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p {
    word-break: break-word;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p.title {
    margin-top: 2.4vw;
    font-weight: 700;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner .text p:nth-child(2) {
    margin-top: 1.6vw;
    padding-right: 4.8vw;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a {
    position: relative;
    display: block;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_18.svg) no-repeat;
    background-size: auto 100%;
    background-position: top left;
    position: absolute;
    bottom: 1.6vw;
    right: -0.53333vw;
    transition: .5s ease-out;
  }
  body .main .component8 .flex .swiper-unv_know .swiper-wrapper .swiper--inner a:hover::after {
    opacity: .7;
    transform: translateX(4.26667vw);
  }
  body .main .component9 {
    margin-bottom: 18vw;
  }
  body .main .component9 .flex {
    display: block;
  }
  body .main .component9 h2 {
    word-break: break-word;
    padding-right: 5.33333vw;
    width: 100%;
  }
  body .main .component9 h2 span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main .component9 .detail {
    margin: auto;
    margin-top: 22vw;
    width: 89.33333vw;
  }
  body .main .component9 .detail ul {
    background: #f1f1f1;
    border: #fff 1px solid;
    margin-bottom: 10.66667vw;
    margin-top: -2.4vw;
    padding: 11.2vw 6.4vw;
    padding-bottom: 6.4vw;
  }
  body .main .component9 .detail ul li {
    width: 76.53333vw;
    height: auto;
    margin-bottom: 6.66667vw;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.86667vw;
  }
  body .main .component9 .detail ul li:last-of-type {
    margin: 0;
  }
  body .main .component9 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.8;
    word-break: break-word;
    padding-right: 5.33333vw;
  }
  body .main .component9 .detail ul li a:after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 3.2vw;
  }
  body .main .component9 .detail ul li a[target="_blank"]:after {
    height: 4.26667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 1.6vw;
  }
  body .main .component9 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:after {
    height: 8vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0vw;
  }
  body .main .component9 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component12 {
    margin-bottom: 18vw;
  }
  body .main .component12 .flex {
    display: block;
  }
  body .main .component12 h2 {
    word-break: break-word;
    padding-right: 5.33333vw;
    width: 100%;
  }
  body .main .component12 h2 span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main .component12 .detail {
    margin: auto;
    margin-top: 16vw;
    width: 89.33333vw;
  }
  body .main .component12 .detail h3 {
    word-break: break-word;
    max-width: 115.2vw;
  }
  body .main .component12 .detail ul {
    background: #f1f1f1;
    border: #fff 1px solid;
    margin-bottom: 10.66667vw;
    margin-top: -2.4vw;
    padding: 11.2vw 6.4vw;
    padding-bottom: 6.4vw;
  }
  body .main .component12 .detail ul li {
    width: 76.53333vw;
    height: auto;
    margin-bottom: 6.66667vw;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.86667vw;
  }
  body .main .component12 .detail ul li:last-of-type {
    margin: 0;
  }
  body .main .component12 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.8;
    word-break: break-word;
    padding-right: 5.33333vw;
  }
  body .main .component12 .detail ul li a:after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 3.2vw;
  }
  body .main .component12 .detail ul li a[target="_blank"]:after {
    height: 4.26667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 1.6vw;
  }
  body .main .component12 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:after {
    height: 8vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0vw;
  }
  body .main .component12 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component14 {
    width: 89.6vw;
    margin: auto;
    margin-bottom: 2.66667vw;
  }
  body .main .component14 h4 {
    line-height: 1.8;
    letter-spacing: 0.1em;
    word-break: break-word;
  }
  body .main .component14.gray h4 {
    color: #777;
  }
  body .main .component15 {
    width: 89.6vw;
    margin: auto;
    margin-bottom: 6.13333vw;
  }
  body .main .component15 p {
    word-break: break-word;
  }
  body .main .component15.gray, body .main .component15 .gray {
    color: #777;
  }
  body .main .component15.bold, body .main .component15 .bold {
    font-weight: 700;
  }
  body .main .component15 a {
    color: #D00A41;
  }
  body .main .component17 {
    margin-bottom: 16vw;
  }
  body .main .component17 .more-area {
    width: 89.33333vw;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component17 .more-area li {
    margin-left: 6.4vw;
    margin-bottom: 10.66667vw;
  }
  body .main .component17 .more-area li .more {
    display: block;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component17 .more-area li .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component17 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component17 .more-area li .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.77vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component17.left .more-area {
    justify-content: flex-start;
  }
  body .main .component17.left .more-area li {
    margin-left: 0;
    margin-right: 6.4vw;
  }
  body .main .component23 {
    margin-bottom: 18vw;
  }
  body .main .component23 .flex {
    display: block;
  }
  body .main .component23 h2 {
    word-break: break-word;
    padding-right: 5.33333vw;
    width: 100%;
  }
  body .main .component23 h2 span:not(:nth-of-type(1)) {
    margin-left: 0;
  }
  body .main .component23 .detail {
    margin: auto;
    margin-top: 22vw;
    width: 89.33333vw;
    background: #f1f1f1;
    border: #fff 1px solid;
  }
  body .main .component23 .detail ul {
    margin-bottom: 10.66667vw;
    margin-top: -2.4vw;
    padding: 11.2vw 6.4vw;
    padding-bottom: 6.4vw;
  }
  body .main .component23 .detail ul li {
    width: 76.53333vw;
    height: auto;
    margin-bottom: 6.66667vw;
    border-bottom: #fff 1px solid;
    padding-bottom: 1.86667vw;
  }
  body .main .component23 .detail ul li:last-of-type {
    margin: 0;
  }
  body .main .component23 .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.8;
    word-break: break-word;
    padding-right: 5.33333vw;
  }
  body .main .component23 .detail ul li a:after {
    content: " ";
    display: block;
    width: 4.8vw;
    height: 1.6vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 3.2vw;
  }
  body .main .component23 .detail ul li a[target="_blank"]:after {
    height: 4.26667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    bottom: 1.6vw;
  }
  body .main .component23 .detail ul li a[target="_blank"]:hover:after {
    right: 0vw;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:after {
    height: 8vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: contain;
    bottom: 0vw;
  }
  body .main .component23 .detail ul li a[href$=".pdf"]:hover:after {
    right: 0vw;
  }
  body .main .component25 {
    margin-bottom: 14.93333vw;
    position: relative;
    background: transparent !important;
  }
  body .main .component25 .ttlBox {
    position: relative;
    width: 94.66667vw;
    z-index: 1;
  }
  body .main .component25 .ttlBox .ttl {
    background-color: #222;
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    padding: 0 4vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  body .main .component25 .txt {
    width: 89.33333vw;
    margin: auto;
    margin-top: -2.13333vw;
    background-color: #dbe2e6;
    padding: 8vw 6.13333vw;
    position: relative;
    line-height: 1.85;
    word-break: break-word;
    z-index: 0;
  }
  body .main .component26 {
    width: 69.33333vw;
    margin: auto;
    margin-bottom: 37.33333vw;
  }
  body .main .component26 li {
    width: 100%;
    position: relative;
    height: 36.208vw;
    overflow: hidden;
  }
  body .main .component26 li:not(:nth-child(1)) {
    margin-top: 4vw;
  }
  body .main .component26 li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  body .main .component26 li .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 9.33333vw;
  }
  body .main .component26 li .txt span {
    height: 1.8em;
    overflow: hidden;
  }
  body .main .component26 li .txt p {
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.1em;
    max-height: 2.8em;
    overflow: hidden;
    line-height: 1.4;
  }
  body .main .component26 li .img {
    position: relative;
    margin: auto;
    height: 100%;
  }
  body .main .component26 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .main .component26 li .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 68.96%, rgba(255, 255, 255, 0) 123.75%);
  }
  body .main .component30 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 26.66667vw;
  }
  body .main .component30 li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #F1F1F1;
    padding: 14.93333vw 0 9.33333vw;
  }
  body .main .component30 li:nth-child(1) {
    padding-top: 0;
  }
  body .main .component30 li .name {
    width: 100%;
    letter-spacing: 0.03em;
  }
  body .main .component30 li .about {
    width: 100%;
    margin-top: 4.8vw;
  }
  body .main .component30 li .tel {
    min-width: 47.2vw;
    padding-right: 2em;
    margin-top: 5.33333vw;
  }
  body .main .component30 li .mail {
    margin-top: 5.33333vw;
  }
  body .main .component30 li .mail a {
    position: relative;
    display: block;
  }
  body .main .component30 li .mail a::after {
    content: " ";
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    right: -4.8vw;
    bottom: 2.13333vw;
    transition: .5s right;
  }
  body .main .component31 {
    width: 89.06667vw;
    margin: auto;
    margin-bottom: 26.66667vw;
  }
  body .main .component31 .title {
    font-weight: 400;
  }
  body .main .component31 .date {
    margin-top: 5.86667vw;
    font-weight: 700;
  }
  body .main .component31 .author {
    margin-top: 4.53333vw;
    margin-bottom: -6.66667vw;
  }
  body .main .component32 {
    width: 89.06667vw;
    margin: auto;
    margin-bottom: 37.33333vw;
    padding: 10.66667vw 5.33333vw 16vw;
    background-color: #f7f7f7;
  }
  body .main .component32 .maintitle {
    font-weight: 700;
  }
  body .main .component32 .name {
    margin-top: 3.2vw;
    font-weight: 700;
  }
  body .main .component32 .name .ruby {
    margin-left: 1.6vw;
    font-weight: 400;
  }
  body .main .component32 .text {
    margin-top: 2.13333vw;
  }
  body .main .component32 .title {
    margin-top: 8.53333vw;
    font-weight: 700;
  }
  body .main .component32 > ul {
    margin-top: 3.2vw;
  }
  body .main .component32 > ul li {
    list-style: disc;
    margin-left: 5.06667vw;
  }
  body .main .component33 {
    width: 89.33333vw;
    margin: auto;
    margin-bottom: 29.33333vw;
  }
  body .main .component33 > div {
    width: 100%;
  }
  body .main .component33 > div:not(:nth-of-type(1)) {
    margin-top: 10.13333vw;
  }
  body .main .component33 > div dt a {
    text-decoration: underline;
  }
  body .main .component37 {
    margin-bottom: 16vw;
  }
  body .main .component37 .more-area {
    width: 89.33333vw;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component37 .more-area li {
    margin-left: 6.4vw;
    margin-bottom: 10.66667vw;
  }
  body .main .component37 .more-area li .more {
    display: block;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component37 .more-area li .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component37 .more-area li .more:not(.more[target="_blank"], .more[href$=".pdf"], body .main .component37 .more-area li .more.more[href^="https://page.line.me/"], .more[href^="https://page.line.me/"])::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.77vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component37.left .more-area {
    justify-content: flex-start;
  }
  body .main .component37.left .more-area li {
    margin-left: 0;
    margin-right: 6.4vw;
  }
  body .main .component38 {
    margin-bottom: 27.2vw;
  }
  body .main .component38 .txt-list {
    list-style: disc;
    width: 77.86667vw;
    margin: auto;
  }
  body .main .component38 .txt-list__li:not(:nth-child(1)) {
    margin-top: 4.26667vw;
  }
  body .main .component38 .txt-list__li small {
    display: block;
    margin-top: 0.8vw;
    line-height: 1.4;
    color: #777;
  }
  body .main .component38 ol.txt-list {
    list-style: decimal;
  }
  body .main .component39 {
    margin-top: 4.26667vw;
    margin-bottom: 24.53333vw;
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
    background: #fff;
    z-index: 1;
    position: relative;
    word-break: break-word;
  }
  body .main .component39 .nav__pageBox {
    overflow-x: scroll;
  }
  body .main .component39 .nav__pageBox .nav__page-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 2.13333vw;
  }
  body .main .component39 .nav__pageBox .nav__page-ul li {
    margin-bottom: 4.13333vw;
  }
  body .main .component39 .nav__pageBox .nav__page-ul li:not(:nth-last-child(1)) {
    padding-right: 10.66667vw;
    position: relative;
    color: #777777;
  }
  body .main .component39 .nav__pageBox .nav__page-ul li:not(:nth-last-child(1))::after {
    content: "";
    width: 2.13333vw;
    height: 0.26667vw;
    background-color: #E0E0E0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.26667vw;
    margin: auto;
  }
  body .main .component39 .nav__anchor-ul {
    margin-top: 10.4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  body .main .component39 .nav__anchor-ul li {
    margin-right: 11.2vw;
    margin-bottom: 6.13333vw;
    position: relative;
  }
  body .main .component39 .nav__anchor-ul li:nth-last-child(1) {
    margin-right: 4.8vw;
  }
  body .main .component39 .nav__anchor-ul li a::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    position: absolute;
    right: -6.4vw;
    top: 2.4vw;
    background: url(../img/common/arrow_32.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(90deg);
    transition: top .5s ease-in-out;
  }
  body .main .component39 .nav__anchor-ul li a:hover::after {
    top: 4.26667vw;
  }
  body .main .component39.no_fv {
    margin-top: 23.46667vw;
    margin-bottom: 0vw;
  }
  body .main .component42 {
    width: 89.6vw;
    margin: auto;
    margin-bottom: 12.26667vw;
    border: 1px solid #000;
    background-color: #fff;
    word-break: break-word;
    padding: 2.66667vw 4.26667vw;
  }
  body .main .component42.gray, body .main .component42 .gray {
    color: #777;
  }
  body .main .component42.bold, body .main .component42 .bold {
    font-weight: 700;
  }
  body .main .component42.red {
    border: 1px solid #D00A41;
  }
  body .main .component42 a {
    color: #D00A41;
  }
  body .main .component47 {
    width: 95.73333vw;
    margin: auto;
  }
  body .main .component47__li {
    width: 95.73333vw;
    padding: 7.46667vw 8vw;
    background-color: #F1F1F1;
    position: relative;
  }
  body .main .component47__li:not(body .main .component47__li:nth-child(1)) {
    margin-top: 4.26667vw;
  }
  body .main .component47__li .position {
    letter-spacing: 0.03em;
  }
  body .main .component47__li .name-box {
    margin-top: 1.6vw;
  }
  body .main .component47__li .name-box .ruby {
    color: #777;
  }
  body .main .component47__li .name-box .name {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.09em;
  }
  body .main .component47__li .profile {
    margin-top: 3.73333vw;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .title {
    color: #777;
    margin-top: 3.2vw;
  }
  body .main .component47__li .text {
    margin-top: 2.13333vw;
    letter-spacing: 0.03em;
  }
  body .main .component47__li .more-area {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body .main .component47__li .more-area li {
    width: 100%;
    margin-top: 4.26667vw;
    display: flex;
    justify-content: flex-end;
  }
  body .main .component47__li .more-area li .more {
    padding-right: 5.33333vw;
  }
  body .main .component47__li .more-area li .more::after {
    content: "";
    width: 2.13333vw;
    height: 1px;
    background: #222222;
    position: absolute;
    top: auto;
    bottom: 0.77vw;
    left: auto;
    right: -0.25vw;
    transform: rotate(45deg);
    transition: .5s ease-in-out;
  }
  body .main .component47__li .more-area li .more::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222222;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s ease-in-out;
  }
  body .main .component47__li .more-area li .more[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 3vw;
    right: 0vw;
    left: auto;
    height: 3vw;
    width: 5.4vw;
    background: url(../img/common/_blank.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(0deg);
  }
  body .main .component47__li .more-area li .more[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 1.9vw;
    right: 0.5vw;
    left: auto;
    height: 5.8vw;
    width: 4.8vw;
    background: url(../img/common/ico_pdf.svg) no-repeat;
    background-size: auto 100%;
    background-position: top right;
    transform: rotate(0deg);
  }
  body .main .component47__li .more-area li .more[target="_blank"]::before,
  body .main .component47__li .more-area li .more[href$=".pdf"]::before {
    display: none;
  }
  body .main .pager {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 89.33333vw;
    margin: auto;
    justify-content: space-between;
    margin-top: 80px;
  }
  body .main .pager span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-align: center;
    position: relative;
    transition: all .5s;
    color: #b6b6b6;
  }
  body .main .pager span a {
    position: relative;
    font-size: 4.26667vw;
    line-height: 1.8;
  }
  body .main .pager span:hover {
    cursor: pointer;
    opacity: inherit;
    opacity: .7;
  }
  body .main .pager span.invalid {
    pointer-events: none;
  }
  body .main .pager span.current {
    color: #222;
    pointer-events: none;
  }
  body .main .pager span.current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.26667vw;
    background: #222222;
    left: 0vw;
    bottom: -0.26667vw;
  }
  body .main .pager span.current:hover {
    cursor: default;
  }
  body .main .pager span.ellipsis:hover {
    cursor: default;
    opacity: 1;
  }
  body .main .pager span.ellipsis::before {
    content: "･･･";
    display: block;
  }
  body .main .pager .prev,
  body .main .pager .next {
    width: 12.8vw;
    height: 12.8vw;
    background: #222222;
    position: relative;
    cursor: pointer;
  }
  body .main .pager .prev.invalid,
  body .main .pager .next.invalid {
    pointer-events: none;
    opacity: 0.1;
  }
  body .main .pager .prev.invalid:hover,
  body .main .pager .next.invalid:hover {
    cursor: default;
  }
  body .main .pager .prev::after,
  body .main .pager .next::after {
    content: "";
    width: 4.8vw;
    height: 1.6vw;
    background-image: url("../img/common/arrow_18.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 4.8vw;
    left: 0;
    right: 0;
    margin: auto;
    filter: invert(1);
  }
  body .main .pager .prev {
    margin-right: 30px;
  }
  body .main .pager .prev::after {
    transform: scale(-1, 1);
  }
  body .main .pager .next {
    margin-right: 0;
    margin-left: 20px;
    transition: all .5s;
  }
  body .main .pager .ellipsis {
    width: 2em;
    font-size: 2.66667vw;
  }
  body .main .pager .ellipsis::before {
    width: 12.8vw;
  }
  body .main .component52 {
    width: 89.06667vw;
    margin: auto;
    margin-bottom: 26.66667vw;
  }
  body .main .component52 .tags {
    margin-bottom: 1.06667vw;
    padding: 1.86667vw 4.26667vw;
    background-color: #222;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
  }
  body .main .component52 .title {
    font-weight: 400;
  }
  body .main .component52 .date {
    margin-top: 5.86667vw;
    font-weight: 700;
  }
  body .main .component52 .author {
    margin-top: 4.53333vw;
    margin-bottom: -6.66667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper {
    width: 94.66667vw;
    overflow: visible;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner {
    width: 80vw;
    height: 87vw !important;
    margin-right: 4.26667vw;
    background: #fff;
    box-shadow: 0 0 2.13333vw 0 rgba(0, 0, 0, 0.1);
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img {
    overflow: hidden;
    width: 100%;
    height: 45.06667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .img img {
    width: 80vw;
    height: 45.06667vw;
    object-fit: cover;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text {
    padding: 6.4vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .title {
    margin-bottom: 2.13333vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .supplement {
    margin-bottom: 1.06667vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper--inner a .text .date {
    margin-bottom: 2.4vw;
  }
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-next,
  body .main.main:not(.toppage) .componentX.swiper .swiper-button-prev {
    display: none;
  }
}

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