@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/****************** responsive ******************/
/****************** responsive ******************/
/***********************************************************************
reset
**********************************************************************/
* {
  margin: 0;
  padding: 0;
}

html, body {
  -webkit-text-size-adjust: 100%;
}

body {
  color: #6C6F72;
  margin: 0;
  padding: 0;
  font-family: "M PLUS 1", sans-serif;
  font-size: min(1.25vw, 16px);
  font-weight: 500;
}
@media (max-width: 768px) {
  body {
    font-size: min(3.7333333333vw, 14px);
  }
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, img,
article, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  list-style-type: none;
}

th {
  font-weight: normal;
  text-align: inherit;
}

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "M PLUS 1", sans-serif;
}

select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  outline: none;
}

*:focus {
  outline: none;
}

img[src$=".svg"] {
  width: 100%;
}

hr {
  display: none;
}

a {
  color: #6C6F72;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

/* set html5 elements to block */
article, footer, header, nav, section {
  display: block;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.br-pc {
  display: inline-block;
}
@media (max-width: 768px) {
  .br-pc {
    display: none;
  }
}

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

@media (max-width: 768px) {
  br.sp {
    display: inline-block !important;
  }
}

ul {
  font-size: 0;
}
ul li {
  font-size: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  ul li {
    font-size: min(3.7333333333vw, 14px);
  }
}

/********************************************************************************
header
********************************************************************************/
header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0E4E7C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(1.015625vw, 13px) min(1.5625vw, 20px);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 998;
}
@media (max-width: 768px) {
  header {
    padding: min(2.6666666667vw, 10px) min(2.9333333333vw, 11px);
  }
}
header #logo a {
  display: block;
  font-size: 0;
  width: min(19.6875vw, 252px);
}
@media (max-width: 768px) {
  header #logo a {
    width: min(61.0666666667vw, 229px);
  }
}
header .nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .btn {
  margin-left: min(0.703125vw, 9px);
}
header .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (hover: hover) and (pointer: fine) {
  header .btn a:hover {
    opacity: 0.7;
  }
}
header .btn img {
  margin: 0 auto min(0.3125vw, 4px);
  width: min(1.796875vw, 23px);
}
@media (max-width: 768px) {
  header .btn img {
    margin: 0 auto min(1.0666666667vw, 4px);
    width: min(5.6vw, 21px);
  }
}
header .btn span {
  color: #fff;
  font-size: min(0.703125vw, 9px);
  letter-spacing: 0.1em;
  line-height: 1.22;
}
@media (max-width: 768px) {
  header .btn span {
    font-size: min(2.4vw, 9px);
  }
}
header {
  /* sp nav */
}
header #nav-btn {
  cursor: pointer;
  display: inline-block;
  height: min(3.59375vw, 46px);
  margin-left: min(1.015625vw, 13px);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: min(3.59375vw, 46px);
  z-index: 1000;
}
@media (max-width: 768px) {
  header #nav-btn {
    height: min(10.1333333333vw, 38px);
    margin-left: min(2.4vw, 9px);
    width: min(10.1333333333vw, 38px);
  }
}
header #nav-btn span {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: min(0.46875vw, 6px);
  position: absolute;
  left: calc(50% - min(1.796875vw, 23px));
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: min(3.59375vw, 46px);
}
@media (max-width: 768px) {
  header #nav-btn span {
    height: min(1.3333333333vw, 5px);
    left: calc(50% - min(5.0666666667vw, 19px));
    width: min(10.1333333333vw, 38px);
  }
}
header #nav-btn span:nth-of-type(1) {
  top: min(0.46875vw, 6px);
}
@media (max-width: 768px) {
  header #nav-btn span:nth-of-type(1) {
    top: min(1.3333333333vw, 5px);
  }
}
header #nav-btn span:nth-of-type(2) {
  top: min(1.484375vw, 19px);
}
@media (max-width: 768px) {
  header #nav-btn span:nth-of-type(2) {
    top: min(4.5333333333vw, 17px);
  }
}
header #nav-btn span:nth-of-type(3) {
  top: min(2.5vw, 32px);
}
@media (max-width: 768px) {
  header #nav-btn span:nth-of-type(3) {
    top: min(7.7333333333vw, 29px);
  }
}
header #nav-btn.active span {
  background: #fff;
}
header #nav-btn.active span:nth-of-type(1) {
  -webkit-transform: translateY(min(1.015625vw, 13px)) rotate(45deg);
          transform: translateY(min(1.015625vw, 13px)) rotate(45deg);
}
@media (max-width: 768px) {
  header #nav-btn.active span:nth-of-type(1) {
    -webkit-transform: translateY(min(3.2vw, 12px)) rotate(30deg);
            transform: translateY(min(3.2vw, 12px)) rotate(30deg);
  }
}
header #nav-btn.active span:nth-of-type(2) {
  opacity: 0;
}
header #nav-btn.active span:nth-of-type(3) {
  -webkit-transform: translateY(max(-1.015625vw, -13px)) rotate(-45deg);
          transform: translateY(max(-1.015625vw, -13px)) rotate(-45deg);
}
@media (max-width: 768px) {
  header #nav-btn.active span:nth-of-type(3) {
    -webkit-transform: translateY(max(-3.2vw, -12px)) rotate(-30deg);
            transform: translateY(max(-3.2vw, -12px)) rotate(-30deg);
  }
}

@media (max-width: 768px) {
  .examinee-btm {
    margin-bottom: min(2.1333333333vw, 8px);
  }
}
.examinee-btm a {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), color-stop(50%, #20C9F1), to(#1DD56F));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 50%, #1DD56F 100%);
  background-size: 200% 100%;
  border-radius: min(3.90625vw, 50px);
  color: #fff;
  display: block;
  font-size: min(1.171875vw, 15px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: min(0.5078125vw, 6.5px) min(2.421875vw, 31px);
  text-align: center;
}
@media (max-width: 768px) {
  .examinee-btm a {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(4.5333333333vw, 17px);
    padding: min(5.4666666667vw, 20.5px);
    position: relative;
  }
  .examinee-btm a::before {
    background: url(../images/common/nav-arrow.svg) no-repeat center center/contain;
    content: "";
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    height: min(2.9333333333vw, 11px);
    position: absolute;
    right: min(8.2666666667vw, 31px);
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: min(1.8666666667vw, 7px);
  }
}
.examinee-btm a small {
  font-size: min(0.9375vw, 12px);
  font-weight: 600;
}
@media (max-width: 768px) {
  .examinee-btm a small {
    display: inline-block;
    font-size: min(4vw, 15px);
    margin-top: min(0.8vw, 3px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .examinee-btm a:hover {
    background-position: 100% 0;
    opacity: 0.9;
  }
}

.gnav {
  background: #0E4E7C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: min(52.03125vw, 666px);
  padding: min(9.921875vw, 127px) 0 min(3.984375vw, 51px);
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, max(-52.03125vw, -666px));
          transform: translate(0, max(-52.03125vw, -666px));
  -webkit-transition: visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, visibility 0.6s ease;
  transition: transform 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  visibility: hidden;
  width: 100%;
  z-index: 997;
}
@media (max-width: 768px) {
  .gnav {
    background: #CDDFE9;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    padding: min(23.2vw, 87px) 0 min(8vw, 30px);
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    -webkit-transition: visibility 0.4s ease, -webkit-transform 0.4s ease;
    transition: visibility 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, visibility 0.4s ease;
    transition: transform 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
  }
}
.gnav.active {
  -webkit-transform: translate(0);
          transform: translate(0);
  visibility: visible;
}
.gnav .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: min(89.6875vw, 1148px);
}
@media (max-width: 768px) {
  .gnav .inner {
    display: block;
    width: 91.7%;
  }
}
.gnav .nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*margin-bottom: responsive($pc, 86px);*/
}
@media (max-width: 768px) {
  .gnav .nav-box {
    display: block;
    margin-bottom: 0;
  }
}
.gnav .nav-box > ul {
  margin-right: min(4.84375vw, 62px);
}
@media (max-width: 768px) {
  .gnav .nav-box > ul {
    margin-right: 0;
  }
  .gnav .nav-box > ul + ul {
    border-top: 1px solid #0E4E7C;
  }
}
.gnav .nav-box > ul > li + li {
  border-top: 1px solid #fff;
}
@media (max-width: 768px) {
  .gnav .nav-box > ul > li + li {
    border-top: 1px solid #0E4E7C;
  }
}
.gnav .nav-box > ul > li > a {
  color: #fff;
  display: block;
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(1.5625vw, 20px) 0;
}
@media (max-width: 768px) {
  .gnav .nav-box > ul > li > a {
    color: #0E4E7C;
    font-size: min(4.2666666667vw, 16px);
    padding: min(5.0666666667vw, 19px) 0;
    position: relative;
  }
  .gnav .nav-box > ul > li > a::before {
    background: url(../images/common/nav-arrow.svg) no-repeat center center/contain;
    content: "";
    height: min(2.9333333333vw, 11px);
    position: absolute;
    right: min(2.1333333333vw, 8px);
    top: min(6.5333333333vw, 24.5px);
    width: min(1.8666666667vw, 7px);
  }
  .gnav .nav-box > ul > li > a.none::before {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .gnav .nav-box > ul > li > a:hover {
    opacity: 0.7;
  }
}
.gnav .nav-box > ul ul {
  margin-bottom: min(1.328125vw, 17px);
}
@media (max-width: 768px) {
  .gnav .nav-box > ul ul {
    margin-bottom: min(5.0666666667vw, 19px);
  }
}
.gnav .nav-box > ul ul li {
  line-height: 0;
}
.gnav .nav-box > ul ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.82;
}
@media (max-width: 768px) {
  .gnav .nav-box > ul ul li a {
    color: #0E4E7C;
    display: inline-block;
    font-size: min(3.4666666667vw, 13px);
    padding-right: min(6.4vw, 24px);
    position: relative;
  }
  .gnav .nav-box > ul ul li a::after {
    background: url(../images/common/nav-arrow.svg) no-repeat center center/contain;
    content: "";
    height: min(2.9333333333vw, 11px);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: min(1.8666666667vw, 7px);
  }
}
.gnav .nav-box > ul ul li a::before {
  content: "-";
}
@media (hover: hover) and (pointer: fine) {
  .gnav .nav-box > ul ul li a:hover {
    margin-left: 5px;
  }
}
.gnav .nav-box > ul ul li:not(:last-child) {
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .gnav .nav-box > ul ul li:not(:last-child) {
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
.gnav .other-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .gnav .other-link-list {
    display: none;
  }
}
.gnav .other-link-list li {
  margin-right: min(2.265625vw, 29px);
}
.gnav .other-link-list a {
  color: rgba(255, 255, 255, 0.7);
  font-size: min(1.015625vw, 13px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .gnav .other-link-list a:hover {
    text-decoration-color: rgba(255, 255, 255, 0.8);
  }
}
.gnav .sns-text {
  color: #fff;
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1;
  margin: min(9.765625vw, 125px) 0 min(1.953125vw, 25px);
  text-align: right;
}
@media (hover: hover) and (pointer: fine) {
  .gnav .sns-text a:hover {
    opacity: 0.7;
  }
}
.gnav .sns-text img {
  margin-left: min(1.484375vw, 19px);
  vertical-align: middle;
  width: min(2.1875vw, 28px);
}
.gnav .school-btn {
  width: min(20vw, 256px);
}
.gnav .school-btn a {
  background: #fff;
  border-radius: min(0.390625vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  font-weight: 600;
  display: block;
  letter-spacing: 0.05em;
  line-height: 1.22;
  padding: min(1.9140625vw, 24.5px);
  text-align: center;
  width: 100%;
}
.gnav .school-btn a img {
  margin-left: min(1.015625vw, 13px);
  vertical-align: middle;
  width: min(1.09375vw, 14px);
}
@media (hover: hover) and (pointer: fine) {
  .gnav .school-btn a:hover {
    letter-spacing: 0.1em;
    opacity: 0.8;
  }
}
.gnav .school-btn + .school-btn {
  margin-top: min(0.46875vw, 6px);
}

/********************************************************************************
footer
********************************************************************************/
.pagetop {
  height: min(26.9333333333vw, 101px);
  mix-blend-mode: multiply;
  position: fixed;
  bottom: min(7.4666666667vw, 28px);
  right: min(7.4666666667vw, 28px);
  width: min(26.9333333333vw, 101px);
  z-index: 100;
}
@media (max-width: 768px) {
  .pagetop {
    background: #104D7B;
    height: auto;
    position: static;
    width: 100%;
  }
}
.pagetop a {
  display: block;
  height: 100%;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .pagetop a:hover .arrow {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .pagetop a {
    padding: min(8.1333333333vw, 30.5px) 0;
  }
}
.pagetop .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(5.3333333333vw, 20px);
}
.pagetop .pc-text {
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.pagetop .sp-text {
  color: #fff;
  font-size: min(3.4666666667vw, 13px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
}

footer {
  background: #0C4067;
  color: #fff;
  padding: min(7.8125vw, 100px) 0 min(3.125vw, 40px);
}
@media (max-width: 768px) {
  footer {
    padding: min(4vw, 15px) 0 min(4.5333333333vw, 17px);
  }
}
footer .inner {
  width: min(85.9375vw, 1100px);
}
@media (max-width: 768px) {
  footer .inner {
    width: 91%;
  }
}
footer .footer-nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  footer .footer-nav-main {
    display: block;
    margin-bottom: min(32vw, 120px);
  }
}
@media (max-width: 768px) {
  footer .info-box {
    margin-bottom: min(3.4666666667vw, 13px);
  }
}
footer .info-box .name {
  margin-bottom: min(1.015625vw, 13px);
  width: min(24.296875vw, 311px);
}
@media (max-width: 768px) {
  footer .info-box .name {
    margin-bottom: min(3.4666666667vw, 13px);
    width: min(80.8vw, 303px);
  }
}
footer .info-box .address {
  display: inline-block;
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.79;
  margin-bottom: min(1.5625vw, 20px);
  padding-right: min(1.796875vw, 23px);
  position: relative;
}
@media (max-width: 768px) {
  footer .info-box .address {
    font-size: min(2.6666666667vw, 10px);
    margin-bottom: min(1.3333333333vw, 5px);
  }
}
footer .info-box .address a {
  display: block;
  position: absolute;
  bottom: min(0.234375vw, 3px);
  right: 0;
  width: min(1.09375vw, 14px);
}
@media (hover: hover) and (pointer: fine) {
  footer .info-box .address a:hover {
    right: max(-0.1953125vw, -2.5px);
    width: min(1.484375vw, 19px);
  }
}
footer .info-box .tel-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .info-box .tel-list li {
  font-family: "Poppins", sans-serif;
  font-size: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  footer .info-box .tel-list li {
    font-size: min(2.6666666667vw, 10px);
  }
}
footer .info-box .tel-list li strong {
  font-weight: 700;
}
footer .info-box .tel-list li + li {
  margin-left: min(1.875vw, 24px);
}
@media (max-width: 768px) {
  footer .info-box .tel-list li + li {
    margin-left: min(6vw, 22.5px);
  }
}
footer .info-box .tel-list a {
  color: #fff;
}
footer .nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  footer .nav-box {
    display: block;
  }
}
footer .nav-box > ul {
  margin-left: min(2.03125vw, 26px);
}
@media (max-width: 768px) {
  footer .nav-box > ul {
    margin-left: 0;
  }
}
footer .nav-box > ul:nth-child(2) {
  width: min(18.75vw, 240px);
}
@media (max-width: 768px) {
  footer .nav-box > ul:nth-child(2) {
    width: 100%;
  }
  footer .nav-box > ul:nth-child(2) > li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (max-width: 768px) {
  footer .nav-box > ul:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: min(18.6666666667vw, 70px);
    width: min(86.4vw, 324px);
  }
  footer .nav-box > ul:last-child > li {
    border-top: none;
    margin-bottom: 0;
  }
  footer .nav-box > ul:last-child > li:nth-child(odd) {
    width: min(28.5333333333vw, 107px);
  }
  footer .nav-box > ul:last-child > li:nth-child(even) {
    width: min(49.0666666667vw, 184px);
  }
  footer .nav-box > ul:last-child > li:not(:nth-child(-n+2)) {
    padding-top: min(6.6666666667vw, 25px);
  }
  footer .nav-box > ul:last-child > li + li {
    padding-top: 0;
  }
  footer .nav-box > ul:last-child > li a {
    font-size: min(3.8666666667vw, 14.5px);
    font-weight: 500;
    padding: 0;
  }
  footer .nav-box > ul:last-child > li a::before {
    content: none;
  }
}
footer .nav-box > ul > li {
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  footer .nav-box > ul > li {
    margin-bottom: 0;
  }
}
footer .nav-box > ul > li a {
  color: #fff;
  display: block;
  letter-spacing: 0.05em;
  line-height: 1;
  position: relative;
}
@media (max-width: 768px) {
  footer .nav-box > ul > li a {
    font-size: min(4.2666666667vw, 16px);
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .nav-box > ul > li a:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  footer .nav-box > ul > li > a {
    padding: min(5.0666666667vw, 19px) 0;
  }
  footer .nav-box > ul > li > a::before {
    background: url(../images/common/nav-arrow.svg) no-repeat center center/contain;
    content: "";
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    height: min(2.9333333333vw, 11px);
    position: absolute;
    right: min(2.1333333333vw, 8px);
    top: min(6.5333333333vw, 24.5px);
    width: min(1.8666666667vw, 7px);
  }
}
@media (max-width: 768px) {
  footer .nav-box > ul > li .ac::before {
    background: #fff;
    height: 2px;
    right: min(1.4666666667vw, 5.5px);
    width: min(2.9333333333vw, 11px);
  }
  footer .nav-box > ul > li .ac::after {
    background: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: min(1.4666666667vw, 5.5px);
    top: min(6.5333333333vw, 24.5px);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    width: min(2.9333333333vw, 11px);
  }
}
@media (max-width: 768px) {
  footer .nav-box > ul > li .open {
    padding-bottom: min(1.3333333333vw, 5px);
  }
  footer .nav-box > ul > li .open::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
footer .nav-box > ul > li + li {
  border-top: 1px solid #fff;
  padding-top: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  footer .nav-box > ul > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 0;
  }
}
footer .nav-box > ul > li ul {
  margin-top: min(1.015625vw, 13px);
}
@media (max-width: 768px) {
  footer .nav-box > ul > li ul {
    display: none;
    margin-bottom: min(5.0666666667vw, 19px);
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  footer .nav-box > ul > li ul li {
    margin-top: min(2.6666666667vw, 10px);
  }
}
footer .nav-box > ul > li ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: min(0.859375vw, 11px);
  line-height: 1.82;
}
@media (max-width: 768px) {
  footer .nav-box > ul > li ul li a {
    display: inline-block;
    font-size: min(3.4666666667vw, 13px);
    padding-left: 1em;
    padding-right: min(6.4vw, 24px);
    position: relative;
  }
  footer .nav-box > ul > li ul li a::after {
    background: url(../images/common/footer-nav-arrow.svg) no-repeat center center/contain;
    content: "";
    height: min(2.9333333333vw, 11px);
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: min(1.8666666667vw, 7px);
  }
}
footer .nav-box > ul > li ul li a::before {
  content: "-";
}
@media (max-width: 768px) {
  footer .nav-box > ul > li ul li a::before {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .nav-box > ul > li ul li a:hover {
    margin-left: 5px;
  }
}
footer .nav-box > ul > li ul li + li {
  margin-top: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  footer .nav-box > ul > li ul li + li {
    margin-top: 0;
  }
}
footer .footer-nav-sub {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  footer .footer-nav-sub {
    display: block;
  }
}
@media (max-width: 768px) {
  footer .sns-box {
    margin-bottom: min(6.6666666667vw, 25px);
  }
}
footer .sns-box p {
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  margin-bottom: min(2.1875vw, 28px);
}
@media (max-width: 768px) {
  footer .sns-box p {
    font-size: min(2.9333333333vw, 11px);
    line-height: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .sns-box p a:hover {
    opacity: 0.7;
  }
}
footer .sns-box p img {
  margin-left: min(1.484375vw, 19px);
  vertical-align: middle;
  width: min(2.734375vw, 35px);
}
@media (max-width: 768px) {
  footer .sns-box p img {
    margin-left: min(6.4vw, 24px);
    width: min(6.9333333333vw, 26px);
  }
}
@media (max-width: 768px) {
  footer .school-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: min(4.8vw, 18px);
  }
}
footer .school-btn a {
  background: #fff;
  border-radius: min(0.390625vw, 5px);
  color: #0E4E7C;
  display: block;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: min(2.578125vw, 33px) 0;
  text-align: center;
  width: min(20vw, 256px);
}
@media (max-width: 768px) {
  footer .school-btn a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: min(1.3333333333vw, 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: min(14.9333333333vw, 56px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    letter-spacing: 0;
    line-height: 1.22;
    padding: 0;
    width: min(44.6666666667vw, 167.5px);
  }
}
footer .school-btn a img {
  margin-left: min(1.015625vw, 13px);
  vertical-align: middle;
  width: min(1.09375vw, 14px);
}
@media (max-width: 768px) {
  footer .school-btn a img {
    margin-left: min(6.1333333333vw, 23px);
    margin-right: min(3.2vw, 12px);
    width: min(2.8vw, 10.5px);
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .school-btn a:hover {
    letter-spacing: 0.1em;
    opacity: 0.8;
  }
}
footer .school-btn + .school-btn {
  margin-top: min(0.46875vw, 6px);
}
@media (max-width: 768px) {
  footer .school-btn + .school-btn {
    margin-top: 0;
  }
}
footer .other-box .other-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  footer .other-box .other-link-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: min(20vw, 75px);
  }
}
footer .other-box .other-link-list li {
  margin-left: min(2.265625vw, 29px);
}
@media (max-width: 768px) {
  footer .other-box .other-link-list li {
    margin-left: 0;
  }
  footer .other-box .other-link-list li:nth-child(even) {
    margin-left: min(9.6vw, 36px);
  }
  footer .other-box .other-link-list li:not(:nth-child(-n+2)) {
    margin-top: min(4.5333333333vw, 17px);
  }
}
footer .other-box .other-link-list a {
  color: #fff;
  font-size: min(1.015625vw, 13px);
  font-weight: 400;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  footer .other-box .other-link-list a {
    font-size: min(3.0666666667vw, 11.5px);
    line-height: 1;
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .other-box .other-link-list a:hover {
    text-decoration-color: #fff;
  }
}
footer .other-box .copyright {
  font-size: min(0.78125vw, 10px);
  font-weight: 400;
  opacity: 0.5;
  text-align: right;
}
@media (max-width: 768px) {
  footer .other-box .copyright {
    font-size: min(2.6666666667vw, 10px);
    text-align: center;
  }
}

/********************************************************************************
common
********************************************************************************/
.wrapper {
  margin-top: min(5.546875vw, 71px);
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .wrapper {
    margin-top: min(15.2vw, 57px);
  }
}

.inner {
  margin: 0 auto;
  width: min(84.375vw, 1080px);
}
@media (max-width: 768px) {
  .inner {
    width: 87.2%;
  }
}

.gradient-back {
  position: relative;
}
.gradient-back::before {
  background: url(../images/common/gradient-back.jpg) no-repeat center top/cover;
  content: "";
  height: 100%;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .gradient-back::before {
    background: url(../images/common/gradient-back-sp.jpg) no-repeat center top/cover;
  }
}

/* news */
#news .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #news .inner {
    display: block;
    width: 91.2%;
  }
}
#news .section-head {
  margin-bottom: min(5.46875vw, 70px);
}
@media (max-width: 768px) {
  #news .section-head {
    margin-bottom: min(8.1333333333vw, 30.5px);
  }
}
#news .more-btn {
  width: min(20.9375vw, 268px);
}
@media (max-width: 768px) {
  #news .more-btn {
    width: 100%;
  }
}
#news .more-btn a {
  background: #fff;
  border: 2px solid #E0E3EF;
  border-radius: min(3.28125vw, 42px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  display: block;
  font-size: min(1.171875vw, 15px);
  line-height: 1;
  padding: min(1.484375vw, 19px);
  text-align: center;
}
@media (max-width: 768px) {
  #news .more-btn a {
    border-radius: min(11.2vw, 42px);
    font-size: min(4vw, 15px);
    padding: min(4vw, 15px);
  }
}
#news .more-btn a img {
  margin-left: min(1.171875vw, 15px);
  width: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #news .more-btn a img {
    margin-left: min(3.7333333333vw, 14px);
    width: min(4.2666666667vw, 16px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #news .more-btn a:hover {
    -webkit-box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
            box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
  }
}
#news .all {
  background: #EEF3F6;
  color: #0E4E7C;
}
#news .secondary {
  background: #0E4E7C;
  color: #fff;
}
#news .jh {
  background: #1DD56F;
  color: #fff;
}
#news .hs {
  background: #20C9F1;
  color: #fff;
}
#news .club {
  background: #FF951C;
  color: #fff;
}
#news .important {
  background: #B2B2B2;
  color: #fff;
}
#news .news-list-box {
  width: min(48.125vw, 616px);
}
@media (max-width: 768px) {
  #news .news-list-box {
    width: 100%;
  }
}
#news .category-list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #news .category-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#news .category-list li {
  border-radius: min(0.390625vw, 5px) min(0.390625vw, 5px) 0 0;
  cursor: pointer;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
  padding: min(0.234375vw, 3px) 0;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  width: min(6.484375vw, 83px);
}
@media (max-width: 768px) {
  #news .category-list li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.2vw, 12px);
    margin-bottom: min(1.3333333333vw, 5px);
    padding: min(1.0666666667vw, 4px) 0;
    width: min(21.0666666667vw, 79px);
  }
}
#news .category-list li:not(:last-child) {
  margin-right: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #news .category-list li:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #news .category-list li:not(:nth-child(4n)) {
    margin-right: min(2.1333333333vw, 8px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #news .category-list li:hover {
    opacity: 0.8;
  }
}
#news .category-list li.active {
  padding: min(0.9375vw, 12px) 0 min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #news .category-list li.active {
    padding: min(1.0666666667vw, 4px) 0;
  }
}
#news .news-list-wrap {
  background: #EEF3F6;
  border-radius: 0 min(0.78125vw, 10px) min(0.78125vw, 10px) min(0.78125vw, 10px);
  padding: min(1.796875vw, 23px) min(2.03125vw, 26px) min(3.28125vw, 42px) min(2.5vw, 32px);
}
@media (max-width: 768px) {
  #news .news-list-wrap {
    border-radius: min(2.6666666667vw, 10px);
    margin-bottom: min(2.6666666667vw, 10px);
    padding: min(8vw, 30px) min(5.3333333333vw, 20px) min(6.4vw, 24px);
  }
}
#news .news-list-wrap > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(36, 84, 116, 0.28);
  margin-bottom: min(1.5625vw, 20px);
  padding-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #news .news-list-wrap > ul > li:not(:last-child) {
    margin-bottom: min(7.4666666667vw, 28px);
    padding-bottom: min(7.4666666667vw, 28px);
  }
}
#news .news-list-wrap > ul.hide {
  display: none;
}
#news .news-list-wrap .dc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #news .news-list-wrap .dc-box {
    margin-bottom: min(1.0666666667vw, 4px);
  }
}
#news .news-list-wrap .date {
  color: #B2B2B2;
  font-size: min(0.9375vw, 12px);
  margin-right: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #news .news-list-wrap .date {
    font-size: min(3.4666666667vw, 13px);
  }
}
#news .news-list-wrap .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#news .news-list-wrap .category li {
  border-radius: min(0.390625vw, 5px);
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  width: min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  #news .news-list-wrap .category li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.2vw, 12px);
    width: min(19.2vw, 72px);
  }
}
#news .news-list-wrap .category li + li {
  margin-left: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #news .news-list-wrap .category li + li {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#news .news-list-wrap a {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  line-height: 1.7;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #news .news-list-wrap a {
    font-size: min(3.7333333333vw, 14px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #news .news-list-wrap a:hover {
    text-decoration-color: #0E4E7C;
  }
}

/* news */
/* lower */
.lower-main {
  height: min(53.125vw, 680px);
  position: relative;
}
@media (max-width: 768px) {
  .lower-main {
    height: min(160vw, 600px);
  }
}
.lower-main::before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.lower-main .inner {
  height: 100%;
  position: relative;
  width: min(92.1875vw, 1180px);
}
@media (max-width: 768px) {
  .lower-main .inner {
    width: 88%;
  }
}
.lower-main .head-box {
  color: #fff;
  position: absolute;
  left: 0;
  top: min(2.1875vw, 28px);
  z-index: 1;
}
@media (max-width: 768px) {
  .lower-main .head-box {
    top: min(5.0666666667vw, 19px);
  }
}
.lower-main .head-box .en {
  font-family: "Jost", sans-serif;
  font-size: min(5.46875vw, 70px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-bottom: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  .lower-main .head-box .en {
    font-size: min(12.2666666667vw, 46px);
    line-height: 1;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
.lower-main .head-box h2 {
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.22;
}
@media (max-width: 768px) {
  .lower-main .head-box h2 {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1;
  }
}
.lower-main.other {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 100%);
  color: #fff;
  height: min(40.546875vw, 519px);
}
@media (max-width: 768px) {
  .lower-main.other {
    height: min(160vw, 600px);
  }
}
.lower-main.other::before {
  content: none;
}
.lower-main.other .inner::before {
  background: url(../images/common/other-main-deco1.png) no-repeat center center/contain;
  content: "";
  height: min(32.265625vw, 413px);
  position: absolute;
  right: max(-3.1640625vw, -40.5px);
  top: max(-3.359375vw, -43px);
  width: min(36.015625vw, 461px);
}
@media (max-width: 768px) {
  .lower-main.other .inner::before {
    height: min(110.1333333333vw, 413px);
    right: max(-26.6666666667vw, -100px);
    top: min(56.2666666667vw, 211px);
    width: min(122.9333333333vw, 461px);
  }
}
.lower-main.other .inner::after {
  background: url(../images/common/other-main-deco2.png) no-repeat center center/contain;
  content: "";
  height: min(25.234375vw, 323px);
  position: absolute;
  left: max(-7.265625vw, -93px);
  top: min(10.46875vw, 134px);
  width: min(22.8125vw, 292px);
}
@media (max-width: 768px) {
  .lower-main.other .inner::after {
    content: none;
  }
}
.lower-main.other .head-box {
  top: min(5.15625vw, 66px);
}
@media (max-width: 768px) {
  .lower-main.other .head-box {
    top: min(10.9333333333vw, 41px);
  }
}

.section-head {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.22;
  padding-left: min(3.59375vw, 46px);
  position: relative;
}
@media (max-width: 768px) {
  .section-head {
    font-size: min(4.2666666667vw, 16px);
    padding-left: min(10.4vw, 39px);
  }
}
.section-head::before {
  background: linear-gradient(230deg, #3598D2 0%, #3CC9A3 100%);
  content: "";
  height: min(2.109375vw, 27px);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) skewX(-25deg);
          transform: translate(0, -50%) skewX(-25deg);
  width: min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  .section-head::before {
    height: min(7.2vw, 27px);
    width: min(5.8666666667vw, 22px);
  }
}

.head-en-box {
  color: #0E4E7C;
}
.head-en-box h3 {
  font-family: "Jost", sans-serif;
  font-size: min(3.828125vw, 49px);
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .head-en-box h3 {
    font-size: min(10.6666666667vw, 40px);
    line-height: 1.2;
  }
}
.head-en-box p {
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .head-en-box p {
    font-size: min(4.2666666667vw, 16px);
  }
}

.related-nav {
  -webkit-box-shadow: 0 0 10.5px rgba(50, 150, 212, 0.21);
          box-shadow: 0 0 10.5px rgba(50, 150, 212, 0.21);
  border-radius: min(0.5859375vw, 7.5px) 0 0 min(0.5859375vw, 7.5px);
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 100;
}
@media (max-width: 768px) {
  .related-nav {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.9;
    bottom: min(2.4vw, 9px);
    right: 50%;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
    top: unset;
  }
}
.related-nav a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.52);
  border-right: none;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(14.6875vw, 188px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(4.140625vw, 53px);
}
@media (max-width: 768px) {
  .related-nav a {
    border: 1px solid #000;
    height: min(13.0666666667vw, 49px);
    width: 31.82vw;
  }
}
.related-nav a span {
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 0.95;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  padding-left: min(1.796875vw, 23px);
  position: relative;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .related-nav a span {
    font-size: min(4vw, 15px);
    -webkit-transform: none;
            transform: none;
    padding-left: min(4vw, 15px);
  }
}
.related-nav a span::before {
  background: #999;
  border-radius: 50%;
  content: "";
  height: min(0.859375vw, 11px);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.859375vw, 11px);
}
@media (max-width: 768px) {
  .related-nav a span::before {
    height: min(2.6666666667vw, 10px);
    width: min(2.6666666667vw, 10px);
  }
}
.related-nav a:hover {
  background: #0E4E7C;
  color: #fff;
}
.related-nav a:hover span::before {
  background: #fff;
}
.related-nav li:first-child a {
  border-radius: min(0.5859375vw, 7.5px) 0 0 0;
}
@media (max-width: 768px) {
  .related-nav li:first-child a {
    border-radius: min(2.6666666667vw, 10px) 0 0 min(2.6666666667vw, 10px);
  }
}
.related-nav li:nth-child(2) a {
  border-bottom: none;
  border-top: none;
}
@media (max-width: 768px) {
  .related-nav li:nth-child(2) a {
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
    border-top: 1px solid #000;
  }
}
.related-nav li:last-child a {
  border-radius: 0 0 0 min(0.5859375vw, 7.5px);
}
@media (max-width: 768px) {
  .related-nav li:last-child a {
    border-radius: 0 min(2.6666666667vw, 10px) min(2.6666666667vw, 10px) 0;
  }
}
.related-nav li.active a {
  background: #0E4E7C;
  color: #fff;
}
.related-nav li.active a span::before {
  background: #fff;
}
.related-nav .sa span::before {
  background: #3293CF;
}
.related-nav .sa.active a {
  background: #3293CF;
  color: #333;
}
.related-nav .sa.active a span::before {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .related-nav .sa a:hover {
    background: #3293CF;
    color: #333;
  }
  .related-nav .sa a:hover span::before {
    background: #fff;
  }
}
.related-nav .ls span::before {
  background: #82C478;
}
.related-nav .ls.active a {
  background: #82C478;
  color: #333;
}
.related-nav .ls.active a span::before {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .related-nav .ls a:hover {
    background: #82C478;
    color: #333;
  }
  .related-nav .ls a:hover span::before {
    background: #fff;
  }
}
.related-nav .ic span::before {
  background: #AD96BF;
}
.related-nav .ic.active a {
  background: #AD96BF;
  color: #333;
}
.related-nav .ic.active a span::before {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .related-nav .ic a:hover {
    background: #AD96BF;
    color: #333;
  }
  .related-nav .ic a:hover span::before {
    background: #fff;
  }
}

.page-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .page-nav {
    display: none;
  }
}
.page-nav li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.page-nav li:not(:last-child)::before {
  border-right: 1px solid #fff;
  content: "";
  height: min(3.4375vw, 44px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0;
}
.page-nav a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(6.5625vw, 84px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
}
.page-nav a span {
  color: #fff;
  font-size: min(1.25vw, 16px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  padding-bottom: min(1.640625vw, 21px);
  position: relative;
}
.page-nav a span::before {
  background: url(../images/common/nav-arrow.svg) no-repeat center center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.015625vw, 13px);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(0.625vw, 8px);
}
@media (hover: hover) and (pointer: fine) {
  .page-nav a:hover {
    opacity: 0.8;
  }
  .page-nav a:hover span::before {
    bottom: max(-0.390625vw, -5px);
  }
}
.page-nav::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100vw;
  z-index: -1;
}

/* lower */
.scroll-hint {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: min(0.78125vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(13.203125vw, 169px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(16.875vw, 216px);
  z-index: 10;
}
@media (max-width: 768px) {
  .scroll-hint {
    border-radius: min(1.8666666667vw, 7px);
    height: min(32.8vw, 123px);
    width: min(41.8666666667vw, 157px);
  }
}
.scroll-hint .icon {
  margin-bottom: min(0.546875vw, 7px);
  width: min(6.5625vw, 84px);
}
@media (max-width: 768px) {
  .scroll-hint .icon {
    margin-bottom: min(1.3333333333vw, 5px);
    width: min(16.2666666667vw, 61px);
  }
}
.scroll-hint .text {
  color: #fff;
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .scroll-hint .text {
    font-size: min(3.4666666667vw, 13px);
  }
}
.scroll-hint.active {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.scroll-hint.sp {
  display: none;
}
@media (max-width: 768px) {
  .scroll-hint.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.table {
  border-collapse: collapse;
  width: 100%;
}
.table th:not(.th-border):not(.th-empty) {
  background: #0E4E7C;
  color: #fff;
  font-size: min(1.015625vw, 13px);
  font-weight: 700;
  padding: min(0.625vw, 8px) 0;
  text-align: center;
  width: min(15.9375vw, 204px);
}
@media (max-width: 768px) {
  .table th:not(.th-border):not(.th-empty) {
    font-size: min(3.4666666667vw, 13px);
    padding: min(2.1333333333vw, 8px) 0;
    width: min(54.4vw, 204px);
  }
}
.table tr:nth-child(even) th:not(.th-border):not(.th-empty) {
  background: #0F456C;
}
.table .th-total {
  background: #333 !important;
}
.table .th-border {
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  padding-right: calc(min(0.5078125vw, 6.5px) / 2);
  position: relative;
  text-align: center;
  width: min(2.8125vw, 36px);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  .table .th-border {
    font-size: min(3.7333333333vw, 14px);
    padding-right: calc(min(1.7333333333vw, 6.5px) / 2);
    width: min(9.6vw, 36px);
  }
}
.table .th-border::before {
  border: 1px solid #6C6F72;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - min(0.5078125vw, 6.5px));
}
@media (max-width: 768px) {
  .table .th-border::before {
    width: calc(100% - min(1.7333333333vw, 6.5px));
  }
}
.table td {
  background: #F2F7FA;
  border: 1px solid #C3C3C3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: min(1.09375vw, 14px);
  padding-right: min(0.6640625vw, 8.5px);
  text-align: right;
  width: min(10.46875vw, 134px);
}
@media (max-width: 768px) {
  .table td {
    font-size: min(3.7333333333vw, 14px);
    padding-right: min(2.2666666667vw, 8.5px);
    width: min(35.7333333333vw, 134px);
  }
}
.table .td-total {
  font-weight: 700;
}
.table .tr-empty th, .table .tr-empty td {
  background: transparent !important;
  border: none !important;
  padding: min(0.15625vw, 2px) !important;
}
@media (max-width: 768px) {
  .table .tr-empty th, .table .tr-empty td {
    padding: min(0.5333333333vw, 2px) !important;
  }
}

/* anim */
.blur {
  opacity: 0;
}
.blur.active {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: Blur;
  animation-name: Blur;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 768px) {
  .blur.active {
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
  }
}

@-webkit-keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

@keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
.fi {
  opacity: 0;
}
.fi.active {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-filter: blur(0.8rem);
            filter: blur(0.8rem);
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0rem);
            filter: blur(0rem);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-filter: blur(0.8rem);
            filter: blur(0.8rem);
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0rem);
            filter: blur(0rem);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.bi {
  opacity: 0;
}
.bi.active {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes band {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes band {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes moreblur {
  from {
    -webkit-filter: blur(min(0.625vw, 8px));
            filter: blur(min(0.625vw, 8px));
  }
  to {
    -webkit-filter: blur(min(0.234375vw, 3px));
            filter: blur(min(0.234375vw, 3px));
  }
}
@keyframes moreblur {
  from {
    -webkit-filter: blur(min(0.625vw, 8px));
            filter: blur(min(0.625vw, 8px));
  }
  to {
    -webkit-filter: blur(min(0.234375vw, 3px));
            filter: blur(min(0.234375vw, 3px));
  }
}
@-webkit-keyframes slideIn {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideIn {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* anim */
/********************************************************************************
home
********************************************************************************/
/* opening */
html.opening-enabled,
html.opening-enabled body {
  height: 100%;
  background: #08314a;
}

html.opening-enabled body {
  visibility: hidden;
}

html.opening-enabled #opening {
  visibility: visible;
}

/* opening */
#home {
  /* opening */
}
#home .opening {
  display: none;
  inset: 0;
  position: fixed;
  z-index: 99999;
}
#home .opening.is-visible {
  display: block;
}
#home .opening__bg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #08314a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
}
#home .opening__gif {
  height: auto;
  width: 100vw;
}
#home .opening.is-hide {
  -webkit-animation: openingFadeOut 0.4s ease forwards;
          animation: openingFadeOut 0.4s ease forwards;
}
@-webkit-keyframes openingFadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes openingFadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
#home {
  /* opening */
}
#home .important-info {
  background: #EB4B4B;
  overflow: hidden;
  padding: min(0.625vw, 8px) 0;
}
@media (max-width: 768px) {
  #home .important-info {
    padding: min(2.1333333333vw, 8px) 0;
  }
}
#home .important-info .box {
  -webkit-animation: band 40s linear infinite;
          animation: band 40s linear infinite;
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #home .important-info .box {
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
  }
}
#home .important-info p {
  color: #fff;
  display: inline;
}
#home .gradient-back::before {
  opacity: 1;
}
#home {
  /* main */
}
#home #main {
  padding-top: min(1.875vw, 24px);
}
@media (max-width: 768px) {
  #home #main {
    padding-top: min(4vw, 15px);
  }
}
#home #main .inner {
  height: min(61.015625vw, 781px);
  position: relative;
  width: min(92.1875vw, 1180px);
}
@media (max-width: 768px) {
  #home #main .inner {
    height: auto;
    width: 94.6vw;
  }
}
#home #main .inner::before {
  background: url(../images/top/main-deco.png) no-repeat center top/contain;
  content: "";
  height: min(62.96875vw, 806px);
  position: absolute;
  left: max(-22.421875vw, -287px);
  top: max(-8.984375vw, -115px);
  width: min(133.828125vw, 1713px);
  z-index: -1;
}
@media (max-width: 768px) {
  #home #main .inner::before {
    background: url(../images/top/main-deco-sp.png) no-repeat center top/contain;
    height: min(46.9333333333vw, 176px);
    left: min(45.8666666667vw, 172px);
    top: min(131.4666666667vw, 493px);
    width: min(57.0666666667vw, 214px);
  }
}
#home #main .content, #home #main .btn {
  border-radius: min(0.78125vw, 10px);
  position: absolute;
}
@media (max-width: 768px) {
  #home #main .content, #home #main .btn {
    border-radius: min(2.6666666667vw, 10px);
    margin: 0;
    position: relative;
  }
}
#home #main .btn a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.875vw, 24px);
  font-weight: 700;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.22;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  #home #main .btn a {
    font-size: min(5.3333333333vw, 20px);
  }
}
#home #main .btn::before {
  border-radius: min(0.78125vw, 10px);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 100%;
}
@media (max-width: 768px) {
  #home #main .btn::before {
    border-radius: min(2.6666666667vw, 10px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #main .btn:hover::before {
    background: rgba(0, 0, 0, 0.56);
  }
}
#home #main .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  #home #main .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#home #main .slide1 {
  height: min(9.84375vw, 126px);
  left: min(16.171875vw, 207px);
  bottom: 0;
  width: min(19.6875vw, 252px);
}
@media (max-width: 768px) {
  #home #main .slide1 {
    height: 85.3vw;
    left: inherit;
    bottom: inherit;
    width: 62.6vw;
  }
}
#home #main .slide2 {
  height: min(15.859375vw, 203px);
  left: 0;
  top: 0;
  width: min(15.390625vw, 197px);
}
@media (max-width: 768px) {
  #home #main .slide2 {
    height: 41.3vw;
    margin-bottom: 2.66vw;
    left: inherit;
    top: inherit;
    width: 29.6vw;
  }
}
#home #main .slide3 {
  height: min(15.859375vw, 203px);
  left: min(36.640625vw, 469px);
  top: 0;
  width: min(29.140625vw, 373px);
}
@media (max-width: 768px) {
  #home #main .slide3 {
    height: 41.3vw;
    left: inherit;
    top: inherit;
    width: 29.6vw;
  }
}
#home #main .slide4 {
  height: min(7.5390625vw, 96.5px);
  left: min(56.796875vw, 727px);
  top: min(16.640625vw, 213px);
  width: min(8.984375vw, 115px);
}
@media (max-width: 768px) {
  #home #main .slide4 {
    height: 54.4vw;
    margin-bottom: 2.66vw;
    left: inherit;
    top: inherit;
    width: 29.6vw;
  }
}
#home #main .slide5 {
  height: min(9.84375vw, 126px);
  bottom: 0;
  right: 0;
  width: min(25.546875vw, 327px);
}
#home #main .slide6 {
  height: min(15.859375vw, 203px);
  right: 0;
  top: 0;
  width: min(9.375vw, 120px);
}
#home #main .slide7 {
  height: min(17.109375vw, 219px);
  left: min(36.640625vw, 469px);
  top: min(24.9609375vw, 319.5px);
  width: min(29.140625vw, 373px);
}
#home #main .slide8 {
  height: min(9.84375vw, 126px);
  bottom: 0;
  left: 0;
  width: min(15.390625vw, 197px);
}
#home #main .main-copy-box {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  left: 0;
  top: min(18.90625vw, 242px);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  width: min(35.9375vw, 460px);
}
@media (max-width: 768px) {
  #home #main .main-copy-box {
    margin: min(9.3333333333vw, 35px) 0 min(6.6666666667vw, 25px);
    left: inherit;
    top: inherit;
    width: 100%;
  }
}
#home #main .main-copy-box .copy {
  margin: 0 auto;
  width: min(32.34375vw, 414px);
}
@media (max-width: 768px) {
  #home #main .main-copy-box .copy {
    width: min(83.4666666667vw, 313px);
  }
}
#home #main .sub-copy-box {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: min(12.1875vw, 156px);
  padding: min(0.78125vw, 10px);
  right: 0;
  top: min(27.421875vw, 351px);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  width: min(23.59375vw, 302px);
}
@media (max-width: 768px) {
  #home #main .sub-copy-box {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    height: inherit;
    margin-bottom: min(8vw, 30px);
    padding: 0;
    right: inherit;
    top: inherit;
    text-align: center;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    width: 100%;
  }
}
#home #main .sub-copy-box .head {
  color: #06344B;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: min(1.7578125vw, 22.5px);
}
@media (max-width: 768px) {
  #home #main .sub-copy-box .head {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#home #main .sub-copy-box .head span {
  position: relative;
}
#home #main .sub-copy-box .head span::before {
  background: #31B57E;
  border-radius: 50%;
  content: "";
  height: min(0.4296875vw, 5.5px);
  position: absolute;
  top: max(-0.46875vw, -6px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(0.4296875vw, 5.5px);
}
@media (max-width: 768px) {
  #home #main .sub-copy-box .head span::before {
    height: min(1.3333333333vw, 5px);
    top: max(-0.8vw, -3px);
    width: min(1.3333333333vw, 5px);
  }
}
#home #main .sub-copy-box .head + p {
  color: #06344B;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.94;
}
@media (max-width: 768px) {
  #home #main .sub-copy-box .head + p {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1.6;
  }
}
#home #main .btn1 {
  background: url(../images/top/main-btn1-back.jpg) no-repeat center/cover;
  height: min(7.578125vw, 97px);
  left: 0;
  top: min(42.890625vw, 549px);
  width: min(35.9375vw, 460px);
}
@media (max-width: 768px) {
  #home #main .btn1 {
    height: 37.3vw;
    margin-bottom: 2.66vw;
    left: inherit;
    top: inherit;
    width: 100%;
  }
}
#home #main .btn1::before {
  background: rgba(0, 0, 0, 0.51);
}
@media (hover: hover) and (pointer: fine) {
  #home #main .btn1:hover::before {
    background: rgba(84, 84, 84, 0.6);
  }
}
#home #main .btn1 .head {
  font-size: min(1.09375vw, 14px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.73;
}
@media (max-width: 768px) {
  #home #main .btn1 .head {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.4;
  }
}
#home #main .btn1 .head + p {
  font-size: min(1.40625vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
}
@media (max-width: 768px) {
  #home #main .btn1 .head + p {
    font-size: min(4.8vw, 18px);
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
}
#home #main .btn2 {
  background: url(../images/top/main-btn2-back.jpg) no-repeat center/cover;
  height: min(7.5390625vw, 96.5px);
  right: min(10.15625vw, 130px);
  top: 0;
  width: min(15.390625vw, 197px);
}
@media (max-width: 768px) {
  #home #main .btn2 {
    height: 41.3vw;
    margin-bottom: 2.66vw;
    right: inherit;
    top: inherit;
    width: 30.6vw;
  }
}
#home #main .btn2::before {
  background: rgba(24, 56, 96, 0.7);
}
#home #main .btn3 {
  background: url(../images/top/main-btn3-back.jpg) no-repeat center/cover;
  height: min(15.859375vw, 203px);
  left: min(16.171875vw, 207px);
  top: 0;
  width: min(19.6875vw, 252px);
}
@media (max-width: 768px) {
  #home #main .btn3 {
    height: 41.3vw;
    left: inherit;
    top: inherit;
    width: 62.1vw;
  }
}
#home #main .btn3::before {
  background: rgba(207, 102, 26, 0.7);
}
#home #main .btn4 {
  background: url(../images/top/main-btn4-back.jpg) no-repeat center/cover;
  height: min(7.5390625vw, 96.5px);
  left: min(36.640625vw, 469px);
  top: min(16.640625vw, 213px);
  width: min(19.53125vw, 250px);
}
@media (max-width: 768px) {
  #home #main .btn4 {
    height: 41.3vw;
    margin-bottom: 2.66vw;
    left: inherit;
    top: inherit;
    width: 62.13vw;
  }
}
#home #main .btn4::before {
  background: rgba(42, 186, 106, 0.7);
}
#home #main .btn5 {
  background: url(../images/top/main-btn5-back.jpg) no-repeat center/cover;
  height: min(15.859375vw, 203px);
  right: min(10.15625vw, 130px);
  top: min(8.3203125vw, 106.5px);
  width: min(15.390625vw, 197px);
}
@media (max-width: 768px) {
  #home #main .btn5 {
    height: 20.26vw;
    right: inherit;
    top: inherit;
    width: 62.13vw;
  }
}
#home #main .btn5::before {
  background: rgba(68, 193, 242, 0.8);
}
#home #main .btn6 {
  background: url(../images/top/main-btn6-back.jpg) no-repeat center/cover;
  height: min(7.5390625vw, 96.5px);
  right: 0;
  top: min(16.640625vw, 213px);
  width: min(9.375vw, 120px);
}
@media (max-width: 768px) {
  #home #main .btn6 {
    height: 64.26vw;
    margin-bottom: 2.66vw;
    right: inherit;
    top: inherit;
    width: 29.7vw;
  }
}
#home #main .btn6::before {
  background: rgba(38, 108, 236, 0.7);
}
#home #main .btn7 {
  background: url(../images/top/main-btn7-back.jpg) no-repeat center/cover;
  height: min(9.84375vw, 126px);
  bottom: 0;
  right: min(26.328125vw, 337px);
  width: min(29.140625vw, 373px);
}
@media (max-width: 768px) {
  #home #main .btn7 {
    height: 33.3vw;
    bottom: inherit;
    right: inherit;
    width: 62.13vw;
  }
}
#home #main .btn7::before {
  background: rgba(235, 75, 75, 0.7);
}
#home #main .btn8 {
  background: url(../images/top/main-btn8-back.jpg) no-repeat center/cover;
  height: min(7.5390625vw, 96.5px);
  bottom: min(10.625vw, 136px);
  right: min(42.5vw, 544px);
  width: min(12.96875vw, 166px);
}
@media (max-width: 768px) {
  #home #main .btn8 {
    height: 33.3vw;
    bottom: inherit;
    right: inherit;
    width: 30.1vw;
  }
}
#home #main .btn8 a {
  font-size: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #home #main .btn8 a {
    font-size: min(4.2666666667vw, 16px);
  }
}
#home #main .btn8::before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(216, 128, 60, 0.72)), to(rgba(201, 60, 216, 0.72)));
  background: linear-gradient(-90deg, rgba(216, 128, 60, 0.72) 0%, rgba(201, 60, 216, 0.72) 100%);
}
#home #main .btn8::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#home #main .news-box {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: min(7.5390625vw, 96.5px);
  padding: min(1.328125vw, 17px) min(2.265625vw, 29px) min(0.9375vw, 12px);
  right: 0;
  bottom: min(10.625vw, 136px);
  width: min(41.7578125vw, 534.5px);
}
@media (max-width: 768px) {
  #home #main .news-box {
    height: 54.4vw;
    padding: 8.53vw 4.26vw 5.33vw;
    right: inherit;
    bottom: inherit;
    width: 62.13vw;
  }
}
#home #main .news-box .dc-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(0.3125vw, 4px);
}
@media (max-width: 768px) {
  #home #main .news-box .dc-box {
    display: block;
    margin-bottom: min(3.2vw, 12px);
  }
}
#home #main .news-box .date {
  font-size: min(0.9375vw, 12px);
  margin-right: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  #home #main .news-box .date {
    font-size: min(3.2vw, 12px);
    line-height: 1;
    margin-bottom: min(1.6vw, 6px);
    margin-right: 0;
  }
}
#home #main .news-box .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#home #main .news-box .category li {
  border-radius: min(3.90625vw, 50px);
  color: #fff;
  font-size: min(0.9375vw, 12px);
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.7;
  text-align: center;
  width: min(5.703125vw, 73px);
}
@media (max-width: 768px) {
  #home #main .news-box .category li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.2vw, 12px);
    letter-spacing: 0.1em;
    width: min(19.2vw, 72px);
  }
}
#home #main .news-box .category li + li {
  margin-left: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #home #main .news-box .category li + li {
    margin-left: min(0.8vw, 3px);
  }
}
#home #main .news-box .category li.secondary {
  background: #0E4E7C;
}
#home #main .news-box .category li.jh {
  background: #1DD56F;
}
#home #main .news-box .category li.hs {
  background: #20C9F1;
}
#home #main .news-box .category li.club {
  background: #FF951C;
}
#home #main .news-box .category li.important {
  background: #B2B2B2;
}
#home #main .news-box .title {
  margin-bottom: min(0.234375vw, 3px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - min(2.34375vw, 30px));
}
@media (max-width: 768px) {
  #home #main .news-box .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    width: 100%;
  }
}
#home #main .news-box .title a {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #home #main .news-box .title a {
    font-size: min(3.7333333333vw, 14px);
    letter-spacing: 0;
    line-height: 1.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #main .news-box .title a:hover {
    text-decoration-color: #0E4E7C;
  }
}
#home #main .news-box .more-btn {
  line-height: 0;
  text-align: right;
}
@media (max-width: 768px) {
  #home #main .news-box .more-btn {
    position: absolute;
    bottom: min(5.3333333333vw, 20px);
    right: min(4.2666666667vw, 16px);
  }
}
#home #main .news-box .more-btn a {
  color: #0E4E7C;
  display: inline-block;
  font-size: min(0.9375vw, 12px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  padding-right: min(1.875vw, 24px);
  position: relative;
}
@media (max-width: 768px) {
  #home #main .news-box .more-btn a {
    font-size: min(3.4666666667vw, 13px);
    padding-right: min(6.4vw, 24px);
  }
}
#home #main .news-box .more-btn a::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(0.546875vw, 7px);
  position: absolute;
  right: min(0.546875vw, 7px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.625vw, 8px);
  z-index: 1;
}
@media (max-width: 768px) {
  #home #main .news-box .more-btn a::before {
    height: min(2.1333333333vw, 8px);
    right: min(1.8666666667vw, 7px);
    width: min(2.1333333333vw, 8px);
  }
}
#home #main .news-box .more-btn a::after {
  background: #0E4E7C;
  border-radius: 50%;
  content: "";
  height: min(1.640625vw, 21px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.640625vw, 21px);
}
@media (max-width: 768px) {
  #home #main .news-box .more-btn a::after {
    height: min(5.6vw, 21px);
    width: min(5.6vw, 21px);
  }
}
#home #main .news-box .more-btn a:hover::before {
  right: min(0.15625vw, 2px);
}
#home #main .news-box .more-btn a:hover::after {
  right: max(-0.390625vw, -5px);
}
#home {
  /* main */
  /* intro */
}
#home #intro {
  padding: min(9.375vw, 120px) 0 min(8.28125vw, 106px);
}
@media (max-width: 768px) {
  #home #intro {
    padding: min(6.1333333333vw, 23px) 0 min(2.9333333333vw, 11px);
  }
}
#home #intro .inner {
  position: relative;
  width: min(69.140625vw, 885px);
}
@media (max-width: 768px) {
  #home #intro .inner {
    width: 93.33%;
  }
}
#home #intro .inner::before {
  background: url(../images/top/intro-deco.png) no-repeat center top/contain;
  content: "";
  height: min(58.046875vw, 743px);
  position: absolute;
  left: max(-33.984375vw, -435px);
  top: max(-18.984375vw, -243px);
  width: min(131.09375vw, 1678px);
  z-index: -1;
}
@media (max-width: 768px) {
  #home #intro .inner::before {
    background: url(../images/top/intro-deco-sp.png) no-repeat center top/contain;
    height: min(157.0666666667vw, 589px);
    left: max(-29.6vw, -111px);
    top: min(59.7333333333vw, 224px);
    width: min(148.5333333333vw, 557px);
  }
}
#home #intro .box {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
  background: #fff;
  border-radius: min(3.90625vw, 50px);
  -webkit-box-shadow: 0 0 min(3.90625vw, 50px) rgba(9, 73, 105, 0.22);
          box-shadow: 0 0 min(3.90625vw, 50px) rgba(9, 73, 105, 0.22);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(5.703125vw, 73px) min(4.609375vw, 59px) min(4.453125vw, 57px);
  position: relative;
  width: 100%;
  z-index: 3;
}
@media (max-width: 768px) {
  #home #intro .box {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    border-radius: min(13.3333333333vw, 50px);
    -webkit-box-shadow: 0 0 min(10.6666666667vw, 40px) rgba(9, 73, 105, 0.22);
            box-shadow: 0 0 min(10.6666666667vw, 40px) rgba(9, 73, 105, 0.22);
    display: block;
    padding: min(17.8666666667vw, 67px) min(7.4666666667vw, 28px) min(9.6vw, 36px);
  }
}
#home #intro .copy-box {
  margin-top: min(4.0625vw, 52px);
  width: min(33.203125vw, 425px);
}
@media (max-width: 768px) {
  #home #intro .copy-box {
    margin: 0 auto min(5.6vw, 21px);
    width: min(68.8vw, 258px);
  }
}
#home #intro .copy-box .copy {
  margin-bottom: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #home #intro .copy-box .copy {
    margin-bottom: 0;
  }
}
#home #intro .desc-box {
  width: min(21.640625vw, 277px);
}
@media (max-width: 768px) {
  #home #intro .desc-box {
    margin: 0 auto min(5.6vw, 21px);
    width: min(78.4vw, 294px);
  }
}
#home #intro .desc-box p {
  color: #06344B;
  font-size: min(1.09375vw, 14px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #home #intro .desc-box p {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1.41;
  }
}
#home #intro .desc-box p strong {
  font-size: min(1.640625vw, 21px);
  font-weight: 600;
}
@media (max-width: 768px) {
  #home #intro .desc-box p strong {
    font-size: min(5.8666666667vw, 22px);
  }
}
#home #intro .desc-box p + p {
  margin-top: min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  #home #intro .desc-box p + p {
    margin-top: min(5.6vw, 21px);
  }
}
#home #intro .image {
  border-radius: min(0.78125vw, 10px);
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#home #intro .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: 2s cubic-bezier(0.61, 1, 0.88, 1);
  transition: 2s cubic-bezier(0.61, 1, 0.88, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 100%;
}
#home #intro .image.i-active img {
  opacity: 1;
  position: relative;
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  z-index: 3;
}
#home #intro .image .curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 2;
  pointer-events: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#home #intro .image .curtain.c-active {
  -webkit-animation: slideIn 1s forwards;
          animation: slideIn 1s forwards;
}
#home #intro .image .curtain.fade-out {
  opacity: 0;
}
#home #intro .image:nth-of-type(odd) .curtain {
  background: #1DD56F;
}
#home #intro .image:nth-of-type(even) .curtain {
  background: #20C9F1;
}
#home #intro .image1 {
  left: min(3.90625vw, 50px);
  top: max(-7.1875vw, -92px);
  width: min(12.890625vw, 165px);
}
#home #intro .image1.i-active img {
  opacity: 0.5;
}
#home #intro .image2 {
  left: max(-11.5625vw, -148px);
  top: max(-3.28125vw, -42px);
  width: min(13.75vw, 176px);
}
#home #intro .image2.i-active img {
  opacity: 0.7;
}
#home #intro .image3 {
  bottom: max(-2.96875vw, -38px);
  left: max(-16.953125vw, -217px);
  width: min(19.140625vw, 245px);
}
#home #intro .image3.i-active img {
  opacity: 0.7;
}
#home #intro .image4 {
  right: max(-20.390625vw, -261px);
  top: max(-5.078125vw, -65px);
  width: min(37.578125vw, 481px);
}
#home #intro .image4.i-active img {
  opacity: 0.7;
}
#home #intro .image5 {
  bottom: min(12.578125vw, 161px);
  right: max(-10.546875vw, -135px);
  width: min(11.796875vw, 151px);
}
#home #intro .image5.i-active img {
  opacity: 0.5;
}
#home #intro .image6 {
  border-radius: min(0.78125vw, 10px) min(0.78125vw, 10px) 0 0;
  bottom: max(-8.28125vw, -106px);
  right: max(-11.25vw, -144px);
  width: min(20.9375vw, 268px);
}
#home #intro .image6.i-active img {
  opacity: 0.7;
}
#home #intro .more-btn {
  margin: 0 auto;
  width: min(20.703125vw, 265px);
}
@media (max-width: 768px) {
  #home #intro .more-btn {
    width: min(69.6vw, 261px);
  }
}
#home #intro .more-btn a {
  color: #022D4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Poppins", sans-serif;
  font-size: min(0.9375vw, 12px);
  line-height: 1;
  padding: min(3.28125vw, 42px) 0;
  position: relative;
}
@media (max-width: 768px) {
  #home #intro .more-btn a {
    font-size: min(3.2vw, 12px);
    font-weight: 700;
    padding: min(8.2666666667vw, 31px) 0;
  }
}
#home #intro .more-btn a img {
  margin-left: min(0.390625vw, 5px);
  margin-top: max(-0.78125vw, -10px);
  position: relative;
  width: min(11.796875vw, 151px);
}
@media (max-width: 768px) {
  #home #intro .more-btn a img {
    margin-left: min(1.8666666667vw, 7px);
    margin-top: max(-2.6666666667vw, -10px);
    width: min(40vw, 150px);
  }
}
#home #intro .more-btn a span {
  border: min(0.1171875vw, 1.5px) solid rgba(9, 73, 105, 0.22);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 768px) {
  #home #intro .more-btn a span {
    border: min(0.2666666667vw, 1px) solid rgba(9, 73, 105, 0.22);
  }
}
#home #intro .more-btn a span:nth-of-type(1) {
  height: min(5.625vw, 72px);
  right: min(0.78125vw, 10px);
  width: min(5.625vw, 72px);
}
@media (max-width: 768px) {
  #home #intro .more-btn a span:nth-of-type(1) {
    height: min(15.7333333333vw, 59px);
    right: min(2.1333333333vw, 8px);
    width: min(15.7333333333vw, 59px);
  }
}
#home #intro .more-btn a span:nth-of-type(2) {
  height: min(6.40625vw, 82px);
  right: min(0.390625vw, 5px);
  width: min(6.40625vw, 82px);
}
@media (max-width: 768px) {
  #home #intro .more-btn a span:nth-of-type(2) {
    height: min(17.8666666667vw, 67px);
    right: min(1.0666666667vw, 4px);
    width: min(17.8666666667vw, 67px);
  }
}
#home #intro .more-btn a span:nth-of-type(3) {
  height: min(7.1875vw, 92px);
  right: 0;
  width: min(7.1875vw, 92px);
}
@media (max-width: 768px) {
  #home #intro .more-btn a span:nth-of-type(3) {
    height: min(20vw, 75px);
    width: min(20vw, 75px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #intro .more-btn a:hover span {
    border: min(0.1171875vw, 1.5px) solid rgba(9, 73, 105, 0.44);
  }
  #home #intro .more-btn a:hover span:nth-of-type(1) {
    height: min(6.015625vw, 77px);
    right: min(0.5859375vw, 7.5px);
    width: min(6.015625vw, 77px);
  }
  #home #intro .more-btn a:hover span:nth-of-type(2) {
    height: min(6.796875vw, 87px);
    right: min(0.1953125vw, 2.5px);
    width: min(6.796875vw, 87px);
  }
  #home #intro .more-btn a:hover span:nth-of-type(3) {
    height: min(7.578125vw, 97px);
    right: max(-0.1953125vw, -2.5px);
    width: min(7.578125vw, 97px);
  }
}
#home #intro .more-btn a::before {
  -webkit-animation: moreblur 3s linear infinite alternate;
          animation: moreblur 3s linear infinite alternate;
  background: #FFF36E;
  border-radius: 50%;
  content: "";
  height: min(3.203125vw, 41px);
  position: absolute;
  right: min(1.953125vw, 25px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(3.203125vw, 41px);
}
@media (max-width: 768px) {
  #home #intro .more-btn a::before {
    height: min(10.9333333333vw, 41px);
    right: min(4.5333333333vw, 17px);
    width: min(10.9333333333vw, 41px);
  }
}
@media (max-width: 768px) {
  #home #intro .intro-slider {
    margin-top: max(-10.6666666667vw, -40px);
  }
  #home #intro .intro-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
  }
  #home #intro .intro-slider .swiper-slide {
    margin: 0 min(1.3333333333vw, 5px);
    width: min(53.0666666667vw, 199px);
  }
  #home #intro .intro-slider .swiper-slide img {
    border-radius: min(2.6666666667vw, 10px);
  }
}
#home {
  /* intro */
  /* news */
}
#home #news {
  margin: min(8.359375vw, 107px) 0 min(7.1875vw, 92px);
}
@media (max-width: 768px) {
  #home #news {
    margin: min(21.6vw, 81px) 0 min(12.8vw, 48px);
  }
}
#home #news .inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#home #news .head-box {
  margin-right: min(6.25vw, 80px);
  margin-top: min(4.453125vw, 57px);
  width: min(22.578125vw, 289px);
}
@media (max-width: 768px) {
  #home #news .head-box {
    margin-bottom: min(2.1333333333vw, 8px);
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
}
#home #news .head-box h2 {
  color: #022D4B;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media (max-width: 768px) {
  #home #news .head-box h2 {
    font-size: min(3.4666666667vw, 13px);
  }
}
#home #news .head-box .en {
  color: #022D4B;
  font-family: "Jost", sans-serif;
  font-size: min(6.25vw, 80px);
  font-weight: 600;
  line-height: 1;
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #home #news .head-box .en {
    font-size: min(14.2666666667vw, 53.5px);
    margin-bottom: 0;
  }
}
#home #news .head-box .en + p {
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin-bottom: min(3.359375vw, 43px);
}
@media (max-width: 768px) {
  #home #news .head-box .en + p {
    margin-bottom: min(8.8vw, 33px);
  }
}
#home {
  /* news */
  /* examinee */
}
#home #examinee {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 100%);
  margin-bottom: min(2.109375vw, 27px);
  padding: min(4.921875vw, 63px) 0 min(7.1875vw, 92px);
}
@media (max-width: 768px) {
  #home #examinee {
    margin-bottom: min(6.6666666667vw, 25px);
    padding: min(13.6vw, 51px) 0 min(15.2vw, 57px);
  }
}
#home #examinee .inner {
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #home #examinee .inner {
    width: 91.2%;
  }
}
#home #examinee .examinee-box {
  margin-bottom: min(2.96875vw, 38px);
}
@media (max-width: 768px) {
  #home #examinee .examinee-box {
    margin-bottom: min(11.7333333333vw, 44px);
  }
}
#home #examinee .examinee-box .btn a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.1em;
  line-height: 1;
  padding-left: min(3.125vw, 40px);
  padding-right: min(3.125vw, 40px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  #home #examinee .examinee-box .btn a {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: min(6.4vw, 24px);
    padding-right: min(6.4vw, 24px);
  }
}
#home #examinee .examinee-box .btn a::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.796875vw, 23px);
  position: absolute;
  right: min(3.90625vw, 50px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.03125vw, 26px);
}
@media (max-width: 768px) {
  #home #examinee .examinee-box .btn a::before {
    height: min(3.4666666667vw, 13px);
    right: min(8vw, 30px);
    width: min(4vw, 15px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #examinee .examinee-box .btn a:hover::before {
    right: min(3.515625vw, 45px);
  }
}
#home #examinee .examinee-box .btn.exam a {
  background: #022D4B;
  border-radius: min(1.5625vw, 20px) min(1.5625vw, 20px) 0 0;
  color: #fff;
  font-size: min(2.109375vw, 27px);
  padding-bottom: min(4.296875vw, 55px);
  padding-top: min(4.296875vw, 55px);
}
@media (max-width: 768px) {
  #home #examinee .examinee-box .btn.exam a {
    border-radius: min(3.2vw, 12px) min(3.2vw, 12px) 0 0;
    font-size: min(5.3333333333vw, 20px);
    padding-bottom: min(8.9333333333vw, 33.5px);
    padding-top: min(8.9333333333vw, 33.5px);
  }
}
#home #examinee .examinee-box .btn.exam a small {
  color: rgba(255, 255, 255, 0.8);
  font-size: min(1.40625vw, 18px);
  margin-left: min(2.8125vw, 36px);
}
@media (max-width: 768px) {
  #home #examinee .examinee-box .btn.exam a small {
    font-size: min(3.2vw, 12px);
    margin-top: min(2.9333333333vw, 11px);
    margin-left: inherit;
  }
}
#home #examinee .examinee-box .btn.exam a::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#home #examinee .examinee-box .btn.contact a {
  background: #fff;
  border-radius: 0 0 min(1.5625vw, 20px) min(1.5625vw, 20px);
  color: #274F64;
  font-size: min(1.875vw, 24px);
  padding-bottom: min(2.1484375vw, 27.5px);
  padding-top: min(2.1484375vw, 27.5px);
}
@media (max-width: 768px) {
  #home #examinee .examinee-box .btn.contact a {
    border-radius: 0 0 min(3.2vw, 12px) min(3.2vw, 12px);
    font-size: min(4.2666666667vw, 16px);
    padding-bottom: min(6vw, 22.5px);
    padding-top: min(6vw, 22.5px);
  }
}
#home #examinee .digital-pamphlet-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box {
    display: block;
  }
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .head-box {
    margin-bottom: min(4.8vw, 18px);
  }
}
#home #examinee .digital-pamphlet-box .head-box h2 {
  color: #fff;
  font-size: min(2.8125vw, 36px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .head-box h2 {
    font-size: min(5.3333333333vw, 20px);
    line-height: 1.2;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#home #examinee .digital-pamphlet-box .head-box p {
  color: #fff;
  font-size: min(1.09375vw, 14px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .head-box p {
    font-size: min(3.7333333333vw, 14px);
    letter-spacing: 0.03em;
  }
}
#home #examinee .digital-pamphlet-box .link-list {
  width: min(30.3125vw, 388px);
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .link-list {
    width: 100%;
  }
}
#home #examinee .digital-pamphlet-box .link-list li {
  border-bottom: 1px solid #fff;
}
#home #examinee .digital-pamphlet-box .link-list a {
  color: #fff;
  display: block;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(2.0703125vw, 26.5px) 0;
  position: relative;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .link-list a {
    font-size: min(4.2666666667vw, 16px);
    padding: min(6.9333333333vw, 26px) 0;
  }
}
#home #examinee .digital-pamphlet-box .link-list a::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.09375vw, 14px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #home #examinee .digital-pamphlet-box .link-list a::before {
    height: min(3.4666666667vw, 13px);
    width: min(4.1333333333vw, 15.5px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #examinee .digital-pamphlet-box .link-list a:hover {
    text-decoration-color: #fff;
  }
  #home #examinee .digital-pamphlet-box .link-list a:hover::before {
    right: max(-0.390625vw, -5px);
  }
}
#home {
  /* examinee */
  /* sns-banner */
}
#home #sns-banner {
  margin-bottom: min(4.921875vw, 63px);
}
@media (max-width: 768px) {
  #home #sns-banner {
    margin-bottom: min(9.0666666667vw, 34px);
  }
}
#home #sns-banner .inner {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #home #sns-banner .inner {
    display: block;
    width: 87%;
  }
}
#home #sns-banner .instagram-banner {
  position: relative;
  width: min(41.484375vw, 531px);
}
@media (max-width: 768px) {
  #home #sns-banner .instagram-banner {
    margin-bottom: min(3.2vw, 12px);
    width: 100%;
  }
}
#home #sns-banner .instagram-banner a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #home #sns-banner .instagram-banner a:hover {
    opacity: 0.8;
  }
}
#home #sns-banner .line-banner {
  width: min(41.484375vw, 531px);
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner {
    width: 100%;
  }
}
#home #sns-banner .line-banner a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4AD241;
  border-radius: min(1.5625vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(4.7265625vw, 60.5px) 0;
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner a {
    border-radius: min(2.6666666667vw, 10px);
    padding: min(9.3333333333vw, 35px) 0;
  }
}
#home #sns-banner .line-banner a .icon {
  margin-right: min(1.09375vw, 14px);
  width: min(3.4375vw, 44px);
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner a .icon {
    margin-right: min(2.6666666667vw, 10px);
    width: min(10.4vw, 39px);
  }
}
#home #sns-banner .line-banner a .head-box {
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner a .head-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: min(40vw, 150px);
  }
}
#home #sns-banner .line-banner a .head {
  font-size: min(1.875vw, 24px);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner a .head {
    font-size: min(5.0666666667vw, 19px);
  }
}
#home #sns-banner .line-banner a p:not(.head) {
  font-size: min(1.171875vw, 15px);
  line-height: 1;
}
@media (max-width: 768px) {
  #home #sns-banner .line-banner a p:not(.head) {
    font-size: min(3.3333333333vw, 12.5px);
    margin-bottom: min(1.7333333333vw, 6.5px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home #sns-banner .line-banner a:hover {
    opacity: 0.8;
  }
}
#home {
  /* sns-banner */
}

/********************************************************************************
about
********************************************************************************/
#about-page {
  /* main */
}
#about-page #main {
  background: url(../images/about/main-back.jpg) no-repeat center/cover;
}
#about-page {
  /* main */
  /* thought */
}
#about-page #thought {
  margin-bottom: min(5.46875vw, 70px);
  padding-top: min(9.296875vw, 119px);
  position: relative;
}
@media (max-width: 768px) {
  #about-page #thought {
    margin-bottom: min(18vw, 67.5px);
    padding-top: min(10vw, 37.5px);
  }
}
#about-page #thought .section-head {
  margin-bottom: min(2.65625vw, 34px);
}
@media (max-width: 768px) {
  #about-page #thought .section-head {
    margin-bottom: min(3.8666666667vw, 14.5px);
  }
}
#about-page #thought .thought-content-wrap {
  background: url(../images/common/gradient-back.jpg) no-repeat center top 5%/cover;
  border-radius: min(6.25vw, 80px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(10.15625vw, 130px) min(12.96875vw, 166px) min(7.109375vw, 91px);
  position: relative;
}
@media (max-width: 768px) {
  #about-page #thought .thought-content-wrap {
    background: url(../images/common/gradient-back-sp.jpg) no-repeat center top 5%/cover;
    border-radius: min(8.2666666667vw, 31px);
    padding: min(5.3333333333vw, 20px) min(10.1333333333vw, 38px) min(14.4vw, 54px);
  }
}
#about-page #thought h4 {
  position: absolute;
  right: min(6.484375vw, 83px);
  top: max(-2.65625vw, -34px);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  #about-page #thought h4 {
    margin: 0 auto min(8.4vw, 31.5px);
    position: static;
  }
}
#about-page #thought h4 span {
  background: #fff;
  color: #0E4E7C;
  display: inline-block;
  font-size: min(2.03125vw, 26px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.05;
  margin-left: min(1.5625vw, 20px);
  padding: min(1.25vw, 16px) min(0.9765625vw, 12.5px);
}
@media (max-width: 768px) {
  #about-page #thought h4 span {
    font-size: min(3.9013333333vw, 14.63px);
    margin-left: min(3.0666666667vw, 11.5px);
    padding: min(1.8666666667vw, 7px);
  }
}
#about-page #thought .copy {
  margin: 0 auto min(4.765625vw, 61px);
  width: min(32.5vw, 416px);
}
@media (max-width: 768px) {
  #about-page #thought .copy {
    margin: 0 auto min(6.6666666667vw, 25px);
    width: min(66.9333333333vw, 251px);
  }
}
#about-page #thought .desc {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#about-page #thought::before {
  background: url(../images/common/gradient-back.jpg) no-repeat center/cover;
  content: "";
  height: min(55.546875vw, 711px);
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  #about-page #thought::before {
    background: url(../images/common/gradient-back-sp.jpg) no-repeat center/cover;
    height: min(177.8666666667vw, 667px);
  }
}
#about-page {
  /* thought */
  /* philosophy */
}
#about-page #philosophy {
  margin-bottom: min(9.765625vw, 125px);
}
@media (max-width: 768px) {
  #about-page #philosophy {
    margin-bottom: min(11.2vw, 42px);
  }
}
#about-page #philosophy .section-head {
  margin-bottom: min(3.515625vw, 45px);
}
@media (max-width: 768px) {
  #about-page #philosophy .section-head {
    margin-bottom: min(6.5333333333vw, 24.5px);
  }
}
#about-page #philosophy .flex-box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #about-page #philosophy .flex-box {
    display: block;
  }
}
#about-page #philosophy .desc-box {
  margin-left: min(3.203125vw, 41px);
  margin-right: min(8.359375vw, 107px);
  width: min(52.265625vw, 669px);
}
@media (max-width: 768px) {
  #about-page #philosophy .desc-box {
    margin: 0 0 min(5.0666666667vw, 19px);
    width: 100%;
  }
}
#about-page #philosophy .desc-box h4 {
  color: #0E4E7C;
  font-size: min(2.265625vw, 29px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: min(1.796875vw, 23px);
}
@media (max-width: 768px) {
  #about-page #philosophy .desc-box h4 {
    font-size: min(6.4vw, 24px);
    line-height: 1.5;
    margin-bottom: min(5.0666666667vw, 19px);
  }
}
#about-page #philosophy .desc-box p {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#about-page #philosophy .image-box {
  width: min(15.078125vw, 193px);
}
@media (max-width: 768px) {
  #about-page #philosophy .image-box {
    margin: 0 auto;
    width: min(40.5333333333vw, 152px);
  }
}
#about-page #philosophy .image-box p {
  color: #333;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: min(0.46875vw, 6px) 0 min(0.703125vw, 9px);
  text-align: center;
}
@media (max-width: 768px) {
  #about-page #philosophy .image-box p {
    font-size: min(3.7333333333vw, 14px);
    margin: min(1.6vw, 6px) 0 0;
  }
}
#about-page {
  /* philosophy */
  /* school-motto */
}
#about-page #school-motto {
  background: linear-gradient(-172deg, #3598D2 0%, #3CC9A3 100%);
  margin-bottom: min(9.1015625vw, 116.5px);
  padding: min(5.2734375vw, 67.5px) 0 min(6.796875vw, 87px);
}
@media (max-width: 768px) {
  #about-page #school-motto {
    margin-bottom: min(11.3333333333vw, 42.5px);
    padding: min(12.1333333333vw, 45.5px) 0 min(12vw, 45px);
  }
}
#about-page #school-motto .section-head {
  color: #fff;
}
@media (max-width: 768px) {
  #about-page #school-motto .section-head {
    margin-bottom: min(11.3333333333vw, 42.5px);
  }
}
#about-page #school-motto .section-head::before {
  background: #fff;
}
#about-page #school-motto ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto min(3.359375vw, 43px);
  width: min(50.3125vw, 644px);
}
@media (max-width: 768px) {
  #about-page #school-motto ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto min(4.5333333333vw, 17px);
    width: min(74.1333333333vw, 278px);
  }
}
#about-page #school-motto ul li {
  background: #fff;
  border-radius: min(3.125vw, 40px);
  color: #0E4E7C;
  font-size: min(1.71875vw, 22px);
  font-weight: 700;
  line-height: 1.52;
  padding: min(0.5078125vw, 6.5px) 0;
  text-align: center;
  width: min(9.6875vw, 124px);
}
@media (max-width: 768px) {
  #about-page #school-motto ul li {
    border-radius: min(7.2vw, 27px);
    font-size: min(4vw, 15px);
    margin: 0 min(1.0666666667vw, 4px) min(2.1333333333vw, 8px);
    padding: min(1.0666666667vw, 4px) 0;
    width: min(22.5733333333vw, 84.65px);
  }
}
#about-page #school-motto p {
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin: 0 auto;
  width: min(50.3125vw, 644px);
}
@media (max-width: 768px) {
  #about-page #school-motto p {
    width: 100%;
  }
}
#about-page {
  /* school-motto */
  /* goals */
}
#about-page #goals {
  margin-bottom: min(13.515625vw, 173px);
}
@media (max-width: 768px) {
  #about-page #goals {
    margin-bottom: min(39.2vw, 147px);
  }
}
#about-page #goals .inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #about-page #goals .inner {
    display: block;
  }
}
#about-page #goals .section-head {
  margin-right: min(10.9375vw, 140px);
}
@media (max-width: 768px) {
  #about-page #goals .section-head {
    margin-bottom: min(5.4666666667vw, 20.5px);
    margin-right: 0;
  }
}
#about-page #goals p {
  color: #0E4E7C;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.48;
}
#about-page {
  /* goals */
  /* principal-message */
}
#about-page #principal-message {
  margin-bottom: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  #about-page #principal-message {
    margin-bottom: min(12.9333333333vw, 48.5px);
  }
}
#about-page #principal-message .inner {
  background: rgba(14, 78, 124, 0.1);
  border-radius: min(3.125vw, 40px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(4.375vw, 56px) min(6.25vw, 80px) min(4.765625vw, 61px) min(3.828125vw, 49px);
  position: relative;
}
@media (max-width: 768px) {
  #about-page #principal-message .inner {
    border-radius: min(2.6666666667vw, 10px);
    padding: min(37.4666666667vw, 140.5px) min(6.1333333333vw, 23px) min(7.7333333333vw, 29px);
    width: 92.5%;
  }
}
#about-page #principal-message .image {
  position: absolute;
  right: min(7.109375vw, 91px);
  top: max(-7.65625vw, -98px);
  width: min(20.234375vw, 259px);
}
@media (max-width: 768px) {
  #about-page #principal-message .image {
    right: min(9.0666666667vw, 34px);
    top: max(-19.2vw, -72px);
    width: min(40.5333333333vw, 152px);
  }
}
#about-page #principal-message .image img {
  border-radius: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #about-page #principal-message .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: min(52vw, 195px);
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#about-page #principal-message .section-head {
  margin-bottom: min(6.40625vw, 82px);
  margin-left: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #about-page #principal-message .section-head {
    margin-bottom: min(5.4666666667vw, 20.5px);
    margin-left: 0;
  }
}
#about-page #principal-message h4 {
  color: #0E4E7C;
  font-size: min(2.265625vw, 29px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: min(4.21875vw, 54px);
}
@media (max-width: 768px) {
  #about-page #principal-message h4 {
    font-size: min(5.8666666667vw, 22px);
    line-height: 1.5;
    margin-bottom: min(4.5333333333vw, 17px);
  }
}
#about-page #principal-message h4 small {
  font-size: min(1.71875vw, 22px);
  margin-top: min(0.625vw, 8px);
}
@media (max-width: 768px) {
  #about-page #principal-message h4 small {
    display: inline-block;
    font-size: min(4vw, 15px);
    margin-top: min(2.1333333333vw, 8px);
  }
}
#about-page #principal-message .message-text {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: min(3.984375vw, 51px);
  margin-left: min(14.375vw, 184px);
}
@media (max-width: 768px) {
  #about-page #principal-message .message-text {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
    margin-bottom: min(8.5333333333vw, 32px);
    margin-left: 0;
  }
}
#about-page #principal-message .name {
  color: #333;
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: right;
}
@media (max-width: 768px) {
  #about-page #principal-message .name {
    font-size: min(4.8vw, 18px);
  }
}
#about-page #principal-message .name small {
  font-size: min(1.171875vw, 15px);
  margin-right: min(2.1875vw, 28px);
}
@media (max-width: 768px) {
  #about-page #principal-message .name small {
    font-size: min(4vw, 15px);
    margin-right: 0;
  }
}
#about-page {
  /* principal-message */
  /* school-history */
}
#about-page #school-history {
  margin-bottom: min(8.7890625vw, 112.5px);
}
@media (max-width: 768px) {
  #about-page #school-history {
    margin-bottom: min(18vw, 67.5px);
    text-align: center;
  }
  #about-page #school-history .inner {
    width: 95.73%;
  }
}
#about-page #school-history .section-head {
  margin-bottom: min(5.6640625vw, 72.5px);
}
@media (max-width: 768px) {
  #about-page #school-history .section-head {
    display: inline-block;
    margin-bottom: min(9.2vw, 34.5px);
  }
}
#about-page #school-history ul {
  margin: 0 auto;
  padding-bottom: min(5.703125vw, 73px);
  position: relative;
  width: min(63.75vw, 816px);
}
@media (max-width: 768px) {
  #about-page #school-history ul {
    padding-bottom: min(9.3333333333vw, 35px);
    width: 100%;
  }
}
#about-page #school-history ul::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#2DB894), to(#198FE2));
  background: linear-gradient(#2DB894 0%, #198FE2 100%);
  content: "";
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #about-page #school-history ul::before {
    left: calc(50% - min(1.2vw, 4.5px));
    width: min(1.0666666667vw, 4px);
  }
}
#about-page #school-history ul::after {
  background: url(../images/about/school-history-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.953125vw, 25px);
  position: absolute;
  bottom: max(-0.234375vw, -3px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(3.28125vw, 42px);
}
@media (max-width: 768px) {
  #about-page #school-history ul::after {
    height: min(5.0666666667vw, 19px);
    bottom: max(-0.8vw, -3px);
    left: calc(50% - min(1.2vw, 4.5px));
    width: min(8.5333333333vw, 32px);
  }
}
#about-page #school-history li {
  margin-bottom: min(0.78125vw, 10px);
  width: min(29.609375vw, 379px);
}
@media (max-width: 768px) {
  #about-page #school-history li {
    margin-bottom: 0;
  }
}
#about-page #school-history li:nth-of-type(odd) {
  text-align: right;
}
@media (max-width: 768px) {
  #about-page #school-history li:nth-of-type(odd) {
    width: 41.866vw;
  }
}
#about-page #school-history li:nth-of-type(even) {
  margin-left: auto;
}
@media (max-width: 768px) {
  #about-page #school-history li:nth-of-type(even) {
    text-align: left;
    width: 44.266vw;
  }
}
#about-page #school-history li h4 {
  color: #0E4E7C;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  #about-page #school-history li h4 {
    font-size: min(3.2vw, 12px);
    margin-bottom: min(2.4vw, 9px);
  }
}
#about-page #school-history li p {
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media (max-width: 768px) {
  #about-page #school-history li p {
    font-size: min(3.0666666667vw, 11.5px);
  }
}
#about-page #school-history li p strong {
  color: #333;
  font-size: min(1.484375vw, 19px);
  position: relative;
}
@media (max-width: 768px) {
  #about-page #school-history li p strong {
    font-size: min(3.8666666667vw, 14.5px);
  }
}
#about-page #school-history li p strong::before {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 100%);
  content: "";
  height: min(1.328125vw, 17px);
  opacity: 0.3;
  position: absolute;
  bottom: max(-0.390625vw, -5px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: calc(100% + min(0.3125vw, 4px));
  z-index: -1;
}
#about-page {
  /* school-history */
  /* school-song */
}
#about-page #school-song {
  margin-bottom: min(6.875vw, 88px);
}
@media (max-width: 768px) {
  #about-page #school-song {
    margin-bottom: min(2.4vw, 9px);
  }
}
#about-page #school-song .section-head {
  margin-bottom: min(3.9453125vw, 50.5px);
}
@media (max-width: 768px) {
  #about-page #school-song .section-head {
    margin-bottom: min(8.1333333333vw, 30.5px);
  }
}
#about-page #school-song .song-box {
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: min(4.296875vw, 55px) 0 min(5.859375vw, 75px);
}
@media (max-width: 768px) {
  #about-page #school-song .song-box {
    display: block;
    padding: min(9.3333333333vw, 35px) 0 min(13.6vw, 51px);
  }
}
#about-page #school-song .title-box {
  margin-right: min(8.75vw, 112px);
  width: min(20.625vw, 264px);
}
@media (max-width: 768px) {
  #about-page #school-song .title-box {
    margin-bottom: min(8vw, 30px);
    margin-right: 0;
    width: 100%;
  }
}
#about-page #school-song .title-box h4 {
  color: #333;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: min(1.40625vw, 18px);
}
@media (max-width: 768px) {
  #about-page #school-song .title-box h4 {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(4.8vw, 18px);
  }
}
#about-page #school-song .title-box p {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#about-page #school-song .lyric-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #about-page #school-song .lyric-box {
    overflow-x: scroll;
    width: 93.6vw;
  }
}
#about-page #school-song .lyric-box p {
  letter-spacing: 0.03em;
  line-height: 1.7;
  white-space: nowrap;
}
#about-page #school-song .lyric-box p + p {
  margin-left: min(5.546875vw, 71px);
}
@media (max-width: 768px) {
  #about-page #school-song .lyric-box p + p {
    margin-left: min(10.1333333333vw, 38px);
  }
}
#about-page {
  /* school-song */
  /* affiliated-institutions */
}
#about-page #affiliated-institutions {
  margin-bottom: min(3.359375vw, 43px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions {
    margin-bottom: min(39.4666666667vw, 148px);
  }
}
#about-page #affiliated-institutions .inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(51, 51, 51, 0.2);
  border-radius: min(3.125vw, 40px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(4.6875vw, 60px) min(6.40625vw, 82px) min(4.53125vw, 58px) min(4.21875vw, 54px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: min(2.6666666667vw, 10px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: min(11.3333333333vw, 42.5px) min(6.1333333333vw, 23px) min(10.4vw, 39px);
    width: 89.86%;
  }
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .section-head {
    margin-bottom: min(10.8vw, 40.5px);
  }
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .ai-wrap {
    width: 100%;
  }
}
#about-page #affiliated-institutions .ai-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: min(0.78125vw, 10px);
  -webkit-box-shadow: 0 min(0.15625vw, 2px) min(0.8203125vw, 10.5px) rgba(25, 104, 42, 0.1);
          box-shadow: 0 min(0.15625vw, 2px) min(0.8203125vw, 10.5px) rgba(25, 104, 42, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(2.34375vw, 30px);
  width: min(46.171875vw, 591px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .ai-box {
    border-radius: min(1.3333333333vw, 5px);
    -webkit-box-shadow: 0 min(0.5333333333vw, 2px) min(2.8vw, 10.5px) rgba(25, 104, 42, 0.1);
            box-shadow: 0 min(0.5333333333vw, 2px) min(2.8vw, 10.5px) rgba(25, 104, 42, 0.1);
    display: block;
    padding: min(6.4vw, 24px);
    width: 100%;
  }
}
#about-page #affiliated-institutions .ai-box + .ai-box {
  margin-top: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .ai-box + .ai-box {
    margin-top: min(5.0666666667vw, 19px);
  }
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .info-box {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#about-page #affiliated-institutions h4 {
  color: #333;
  font-size: min(1.25vw, 16px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.89;
  margin-bottom: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions h4 {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1.5;
    margin-bottom: min(4vw, 15px);
  }
}
#about-page #affiliated-institutions .address {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .address {
    font-size: min(3.2vw, 12px);
    line-height: 1.7;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#about-page #affiliated-institutions .website a {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .website a {
    font-size: min(3.2vw, 12px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #about-page #affiliated-institutions .website a:hover {
    text-decoration-color: #0E4E7C;
  }
}
#about-page #affiliated-institutions .image {
  width: min(15.3125vw, 196px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .image {
    width: 100%;
  }
}
#about-page #affiliated-institutions .image img {
  border-radius: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #about-page #affiliated-institutions .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: 31.46vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#about-page {
  /* affiliated-institutions */
}

/********************************************************************************
education
********************************************************************************/
.education-page {
  /* main */
}
.education-page #main .main-text {
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: absolute;
  bottom: min(3.359375vw, 43px);
  left: 0;
}
@media (max-width: 768px) {
  .education-page #main .main-text {
    line-height: 2;
    bottom: min(5.3333333333vw, 20px);
    white-space: nowrap;
  }
}
.education-page {
  /* main */
  /* news */
}
.education-page #news {
  padding: min(5.2734375vw, 67.5px) 0 min(3.1640625vw, 40.5px);
}
@media (max-width: 768px) {
  .education-page #news {
    padding: min(10vw, 37.5px) 0 min(13.4666666667vw, 50.5px);
  }
}
.education-page {
  /* news */
  /* learning-chart */
}
.education-page #learning-chart {
  padding-bottom: min(31.09375vw, 398px);
}
@media (max-width: 768px) {
  .education-page #learning-chart {
    padding-bottom: min(263.2vw, 987px);
  }
}
.education-page #learning-chart .inner {
  padding-bottom: min(4.296875vw, 55px);
  position: relative;
}
@media (max-width: 768px) {
  .education-page #learning-chart .inner {
    padding-bottom: min(8.2666666667vw, 31px);
  }
}
.education-page #learning-chart .inner::before {
  background: #D8E1EA;
  content: "";
  height: min(20.078125vw, 257px);
  position: absolute;
  left: 5%;
  top: min(14.21875vw, 182px);
  width: 90%;
}
@media (max-width: 768px) {
  .education-page #learning-chart .inner::before {
    height: min(68.5333333333vw, 257px);
    top: min(29.3333333333vw, 110px);
    width: 95%;
  }
}
.education-page #learning-chart .section-head {
  margin-bottom: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .section-head {
    margin-bottom: min(5.7333333333vw, 21.5px);
  }
}
.education-page #learning-chart .chart-slider {
  margin-right: calc(50% - 50vw);
}
.education-page #learning-chart .chart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.education-page #learning-chart .chart-list li {
  margin: 0 min(0.625vw, 8px);
  width: min(23.90625vw, 306px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list li {
    margin: 0 min(1.6vw, 6px);
    width: min(81.6vw, 306px);
  }
}
.education-page #learning-chart .chart-list h4 {
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.29);
  border-radius: min(0.78125vw, 10px);
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(0.625vw, 8px);
  padding: min(1.328125vw, 17px);
  text-align: center;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list h4 {
    border-radius: min(2.6666666667vw, 10px);
    font-size: min(5.3333333333vw, 20px);
    margin-bottom: min(2.1333333333vw, 8px);
    padding: min(4.5333333333vw, 17px);
  }
}
.education-page #learning-chart .chart-list .desc-box {
  background: linear-gradient(-45deg, #F4FFF9 0%, #EAFAFE 100%);
  border: 1px solid #0E4E7C;
  border-radius: min(0.78125vw, 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: min(29.921875vw, 383px);
  padding: min(1.953125vw, 25px) min(1.953125vw, 25px) min(1.796875vw, 23px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .desc-box {
    border-radius: min(2.6666666667vw, 10px);
    height: min(102.1333333333vw, 383px);
    padding: min(6.6666666667vw, 25px) min(6.6666666667vw, 25px) min(6.1333333333vw, 23px);
  }
}
.education-page #learning-chart .chart-list h5 {
  background: url(../images/jh-education/chart-head-arrow.svg) no-repeat right center/contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  font-size: min(1.25vw, 16px);
  font-weight: 700;
  line-height: 1.5;
  height: min(5.546875vw, 71px);
  margin: 0 auto min(1.5625vw, 20px);
  padding: min(0.859375vw, 11px) min(1.2890625vw, 16.5px) min(0.859375vw, 11px) 0;
  text-align: center;
  width: min(20.078125vw, 257px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list h5 {
    font-size: min(4.2666666667vw, 16px);
    height: min(18.9333333333vw, 71px);
    margin: 0 auto min(5.3333333333vw, 20px);
    padding: min(2.9333333333vw, 11px) min(4.4vw, 16.5px) min(2.9333333333vw, 11px) 0;
    width: min(68.5333333333vw, 257px);
  }
}
.education-page #learning-chart .chart-list h5 span {
  display: inline-block;
  text-align: left;
}
.education-page #learning-chart .chart-list .desc {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .desc {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
.education-page #learning-chart .chart-list .sub {
  background: #7AA4BA;
  border-radius: min(0.78125vw, 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(0.8203125vw, 10.5px) min(1.09375vw, 14px);
  position: absolute;
  bottom: min(1.796875vw, 23px);
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: calc(100% - min(3.359375vw, 43px));
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .sub {
    border-radius: min(2.6666666667vw, 10px);
    font-size: min(3.4666666667vw, 13px);
    padding: min(2.9333333333vw, 11px) min(3.7333333333vw, 14px);
    bottom: min(6.1333333333vw, 23px);
    width: calc(100% - min(11.4666666667vw, 43px));
  }
}
.education-page #learning-chart .chart-list .chart-jh .sub {
  left: min(2.265625vw, 29px);
  text-align: center;
  -webkit-transform: none;
          transform: none;
  width: min(69.84375vw, 894px);
  z-index: 1;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-jh .sub {
    left: min(7.7333333333vw, 29px);
    text-align: left;
    width: min(238.4vw, 894px);
  }
}
.education-page #learning-chart .chart-list .chart-jh h4 {
  background: #5FCE88;
}
.education-page #learning-chart .chart-list .chart-hs table {
  border: 1px solid #0E4E7C;
  border-collapse: collapse;
  position: absolute;
  left: min(2.1875vw, 28px);
  top: min(9.0625vw, 116px);
  width: min(68.90625vw, 882px);
  z-index: 1;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table {
    left: min(7.4666666667vw, 28px);
    top: min(30.9333333333vw, 116px);
    width: min(235.2vw, 882px);
  }
}
.education-page #learning-chart .chart-list .chart-hs table .select {
  background: #0E4E7C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.35;
  padding: 0 min(1.09375vw, 14px);
  text-align: center;
  width: min(6.5625vw, 84px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table .select {
    padding: 0 min(3.7333333333vw, 14px);
    width: min(22.4vw, 84px);
  }
}
.education-page #learning-chart .chart-list .chart-hs table .course {
  border: 1px solid #0E4E7C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: min(23.28125vw, 298px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table .course {
    width: min(79.4666666667vw, 298px);
  }
}
.education-page #learning-chart .chart-list .chart-hs table .course a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.71875vw, 22px);
  font-weight: 700;
  height: min(4.921875vw, 63px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  line-height: 0.95;
  padding-right: min(2.34375vw, 30px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table .course a {
    font-size: min(5.8666666667vw, 22px);
    height: min(16.8vw, 63px);
    padding-right: min(8vw, 30px);
  }
}
.education-page #learning-chart .chart-list .chart-hs table .course a::before {
  background: url(../images/jh-education/chart-course-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.09375vw, 14px);
  position: absolute;
  right: min(2.109375vw, 27px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table .course a::before {
    height: min(3.7333333333vw, 14px);
    right: min(7.2vw, 27px);
    width: min(2.4vw, 9px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .education-page #learning-chart .chart-list .chart-hs table .course a:hover {
    opacity: 0.75;
  }
  .education-page #learning-chart .chart-list .chart-hs table .course a:hover::before {
    right: min(1.71875vw, 22px);
  }
}
.education-page #learning-chart .chart-list .chart-hs table .course.sa {
  background: #3293CF;
}
.education-page #learning-chart .chart-list .chart-hs table .course.ls {
  background: #82C478;
}
.education-page #learning-chart .chart-list .chart-hs table .course.ic {
  background: #AD96BF;
}
.education-page #learning-chart .chart-list .chart-hs table td {
  background: #fff;
  border: 1px solid #0E4E7C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  height: min(4.921875vw, 63px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  padding: 0 min(1.640625vw, 21px) 0 min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-list .chart-hs table td {
    font-size: min(3.7333333333vw, 14px);
    height: min(16.8vw, 63px);
    padding: 0 min(5.6vw, 21px) 0 min(6.6666666667vw, 25px);
  }
}
.education-page #learning-chart .chart-list .chart-hs h4 {
  background: #5ABEF3;
}
.education-page #learning-chart .chart-scrollbar {
  background: #CECECE;
  height: min(0.3125vw, 4px);
  position: absolute;
  bottom: min(1.09375vw, 14px);
  left: 0;
  width: min(75.9375vw, 972px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-scrollbar {
    height: min(1.0666666667vw, 4px);
    bottom: min(2.6666666667vw, 10px);
    width: calc(100% - min(18.6666666667vw, 70px));
  }
}
.education-page #learning-chart .chart-scrollbar .swiper-scrollbar-drag {
  background: #0E4E7C;
  border-radius: 0px;
}
.education-page #learning-chart .chart-next,
.education-page #learning-chart .chart-prev {
  background: #0E4E7C;
  border: 1px solid #0E4E7C;
  border-radius: 50%;
  cursor: pointer;
  height: min(2.5vw, 32px);
  position: absolute;
  bottom: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(2.5vw, 32px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-next,
  .education-page #learning-chart .chart-prev {
    height: min(6.4vw, 24px);
    width: min(6.4vw, 24px);
  }
}
.education-page #learning-chart .chart-next::before,
.education-page #learning-chart .chart-prev::before {
  background: url(../images/common/nav-arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.171875vw, 15px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-next::before,
  .education-page #learning-chart .chart-prev::before {
    height: min(2.9333333333vw, 11px);
    width: min(1.8666666667vw, 7px);
  }
}
.education-page #learning-chart .chart-next.swiper-button-disabled,
.education-page #learning-chart .chart-prev.swiper-button-disabled {
  background: #fff;
  pointer-events: none;
}
.education-page #learning-chart .chart-next.swiper-button-disabled::before,
.education-page #learning-chart .chart-prev.swiper-button-disabled::before {
  -webkit-filter: none;
          filter: none;
}
@media (hover: hover) and (pointer: fine) {
  .education-page #learning-chart .chart-next:hover,
  .education-page #learning-chart .chart-prev:hover {
    opacity: 0.8;
  }
}
.education-page #learning-chart .chart-next {
  right: 0;
}
.education-page #learning-chart .chart-prev {
  right: min(3.203125vw, 41px);
}
@media (max-width: 768px) {
  .education-page #learning-chart .chart-prev {
    right: min(8vw, 30px);
  }
}
.education-page #learning-chart .chart-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.education-page {
  /* learning-chart */
  /* initiatives */
}
.education-page #initiatives {
  background: #1F6496;
  padding: 1px 0 min(3.75vw, 48px);
}
@media (max-width: 768px) {
  .education-page #initiatives {
    padding-bottom: min(12.2666666667vw, 46px);
  }
}
.education-page #initiatives .inner {
  position: relative;
  z-index: 1;
}
.education-page #initiatives .section-head {
  margin-bottom: min(4.0234375vw, 51.5px);
  margin-top: max(-20vw, -256px);
}
@media (max-width: 768px) {
  .education-page #initiatives .section-head {
    margin-bottom: min(4.6666666667vw, 17.5px);
    margin-top: max(-248vw, -930px);
  }
}
.education-page #initiatives .initiatives-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  width: min(82.1875vw, 1052px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav {
    display: block;
    width: 100%;
  }
}
.education-page #initiatives .initiatives-nav li {
  width: min(26.875vw, 344px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li {
    width: 100%;
  }
}
.education-page #initiatives .initiatives-nav li a {
  background: -webkit-gradient(linear, left top, left bottom, from(#3CC9A3), to(#3598D2));
  background: linear-gradient(#3CC9A3 0%, #3598D2 100%);
  border-radius: min(2.34375vw, 30px);
  -webkit-box-shadow: 0 1px min(1.5625vw, 20px) rgba(11, 23, 32, 0.2);
          box-shadow: 0 1px min(1.5625vw, 20px) rgba(11, 23, 32, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: min(29.375vw, 376px);
  padding-top: min(3.9453125vw, 50.5px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li a {
    border-radius: min(8vw, 30px);
    -webkit-box-shadow: 0 1px min(5.3333333333vw, 20px) rgba(11, 23, 32, 0.2);
            box-shadow: 0 1px min(5.3333333333vw, 20px) rgba(11, 23, 32, 0.2);
    height: min(73.3333333333vw, 275px);
    padding-top: min(11.4666666667vw, 43px);
  }
}
.education-page #initiatives .initiatives-nav li a::before {
  background: url(../images/jh-education/initiatives-nav-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(0.9375vw, 12px);
  position: absolute;
  bottom: min(2.1875vw, 28px);
  left: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li a::before {
    height: min(3.2vw, 12px);
    bottom: min(4.5333333333vw, 17px);
    width: min(5.8666666667vw, 22px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .education-page #initiatives .initiatives-nav li a:hover {
    -webkit-box-shadow: 0 0 min(2.34375vw, 30px) rgba(11, 23, 32, 0.4);
            box-shadow: 0 0 min(2.34375vw, 30px) rgba(11, 23, 32, 0.4);
  }
  .education-page #initiatives .initiatives-nav li a:hover::before {
    bottom: min(1.796875vw, 23px);
  }
}
.education-page #initiatives .initiatives-nav li .title-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.education-page #initiatives .initiatives-nav li .num {
  font-family: "Jost", sans-serif;
  font-size: min(2.5vw, 32px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li .num {
    font-size: min(7.4666666667vw, 28px);
  }
}
.education-page #initiatives .initiatives-nav li .title {
  border-left: 1px solid #fff;
  font-size: min(1.5625vw, 20px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-left: min(1.09375vw, 14px);
  padding-left: min(1.09375vw, 14px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li .title {
    font-size: min(4.8vw, 18px);
    margin-left: min(3.7333333333vw, 14px);
    padding-left: min(3.7333333333vw, 14px);
  }
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li:not(:last-child) {
    margin-bottom: min(3.2vw, 12px);
  }
}
.education-page #initiatives .initiatives-nav li:nth-of-type(1) .image {
  margin-left: min(1.71875vw, 22px);
  margin-top: min(3.75vw, 48px);
  width: min(21.09375vw, 270px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li:nth-of-type(1) .image {
    margin: min(4.8vw, 18px) auto 0;
    width: min(56.5333333333vw, 212px);
  }
}
.education-page #initiatives .initiatives-nav li:nth-of-type(2) .image {
  margin-left: min(3.28125vw, 42px);
  margin-top: min(2.34375vw, 30px);
  width: min(20.15625vw, 258px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li:nth-of-type(2) .image {
    margin: min(4.8vw, 18px) auto 0;
    width: min(50.1333333333vw, 188px);
  }
}
.education-page #initiatives .initiatives-nav li:nth-of-type(3) a {
  padding-top: min(2.8125vw, 36px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li:nth-of-type(3) a {
    padding-top: min(4.5333333333vw, 17px);
  }
}
.education-page #initiatives .initiatives-nav li:nth-of-type(3) .image {
  margin-left: min(4.84375vw, 62px);
  margin-top: min(1.5625vw, 20px);
  width: min(16.71875vw, 214px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-nav li:nth-of-type(3) .image {
    margin: min(4vw, 15px) auto 0;
    width: min(40.4vw, 151.5px);
  }
}
.education-page #initiatives .initiatives-box {
  padding-bottom: min(6.640625vw, 85px);
  position: relative;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box {
    padding: 1px 0 min(16vw, 60px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 91.46vw;
  }
}
.education-page #initiatives .initiatives-box h4 {
  color: #fff;
  font-size: min(3.125vw, 40px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.1;
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box h4 {
    font-size: min(7.4666666667vw, 28px);
  }
}
.education-page #initiatives .initiatives-box h4 .num {
  border-bottom: 1px solid #fff;
  font-size: min(3.28125vw, 42px);
  margin-bottom: min(1.71875vw, 22px);
  padding-bottom: min(1.71875vw, 22px);
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box h4 .num {
    font-size: min(7.8666666667vw, 29.5px);
    margin-bottom: min(5.0666666667vw, 19px);
    padding-bottom: min(4vw, 15px);
  }
}
.education-page #initiatives .initiatives-box h4 strong {
  background: linear-gradient(31deg, #3598D2 0%, #3CC9A3 100%);
  color: #146086;
  display: inline-block;
  font-size: min(2.734375vw, 35px);
  font-weight: 600;
  margin-top: min(0.703125vw, 9px);
  padding: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box h4 strong {
    font-size: min(6.6666666667vw, 25px);
    margin-top: min(1.6vw, 6px);
    padding: min(1.8666666667vw, 7px);
  }
}
.education-page #initiatives .initiatives-box .intro-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .intro-box {
    display: block;
    width: 65.33vw;
  }
}
.education-page #initiatives .initiatives-box .intro-box p {
  color: #fff;
  font-size: min(1.09375vw, 14px);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  width: min(25.78125vw, 330px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .intro-box p {
    font-size: min(3.4666666667vw, 13px);
    line-height: 1.7;
    width: inherit;
  }
}
.education-page #initiatives .initiatives-box .content-box {
  position: relative;
  width: min(60.078125vw, 769px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box {
    width: 75.73vw;
  }
}
.education-page #initiatives .initiatives-box .content-box h5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: min(1.953125vw, 25px);
  font-weight: 700;
  letter-spacing: 0.098em;
  line-height: 1.5;
  margin-bottom: min(2.1875vw, 28px);
  padding-bottom: min(1.796875vw, 23px);
  text-align: center;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box h5 {
    font-size: min(4.8vw, 18px);
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-bottom: min(3.7333333333vw, 14px);
    padding-bottom: min(3.7333333333vw, 14px);
    text-align: left;
  }
}
.education-page #initiatives .initiatives-box .content-box ul {
  margin-bottom: min(2.265625vw, 29px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box ul {
    margin-bottom: min(3.7333333333vw, 14px);
  }
}
.education-page #initiatives .initiatives-box .content-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.education-page #initiatives .initiatives-box .content-box .desc-box {
  margin-right: min(3.046875vw, 39px);
  margin-top: min(0.625vw, 8px);
  width: min(26.171875vw, 335px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .desc-box {
    margin-right: 0;
    margin-top: min(5.3333333333vw, 20px);
    width: 100%;
  }
}
.education-page #initiatives .initiatives-box .content-box .desc-box h6 {
  background: #224A77;
  color: #fff;
  display: inline-block;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(0.46875vw, 6px);
  padding: min(0.78125vw, 10px) min(1.796875vw, 23px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .desc-box h6 {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1.57;
    margin-bottom: min(2.1333333333vw, 8px);
    padding: min(1.3333333333vw, 5px) min(4.2666666667vw, 16px);
  }
}
.education-page #initiatives .initiatives-box .content-box .desc-box p {
  color: #022D4B;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .desc-box p {
    font-size: min(3.4666666667vw, 13px);
    line-height: 1.7;
  }
}
.education-page #initiatives .initiatives-box .content-box .image {
  width: min(30.78125vw, 394px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .image {
    width: 100%;
  }
}
.education-page #initiatives .initiatives-box .content-box .image img {
  border-radius: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .image img {
    border-radius: min(2.6666666667vw, 10px);
  }
}
.education-page #initiatives .initiatives-box .content-box .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .pagination {
    display: block;
  }
}
.education-page #initiatives .initiatives-box .content-box .pagination button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #389AA7;
  border: 1px solid #0E4E7C;
  border-radius: min(0.390625vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.171875vw, 15px);
  height: min(5.078125vw, 65px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin: 0;
  opacity: 0.6;
  text-align: center;
  width: min(29.21875vw, 374px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .pagination button {
    border-radius: min(1.3333333333vw, 5px);
    font-size: min(3.4666666667vw, 13px);
    height: min(14.4vw, 54px);
    width: 100%;
  }
}
.education-page #initiatives .initiatives-box .content-box .pagination button:not(:nth-of-type(-n+2)) {
  margin-top: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .pagination button:not(:nth-of-type(-n+2)) {
    margin-top: min(1.3333333333vw, 5px);
  }
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .pagination button:nth-of-type(2) {
    margin-top: min(1.3333333333vw, 5px);
  }
}
.education-page #initiatives .initiatives-box .content-box .pagination button.swiper-pagination-bullet-active {
  opacity: 1;
}
.education-page #initiatives .initiatives-box .content-box .btn {
  background: url(../images/jh-education/initiatives-arrow.svg) no-repeat center/contain;
  border-radius: 50%;
  height: min(2.5vw, 32px);
  position: absolute;
  top: min(13.125vw, 168px);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(2.5vw, 32px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .btn {
    height: min(5.0666666667vw, 19px);
    top: min(40vw, 150px);
    width: min(5.0666666667vw, 19px);
  }
}
.education-page #initiatives .initiatives-box .content-box .btn.prev {
  left: max(-5.4296875vw, -69.5px);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .btn.prev {
    left: max(-6.4vw, -24px);
  }
}
.education-page #initiatives .initiatives-box .content-box .btn.next {
  right: max(-5.4296875vw, -69.5px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box .btn.next {
    right: max(-6.4vw, -24px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .education-page #initiatives .initiatives-box .content-box .btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
.education-page #initiatives .initiatives-box .content-box .btn.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.education-page #initiatives .initiatives-box .content-box + .content-box {
  margin-top: min(7.1875vw, 92px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box .content-box + .content-box {
    margin-top: min(18.9333333333vw, 71px);
  }
}
.education-page #initiatives .initiatives-box::before {
  background: linear-gradient(32deg, #3CC9A3 0%, #3598D2 100%);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.education-page #initiatives .initiatives-box:nth-of-type(odd) {
  margin-left: min(8.59375vw, 110px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(odd) {
    margin-left: 0;
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(odd) h4 {
  left: max(-8.59375vw, -110px);
  top: max(-1.328125vw, -17px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(odd) h4 {
    left: min(3.2vw, 12px);
    top: max(-5.0666666667vw, -19px);
  }
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(odd) .intro-box {
    margin-right: min(3.4666666667vw, 13px);
    margin-left: auto;
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(odd) .content-box {
  margin-left: auto;
  margin-right: min(3.3203125vw, 42.5px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(odd) .content-box {
    margin-right: auto;
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(odd)::before {
  border-radius: min(6.25vw, 80px) 0 0 min(6.25vw, 80px);
  margin-right: calc(50% - 50vw);
  left: 0;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(odd)::before {
    border-radius: min(13.3333333333vw, 50px) 0 0 min(13.3333333333vw, 50px);
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(even) {
  margin-right: min(8.59375vw, 110px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(even) {
    margin-right: 0;
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(even) h4 {
  right: max(-8.59375vw, -110px);
  top: 0;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(even) h4 {
    right: min(6.9333333333vw, 26px);
    top: max(-5.3333333333vw, -20px);
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(even) .content-box {
  margin-left: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(even) .content-box {
    margin-left: auto;
    margin-right: auto;
  }
}
.education-page #initiatives .initiatives-box:nth-of-type(even)::before {
  border-radius: 0 min(6.25vw, 80px) min(6.25vw, 80px) 0;
  margin-left: calc(50% - 50vw);
  right: 0;
}
@media (max-width: 768px) {
  .education-page #initiatives .initiatives-box:nth-of-type(even)::before {
    border-radius: 0 min(13.3333333333vw, 50px) min(13.3333333333vw, 50px) 0;
  }
}
.education-page #initiatives #initiatives1 {
  margin-top: min(15.390625vw, 197px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives1 {
    margin-top: min(25.8666666667vw, 97px);
  }
}
.education-page #initiatives #initiatives1 .intro-box {
  margin-bottom: min(7.65625vw, 98px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives1 .intro-box {
    margin-bottom: min(16.2666666667vw, 61px);
  }
}
.education-page #initiatives #initiatives1 .intro-box .image {
  -webkit-filter: drop-shadow(0 min(0.3125vw, 4px) min(1.875vw, 24px) rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 min(0.3125vw, 4px) min(1.875vw, 24px) rgba(0, 0, 0, 0.25));
  margin-left: min(5.390625vw, 69px);
  margin-top: max(-1.953125vw, -25px);
  width: min(40.625vw, 520px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives1 .intro-box .image {
    -webkit-filter: none;
            filter: none;
    margin-left: max(-2.4vw, -9px);
    margin-top: max(-5.6vw, -21px);
    width: min(71.7333333333vw, 269px);
  }
}
.education-page #initiatives #initiatives1 .intro-box p {
  margin-top: min(9.6875vw, 124px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives1 .intro-box p {
    margin-top: min(6.4vw, 24px);
  }
}
.education-page #initiatives #initiatives2 {
  margin-top: min(7.265625vw, 93px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives2 {
    margin-top: min(21.3333333333vw, 80px);
  }
}
.education-page #initiatives #initiatives2 .intro-box {
  margin-bottom: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives2 .intro-box {
    margin-bottom: min(13.8666666667vw, 52px);
  }
}
.education-page #initiatives #initiatives2 .intro-box .image {
  -webkit-filter: drop-shadow(0 min(0.3125vw, 4px) min(1.875vw, 24px) rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 min(0.3125vw, 4px) min(1.875vw, 24px) rgba(0, 0, 0, 0.25));
  margin-left: max(-5.3125vw, -68px);
  margin-top: max(-2.421875vw, -31px);
  width: min(38.59375vw, 494px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives2 .intro-box .image {
    -webkit-filter: drop-shadow(0 min(1.0666666667vw, 4px) min(6.4vw, 24px) rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 min(1.0666666667vw, 4px) min(6.4vw, 24px) rgba(0, 0, 0, 0.25));
    margin-left: min(1.8666666667vw, 7px);
    margin-top: max(-11.7333333333vw, -44px);
    width: min(56.8vw, 213px);
  }
}
.education-page #initiatives #initiatives2 .intro-box p {
  margin-right: min(8.046875vw, 103px);
  margin-top: min(9.21875vw, 118px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives2 .intro-box p {
    margin: min(5.3333333333vw, 20px) 0 0;
  }
}
.education-page #initiatives #initiatives3 {
  margin-bottom: min(10vw, 128px);
  margin-top: min(10.546875vw, 135px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives3 {
    margin-bottom: min(10.1333333333vw, 38px);
    margin-top: min(19.7333333333vw, 74px);
  }
}
.education-page #initiatives #initiatives3 .intro-box {
  margin-bottom: min(1.328125vw, 17px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives3 .intro-box {
    margin-bottom: min(32.5333333333vw, 122px);
  }
}
.education-page #initiatives #initiatives3 .intro-box .image {
  margin-left: min(6.25vw, 80px);
  margin-top: max(-6.25vw, -80px);
  width: min(32.265625vw, 413px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives3 .intro-box .image {
    margin: max(-6.6666666667vw, -25px) 0 0;
    width: min(64vw, 240px);
  }
}
.education-page #initiatives #initiatives3 .intro-box p {
  margin-right: min(3.4375vw, 44px);
  margin-top: min(7.890625vw, 101px);
}
@media (max-width: 768px) {
  .education-page #initiatives #initiatives3 .intro-box p {
    margin: min(2.4vw, 9px) 0 0;
  }
}
.education-page #initiatives .page-banner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #333;
  border-radius: min(1.5625vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: min(6.09375vw, 78px) min(9.296875vw, 119px);
  position: relative;
  left: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(90vw, 1152px);
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner {
    border-radius: min(2.9333333333vw, 11px);
    display: block;
    padding: min(5.6vw, 21px) min(6.6666666667vw, 25px);
    width: 87.2vw;
  }
}
.education-page #initiatives .page-banner::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.796875vw, 23px);
  position: absolute;
  right: min(10.78125vw, 138px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.0703125vw, 26.5px);
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner::before {
    height: min(3.3333333333vw, 12.5px);
    right: min(8.5333333333vw, 32px);
    width: min(4vw, 15px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .education-page #initiatives .page-banner:hover {
    background-color: #555;
  }
  .education-page #initiatives .page-banner:hover::before {
    right: min(10.390625vw, 133px);
  }
}
.education-page #initiatives .page-banner > a {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.education-page #initiatives .page-banner .head-box {
  color: #fff;
}
.education-page #initiatives .page-banner .head-box .en {
  font-family: "Jost", sans-serif;
  font-size: min(3.984375vw, 51px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-bottom: min(0.859375vw, 11px);
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner .head-box .en {
    font-size: min(7.6vw, 28.5px);
    margin-bottom: min(1.6vw, 6px);
  }
}
.education-page #initiatives .page-banner .head-box .head {
  font-size: min(1.71875vw, 22px);
  letter-spacing: 0.05em;
  line-height: 1.57;
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner .head-box .head {
    font-size: min(3.2vw, 12px);
  }
}
.education-page #initiatives .page-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: min(9.609375vw, 123px);
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner ul {
    margin-left: 0;
    margin-top: min(4vw, 15px);
  }
}
.education-page #initiatives .page-banner ul li:not(:last-child) {
  margin-right: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner ul li:not(:last-child) {
    margin-right: min(4.5333333333vw, 17px);
  }
}
.education-page #initiatives .page-banner ul a {
  color: #fff;
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.82;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  .education-page #initiatives .page-banner ul a {
    font-size: min(2.6666666667vw, 10px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .education-page #initiatives .page-banner ul a:hover {
    text-decoration-color: #fff;
  }
}
.education-page {
  /* initiatives */
}

#jh-education #main {
  background: url(../images/jh-education/main-back.jpg) no-repeat center/cover;
}

#hs-education #main {
  background: url(../images/hs-education/main-back.jpg) no-repeat center/cover;
}
#hs-education #learning-chart .inner::before {
  left: 10%;
  width: 80%;
}
#hs-education #learning-chart .chart-slider {
  margin-right: 0;
}
#hs-education #learning-chart .chart-slider .chart-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #hs-education #learning-chart .chart-slider .chart-list {
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
  }
}
@media (max-width: 768px) {
  #hs-education #initiatives #initiatives2 .intro-box {
    margin-bottom: min(44vw, 165px);
  }
}
@media (max-width: 768px) {
  #hs-education #initiatives #initiatives3 .intro-box {
    margin-bottom: min(13.8666666667vw, 52px);
  }
}
@media (max-width: 768px) {
  #hs-education #initiatives .page-banner::before {
    top: min(13.3333333333vw, 50px);
  }
}

/********************************************************************************
course
********************************************************************************/
.course-page {
  /* main */
}
.course-page #main .course-name {
  border-top: 1px solid #fff;
  font-size: min(1.71875vw, 22px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-top: min(2.34375vw, 30px);
  padding-left: min(3.7109375vw, 47.5px);
  padding-top: min(2.265625vw, 29px);
  position: relative;
}
@media (max-width: 768px) {
  .course-page #main .course-name {
    font-size: min(4.8vw, 18px);
    margin-top: min(2.6666666667vw, 10px);
    padding-left: min(8.2666666667vw, 31px);
    padding-top: min(5.0666666667vw, 19px);
  }
}
.course-page #main .course-name::before {
  content: "";
  border-radius: 50%;
  height: min(1.875vw, 24px);
  position: absolute;
  left: 0;
  top: calc(50% + min(1.1328125vw, 14.5px));
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.875vw, 24px);
}
@media (max-width: 768px) {
  .course-page #main .course-name::before {
    height: min(4.1333333333vw, 15.5px);
    top: calc(50% + min(2.5333333333vw, 9.5px));
    width: min(4.1333333333vw, 15.5px);
  }
}
.course-page {
  /* main */
  /* intro */
}
.course-page #intro {
  padding-bottom: min(12.65625vw, 162px);
  padding-top: 1px;
}
@media (max-width: 768px) {
  .course-page #intro {
    padding-bottom: min(19.2vw, 72px);
  }
}
.course-page #intro .inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: min(2.34375vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: max(-2.109375vw, -27px);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .course-page #intro .inner {
    border-radius: min(8vw, 30px);
    margin-top: max(-10.4vw, -39px);
    width: 92.8%;
  }
}
.course-page #intro .destination {
  background: #333;
  border-radius: min(4.609375vw, 59px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(1.953125vw, 25px);
  padding: min(1.171875vw, 15px);
  text-align: center;
}
@media (max-width: 768px) {
  .course-page #intro .destination {
    border-radius: min(10.5333333333vw, 39.5px);
    font-size: min(3.2vw, 12px);
    margin-bottom: min(2.6666666667vw, 10px);
    padding: min(2.5333333333vw, 9.5px) min(4.2666666667vw, 16px);
  }
}
.course-page #intro h3 {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: min(3.28125vw, 42px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(3.125vw, 40px);
  padding-bottom: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  .course-page #intro h3 {
    font-size: min(6.4vw, 24px);
    margin-bottom: min(6.6666666667vw, 25px);
    padding-bottom: min(6.6666666667vw, 25px);
  }
}
.course-page #intro .desc {
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.7;
  text-align: center;
}
.course-page {
  /* intro */
  /* flow */
}
.course-page #flow {
  padding: 1px 0 min(10.15625vw, 130px);
}
@media (max-width: 768px) {
  .course-page #flow {
    padding-bottom: min(10.6666666667vw, 40px);
  }
}
.course-page #flow .inner {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .course-page #flow .inner {
    width: 100%;
  }
}
.course-page #flow h3 {
  color: #0E4E7C;
  font-size: min(2.8125vw, 36px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin: max(-8.4375vw, -108px) 0 min(5.15625vw, 66px);
  padding-top: min(6.875vw, 88px);
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .course-page #flow h3 {
    font-size: min(5.3333333333vw, 20px);
    margin: max(-8.8vw, -33px) 0 min(7.7333333333vw, 29px);
    padding-top: min(8.8vw, 33px);
  }
}
.course-page #flow h3::before {
  border-radius: 50%/100% 100% 0 0;
  content: "";
  height: min(35.7421875vw, 457.5px);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(71.484375vw, 915px);
  z-index: -1;
}
@media (max-width: 768px) {
  .course-page #flow h3::before {
    height: min(43.2vw, 162px);
    width: min(86.6666666667vw, 325px);
  }
}
@media (max-width: 768px) {
  .course-page #flow .flow-wrap {
    margin-right: calc(50% - 50vw);
    overflow-x: scroll;
    position: relative;
  }
}
.course-page #flow .flow-box {
  background: #9CBCD0;
  border: min(0.703125vw, 9px) solid #91AEC0;
  border-radius: min(1.2109375vw, 15.5px);
  padding: min(2.34375vw, 30px) 0 min(1.875vw, 24px);
  text-align: center;
}
@media (max-width: 768px) {
  .course-page #flow .flow-box {
    border: min(2.4vw, 9px) solid #91AEC0;
    border-radius: min(4.1333333333vw, 15.5px);
    margin: 0 6.4%;
    padding: min(11.4666666667vw, 43px) 0 min(6.6666666667vw, 25px);
    width: min(257.8666666667vw, 967px);
  }
}
.course-page #flow .flow-box img {
  width: min(69.921875vw, 895px);
}
@media (max-width: 768px) {
  .course-page #flow .flow-box img {
    width: min(217.3333333333vw, 815px);
  }
}
.course-page {
  /* flow */
  /* feature */
}
.course-page #feature {
  padding: min(6.328125vw, 81px) 0 min(16.484375vw, 211px);
  position: relative;
}
@media (max-width: 768px) {
  .course-page #feature {
    padding: min(8.2666666667vw, 31px) 0 min(35.2vw, 132px);
  }
}
.course-page #feature .inner {
  position: relative;
  z-index: 1;
}
.course-page #feature h3 {
  color: #fff;
  font-size: min(3.515625vw, 45px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.15;
  margin-bottom: min(5.546875vw, 71px);
  text-align: center;
}
@media (max-width: 768px) {
  .course-page #feature h3 {
    font-size: min(7.4666666667vw, 28px);
    margin-bottom: min(5.6vw, 21px);
  }
}
.course-page #feature h3 small {
  display: inline-block;
  font-size: min(1.640625vw, 21px);
  margin-bottom: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  .course-page #feature h3 small {
    font-size: min(3.2vw, 12px);
    margin-bottom: min(1.6vw, 6px);
  }
}
.course-page #feature .feature-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(223, 238, 246, 0.9);
  border-radius: min(1.5625vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(3.125vw, 40px) 0;
}
@media (max-width: 768px) {
  .course-page #feature .feature-box {
    border-radius: min(5.3333333333vw, 20px);
    display: block;
    padding: min(6.9333333333vw, 26px) min(5.8666666667vw, 22px);
  }
}
.course-page #feature .feature-box:nth-of-type(odd) .desc-box {
  margin-right: min(4.609375vw, 59px);
}
@media (max-width: 768px) {
  .course-page #feature .feature-box:nth-of-type(odd) .desc-box {
    margin-right: 0;
  }
}
.course-page #feature .feature-box:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.course-page #feature .feature-box:nth-of-type(even) .desc-box {
  margin-left: min(4.609375vw, 59px);
}
@media (max-width: 768px) {
  .course-page #feature .feature-box:nth-of-type(even) .desc-box {
    margin-left: 0;
  }
}
.course-page #feature .feature-box + .feature-box {
  margin-top: min(1.875vw, 24px);
}
@media (max-width: 768px) {
  .course-page #feature .feature-box + .feature-box {
    margin-top: min(2.9333333333vw, 11px);
  }
}
.course-page #feature .desc-box {
  width: min(32.5vw, 416px);
}
@media (max-width: 768px) {
  .course-page #feature .desc-box {
    margin-bottom: min(2.9333333333vw, 11px);
    width: 100%;
  }
}
.course-page #feature .num {
  font-family: "Jost", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .course-page #feature .num {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(1.8666666667vw, 7px);
    text-align: center;
  }
}
.course-page #feature .num strong {
  font-size: min(1.640625vw, 21px);
  font-weight: 700;
  margin-left: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  .course-page #feature .num strong {
    font-size: min(6.6666666667vw, 25px);
    margin-left: min(1.8666666667vw, 7px);
  }
}
.course-page #feature h4 {
  color: #0E4E7C;
  font-size: min(2.1875vw, 28px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: min(2.1875vw, 28px);
}
@media (max-width: 768px) {
  .course-page #feature h4 {
    font-size: min(5.3333333333vw, 20px);
    margin-bottom: min(1.8666666667vw, 7px);
    text-align: center;
  }
}
.course-page #feature .desc {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
.course-page #feature .image {
  width: min(36.796875vw, 471px);
}
@media (max-width: 768px) {
  .course-page #feature .image {
    width: 100%;
  }
  .course-page #feature .image img {
    height: 37.33vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.course-page #feature::before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.course-page {
  /* feature */
  /* highlight */
}
.course-page #highlight {
  padding: 1px 0 min(4.921875vw, 63px);
}
@media (max-width: 768px) {
  .course-page #highlight {
    padding-bottom: min(9.0666666667vw, 34px);
  }
}
.course-page #highlight .inner {
  padding-bottom: min(4.453125vw, 57px);
  position: relative;
}
@media (max-width: 768px) {
  .course-page #highlight .inner {
    padding-bottom: min(11.2vw, 42px);
  }
}
.course-page #highlight .head-box {
  margin: max(-7.5vw, -96px) 0 min(4.53125vw, 58px);
  padding-top: min(4.765625vw, 61px);
  position: relative;
}
@media (max-width: 768px) {
  .course-page #highlight .head-box {
    margin: max(-21.0666666667vw, -79px) 0 min(8vw, 30px);
    padding-top: min(5.8666666667vw, 22px);
  }
}
.course-page #highlight .head-box h3 {
  color: rgba(255, 255, 255, 0.5);
  font-size: min(4.765625vw, 61px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: min(1.71875vw, 22px);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .course-page #highlight .head-box h3 {
    font-size: min(9.2vw, 34.5px);
    margin-bottom: min(2.4vw, 9px);
  }
}
.course-page #highlight .head-box .sub {
  color: #333;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .course-page #highlight .head-box .sub {
    font-size: min(4vw, 15px);
  }
}
.course-page #highlight .head-box::before {
  border-radius: 0 min(0.78125vw, 10px) 0 0;
  content: "";
  height: min(14.84375vw, 190px);
  position: absolute;
  right: min(40.859375vw, 523px);
  top: 0;
  width: 100vw;
}
@media (max-width: 768px) {
  .course-page #highlight .head-box::before {
    border-radius: 0 min(2.6666666667vw, 10px) 0 0;
    right: min(14.6666666667vw, 55px);
    height: min(28.8vw, 108px);
  }
}
.course-page #highlight .highlight-slider {
  margin-right: calc(50% - 50vw);
}
.course-page #highlight .highlight-slider li {
  border-radius: min(0.78125vw, 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(35vw, 448px);
  margin: 0 min(1.328125vw, 17px);
  padding: min(2.8125vw, 36px) min(2.34375vw, 30px);
  width: min(35vw, 448px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider li {
    border-radius: min(2.6666666667vw, 10px);
    display: block;
    height: auto;
    margin: min(1.3333333333vw, 5px);
    padding: min(6.6666666667vw, 25px) min(8vw, 30px);
    width: min(84.8vw, 318px);
  }
}
.course-page #highlight .highlight-slider li:last-child {
  margin-right: min(6.25vw, 80px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider li:last-child {
    margin-right: 0;
  }
}
.course-page #highlight .highlight-slider h4 {
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: min(1.875vw, 24px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: min(1.5625vw, 20px);
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider h4 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: min(5.3333333333vw, 20px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: min(12.8vw, 48px);
    margin-bottom: min(4.8vw, 18px);
  }
}
.course-page #highlight .highlight-slider .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider .content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.course-page #highlight .highlight-slider p {
  color: rgba(255, 255, 255, 0.8);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
    margin-bottom: 0;
  }
}
.course-page #highlight .highlight-slider .image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider .image {
    margin-bottom: min(4.8vw, 18px);
  }
}
.course-page #highlight .highlight-slider .image img {
  border-radius: min(0.390625vw, 5px);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-slider .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: min(46.9333333333vw, 176px);
  }
}
.course-page #highlight .highlight-scrollbar {
  background: rgba(255, 255, 255, 0.15);
  height: min(0.3125vw, 4px);
  position: absolute;
  bottom: min(1.09375vw, 14px);
  left: 0;
  width: min(69.765625vw, 893px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-scrollbar {
    height: min(1.0666666667vw, 4px);
    bottom: min(2.6666666667vw, 10px);
    width: calc(100% - min(18.6666666667vw, 70px));
  }
}
.course-page #highlight .highlight-scrollbar .swiper-scrollbar-drag {
  background: #fff;
  border-radius: 0px;
}
.course-page #highlight .highlight-next,
.course-page #highlight .highlight-prev {
  background: #0E4E7C;
  border: 1px solid #0E4E7C;
  border-radius: 50%;
  cursor: pointer;
  height: min(2.5vw, 32px);
  position: absolute;
  bottom: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(2.5vw, 32px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-next,
  .course-page #highlight .highlight-prev {
    height: min(6.4vw, 24px);
    width: min(6.4vw, 24px);
  }
}
.course-page #highlight .highlight-next::before,
.course-page #highlight .highlight-prev::before {
  background: url(../images/common/nav-arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.171875vw, 15px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-next::before,
  .course-page #highlight .highlight-prev::before {
    height: min(2.9333333333vw, 11px);
    width: min(1.8666666667vw, 7px);
  }
}
.course-page #highlight .highlight-next.swiper-button-disabled,
.course-page #highlight .highlight-prev.swiper-button-disabled {
  background: #fff;
  pointer-events: none;
}
.course-page #highlight .highlight-next.swiper-button-disabled::before,
.course-page #highlight .highlight-prev.swiper-button-disabled::before {
  -webkit-filter: none;
          filter: none;
}
@media (hover: hover) and (pointer: fine) {
  .course-page #highlight .highlight-next:hover,
  .course-page #highlight .highlight-prev:hover {
    opacity: 0.8;
  }
}
.course-page #highlight .highlight-next {
  right: min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-next {
    right: 0;
  }
}
.course-page #highlight .highlight-prev {
  right: min(9.296875vw, 119px);
}
@media (max-width: 768px) {
  .course-page #highlight .highlight-prev {
    right: min(8vw, 30px);
  }
}
.course-page #highlight .highlight-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.course-page {
  /* highlight */
  /* other-section */
}
.course-page .gradient-back .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .course-page .gradient-back .inner {
    display: block;
  }
}
.course-page .other-section .head-box {
  padding: min(3.515625vw, 45px) 0;
  position: relative;
}
@media (max-width: 768px) {
  .course-page .other-section .head-box {
    padding: min(5.8666666667vw, 22px) 0;
  }
}
.course-page .other-section .head-box h3 {
  color: #0E4E7C;
  font-size: min(1.953125vw, 25px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  .course-page .other-section .head-box h3 {
    font-size: min(5.3333333333vw, 20px);
    margin-bottom: min(2.9333333333vw, 11px);
  }
}
.course-page .other-section .head-box .en {
  font-family: "Jost", sans-serif;
  font-size: min(0.9375vw, 12px);
  letter-spacing: 0.1em;
  line-height: 0.95;
}
@media (max-width: 768px) {
  .course-page .other-section .head-box .en {
    font-size: min(2.6666666667vw, 10px);
  }
}
.course-page .other-section .head-box::before, .course-page .other-section .head-box::after {
  border: 1px solid rgba(0, 0, 0, 0.17);
  content: "";
  height: 0;
  position: absolute;
  width: 100vw;
}
.course-page .other-section .head-box::before {
  top: 0;
}
.course-page .other-section .head-box::after {
  bottom: 0;
}
.course-page .other-section .content-box {
  background: #fff;
  border-radius: min(0.78125vw, 10px);
  -webkit-box-shadow: 0 min(0.390625vw, 5px) min(2.03125vw, 26px) rgba(37, 91, 118, 0.44);
          box-shadow: 0 min(0.390625vw, 5px) min(2.03125vw, 26px) rgba(37, 91, 118, 0.44);
}
@media (max-width: 768px) {
  .course-page .other-section .content-box {
    border-radius: min(2.6666666667vw, 10px);
    -webkit-box-shadow: 0 min(1.3333333333vw, 5px) min(6.9333333333vw, 26px) rgba(37, 91, 118, 0.44);
            box-shadow: 0 min(1.3333333333vw, 5px) min(6.9333333333vw, 26px) rgba(37, 91, 118, 0.44);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 93.86vw;
  }
}
.course-page #curriculum {
  margin: min(6.484375vw, 83px) 0 min(5.546875vw, 71px);
  width: 100%;
}
@media (max-width: 768px) {
  .course-page #curriculum {
    margin: min(11.2vw, 42px) 0 min(16.8vw, 63px);
  }
}
.course-page #curriculum .head-box {
  margin-bottom: min(2.890625vw, 37px);
}
@media (max-width: 768px) {
  .course-page #curriculum .head-box {
    margin-bottom: min(8.8vw, 33px);
  }
}
.course-page #curriculum .head-box::before, .course-page #curriculum .head-box::after {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  .course-page #curriculum .curriculum-image {
    overflow-x: scroll;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
  .course-page #curriculum .curriculum-image > img {
    margin: 0 6.4%;
    max-width: inherit;
    width: min(256.2666666667vw, 961px);
  }
}
.course-page #curriculum .note {
  font-size: min(0.78125vw, 10px);
  line-height: 1.2;
  margin-top: min(0.703125vw, 9px);
  text-align: right;
}
@media (max-width: 768px) {
  .course-page #curriculum .note {
    font-size: min(2.4vw, 9px);
    margin-top: min(2.4vw, 9px);
  }
}
.course-page #comment {
  margin-bottom: min(6.09375vw, 78px);
  width: 50%;
}
@media (max-width: 768px) {
  .course-page #comment {
    margin-bottom: min(14.4vw, 54px);
    width: 100%;
  }
}
.course-page #comment .head-box {
  margin-bottom: min(4.140625vw, 53px);
}
@media (max-width: 768px) {
  .course-page #comment .head-box {
    margin-bottom: min(9.0666666667vw, 34px);
  }
}
.course-page #comment .head-box::before, .course-page #comment .head-box::after {
  right: 0;
}
@media (max-width: 768px) {
  .course-page #comment .head-box::before, .course-page #comment .head-box::after {
    right: 50%;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
}
.course-page #comment .content-box {
  margin-right: min(3.125vw, 40px);
  padding: min(4.453125vw, 57px) min(4.453125vw, 57px) min(6.875vw, 88px);
}
@media (max-width: 768px) {
  .course-page #comment .content-box {
    margin-right: 0;
    padding: min(11.7333333333vw, 44px) min(8.2666666667vw, 31px) min(9.8666666667vw, 37px);
  }
}
.course-page #comment h4 {
  background: linear-gradient(-160deg, #3598D2 0%, #3CC9A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(1.796875vw, 23px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  .course-page #comment h4 {
    font-size: min(4.5333333333vw, 17px);
    line-height: 1.95;
    margin-bottom: min(5.0666666667vw, 19px);
  }
}
.course-page #comment .image {
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  .course-page #comment .image {
    margin-bottom: min(8vw, 30px);
  }
}
.course-page #comment .career {
  color: #333;
  font-size: min(1.015625vw, 13px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  .course-page #comment .career {
    font-size: min(3.4666666667vw, 13px);
    margin-bottom: min(3.4666666667vw, 13px);
  }
}
.course-page #comment .name {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  color: #333;
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin-bottom: min(1.796875vw, 23px);
  padding-bottom: min(2.421875vw, 31px);
}
@media (max-width: 768px) {
  .course-page #comment .name {
    border-bottom: none;
    font-size: min(4.8vw, 18px);
    margin-bottom: min(4.5333333333vw, 17px);
    padding-bottom: 0;
  }
}
.course-page #comment .comment {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .course-page #comment .comment {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
.course-page #career {
  margin-bottom: min(6.09375vw, 78px);
  width: 50%;
}
@media (max-width: 768px) {
  .course-page #career {
    margin-bottom: min(16.8vw, 63px);
    width: 100%;
  }
}
.course-page #career .head-box {
  border-left: 1px solid rgba(0, 0, 0, 0.17);
  margin-bottom: min(4.140625vw, 53px);
  padding-left: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  .course-page #career .head-box {
    border-left: none;
    margin-bottom: min(12vw, 45px);
    padding-left: 0;
  }
}
.course-page #career .head-box::before, .course-page #career .head-box::after {
  left: 0;
}
@media (max-width: 768px) {
  .course-page #career .head-box::before, .course-page #career .head-box::after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.course-page #career .content-box {
  margin-left: min(3.125vw, 40px);
  padding: min(3.90625vw, 50px) min(4.21875vw, 54px) min(3.28125vw, 42px);
}
@media (max-width: 768px) {
  .course-page #career .content-box {
    margin-left: 0;
    padding: min(7.2vw, 27px) min(7.4666666667vw, 28px) min(7.7333333333vw, 29px);
  }
}
.course-page #career h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  color: #333;
  font-size: min(1.09375vw, 14px);
  line-height: 1.2;
  margin-bottom: min(0.9375vw, 12px);
  padding-bottom: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  .course-page #career h4 {
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(4.5333333333vw, 17px);
    padding-bottom: min(3.2vw, 12px);
  }
}
.course-page #career h4::before {
  color: #0E4E7C;
  content: "● ";
}
.course-page #career .main {
  color: #0E4E7C;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .course-page #career .main {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(3.7333333333vw, 14px);
  }
}
.course-page #career .other {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .course-page #career .other {
    font-size: min(3.2vw, 12px);
  }
}
.course-page #career .other + h4 {
  margin-top: min(2.96875vw, 38px);
}
@media (max-width: 768px) {
  .course-page #career .other + h4 {
    margin-top: min(7.7333333333vw, 29px);
  }
}
.course-page #career .note {
  font-size: min(0.78125vw, 10px);
  text-align: right;
}
@media (max-width: 768px) {
  .course-page #career .note {
    font-size: min(2.4vw, 9px);
    margin-top: min(2.9333333333vw, 11px);
  }
}
.course-page #career .more-btn {
  margin: min(2.8125vw, 36px) auto 0;
  width: min(25.390625vw, 325px);
}
@media (max-width: 768px) {
  .course-page #career .more-btn {
    margin-top: min(7.2vw, 27px);
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(81.8666666667vw, 307px);
  }
}
.course-page #career .more-btn a {
  background: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  .course-page #career .more-btn a {
    font-size: min(4vw, 15px);
  }
}
.course-page #career .more-btn a {
  font-weight: 700;
  padding: min(1.171875vw, 15px) min(1.875vw, 24px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .course-page #career .more-btn a {
    padding: min(4.4vw, 16.5px) min(6.4vw, 24px);
  }
}
.course-page #career .more-btn a::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: min(2.2265625vw, 28.5px);
  position: absolute;
  right: min(1.875vw, 24px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.2265625vw, 28.5px);
}
@media (max-width: 768px) {
  .course-page #career .more-btn a::before {
    height: min(7.6vw, 28.5px);
    right: min(6.4vw, 24px);
    width: min(7.6vw, 28.5px);
  }
}
.course-page #career .more-btn a::after {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: grayscale(1) brightness(0.35);
          filter: grayscale(1) brightness(0.35);
  height: min(0.859375vw, 11px);
  position: absolute;
  right: min(2.578125vw, 33px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  .course-page #career .more-btn a::after {
    height: min(2.9333333333vw, 11px);
    right: min(8.8vw, 33px);
    width: min(2.6666666667vw, 10px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .course-page #career .more-btn a:hover {
    background: #0E4E7C;
  }
  .course-page #career .more-btn a:hover::before {
    right: min(1.484375vw, 19px);
  }
  .course-page #career .more-btn a:hover::after {
    -webkit-filter: none;
            filter: none;
    right: min(2.1875vw, 28px);
  }
}
.course-page {
  /* other-section */
}

#special-advanced #main {
  background: url(../images/special-advanced/main-back.jpg) no-repeat center/cover;
}
#special-advanced #main .course-name::before {
  background: #3293CF;
}
#special-advanced #intro {
  background: #3293CF;
}
#special-advanced #intro .inner {
  background: #2981B6;
  padding: min(3.59375vw, 46px) 0 min(6.5625vw, 84px);
}
@media (max-width: 768px) {
  #special-advanced #intro .inner {
    padding: min(16vw, 60px) 0 min(16vw, 60px);
  }
}
#special-advanced #intro .destination {
  width: min(22.03125vw, 282px);
}
@media (max-width: 768px) {
  #special-advanced #intro .destination {
    width: min(55.7333333333vw, 209px);
  }
}
#special-advanced #flow {
  background: #C9DEEB;
}
#special-advanced #flow h3::before {
  background: #C9DEEB;
}
#special-advanced #feature {
  background: url(../images/special-advanced/main-back.jpg) no-repeat center/cover;
}
#special-advanced #feature .num {
  color: #3293CF;
}
#special-advanced #highlight {
  background: #3293CF;
}
#special-advanced #highlight .head-box h3 {
  font-family: "Jost", sans-serif;
}
#special-advanced #highlight .head-box::before {
  background: #3293CF;
}
#special-advanced #highlight .highlight-slider li {
  background: #2981B6;
  border: 1px solid #333;
}

#liberal-science #main {
  background: url(../images/liberal-science/main-back.jpg) no-repeat center/cover;
}
@media (max-width: 768px) {
  #liberal-science #main {
    background: url(../images/liberal-science/main-back-sp.jpg) no-repeat center/cover;
  }
}
#liberal-science #main .course-name::before {
  background: #82C478;
}
#liberal-science #intro {
  background: #82C478;
}
#liberal-science #intro .inner {
  background: #6FAF66;
  padding: min(4.21875vw, 54px) 0 min(5.9375vw, 76px);
}
@media (max-width: 768px) {
  #liberal-science #intro .inner {
    padding: min(22.4vw, 84px) 0;
  }
}
#liberal-science #intro .destination {
  width: min(22.5vw, 288px);
}
@media (max-width: 768px) {
  #liberal-science #intro .destination {
    width: min(45.3333333333vw, 170px);
  }
}
#liberal-science #flow {
  background: #C9E1D4;
}
#liberal-science #flow h3::before {
  background: #C9E1D4;
}
#liberal-science #feature {
  background: url(../images/liberal-science/main-back.jpg) no-repeat center/cover;
}
@media (max-width: 768px) {
  #liberal-science #feature {
    background: url(../images/liberal-science/main-back-sp.jpg) no-repeat center/cover;
  }
}
#liberal-science #feature .num {
  color: #82C478;
}
#liberal-science #highlight {
  background: #82C478;
}
#liberal-science #highlight .head-box::before {
  background: #82C478;
}
@media (max-width: 768px) {
  #liberal-science #highlight .highlight-slider h4 {
    height: min(14.4vw, 54px);
  }
}
#liberal-science #highlight .highlight-slider h4 small {
  font-size: min(1.40625vw, 18px);
}
@media (max-width: 768px) {
  #liberal-science #highlight .highlight-slider h4 small {
    font-size: min(4.2666666667vw, 16px);
  }
}
#liberal-science #highlight .highlight-slider h4 span {
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid #fff;
  border-radius: min(3.90625vw, 50px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: min(1.09375vw, 14px);
  font-weight: 600;
  margin-left: min(0.78125vw, 10px);
  padding: min(0.390625vw, 5px);
  text-align: center;
  width: min(7.265625vw, 93px);
}
@media (max-width: 768px) {
  #liberal-science #highlight .highlight-slider h4 span {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(3.7333333333vw, 14px);
    margin-left: 0;
    margin-top: min(1.3333333333vw, 5px);
    padding: min(0.8vw, 3px);
    width: min(24.8vw, 93px);
  }
}
#liberal-science #highlight .highlight-slider li {
  background: #6FAF66;
  border: 1px solid #022D4B;
}

#international-coexistence #main {
  background: url(../images/international-coexistence/main-back.jpg) no-repeat center/cover;
}
#international-coexistence #main .course-name::before {
  background: #AD96BF;
}
#international-coexistence #intro {
  background: #AD96BF;
}
#international-coexistence #intro .inner {
  background: #9B7AB4;
  padding: min(3.828125vw, 49px) 0 min(6.328125vw, 81px);
}
@media (max-width: 768px) {
  #international-coexistence #intro .inner {
    padding: min(19.2vw, 72px) 0;
  }
}
#international-coexistence #intro .destination {
  width: min(25.9375vw, 332px);
}
@media (max-width: 768px) {
  #international-coexistence #intro .destination {
    width: min(52.2666666667vw, 196px);
  }
}
#international-coexistence #flow {
  background: #E0E2EC;
}
#international-coexistence #flow h3::before {
  background: #E0E2EC;
}
#international-coexistence #feature {
  background: url(../images/international-coexistence/main-back.jpg) no-repeat center/cover;
}
#international-coexistence #feature .num {
  color: #AD96BF;
}
#international-coexistence #highlight {
  background: #AD96BF;
}
#international-coexistence #highlight .head-box::before {
  background: #AD96BF;
}
#international-coexistence #highlight .highlight-slider li {
  background: #9B7AB4;
  border: 1px solid #333;
}
#international-coexistence #highlight .highlight-slider .imagead {
  margin-left: auto;
  margin-right: auto;
  width: 91%;
}
@media (max-width: 768px) {
  #international-coexistence #highlight .highlight-slider .imagead {
    width: 100%;
  }
}

/********************************************************************************
school-life
********************************************************************************/
.school-life-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .school-life-nav ul {
    display: block;
  }
}
.school-life-nav li {
  width: 50%;
}
@media (max-width: 768px) {
  .school-life-nav li {
    width: 100%;
  }
}
.school-life-nav a {
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(25.703125vw, 329px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
  padding: min(4.21875vw, 54px) min(3.4375vw, 44px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .school-life-nav a {
    height: min(53.3333333333vw, 200px);
    padding: min(5.3333333333vw, 20px) min(3.4666666667vw, 13px);
  }
}
.school-life-nav a::before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 100%;
  z-index: -1;
}
@media (hover: hover) and (pointer: fine) {
  .school-life-nav a:hover::before {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
.school-life-nav .title-en {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: min(3.4765625vw, 44.5px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-bottom: min(1.1328125vw, 14.5px);
}
@media (max-width: 768px) {
  .school-life-nav .title-en {
    font-size: min(7.4666666667vw, 28px);
    margin-bottom: 0;
  }
}
.school-life-nav .page-title {
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.22;
}
@media (max-width: 768px) {
  .school-life-nav .page-title {
    font-weight: 700;
  }
}
.school-life-nav .nav-school-life a::before {
  background: url(../images/school-life/main-back.jpg) no-repeat center/cover;
}
.school-life-nav .nav-club a::before {
  background: url(../images/club/main-back.jpg) no-repeat center/cover;
}
.school-life-nav .nav-facilities a::before {
  background: url(../images/facilities/main-back.jpg) no-repeat center/cover;
}

#school-life-page .head-en-box {
  text-align: center;
}
#school-life-page {
  /* main */
}
#school-life-page #main {
  background: url(../images/school-life/main-back.jpg) no-repeat center/cover;
}
#school-life-page {
  /* main */
  /* uniform */
}
#school-life-page #uniform {
  margin: min(7.578125vw, 97px) 0 min(6.796875vw, 87px);
}
@media (max-width: 768px) {
  #school-life-page #uniform {
    margin: min(10.4vw, 39px) 0 min(13.8666666667vw, 52px);
  }
}
#school-life-page #uniform .head-en-box {
  margin-bottom: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .head-en-box {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#school-life-page #uniform .uniform-image-slider {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100vw;
}
#school-life-page #uniform .uniform-image-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#school-life-page #uniform .uniform-image-slider .swiper-slide {
  margin-right: min(3.125vw, 40px);
  text-align: center;
  width: min(16.5625vw, 212px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .uniform-image-slider .swiper-slide {
    margin-right: min(5.3333333333vw, 20px);
    width: min(28.8vw, 108px);
  }
}
#school-life-page #uniform .uniform-image-slider .swiper-slide img {
  width: min(7.8125vw, 100px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .uniform-image-slider .swiper-slide img {
    width: min(16vw, 60px);
  }
}
#school-life-page #uniform .uniform-image-slider .swiper-slide::before {
  background: #D4DEE6;
  border-radius: min(0.78125vw, 10px);
  content: "";
  height: min(16.5625vw, 212px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(16.5625vw, 212px);
  z-index: -1;
}
@media (max-width: 768px) {
  #school-life-page #uniform .uniform-image-slider .swiper-slide::before {
    height: min(28.8vw, 108px);
    width: min(28.8vw, 108px);
  }
}
#school-life-page #uniform .uniform-image-slider .swiper-slide:nth-child(even) {
  margin-top: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .uniform-image-slider .swiper-slide:nth-child(even) {
    margin-top: min(8vw, 30px);
  }
}
#school-life-page #uniform .point {
  margin: max(-3.046875vw, -39px) 0 min(4.453125vw, 57px);
  position: relative;
  text-align: right;
  z-index: 2;
}
@media (max-width: 768px) {
  #school-life-page #uniform .point {
    margin: min(7.4666666667vw, 28px) 0 min(10.9333333333vw, 41px);
    text-align: left;
  }
}
#school-life-page #uniform .point span {
  background: #fff;
  -webkit-box-shadow: 0 0 12px rgba(29, 122, 169, 0.18);
          box-shadow: 0 0 12px rgba(29, 122, 169, 0.18);
  color: #0E4E7C;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.7;
  padding: 0 min(1.484375vw, 19px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .point span {
    -webkit-box-shadow: 0 0 11px rgba(29, 122, 169, 0.18);
            box-shadow: 0 0 11px rgba(29, 122, 169, 0.18);
    padding: 0 min(5.6vw, 21px);
  }
}
#school-life-page #uniform .point span:first-child {
  margin-bottom: min(0.78125vw, 10px);
  margin-right: min(7.5vw, 96px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .point span:first-child {
    margin-bottom: min(3.4666666667vw, 13px);
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #school-life-page #uniform .point span:last-child {
    margin-left: min(5.6vw, 21px);
  }
}
#school-life-page #uniform .standard-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap {
    display: block;
    margin-bottom: min(8.5333333333vw, 32px);
  }
}
#school-life-page #uniform .standard-wrap .standard-style {
  margin: 0 auto;
  width: min(38.75vw, 496px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .standard-style {
    width: 100%;
  }
}
#school-life-page #uniform .standard-wrap .standard-style h4 {
  color: #0E4E7C;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: min(1.875vw, 24px);
  margin-bottom: min(0.9375vw, 12px);
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .standard-style h4 {
    font-size: min(5.8666666667vw, 22px);
    margin-bottom: min(3.2vw, 12px);
  }
}
#school-life-page #uniform .standard-wrap .standard-style .head-en {
  color: #0E4E7C;
  font-family: "Poiret One", sans-serif;
  font-size: min(1.328125vw, 17px);
  line-height: 1.05;
  margin-bottom: min(1.796875vw, 23px);
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .standard-style .head-en {
    font-size: min(4.5333333333vw, 17px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#school-life-page #uniform .standard-wrap .standard-style .standard-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#school-life-page #uniform .standard-wrap .standard-style .standard-slider {
  border-radius: min(3.125vw, 40px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: min(18.59375vw, 238px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .standard-style .standard-slider {
    border-radius: min(6.4vw, 24px);
    width: min(41.6vw, 156px);
  }
}
#school-life-page #uniform .standard-wrap .standard-style .standard-slider .swiper-slide {
  opacity: 0 !important;
}
#school-life-page #uniform .standard-wrap .standard-style .standard-slider .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .winter {
    margin-bottom: min(8vw, 30px);
  }
}
#school-life-page #uniform .standard-wrap .winter .standard-slider {
  border: min(0.703125vw, 9px) solid rgba(14, 78, 124, 0.12);
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .winter .standard-slider {
    border: min(1.3333333333vw, 5px) solid rgba(14, 78, 124, 0.12);
  }
}
#school-life-page #uniform .standard-wrap .summer .standard-slider {
  border: min(0.703125vw, 9px) solid rgba(71, 14, 124, 0.12);
}
@media (max-width: 768px) {
  #school-life-page #uniform .standard-wrap .summer .standard-slider {
    border: min(1.3333333333vw, 5px) solid rgba(71, 14, 124, 0.12);
  }
}
#school-life-page #uniform .option-box h4 {
  color: #0E4E7C;
  font-size: min(1.875vw, 24px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.05;
  margin-bottom: min(2.890625vw, 37px);
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box h4 {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(6.1333333333vw, 23px);
  }
}
#school-life-page #uniform .option-box .option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list {
    display: block;
  }
}
#school-life-page #uniform .option-box .option-list li {
  border: 4px solid #DBE1E6;
  border-radius: min(1.5625vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: min(1.796875vw, 23px);
  text-align: center;
  width: 23%;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list li {
    border-radius: min(5.3333333333vw, 20px);
    margin: 0 auto;
    padding-bottom: min(3.4666666667vw, 13px);
    width: min(66.6666666667vw, 250px);
  }
  #school-life-page #uniform .option-box .option-list li:not(:last-child) {
    margin-bottom: min(3.2vw, 12px);
  }
}
#school-life-page #uniform .option-box .option-list li:not(:nth-child(4n)) {
  margin-right: 2.666%;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list li:not(:nth-child(4n)) {
    margin-right: auto;
  }
}
#school-life-page #uniform .option-box .option-list li:nth-child(n+5) {
  margin-top: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list li:nth-child(n+5) {
    margin-top: 0;
  }
}
#school-life-page #uniform .option-box .option-list img {
  border-radius: min(1.171875vw, 15px) min(1.171875vw, 15px) 0 0;
  margin-bottom: min(1.328125vw, 17px);
  width: 100%;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list img {
    border-radius: min(4vw, 15px) min(4vw, 15px) 0 0;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#school-life-page #uniform .option-box .option-list p {
  color: #000;
  font-size: min(1.328125vw, 17px);
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #uniform .option-box .option-list p {
    font-size: min(3.7333333333vw, 14px);
  }
}
#school-life-page {
  /* uniform */
  /* daily-life */
}
#school-life-page #daily-life {
  background: #F4F9FE;
  padding: min(4.6875vw, 60px) 0 min(16.484375vw, 211px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life {
    padding: min(7.4666666667vw, 28px) 0 min(27.4666666667vw, 103px);
  }
  #school-life-page #daily-life .inner {
    width: 77.6%;
  }
}
#school-life-page #daily-life .head-en-box {
  margin-bottom: min(7.734375vw, 99px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life .head-en-box {
    margin-bottom: min(21.6vw, 81px);
  }
}
#school-life-page #daily-life .daily-life-slider {
  overflow: inherit;
  position: relative;
}
#school-life-page #daily-life .daily-life-slider::before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100vw;
}
#school-life-page #daily-life li {
  background: #fff;
  border-radius: min(0.78125vw, 10px);
  -webkit-box-shadow: 0 0 15px rgba(14, 78, 124, 0.2);
          box-shadow: 0 0 15px rgba(14, 78, 124, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: min(28.046875vw, 359px);
  margin-bottom: min(5.46875vw, 70px);
  padding: min(4.375vw, 56px) min(2.03125vw, 26px) 0;
  position: relative;
  width: min(28.828125vw, 369px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life li {
    border-radius: min(2.6666666667vw, 10px);
    height: min(101.6vw, 381px);
    margin-bottom: min(12.8vw, 48px);
    padding: min(14.9333333333vw, 56px) min(6.9333333333vw, 26px) 0;
    width: min(76vw, 285px);
  }
}
#school-life-page #daily-life li:not(:last-child) {
  margin-right: min(5.15625vw, 66px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life li:not(:last-child) {
    margin-right: min(19.2vw, 72px);
  }
}
#school-life-page #daily-life li:before {
  background: url(../images/school-life/dl-deco.svg) no-repeat center/contain;
  content: "";
  height: min(5.15625vw, 66px);
  position: absolute;
  bottom: max(-5.46875vw, -70px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(0.859375vw, 11px);
  z-index: -1;
}
@media (max-width: 768px) {
  #school-life-page #daily-life li:before {
    height: min(17.6vw, 66px);
    bottom: max(-12.8vw, -48px);
    width: min(2.9333333333vw, 11px);
  }
}
#school-life-page #daily-life .head-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(44deg, #3598D2 0%, #3CC9A3 100%);
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(10.078125vw, 129px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: max(-2.890625vw, -37px);
  top: max(-4.0625vw, -52px);
  width: min(10.078125vw, 129px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life .head-box {
    height: min(31.4666666667vw, 118px);
    left: max(-8.8vw, -33px);
    top: max(-10.9333333333vw, -41px);
    width: min(31.4666666667vw, 118px);
  }
}
#school-life-page #daily-life .head-box .time {
  font-size: min(1.328125vw, 17px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life .head-box .time {
    font-size: min(5.8666666667vw, 22px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#school-life-page #daily-life .head-box .time sup {
  font-size: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life .head-box .time sup {
    font-size: min(3.2vw, 12px);
  }
}
#school-life-page #daily-life .head-box h4 {
  font-size: min(1.328125vw, 17px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #daily-life .head-box h4 {
    font-size: min(4.5333333333vw, 17px);
  }
}
#school-life-page #daily-life .image {
  margin-bottom: min(1.796875vw, 23px);
}
@media (max-width: 768px) {
  #school-life-page #daily-life .image {
    margin-bottom: min(6.1333333333vw, 23px);
  }
}
#school-life-page #daily-life .image img {
  border-radius: min(0.78125vw, 10px);
  height: min(13.59375vw, 174px);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  #school-life-page #daily-life .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: auto;
  }
}
#school-life-page #daily-life .desc {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #school-life-page #daily-life .desc {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
#school-life-page #daily-life .note {
  color: #333;
  font-size: min(0.78125vw, 10px);
  letter-spacing: 0.05em;
  margin-top: min(0.78125vw, 10px);
  text-align: right;
}
@media (max-width: 768px) {
  #school-life-page #daily-life .note {
    font-size: min(2.4vw, 9px);
    letter-spacing: 0;
    line-height: 1.2;
    margin-top: min(4.2666666667vw, 16px);
  }
}
#school-life-page {
  /* daily-life */
  /* school-event */
}
#school-life-page #school-event {
  margin-bottom: min(5.703125vw, 73px);
  padding-top: 1px;
}
@media (max-width: 768px) {
  #school-life-page #school-event {
    margin-bottom: min(16.5333333333vw, 62px);
  }
}
#school-life-page #school-event .inner {
  position: relative;
  width: min(92.8125vw, 1188px);
  z-index: 1;
}
@media (max-width: 768px) {
  #school-life-page #school-event .inner {
    width: 92%;
  }
}
#school-life-page #school-event .head-en-box {
  margin: max(-7.265625vw, -93px) 0 min(2.109375vw, 27px);
  padding-top: min(5.234375vw, 67px);
  position: relative;
}
@media (max-width: 768px) {
  #school-life-page #school-event .head-en-box {
    margin: max(-20vw, -75px) 0 min(4.5333333333vw, 17px);
    padding-top: min(13.6vw, 51px);
  }
}
#school-life-page #school-event .head-en-box::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: min(99.375vw, 1272px);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(99.375vw, 1272px);
  z-index: -1;
}
@media (max-width: 768px) {
  #school-life-page #school-event .head-en-box::before {
    height: min(90.6666666667vw, 340px);
    width: min(90.6666666667vw, 340px);
  }
}
#school-life-page #school-event .target {
  margin-bottom: min(8.203125vw, 105px);
  text-align: center;
}
@media (max-width: 768px) {
  #school-life-page #school-event .target {
    margin-bottom: min(11.4666666667vw, 43px);
  }
}
#school-life-page #school-event .target span {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: inline-block;
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: min(2.109375vw, 27px);
  padding: 0 min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .target span {
    border-radius: min(5.3333333333vw, 20px);
    font-size: min(3.4666666667vw, 13px);
    line-height: min(7.2vw, 27px);
    padding: 0 min(5.8666666667vw, 22px);
  }
}
#school-life-page #school-event .target span.jh {
  background: #5FCE88;
}
#school-life-page #school-event .target span.hs {
  background: #5ABEF3;
  margin-left: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .target span.hs {
    margin-left: min(1.8666666667vw, 7px);
  }
}
#school-life-page #school-event .event-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto min(9.609375vw, 123px);
  width: min(80.15625vw, 1026px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-wrap {
    display: block;
    margin: 0 auto min(17.6vw, 66px);
    width: 92.7%;
  }
}
#school-life-page #school-event .event-box {
  background: #DFECF6;
  border-radius: min(2.34375vw, 30px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(3.125vw, 40px) min(2.109375vw, 27px) min(2.34375vw, 30px);
  position: relative;
  width: min(25vw, 320px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box {
    border-radius: min(8vw, 30px);
    padding: min(8vw, 30px) min(7.2vw, 27px) min(6.1333333333vw, 23px);
    width: 100%;
  }
  #school-life-page #school-event .event-box:not(:last-child) {
    margin-bottom: min(7.2vw, 27px);
  }
}
#school-life-page #school-event .event-box:not(:nth-child(3n)) {
  margin-right: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box:not(:nth-child(3n)) {
    margin-right: 0;
  }
}
#school-life-page #school-event .event-box:nth-child(n+4) {
  margin-top: min(3.828125vw, 49px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box:nth-child(n+4) {
    margin-top: 0;
  }
}
#school-life-page #school-event .event-box .month {
  background: #0E4E7C;
  border-radius: min(2.34375vw, 30px);
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: min(2.421875vw, 31px);
  position: absolute;
  left: 50%;
  top: calc(max(-2.421875vw, -31px) / 2);
  text-align: center;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box .month {
    border-radius: min(8vw, 30px);
    font-size: min(4.2666666667vw, 16px);
    line-height: min(8.2666666667vw, 31px);
    top: calc(max(-8.2666666667vw, -31px) / 2);
    width: min(24vw, 90px);
  }
}
#school-life-page #school-event .event-box .image {
  margin-bottom: min(1.015625vw, 13px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box .image {
    margin-bottom: min(3.2vw, 12px);
    text-align: center;
  }
}
#school-life-page #school-event .event-box .image img {
  border-radius: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box .image img {
    border-radius: min(2.6666666667vw, 10px);
  }
}
#school-life-page #school-event .event-box li {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding-left: 1em;
  position: relative;
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box li {
    font-size: min(3.7333333333vw, 14px);
  }
}
#school-life-page #school-event .event-box li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#school-life-page #school-event .event-box li span {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: inline-block;
  font-size: min(0.859375vw, 11px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-left: min(0.3125vw, 4px);
  padding: min(0.15625vw, 2px) min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box li span {
    border-radius: min(5.3333333333vw, 20px);
    font-size: min(2.9333333333vw, 11px);
    margin-left: min(1.0666666667vw, 4px);
    padding: min(0.5333333333vw, 2px) min(3.2vw, 12px);
  }
}
#school-life-page #school-event .event-box li span.jh {
  background: #5FCE88;
}
#school-life-page #school-event .event-box li span.hs {
  background: #5ABEF3;
}
#school-life-page #school-event .event-box li:not(:last-child) {
  margin-bottom: min(1.015625vw, 13px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .event-box li:not(:last-child) {
    margin-bottom: min(3.4666666667vw, 13px);
  }
}
#school-life-page #school-event .pickup {
  border: 3px solid #E2EAEF;
  border-radius: min(2.421875vw, 31px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(5.390625vw, 69px) min(5.859375vw, 75px) min(6.25vw, 80px);
  position: relative;
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup {
    border-radius: min(8.2666666667vw, 31px);
    padding: min(13.6vw, 51px) min(6.1333333333vw, 23px) min(13.6vw, 51px);
  }
}
#school-life-page #school-event .pickup h4 {
  color: #0E4E7C;
  font-family: "Jost", sans-serif;
  font-size: min(3.75vw, 48px);
  font-weight: 600;
  letter-spacing: 0.05em;
  position: absolute;
  right: min(8.90625vw, 114px);
  top: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup h4 {
    font-size: min(9.6vw, 36px);
    right: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}
#school-life-page #school-event .pickup .head-wrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(1.875vw, 24px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .head-wrap {
    display: block;
    margin-bottom: min(10.6666666667vw, 40px);
  }
}
#school-life-page #school-event .pickup .head-box {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: min(1.015625vw, 13px);
  width: min(38.515625vw, 493px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .head-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(4vw, 15px);
    padding-bottom: min(2.4vw, 9px);
    width: 100%;
  }
}
#school-life-page #school-event .pickup .section-head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: min(1.640625vw, 21px);
  font-weight: 600;
  padding-left: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .section-head {
    font-size: min(5.6vw, 21px);
    margin-bottom: min(1.6vw, 6px);
    padding-left: min(8vw, 30px);
  }
}
#school-life-page #school-event .pickup .target {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: block;
  font-size: min(1.015625vw, 13px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: min(1.71875vw, 22px);
  margin: 0;
  text-align: center;
  width: min(4.53125vw, 58px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .target {
    border-radius: min(5.3333333333vw, 20px);
    font-size: min(3.4666666667vw, 13px);
    line-height: min(5.8666666667vw, 22px);
    width: min(15.4666666667vw, 58px);
  }
}
#school-life-page #school-event .pickup .target.jh {
  background: #5FCE88;
}
#school-life-page #school-event .pickup .target.hs {
  background: #5ABEF3;
}
#school-life-page #school-event .pickup .head-desc {
  color: #0E4E7C;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .head-desc {
    line-height: 1.7;
  }
}
#school-life-page #school-event .pickup .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .content-box {
    display: block;
  }
}
#school-life-page #school-event .pickup .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: min(38.515625vw, 493px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .flex-box {
    display: block;
    width: 100%;
  }
  #school-life-page #school-event .pickup .flex-box + .flex-box {
    margin-top: min(8vw, 30px);
  }
}
#school-life-page #school-event .pickup .flex-box .image {
  width: min(18.515625vw, 237px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .flex-box .image {
    margin-bottom: min(2.4vw, 9px);
    text-align: center;
    width: 100%;
  }
}
#school-life-page #school-event .pickup .flex-box .image img {
  border-radius: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .flex-box .image img {
    border-radius: min(5.3333333333vw, 20px);
  }
}
#school-life-page #school-event .pickup .flex-box p {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  width: min(18.203125vw, 233px);
}
@media (max-width: 768px) {
  #school-life-page #school-event .pickup .flex-box p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.8;
    width: 100%;
  }
}
#school-life-page {
  /* school-event */
  /* student-council */
}
#school-life-page #student-council .inner {
  width: min(80.46875vw, 1030px);
}
@media (max-width: 768px) {
  #school-life-page #student-council .inner {
    width: 87.46%;
  }
}
#school-life-page #student-council h3 {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  font-size: min(2.734375vw, 35px);
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: min(3.046875vw, 39px) min(12.8125vw, 164px) 0 0;
  position: relative;
}
@media (max-width: 768px) {
  #school-life-page #student-council h3 {
    font-size: min(8vw, 30px);
    padding: min(6.6666666667vw, 25px) min(10.9333333333vw, 41px) 0 0;
  }
}
#school-life-page #student-council h3::before {
  background: #0E4E7C;
  border-radius: 0 min(0.78125vw, 10px) 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media (max-width: 768px) {
  #school-life-page #student-council h3::before {
    border-radius: 0 min(2.6666666667vw, 10px) 0 0;
  }
}
#school-life-page #student-council .content {
  background: #0E4E7C;
  margin-top: max(-0.78125vw, -10px);
  padding: min(6.25vw, 80px) 0;
}
@media (max-width: 768px) {
  #school-life-page #student-council .content {
    margin-top: max(-1.3333333333vw, -5px);
    padding: min(8.2666666667vw, 31px) 0 min(13.8666666667vw, 52px);
  }
}
#school-life-page #student-council .content .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #school-life-page #student-council .content .inner {
    display: block;
  }
}
#school-life-page #student-council .desc {
  color: #fff;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  width: min(29.375vw, 376px);
}
@media (max-width: 768px) {
  #school-life-page #student-council .desc {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
    margin-bottom: min(11.4666666667vw, 43px);
    width: 100%;
  }
}
#school-life-page #student-council .image-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #school-life-page #student-council .image-list {
    display: block;
  }
}
#school-life-page #student-council .image-list li {
  width: min(21.484375vw, 275px);
}
@media (max-width: 768px) {
  #school-life-page #student-council .image-list li {
    width: 100%;
  }
}
#school-life-page #student-council .image-list li:not(:last-child) {
  margin-right: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  #school-life-page #student-council .image-list li:not(:last-child) {
    margin-right: 0;
    margin-bottom: min(4.5333333333vw, 17px);
  }
}
#school-life-page #student-council .image-list img {
  margin-bottom: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #school-life-page #student-council .image-list img {
    margin-bottom: 0;
  }
}
#school-life-page #student-council .image-list p {
  color: #fff;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.7;
}
@media (max-width: 768px) {
  #school-life-page #student-council .image-list p {
    font-size: min(3.2vw, 12px);
  }
}
#school-life-page {
  /* student-council */
}

/********************************************************************************
club
********************************************************************************/
#club-page {
  background: #F4F9FE;
  /* main */
}
#club-page #main {
  background: url(../images/club/main-back.jpg) no-repeat center/cover;
}
#club-page {
  /* main */
  /* new-club */
}
#club-page #new-club {
  margin: min(3.75vw, 48px) 0 min(6.71875vw, 86px);
}
@media (max-width: 768px) {
  #club-page #new-club {
    margin: min(12vw, 45px) 0 min(14.6666666667vw, 55px);
  }
}
#club-page #new-club .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: min(87.109375vw, 1115px);
}
@media (max-width: 768px) {
  #club-page #new-club .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100vw;
  }
}
#club-page #new-club .new-club-box {
  position: relative;
  width: min(46.015625vw, 589px);
}
@media (max-width: 768px) {
  #club-page #new-club .new-club-box {
    width: 100%;
  }
}
#club-page #new-club .new-club-box .new {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: min(1.875vw, 24px);
  font-weight: 700;
  height: min(8.90625vw, 114px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  width: min(9.0625vw, 116px);
}
@media (max-width: 768px) {
  #club-page #new-club .new-club-box .new {
    font-size: min(4vw, 15px);
    height: min(20vw, 75px);
    left: min(2.4vw, 9px);
    top: max(-2.9333333333vw, -11px);
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    width: min(20vw, 75px);
  }
}
#club-page #new-club .new-club-box .new::before {
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
  background: url(../images/club/new-club-icon.svg) no-repeat center/contain;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
#club-page #new-club .new-club-box:nth-of-type(1) {
  margin-right: max(-3.359375vw, -43px);
  margin-top: min(10.625vw, 136px);
  width: min(45.703125vw, 585px);
}
@media (max-width: 768px) {
  #club-page #new-club .new-club-box:nth-of-type(1) {
    margin-top: min(8vw, 30px);
    width: 100%;
  }
  #club-page #new-club .new-club-box:nth-of-type(1) .new {
    left: inherit;
    right: min(2.4vw, 9px);
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
}
#club-page {
  /* new-club */
  /* club-list */
}
#club-page #club-list {
  margin-bottom: min(10.078125vw, 129px);
}
@media (max-width: 768px) {
  #club-page #club-list {
    margin-bottom: min(16.8vw, 63px);
  }
}
#club-page #club-list .inner {
  width: min(79.21875vw, 1014px);
}
@media (max-width: 768px) {
  #club-page #club-list .inner {
    width: 86.4%;
  }
}
#club-page #club-list .more-text {
  color: #0E4E7C;
  font-size: min(1.640625vw, 21px);
  letter-spacing: 0.05em;
  margin-bottom: min(3.125vw, 40px);
  text-align: center;
}
@media (max-width: 768px) {
  #club-page #club-list .more-text {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(6.1333333333vw, 23px);
  }
}
#club-page #club-list .club-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#club-page #club-list .club-list > li {
  position: relative;
  width: 18.25%;
}
@media (max-width: 768px) {
  #club-page #club-list .club-list > li {
    width: 48.9%;
  }
}
#club-page #club-list .club-list > li:not(:nth-child(5n)) {
  margin-right: 2.0833%;
}
@media (max-width: 768px) {
  #club-page #club-list .club-list > li:not(:nth-child(5n)) {
    margin-right: 0;
  }
}
#club-page #club-list .club-list > li:not(:nth-last-child(-n+5)) {
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #club-page #club-list .club-list > li:not(:nth-last-child(-n+5)) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  #club-page #club-list .club-list > li:not(:nth-last-child(-n+2)) {
    margin-bottom: min(1.8666666667vw, 7px);
  }
}
@media (max-width: 768px) {
  #club-page #club-list .club-list > li:nth-child(odd) {
    margin-right: 2.2%;
  }
}
#club-page #club-list .club-list a {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 12px rgba(29, 122, 169, 0.18);
          box-shadow: 0 0 12px rgba(29, 122, 169, 0.18);
  display: block;
  padding: min(1.09375vw, 14px) 0;
  width: 100%;
}
@media (max-width: 768px) {
  #club-page #club-list .club-list a {
    padding: min(2.5333333333vw, 9.5px) 0;
  }
}
#club-page #club-list .club-list .icon {
  text-align: center;
}
#club-page #club-list .club-list .icon img {
  width: auto;
}
#club-page #club-list .club-list h3 {
  color: #0E4E7C;
  font-weight: 700;
  text-align: center;
}
#club-page #club-list .club-list .gender {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#club-page #club-list .club-list .gender .girl {
  background: #F5AB57;
  margin-right: 2px;
}
#club-page #club-list .club-list .gender .boy {
  background: #39C76B;
}
#club-page #club-list .major {
  margin-bottom: min(7.421875vw, 95px);
}
@media (max-width: 768px) {
  #club-page #club-list .major {
    margin-bottom: min(8vw, 30px);
  }
}
#club-page #club-list .major .icon img {
  height: min(7.8125vw, 100px);
}
@media (max-width: 768px) {
  #club-page #club-list .major .icon img {
    height: min(19.2vw, 72px);
  }
}
#club-page #club-list .major h3 {
  font-size: min(1.40625vw, 18px);
  margin-bottom: min(1.015625vw, 13px);
}
@media (max-width: 768px) {
  #club-page #club-list .major h3 {
    font-size: min(3.4666666667vw, 13px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#club-page #club-list .major .gender li {
  border-radius: min(1.640625vw, 21px);
  width: min(5.625vw, 72px);
}
@media (max-width: 768px) {
  #club-page #club-list .major .gender li {
    border-radius: 15px;
    font-size: min(3.0666666667vw, 11.5px);
    width: min(13.7333333333vw, 51.5px);
  }
}
#club-page #club-list .other {
  margin: 0 auto;
  width: min(69.0625vw, 884px);
}
@media (max-width: 768px) {
  #club-page #club-list .other {
    width: 87%;
  }
}
#club-page #club-list .other .icon img {
  height: min(6.25vw, 80px);
}
@media (max-width: 768px) {
  #club-page #club-list .other .icon img {
    height: min(16.8vw, 63px);
  }
}
#club-page #club-list .other h3 {
  font-size: min(1.25vw, 16px);
  margin-bottom: min(0.859375vw, 11px);
}
@media (max-width: 768px) {
  #club-page #club-list .other h3 {
    font-size: min(2.8vw, 10.5px);
    margin-bottom: min(2.1333333333vw, 8px);
  }
}
#club-page #club-list .other h3 sup {
  font-size: min(0.859375vw, 11px);
}
@media (max-width: 768px) {
  #club-page #club-list .other h3 sup {
    font-size: min(2.1333333333vw, 8px);
  }
}
#club-page #club-list .other .gender li {
  border-radius: 18px;
  width: min(4.921875vw, 63px);
}
@media (max-width: 768px) {
  #club-page #club-list .other .gender li {
    border-radius: 12px;
    font-size: min(2.6666666667vw, 10px);
    width: min(11.6vw, 43.5px);
  }
}
#club-page #club-list .note {
  font-size: min(0.9375vw, 12px);
  line-height: 1.2;
  margin-top: min(3.125vw, 40px);
  text-align: right;
}
@media (max-width: 768px) {
  #club-page #club-list .note {
    font-size: min(2.6666666667vw, 10px);
    margin-top: min(5.3333333333vw, 20px);
  }
}
#club-page {
  /* club-list */
}
#club-page .modal-box {
  display: none;
}
#club-page .modaal-container {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: min(64.453125vw, 825px);
}
@media (max-width: 768px) {
  #club-page .modaal-container {
    width: 100%;
  }
}
#club-page .modaal-content-container {
  padding: 0;
  position: relative;
}
#club-page .modaal-content-container .image {
  margin-bottom: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .image {
    margin-bottom: min(3.2vw, 12px);
  }
}
#club-page .modaal-content-container .title {
  color: #fff;
  font-size: min(1.796875vw, 23px);
  font-weight: 700;
  margin-bottom: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .title {
    font-size: min(4.5333333333vw, 17px);
    margin-bottom: min(0.8vw, 3px);
  }
}
#club-page .modaal-content-container .desc {
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#club-page .modaal-content-container .club-modal-prev,
#club-page .modaal-content-container .club-modal-next {
  background: #fff;
  border-radius: 50%;
  height: min(2.8125vw, 36px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.8125vw, 36px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .club-modal-prev,
  #club-page .modaal-content-container .club-modal-next {
    height: min(8vw, 30px);
    bottom: max(-18.6666666667vw, -70px);
    top: unset;
    -webkit-transform: 0;
            transform: 0;
    width: min(8vw, 30px);
  }
}
#club-page .modaal-content-container .club-modal-prev::before,
#club-page .modaal-content-container .club-modal-next::before {
  background: url(../images/common/nav-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.015625vw, 13px);
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(0.625vw, 8px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .club-modal-prev::before,
  #club-page .modaal-content-container .club-modal-next::before {
    height: min(3.4666666667vw, 13px);
    width: min(2.1333333333vw, 8px);
  }
}
#club-page .modaal-content-container .club-modal-prev:disabled,
#club-page .modaal-content-container .club-modal-next:disabled {
  cursor: default;
  opacity: 0.3;
}
#club-page .modaal-content-container .club-modal-prev {
  left: max(-14.53125vw, -186px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .club-modal-prev {
    left: calc(50% - min(10.6666666667vw, 40px));
  }
}
#club-page .modaal-content-container .club-modal-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
#club-page .modaal-content-container .club-modal-next {
  right: max(-14.53125vw, -186px);
}
@media (max-width: 768px) {
  #club-page .modaal-content-container .club-modal-next {
    right: calc(50% - min(10.6666666667vw, 40px));
  }
}
#club-page .modaal-content-container .club-modal-next::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#club-page .modaal-close:hover::after, #club-page .modaal-close:hover::before {
  background: #0E4E7C;
}

/********************************************************************************
facilities
********************************************************************************/
#facilities-page {
  background: #F4F9FE;
  /* main */
}
#facilities-page #main {
  background: url(../images/facilities/main-back.jpg) no-repeat center/cover;
}
#facilities-page {
  /* main */
  /* campusmap */
}
#facilities-page #campusmap {
  padding: min(4.921875vw, 63px) 0 min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap {
    padding: min(7.7333333333vw, 29px) 0 min(9.8666666667vw, 37px);
  }
}
@media (max-width: 768px) {
  #facilities-page #campusmap .head-en-box {
    margin-bottom: min(5.0666666667vw, 19px);
    text-align: center;
  }
}
#facilities-page #campusmap .intro-text {
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin: max(-4.296875vw, -55px) min(1.875vw, 24px) min(5vw, 64px) auto;
  width: min(34.921875vw, 447px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .intro-text {
    margin: 0 0 min(10.1333333333vw, 38px);
    width: 100%;
  }
}
#facilities-page #campusmap .map {
  margin: 0 auto;
  position: relative;
  width: min(75.625vw, 968px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map {
    overflow-x: scroll;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
  #facilities-page #campusmap .map .map-inner {
    width: min(258.1333333333vw, 968px);
  }
}
#facilities-page #campusmap .map .pin {
  position: absolute;
}
#facilities-page #campusmap .map .pin a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0D4E7D;
  border: 1px solid #0D4E7D;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  height: min(1.9140625vw, 24.5px);
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(1.9140625vw, 24.5px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin a {
    font-size: min(3.7333333333vw, 14px);
    height: min(6.5333333333vw, 24.5px);
    width: min(6.5333333333vw, 24.5px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #facilities-page #campusmap .map .pin a:hover {
    background: #fff;
    color: #0D4E7D;
  }
}
#facilities-page #campusmap .map .pin.pin1 {
  left: min(21.25vw, 272px);
  top: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin1 {
    left: min(72.5333333333vw, 272px);
    top: min(8.8vw, 33px);
  }
}
#facilities-page #campusmap .map .pin.pin2 {
  left: min(61.328125vw, 785px);
  top: min(14.453125vw, 185px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin2 {
    left: min(209.3333333333vw, 785px);
    top: min(49.3333333333vw, 185px);
  }
}
#facilities-page #campusmap .map .pin.pin3 {
  bottom: min(11.25vw, 144px);
  left: min(5.390625vw, 69px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin3 {
    bottom: min(38.4vw, 144px);
    left: min(18.4vw, 69px);
  }
}
#facilities-page #campusmap .map .pin.pin4 {
  left: min(24.375vw, 312px);
  top: min(9.6875vw, 124px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin4 {
    left: min(83.2vw, 312px);
    top: min(33.0666666667vw, 124px);
  }
}
#facilities-page #campusmap .map .pin.pin5 {
  left: min(29.84375vw, 382px);
  top: min(11.25vw, 144px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin5 {
    left: min(101.8666666667vw, 382px);
    top: min(38.4vw, 144px);
  }
}
#facilities-page #campusmap .map .pin.pin6 {
  left: min(36.09375vw, 462px);
  top: min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin6 {
    left: min(123.2vw, 462px);
    top: min(20.8vw, 78px);
  }
}
#facilities-page #campusmap .map .pin.pin7 {
  left: min(34.609375vw, 443px);
  top: min(8.90625vw, 114px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin7 {
    left: min(118.1333333333vw, 443px);
    top: min(30.4vw, 114px);
  }
}
#facilities-page #campusmap .map .pin.pin8 {
  left: min(36.71875vw, 470px);
  top: min(9.296875vw, 119px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin8 {
    left: min(125.3333333333vw, 470px);
    top: min(31.7333333333vw, 119px);
  }
}
#facilities-page #campusmap .map .pin.pin9 {
  left: min(35.3125vw, 452px);
  top: min(10.859375vw, 139px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin9 {
    left: min(120.5333333333vw, 452px);
    top: min(37.0666666667vw, 139px);
  }
}
#facilities-page #campusmap .map .pin.pin10 {
  bottom: min(13.75vw, 176px);
  left: min(36.09375vw, 462px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin10 {
    bottom: min(46.9333333333vw, 176px);
    left: min(123.2vw, 462px);
  }
}
#facilities-page #campusmap .map .pin.pin11 {
  left: min(41.640625vw, 533px);
  top: min(13.359375vw, 171px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin11 {
    left: min(142.1333333333vw, 533px);
    top: min(45.6vw, 171px);
  }
}
#facilities-page #campusmap .map .pin.pin12 {
  bottom: min(9.921875vw, 127px);
  left: min(45.78125vw, 586px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin12 {
    bottom: min(33.8666666667vw, 127px);
    left: min(156.2666666667vw, 586px);
  }
}
#facilities-page #campusmap .map .pin.pin13 {
  left: min(14.53125vw, 186px);
  top: min(14.84375vw, 190px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin13 {
    left: min(49.6vw, 186px);
    top: min(50.6666666667vw, 190px);
  }
}
#facilities-page #campusmap .map .pin.pin14 {
  bottom: min(5.390625vw, 69px);
  left: min(8.828125vw, 113px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin14 {
    bottom: min(18.4vw, 69px);
    left: min(30.1333333333vw, 113px);
  }
}
#facilities-page #campusmap .map .pin.pin15 {
  left: min(53.046875vw, 679px);
  top: min(9.921875vw, 127px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin15 {
    left: min(181.0666666667vw, 679px);
    top: min(33.8666666667vw, 127px);
  }
}
#facilities-page #campusmap .map .pin.pin16 {
  left: min(33.203125vw, 425px);
  top: min(10.46875vw, 134px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin16 {
    left: min(113.3333333333vw, 425px);
    top: min(35.7333333333vw, 134px);
  }
}
#facilities-page #campusmap .map .pin.pin17 {
  bottom: min(11.5625vw, 148px);
  left: min(54.375vw, 696px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map .pin.pin17 {
    bottom: min(39.4666666667vw, 148px);
    left: min(185.6vw, 696px);
  }
}
#facilities-page #campusmap .click-info {
  margin: max(-3.203125vw, -41px) auto min(10.859375vw, 139px);
  text-align: right;
  width: min(75.625vw, 968px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .click-info {
    margin: 0 0 min(9.8666666667vw, 37px);
    width: 100%;
  }
}
#facilities-page #campusmap .click-info span {
  color: #333;
  font-family: "Jost", sans-serif;
  font-size: min(1.71875vw, 22px);
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-left: min(4.140625vw, 53px);
  padding-right: min(3.4375vw, 44px);
  position: relative;
}
@media (max-width: 768px) {
  #facilities-page #campusmap .click-info span {
    font-size: min(4.2666666667vw, 16px);
    padding-left: min(10.4vw, 39px);
    padding-right: min(2.6666666667vw, 10px);
  }
}
#facilities-page #campusmap .click-info span::before {
  background: #0D4E7D;
  border-radius: 50%;
  content: "";
  height: min(3.046875vw, 39px);
  position: absolute;
  left: 0;
  top: 0;
  width: min(3.046875vw, 39px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .click-info span::before {
    height: min(7.7333333333vw, 29px);
    width: min(7.7333333333vw, 29px);
  }
}
#facilities-page #campusmap .map-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list {
    display: block;
  }
}
#facilities-page #campusmap .map-list h4 {
  color: #0E4E7C;
  font-size: min(1.484375vw, 19px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: min(0.78125vw, 10px);
  padding-left: min(2.6171875vw, 33.5px);
  position: relative;
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list h4 {
    font-size: min(5.0666666667vw, 19px);
    margin-bottom: min(1.6vw, 6px);
    padding-left: min(8.9333333333vw, 33.5px);
  }
}
#facilities-page #campusmap .map-list h4 span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0D4E7D;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.09375vw, 14px);
  height: min(1.9140625vw, 24.5px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.9140625vw, 24.5px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list h4 span {
    font-size: min(3.7333333333vw, 14px);
    height: min(6.5333333333vw, 24.5px);
    width: min(6.5333333333vw, 24.5px);
  }
}
#facilities-page #campusmap .map-list.main {
  margin: 0 auto min(3.515625vw, 45px);
  width: min(78.59375vw, 1006px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.main {
    margin-bottom: min(8.5333333333vw, 32px);
    width: 100%;
  }
}
#facilities-page #campusmap .map-list.main li {
  width: min(37.109375vw, 475px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.main li {
    width: 100%;
  }
  #facilities-page #campusmap .map-list.main li:not(:last-child) {
    margin-bottom: min(8.8vw, 33px);
  }
}
#facilities-page #campusmap .map-list.main .image {
  margin-bottom: min(1.40625vw, 18px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.main .image {
    margin-bottom: min(4.8vw, 18px);
  }
}
#facilities-page #campusmap .map-list.main p {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#facilities-page #campusmap .map-list.other {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(3.828125vw, 49px) min(8.046875vw, 103px) min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.other {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    padding: min(8vw, 30px) min(9.3333333333vw, 35px) min(20.2666666667vw, 76px);
    width: 91.46vw;
  }
}
#facilities-page #campusmap .map-list.other li {
  width: min(21.09375vw, 270px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.other li {
    width: 100%;
  }
  #facilities-page #campusmap .map-list.other li:not(:last-child) {
    margin-bottom: min(10.6666666667vw, 40px);
  }
}
#facilities-page #campusmap .map-list.other li:nth-child(n+4) {
  margin-top: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.other li:nth-child(n+4) {
    margin-top: 0;
  }
}
#facilities-page #campusmap .map-list.other .image {
  margin-bottom: min(1.09375vw, 14px);
}
@media (max-width: 768px) {
  #facilities-page #campusmap .map-list.other .image {
    margin-bottom: min(3.7333333333vw, 14px);
  }
}
#facilities-page #campusmap .map-list.other p {
  letter-spacing: 0.03em;
  line-height: 1.8;
}
#facilities-page {
  /* campusmap */
  /* tour-banner */
}
#facilities-page .tour-banner {
  margin: min(4.921875vw, 63px) auto min(10.46875vw, 134px);
  width: min(84.375vw, 1080px);
}
@media (max-width: 768px) {
  #facilities-page .tour-banner {
    margin: min(7.7333333333vw, 29px) auto min(13.3333333333vw, 50px);
    width: 88.53%;
  }
}
#facilities-page .tour-banner a {
  background: url(../images/facilities/tour-banner-back.jpg) no-repeat center;
  border: 9px solid rgba(14, 78, 124, 0.2);
  border-radius: min(15.625vw, 200px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: min(6.796875vw, 87px) min(8.828125vw, 113px) min(9.453125vw, 121px);
  position: relative;
}
@media (max-width: 768px) {
  #facilities-page .tour-banner a {
    border-radius: min(6.1333333333vw, 23px);
    padding: min(17.6vw, 66px) min(8vw, 30px) min(14.4vw, 54px);
  }
}
#facilities-page .tour-banner a span {
  color: #fff;
  font-size: min(3.125vw, 40px);
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #facilities-page .tour-banner a span {
    font-size: min(4.8vw, 18px);
  }
}
#facilities-page .tour-banner a::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(1.796875vw, 23px);
  position: absolute;
  right: min(6.25vw, 80px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.0703125vw, 26.5px);
  z-index: 1;
}
@media (max-width: 768px) {
  #facilities-page .tour-banner a::before {
    height: min(6.1333333333vw, 23px);
    right: min(8.5333333333vw, 32px);
    width: min(7.2vw, 27px);
  }
}
#facilities-page .tour-banner a::after {
  background: rgba(0, 0, 0, 0.55);
  border-radius: min(15.625vw, 200px);
  content: "";
  height: calc(100% + 18px);
  position: absolute;
  left: -9px;
  top: -9px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: calc(100% + 18px);
}
@media (max-width: 768px) {
  #facilities-page .tour-banner a::after {
    border-radius: min(6.1333333333vw, 23px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #facilities-page .tour-banner a:hover::before {
    right: min(5.859375vw, 75px);
  }
  #facilities-page .tour-banner a:hover::after {
    background: rgba(0, 0, 0, 0.75);
  }
}
#facilities-page {
  /* tour-banner */
}

/********************************************************************************
career
********************************************************************************/
#career-page {
  /* main */
}
#career-page #main {
  background: url(../images/career/main-back.jpg) no-repeat center/cover;
}
#career-page {
  /* main */
}
#career-page .head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #career-page .head-wrap {
    display: block;
    text-align: center;
  }
}
#career-page .head-wrap .intro-text {
  margin-top: min(3.59375vw, 46px);
}
@media (max-width: 768px) {
  #career-page .head-wrap .intro-text {
    margin-top: min(6.6666666667vw, 25px);
  }
}
#career-page {
  /* support */
}
#career-page #support {
  margin: min(5.46875vw, 70px) 0;
}
@media (max-width: 768px) {
  #career-page #support {
    margin: min(11.4666666667vw, 43px) 0 min(17.8666666667vw, 67px);
  }
}
#career-page #support .head-wrap {
  margin-bottom: min(7.265625vw, 93px);
}
@media (max-width: 768px) {
  #career-page #support .head-wrap {
    margin-bottom: min(17.3333333333vw, 65px);
  }
}
#career-page #support .support-graph-wrap {
  margin-bottom: min(4.296875vw, 55px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph-wrap {
    margin-bottom: min(21.8666666667vw, 82px);
    overflow-x: scroll;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#career-page #support .support-graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #career-page #support .support-graph {
    padding: 0 6.4%;
    width: min(287.4666666667vw, 1078px);
  }
}
#career-page #support .support-graph .graph-box {
  width: min(80.234375vw, 1027px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .graph-box {
    width: min(273.8666666667vw, 1027px);
  }
}
#career-page #support .support-graph .grade-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .grade-list {
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-graph .grade-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid rgba(0, 0, 0, 0.29);
  border-radius: min(0.625vw, 8px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.171875vw, 15px);
  font-weight: 600;
  height: min(3.359375vw, 43px);
  letter-spacing: 0.05em;
  line-height: 0.95;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(12.8515625vw, 164.5px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .grade-list li {
    border-radius: min(2.1333333333vw, 8px);
    font-size: min(4vw, 15px);
    height: min(11.4666666667vw, 43px);
    width: min(43.8666666667vw, 164.5px);
  }
}
#career-page #support .support-graph .grade-list li.jh {
  background: #5FCE88;
}
#career-page #support .support-graph .grade-list li.hs {
  background: #5ABEF3;
}
#career-page #support .support-graph .event-list {
  background-color: #F1F1F1;
  --divider-color: rgba(0, 0, 0, 0.2);
  --divider-width: 1px;
  --step: calc(100% / 6);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F1F1F1), color-stop(0, transparent)), -webkit-gradient(linear, right top, left top, color-stop(0, #F1F1F1), color-stop(0, transparent)), repeating-linear-gradient(to right, transparent 0, transparent calc(var(--step) - var(--divider-width)), var(--divider-color) calc(var(--step) - var(--divider-width)), var(--divider-color) var(--step));
  background-image: linear-gradient(to right, #F1F1F1 0 var(--divider-width), transparent 0), linear-gradient(to left, #F1F1F1 0 var(--divider-width), transparent 0), repeating-linear-gradient(to right, transparent 0, transparent calc(var(--step) - var(--divider-width)), var(--divider-color) calc(var(--step) - var(--divider-width)), var(--divider-color) var(--step));
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100% 100%, 100% 100%, auto;
  background-position: 0 0, 0 0, 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(1.09375vw, 14px) min(0.78125vw, 10px) min(0.859375vw, 11px) min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list {
    padding: min(3.7333333333vw, 14px) min(2.6666666667vw, 10px) min(2.9333333333vw, 11px) min(1.8666666667vw, 7px);
  }
}
#career-page #support .support-graph .event-list > li a {
  background: #fff;
  border: 2.5px solid #DBDBDB;
  border-radius: min(0.3125vw, 4px);
  color: #0E4E7C;
  display: block;
  font-size: min(1.09375vw, 14px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(0.8203125vw, 10.5px) 0;
  text-align: center;
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li a {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.7333333333vw, 14px);
    padding: min(2.8vw, 10.5px) 0;
  }
}
#career-page #support .support-graph .event-list > li a.none {
  background: #DCDCDC;
  pointer-events: none;
}
#career-page #support .support-graph .event-list > li a.none.wh {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #career-page #support .support-graph .event-list > li a:hover {
    opacity: 0.7;
  }
}
#career-page #support .support-graph .event-list > li span {
  display: inline-block;
  padding-right: min(1.953125vw, 25px);
  position: relative;
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li span {
    padding-right: min(6.6666666667vw, 25px);
  }
}
#career-page #support .support-graph .event-list > li span::after {
  background: url(../images/common/nav-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(0.703125vw, 9px);
  position: absolute;
  right: min(0.390625vw, 5px);
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  width: min(0.46875vw, 6px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li span::after {
    height: min(2.4vw, 9px);
    right: min(1.3333333333vw, 5px);
    width: min(1.6vw, 6px);
  }
}
#career-page #support .support-graph .event-list > li span::before {
  background: #ddd;
  border-radius: 50%;
  content: "";
  height: min(1.25vw, 16px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li span::before {
    height: min(4.2666666667vw, 16px);
    width: min(4.2666666667vw, 16px);
  }
}
#career-page #support .support-graph .event-list > li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#career-page #support .support-graph .event-list > li ul li a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(6.171875vw, 79px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: min(12.109375vw, 155px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li ul li a {
    height: min(21.0666666667vw, 79px);
    width: min(41.3333333333vw, 155px);
  }
}
#career-page #support .support-graph .event-list > li ul li:nth-child(2) {
  margin-left: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li ul li:nth-child(2) {
    margin-left: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-graph .event-list > li ul li:nth-child(2) span {
  padding-bottom: min(1.953125vw, 25px);
  padding-right: 0;
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li ul li:nth-child(2) span {
    padding-bottom: min(6.6666666667vw, 25px);
  }
}
#career-page #support .support-graph .event-list > li ul li:nth-child(2) span::after {
  left: 50%;
  bottom: min(0.234375vw, 3px);
  top: unset;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li ul li:nth-child(2) span::after {
    bottom: min(0.8vw, 3px);
  }
}
#career-page #support .support-graph .event-list > li ul li:nth-child(2) span::before {
  left: 50%;
  bottom: 0;
  top: unset;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}
#career-page #support .support-graph .event-list > li ul li:nth-child(3) {
  margin-left: min(27.8125vw, 356px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li ul li:nth-child(3) {
    margin-left: min(94.9333333333vw, 356px);
  }
}
#career-page #support .support-graph .event-list > li:first-child {
  margin-left: auto;
  width: min(51.953125vw, 665px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:first-child {
    width: min(177.3333333333vw, 665px);
  }
}
#career-page #support .support-graph .event-list > li:nth-child(3) {
  width: min(38.75vw, 496px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:nth-child(3) {
    width: min(132.2666666667vw, 496px);
  }
}
#career-page #support .support-graph .event-list > li:nth-child(4) {
  margin-left: min(26.953125vw, 345px);
  width: min(38.75vw, 496px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:nth-child(4) {
    margin-left: min(92vw, 345px);
    width: min(132.2666666667vw, 496px);
  }
}
#career-page #support .support-graph .event-list > li:nth-child(5), #career-page #support .support-graph .event-list > li:nth-child(6) {
  margin-left: min(26.953125vw, 345px);
  width: min(25.46875vw, 326px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:nth-child(5), #career-page #support .support-graph .event-list > li:nth-child(6) {
    margin-left: min(92vw, 345px);
    width: min(86.9333333333vw, 326px);
  }
}
#career-page #support .support-graph .event-list > li:nth-child(7), #career-page #support .support-graph .event-list > li:nth-child(8) {
  margin-left: auto;
  width: min(38.671875vw, 495px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:nth-child(7), #career-page #support .support-graph .event-list > li:nth-child(8) {
    width: min(132vw, 495px);
  }
}
#career-page #support .support-graph .event-list > li:nth-child(9) {
  margin-left: min(40.234375vw, 515px);
  width: min(25.625vw, 328px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:nth-child(9) {
    margin-left: min(137.3333333333vw, 515px);
    width: min(87.4666666667vw, 328px);
  }
}
#career-page #support .support-graph .event-list > li:not(:last-child) {
  margin-bottom: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #career-page #support .support-graph .event-list > li:not(:last-child) {
    margin-bottom: min(1.8666666667vw, 7px);
  }
}
#career-page #support .support-graph .further-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #939393;
  border-radius: min(3.90625vw, 50px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.171875vw, 15px);
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.18;
  width: min(2.96875vw, 38px);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  #career-page #support .support-graph .further-text {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(4vw, 15px);
    width: min(10.1333333333vw, 38px);
  }
}
#career-page #support .support-detail {
  margin: 0 auto min(5.15625vw, 66px);
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail {
    margin-bottom: min(28.8vw, 108px);
    width: 100%;
  }
}
#career-page #support .support-detail .detail-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #career-page #support .support-detail .detail-box {
    display: block;
  }
}
#career-page #support .support-detail .detail-box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#career-page #support .support-detail .detail-box:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  margin-bottom: min(3.125vw, 40px);
  padding-bottom: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .detail-box:not(:last-child) {
    margin-bottom: min(10.6666666667vw, 40px);
    padding-bottom: min(10.6666666667vw, 40px);
  }
}
#career-page #support .support-detail .desc-box {
  width: min(37.734375vw, 483px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .desc-box {
    margin-bottom: min(5.3333333333vw, 20px);
    width: 100%;
  }
}
#career-page #support .support-detail .target {
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .target {
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-detail .target span {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: inline-block;
  font-size: min(1.015625vw, 13px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: min(2.109375vw, 27px);
  text-align: center;
  width: min(5.234375vw, 67px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .target span {
    border-radius: min(4vw, 15px);
    font-size: min(2.6666666667vw, 10px);
    line-height: min(5.3333333333vw, 20px);
    width: min(13.3333333333vw, 50px);
  }
}
#career-page #support .support-detail .target span.jh {
  background: #5FCE88;
}
#career-page #support .support-detail .target span.hs {
  background: #5ABEF3;
}
#career-page #support .support-detail .target span + span {
  margin-left: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .target span + span {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#career-page #support .support-detail h4 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail h4 {
    font-size: min(5.3333333333vw, 20px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-detail .desc {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #support .support-detail .desc {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
#career-page #support .support-detail .image {
  width: min(29.296875vw, 375px);
}
@media (max-width: 768px) {
  #career-page #support .support-detail .image {
    width: 100%;
  }
}
#career-page #support .support-detail .image img {
  border-radius: min(0.78125vw, 10px);
  height: min(15.625vw, 200px);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  #career-page #support .support-detail .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: min(53.3333333333vw, 200px);
  }
}
#career-page #support .support-examinee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #career-page #support .support-examinee {
    display: block;
  }
}
#career-page #support .support-examinee .examinee-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EFEFEF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(3.4375vw, 44px) min(3.203125vw, 41px) min(3.984375vw, 51px);
  width: min(41.25vw, 528px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .examinee-box {
    display: block;
    padding: min(6.1333333333vw, 23px) min(6.1333333333vw, 23px) min(8.8vw, 33px);
    width: 100%;
  }
  #career-page #support .support-examinee .examinee-box + .examinee-box {
    margin-top: min(5.3333333333vw, 20px);
  }
}
#career-page #support .support-examinee .desc-box {
  width: min(16.796875vw, 215px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .desc-box {
    margin-bottom: min(6.4vw, 24px);
    width: 100%;
  }
}
#career-page #support .support-examinee .target {
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .target {
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-examinee .target span {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: inline-block;
  font-size: min(1.015625vw, 13px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: min(2.109375vw, 27px);
  text-align: center;
  width: min(5.234375vw, 67px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .target span {
    border-radius: min(4vw, 15px);
    font-size: min(2.6666666667vw, 10px);
    line-height: min(5.3333333333vw, 20px);
    width: min(13.8666666667vw, 52px);
  }
}
#career-page #support .support-examinee .target span.jh {
  background: #5FCE88;
}
#career-page #support .support-examinee .target span.hs {
  background: #5ABEF3;
}
#career-page #support .support-examinee .target span + span {
  margin-left: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .target span + span {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#career-page #support .support-examinee h4 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee h4 {
    font-size: min(5.3333333333vw, 20px);
    line-height: 1;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#career-page #support .support-examinee .desc {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .desc {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
#career-page #support .support-examinee .image {
  width: min(16.171875vw, 207px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .image {
    width: 100%;
  }
}
#career-page #support .support-examinee .image img {
  border-radius: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #career-page #support .support-examinee .image img {
    border-radius: min(2.6666666667vw, 10px);
    height: min(43.4666666667vw, 163px);
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#career-page {
  /* support */
  /* recommendations */
}
#career-page #recommendations {
  background: url(../images/career/recommendations-back.jpg) no-repeat center/cover;
  color: #fff;
  margin-bottom: min(9.53125vw, 122px);
  padding: min(6.328125vw, 81px) 0 min(6.40625vw, 82px);
}
@media (max-width: 768px) {
  #career-page #recommendations {
    background-size: contain;
    background-position: center top;
    color: #6C6F72;
    margin-bottom: min(30.9333333333vw, 116px);
    padding: min(23.7333333333vw, 89px) 0 0;
  }
}
#career-page #recommendations h3 {
  font-size: min(3.125vw, 40px);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: min(6.484375vw, 83px);
  text-align: center;
}
@media (max-width: 768px) {
  #career-page #recommendations h3 {
    color: #fff;
    font-size: min(6.6666666667vw, 25px);
    margin-bottom: min(35.7333333333vw, 134px);
  }
}
#career-page #recommendations .head-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(2.96875vw, 38px);
  min-height: min(9.0625vw, 116px);
  padding: min(1.40625vw, 18px) 0;
  position: relative;
}
@media (max-width: 768px) {
  #career-page #recommendations .head-box {
    display: block;
    margin-bottom: min(19.7333333333vw, 74px);
    min-height: auto;
    padding: 0;
  }
}
#career-page #recommendations .head-box::after, #career-page #recommendations .head-box::before {
  border-top: 1px solid #fff;
  content: "";
  height: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100vw;
}
@media (max-width: 768px) {
  #career-page #recommendations .head-box::after, #career-page #recommendations .head-box::before {
    content: none;
  }
}
#career-page #recommendations .head-box::after {
  top: 0;
}
#career-page #recommendations .head-box::before {
  bottom: 0;
}
#career-page #recommendations .head-box h4 {
  font-size: min(2.1875vw, 28px);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  #career-page #recommendations .head-box h4 {
    color: #333;
    font-size: min(6.4vw, 24px);
    margin-bottom: min(5.3333333333vw, 20px);
    padding-bottom: min(4vw, 15px);
    position: relative;
  }
  #career-page #recommendations .head-box h4::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.12);
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#career-page #recommendations .head-box h4 small {
  font-size: min(1.40625vw, 18px);
  display: block;
}
@media (max-width: 768px) {
  #career-page #recommendations .head-box h4 small {
    font-size: min(3.4666666667vw, 13px);
  }
}
#career-page #recommendations .head-box p {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  width: min(44.765625vw, 573px);
}
@media (max-width: 768px) {
  #career-page #recommendations .head-box p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
    width: 100%;
  }
}
#career-page #recommendations .desc-box {
  margin-left: auto;
  width: min(45.46875vw, 582px);
}
@media (max-width: 768px) {
  #career-page #recommendations .desc-box {
    width: 100%;
  }
}
#career-page #recommendations .desc-box h5 {
  font-size: min(1.171875vw, 15px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media (max-width: 768px) {
  #career-page #recommendations .desc-box h5 {
    color: #333;
    font-size: min(4vw, 15px);
  }
}
#career-page #recommendations .rs {
  margin-bottom: min(4.21875vw, 54px);
}
@media (max-width: 768px) {
  #career-page #recommendations .rs {
    margin-bottom: min(27.7333333333vw, 104px);
  }
}
#career-page #recommendations .rs .desc-box ul {
  margin-bottom: min(3.046875vw, 39px);
}
@media (max-width: 768px) {
  #career-page #recommendations .rs .desc-box ul {
    margin-bottom: min(10.9333333333vw, 41px);
  }
}
#career-page #recommendations .rs .desc-box li:not(:last-child) {
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #recommendations .rs .desc-box li:not(:last-child) {
    margin-bottom: min(5.8666666667vw, 22px);
  }
}
#career-page #recommendations .rs .desc-box h5 {
  margin-bottom: min(0.625vw, 8px);
}
@media (max-width: 768px) {
  #career-page #recommendations .rs .desc-box h5 {
    margin-bottom: min(2.1333333333vw, 8px);
  }
}
#career-page #recommendations .rs .desc-box p:not(.site-link) {
  font-weight: 400;
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 2.05;
  margin-left: min(1.640625vw, 21px);
}
@media (max-width: 768px) {
  #career-page #recommendations .rs .desc-box p:not(.site-link) {
    font-size: min(3.7333333333vw, 14px);
    margin-left: 0;
  }
}
#career-page #recommendations .rs .desc-box .site-link a {
  color: #fff;
  font-size: min(1.171875vw, 15px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-decoration: underline;
}
@media (max-width: 768px) {
  #career-page #recommendations .rs .desc-box .site-link a {
    color: #6C6F72;
    font-size: min(3.7333333333vw, 14px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #career-page #recommendations .rs .desc-box .site-link a:hover {
    opacity: 0.75;
  }
}
#career-page #recommendations .dsr h5 {
  margin-bottom: min(1.015625vw, 13px);
}
@media (max-width: 768px) {
  #career-page #recommendations .dsr h5 {
    margin-bottom: min(3.4666666667vw, 13px);
  }
}
#career-page #recommendations .dsr p {
  font-size: min(1.09375vw, 14px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.05;
}
@media (max-width: 768px) {
  #career-page #recommendations .dsr p {
    font-size: min(3.4666666667vw, 13px);
    line-height: 1.6;
  }
}
#career-page {
  /* recommendations */
  /* results */
}
#career-page #results {
  margin-bottom: min(11.40625vw, 146px);
}
@media (max-width: 768px) {
  #career-page #results {
    margin-bottom: min(29.6vw, 111px);
  }
}
#career-page #results .head-wrap {
  margin-bottom: min(9.140625vw, 117px);
}
@media (max-width: 768px) {
  #career-page #results .head-wrap {
    margin-bottom: min(16.8vw, 63px);
  }
}
#career-page #results .results-box {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 26px rgba(37, 91, 118, 0.44);
          box-shadow: 0 5px 26px rgba(37, 91, 118, 0.44);
  padding: min(5.625vw, 72px) min(10.390625vw, 133px) min(8.125vw, 104px);
}
@media (max-width: 768px) {
  #career-page #results .results-box {
    -webkit-box-shadow: 0 0 20px rgba(29, 122, 169, 0.35);
            box-shadow: 0 0 20px rgba(29, 122, 169, 0.35);
    border-radius: 0px;
    padding: min(8vw, 30px) min(7.7333333333vw, 29px) min(21.0666666667vw, 79px);
  }
}
#career-page #results .results-box h4 {
  background: -webkit-gradient(linear, left top, left bottom, from(#369ED2), to(#19AB6E));
  background: linear-gradient(#369ED2 0%, #19AB6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: min(2.8125vw, 36px);
  font-weight: 500;
  margin-bottom: min(3.59375vw, 46px);
  text-align: center;
}
@media (max-width: 768px) {
  #career-page #results .results-box h4 {
    font-size: min(6.1333333333vw, 23px);
    margin-bottom: min(5.0666666667vw, 19px);
  }
}
#career-page #results .results-box .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(4.0625vw, 52px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .flex-box {
    display: block;
    margin-bottom: min(14.4vw, 54px);
  }
}
#career-page #results .results-box .flex-box li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #career-page #results .results-box .flex-box li {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#career-page #results .results-box .result1 {
  background: linear-gradient(35deg, #369ED2 0%, #19AB6E 100%);
  border-radius: 5px;
  color: #fff;
  padding: min(4.53125vw, 58px) 0;
  width: min(34.140625vw, 437px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: min(2.6666666667vw, 10px);
    padding: min(5.8666666667vw, 22px) min(8.8vw, 33px);
    width: 100%;
  }
}
#career-page #results .results-box .result1 li:not(:last-child) {
  margin-bottom: min(2.265625vw, 29px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result1 li:not(:last-child) {
    margin-bottom: min(0.8vw, 3px);
  }
}
#career-page #results .results-box .result1 .name {
  font-size: min(2.890625vw, 37px);
  font-weight: 700;
  margin-right: min(3.828125vw, 49px);
  width: min(11.640625vw, 149px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result1 .name {
    font-size: min(6.4vw, 24px);
    margin-right: 0;
    width: min(25.6vw, 96px);
  }
}
#career-page #results .results-box .result1 .nop {
  font-size: min(1.71875vw, 22px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(5.078125vw, 65px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result1 .nop {
    font-size: min(3.7333333333vw, 14px);
    width: min(12.2666666667vw, 46px);
  }
}
#career-page #results .results-box .result1 .nop strong {
  font-size: min(4.6875vw, 60px);
  font-weight: 700;
}
@media (max-width: 768px) {
  #career-page #results .results-box .result1 .nop strong {
    font-size: min(11.7333333333vw, 44px);
  }
}
#career-page #results .results-box .right-box {
  width: min(27.96875vw, 358px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .right-box {
    width: 100%;
  }
}
#career-page #results .results-box .result2 {
  border: 3px solid #0E4E7C;
  border-radius: 5px;
  color: #0E4E7C;
  margin-bottom: min(1.015625vw, 13px);
  padding: min(2.109375vw, 27px) 0;
}
@media (max-width: 768px) {
  #career-page #results .results-box .result2 {
    border: 2px solid #0E4E7C;
    margin-bottom: min(2.6666666667vw, 10px);
    padding: min(6.1333333333vw, 23px) min(7.2vw, 27px);
  }
}
#career-page #results .results-box .result2 li:not(:last-child) {
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result2 li:not(:last-child) {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#career-page #results .results-box .result2 .name {
  font-size: min(2.03125vw, 26px);
  line-height: 1;
  margin-right: min(0.78125vw, 10px);
  width: min(12.1875vw, 156px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result2 .name {
    font-size: min(5.3333333333vw, 20px);
    margin-right: 0;
    width: min(32vw, 120px);
  }
}
#career-page #results .results-box .result2 .nop {
  font-size: min(1.171875vw, 15px);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: right;
  width: min(5.546875vw, 71px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result2 .nop {
    font-size: min(4vw, 15px);
    width: min(18.9333333333vw, 71px);
  }
}
#career-page #results .results-box .result2 .nop strong {
  font-size: min(3.203125vw, 41px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result2 .nop strong {
    font-size: min(10.9333333333vw, 41px);
  }
}
#career-page #results .results-box .result3 {
  background: #0E4E7C;
  border-radius: 5px;
  color: #fff;
  padding: min(2.65625vw, 34px) 0;
}
@media (max-width: 768px) {
  #career-page #results .results-box .result3 {
    padding: min(5.6vw, 21px) min(8.2666666667vw, 31px);
  }
}
#career-page #results .results-box .result3 .name {
  font-size: min(1.328125vw, 17px);
  margin-right: min(2.265625vw, 29px);
  width: min(7.96875vw, 102px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result3 .name {
    font-size: min(4.5333333333vw, 17px);
    width: min(27.2vw, 102px);
  }
}
#career-page #results .results-box .result3 .nop {
  font-size: min(1.09375vw, 14px);
  line-height: 0.822;
  text-align: right;
  width: min(4.375vw, 56px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result3 .nop {
    font-size: min(3.7333333333vw, 14px);
    width: min(14.9333333333vw, 56px);
  }
}
#career-page #results .results-box .result3 .nop strong {
  font-size: min(2.5vw, 32px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .result3 .nop strong {
    font-size: min(8.5333333333vw, 32px);
  }
}
#career-page #results .results-box .results-list li:not(:last-child) {
  margin-bottom: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #career-page #results .results-box .results-list li:not(:last-child) {
    margin-bottom: min(10.6666666667vw, 40px);
  }
}
#career-page #results .results-box .results-list h5 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #333;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: min(0.234375vw, 3px);
  padding-bottom: min(0.78125vw, 10px);
  padding-left: min(1.25vw, 16px);
  position: relative;
}
@media (max-width: 768px) {
  #career-page #results .results-box .results-list h5 {
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(2.6666666667vw, 10px);
    padding-bottom: min(2.6666666667vw, 10px);
    padding-left: min(4.2666666667vw, 16px);
  }
}
#career-page #results .results-box .results-list h5::before {
  color: #0E4E7C;
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
#career-page #results .results-box .results-list p {
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #results .results-box .results-list p {
    font-size: min(3.4666666667vw, 13px);
    line-height: 1.6;
  }
}
#career-page {
  /* results */
  /* messages */
}
#career-page #messages {
  margin-bottom: min(13.59375vw, 174px);
}
@media (max-width: 768px) {
  #career-page #messages {
    margin-bottom: min(26.6666666667vw, 100px);
  }
}
#career-page #messages .head-wrap {
  margin-bottom: min(9.375vw, 120px);
}
@media (max-width: 768px) {
  #career-page #messages .head-wrap {
    margin-bottom: min(18.6666666667vw, 70px);
  }
}
#career-page #messages .voice-box + .voice-box {
  margin-top: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #career-page #messages .voice-box + .voice-box {
    margin-top: min(2.4vw, 9px);
  }
}
#career-page #messages .head-box {
  background: #0E4E7C;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: min(2.34375vw, 30px) min(4.375vw, 56px);
  position: relative;
}
@media (max-width: 768px) {
  #career-page #messages .head-box {
    display: block;
    padding: min(2.9333333333vw, 11px) min(4.2666666667vw, 16px) min(4vw, 15px);
  }
}
#career-page #messages .head-box p {
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #messages .head-box p {
    font-size: min(4vw, 15px);
  }
}
#career-page #messages .head-box p + p {
  margin-left: min(5.46875vw, 70px);
}
@media (max-width: 768px) {
  #career-page #messages .head-box p + p {
    margin-left: 0;
  }
}
#career-page #messages .head-box::before, #career-page #messages .head-box::after {
  border-top: 1px solid #fff;
  content: "";
  height: 0;
  position: absolute;
  width: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #career-page #messages .head-box::before, #career-page #messages .head-box::after {
    width: min(5.3333333333vw, 20px);
  }
}
#career-page #messages .head-box::before {
  right: min(3.125vw, 40px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 768px) {
  #career-page #messages .head-box::before {
    right: min(9.8666666667vw, 37px);
  }
}
#career-page #messages .head-box::after {
  right: min(3.125vw, 40px);
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 768px) {
  #career-page #messages .head-box::after {
    right: min(9.8666666667vw, 37px);
  }
}
#career-page #messages .head-box.open::after {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
          transform: translate(0, -50%) rotate(-180deg);
}
#career-page #messages .desc-wrap {
  display: none;
}
#career-page #messages .desc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: min(3.359375vw, 43px);
}
@media (max-width: 768px) {
  #career-page #messages .desc-box {
    display: block;
    padding: min(5.3333333333vw, 20px) 0;
  }
}
#career-page #messages .profile-box {
  width: min(29.296875vw, 375px);
}
@media (max-width: 768px) {
  #career-page #messages .profile-box {
    margin-bottom: min(5.0666666667vw, 19px);
    width: 100%;
  }
}
#career-page #messages .profile-box .image {
  margin-bottom: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  #career-page #messages .profile-box .image {
    margin-bottom: min(1.8666666667vw, 7px);
  }
}
#career-page #messages .profile-box .name {
  color: #333;
  font-size: min(1.484375vw, 19px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #messages .profile-box .name {
    font-size: min(5.0666666667vw, 19px);
  }
}
#career-page #messages .profile-box .job {
  color: #333;
  font-size: min(1.015625vw, 13px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #messages .profile-box .job {
    font-size: min(3.4666666667vw, 13px);
  }
}
#career-page #messages .profile-box .profile {
  color: #333;
  font-size: min(0.9375vw, 12px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #messages .profile-box .profile {
    font-size: min(3.2vw, 12px);
  }
}
#career-page #messages .message-box {
  width: min(49.6875vw, 636px);
}
@media (max-width: 768px) {
  #career-page #messages .message-box {
    width: 100%;
  }
}
#career-page #messages .message-box h4 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-bottom: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #career-page #messages .message-box h4 {
    font-size: min(5.3333333333vw, 20px);
    margin-bottom: min(2.4vw, 9px);
  }
}
#career-page #messages .message-box p {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #career-page #messages .message-box p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
#career-page {
  /* messages */
}

/********************************************************************************
event
********************************************************************************/
#event-page .gradient-back {
  padding: min(4.765625vw, 61px) 0 min(6.953125vw, 89px);
}
@media (max-width: 768px) {
  #event-page .gradient-back {
    padding: min(5.3333333333vw, 20px) 0 min(14.4vw, 54px);
  }
}
#event-page .gradient-back .inner {
  position: relative;
}
@media (max-width: 768px) {
  #event-page .gradient-back .inner {
    width: 91.2%;
  }
}
#event-page .gradient-back .inner::before {
  background: url(../images/event/deco1.png) no-repeat center/contain;
  content: "";
  height: min(53.359375vw, 683px);
  position: absolute;
  left: max(-14.53125vw, -186px);
  top: max(-8.75vw, -112px);
  width: min(113.515625vw, 1453px);
  z-index: -1;
}
#event-page .gradient-back .inner::after {
  background: url(../images/event/deco2.png) no-repeat center/contain;
  content: "";
  height: min(12.734375vw, 163px);
  position: absolute;
  right: max(-2.265625vw, -29px);
  bottom: min(1.171875vw, 15px);
  width: min(27.578125vw, 353px);
  z-index: -1;
}
#event-page .head-box {
  background: #fff;
  margin: 0 auto min(5.390625vw, 69px);
  padding: min(3.59375vw, 46px) 0 min(5vw, 64px);
  position: relative;
  text-align: center;
  width: min(57.34375vw, 734px);
}
@media (max-width: 768px) {
  #event-page .head-box {
    margin-bottom: min(12vw, 45px);
    padding: min(10.1333333333vw, 38px) 0 min(7.4666666667vw, 28px);
    width: 100%;
  }
}
#event-page .head-box .en {
  color: #0E4E7C;
  font-family: "Jost", sans-serif;
  font-size: min(5.46875vw, 70px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #event-page .head-box .en {
    font-size: min(10.6666666667vw, 40px);
    margin-bottom: 0;
  }
}
#event-page .head-box h2 {
  color: #0E4E7C;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.22;
}
@media (max-width: 768px) {
  #event-page .head-box h2 {
    font-size: min(4.2666666667vw, 16px);
    font-weight: 600;
    line-height: inherit;
  }
}
#event-page .head-box::after {
  background: #0E4E7C;
  content: "";
  height: 100%;
  position: absolute;
  left: min(0.46875vw, 6px);
  top: min(0.46875vw, 6px);
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  #event-page .head-box::after {
    left: min(2.1333333333vw, 8px);
    top: min(1.6vw, 6px);
  }
}
#event-page .target-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto min(6.09375vw, 78px);
  width: min(51.171875vw, 655px);
}
@media (max-width: 768px) {
  #event-page .target-list {
    display: block;
    margin-bottom: min(15.7333333333vw, 59px);
    width: min(66.6666666667vw, 250px);
  }
}
#event-page .target-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: min(3.90625vw, 50px);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.40625vw, 18px);
  height: min(5.234375vw, 67px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.31;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(16.328125vw, 209px);
}
@media (max-width: 768px) {
  #event-page .target-list li {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(4.8vw, 18px);
    height: min(15.2vw, 57px);
    letter-spacing: 0;
    width: 100%;
  }
}
#event-page .target-list li:not(:last-child) {
  margin-right: min(1.09375vw, 14px);
}
@media (max-width: 768px) {
  #event-page .target-list li:not(:last-child) {
    margin-bottom: min(1.0666666667vw, 4px);
    margin-right: 0;
  }
}
#event-page .target-list li small {
  display: block;
  font-size: min(0.9375vw, 12px);
  margin-top: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #event-page .target-list li small {
    font-size: min(3.2vw, 12px);
    margin-top: 0;
  }
}
#event-page .target-list li.all {
  border: 2px solid #B2B2B2;
  color: #6C6F72;
}
@media (max-width: 768px) {
  #event-page .target-list li.all {
    font-size: min(3.7333333333vw, 14px);
  }
}
#event-page .target-list li.es {
  background: #6EC187;
  border: 2px solid #6EC187;
}
#event-page .target-list li.jh {
  background: #627FBE;
  border: 2px solid #627FBE;
}
@media (hover: hover) and (pointer: fine) {
  #event-page .target-list li:hover {
    opacity: 0.75;
  }
}
#event-page .target-list li:hover.all {
  background: rgba(255, 255, 255, 0.25);
}
#event-page .event-wrap {
  margin: 0 auto;
  width: min(75.234375vw, 963px);
}
@media (max-width: 768px) {
  #event-page .event-wrap {
    width: min(77.6vw, 291px);
  }
}
#event-page .event-wrap .event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  #event-page .event-wrap .event-list {
    display: block;
  }
}
#event-page .event-wrap li {
  background: #fff;
  border-radius: min(1.5625vw, 20px);
  -webkit-box-shadow: 0 0 14px rgba(50, 150, 212, 0.21);
          box-shadow: 0 0 14px rgba(50, 150, 212, 0.21);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(0.390625vw, 5px) 0 min(1.71875vw, 22px);
  position: relative;
  width: min(22.734375vw, 291px);
}
@media (max-width: 768px) {
  #event-page .event-wrap li {
    border-radius: min(5.3333333333vw, 20px);
    padding: min(1.3333333333vw, 5px) 0 min(5.8666666667vw, 22px);
    width: 100%;
  }
  #event-page .event-wrap li:not(:last-child) {
    margin-bottom: min(9.3333333333vw, 35px);
  }
}
#event-page .event-wrap li::after {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F, #20C9F1);
  content: "";
  border-radius: min(1.71875vw, 22px);
  height: calc(100% + 4px);
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  z-index: -1;
}
@media (max-width: 768px) {
  #event-page .event-wrap li::after {
    border-radius: min(5.8666666667vw, 22px);
  }
}
#event-page .event-wrap li:not(:nth-child(3n)) {
  margin-right: min(3.515625vw, 45px);
}
@media (max-width: 768px) {
  #event-page .event-wrap li:not(:nth-child(3n)) {
    margin-right: 0;
  }
}
#event-page .event-wrap li:not(:nth-child(-n+3)) {
  margin-top: min(3.515625vw, 45px);
}
@media (max-width: 768px) {
  #event-page .event-wrap li:not(:nth-child(-n+3)) {
    margin-top: 0;
  }
}
#event-page .event-wrap .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: min(0.390625vw, 5px);
  margin-right: min(0.390625vw, 5px);
  text-align: center;
}
@media (max-width: 768px) {
  #event-page .event-wrap .target {
    margin-bottom: min(1.3333333333vw, 5px);
    margin-right: min(1.3333333333vw, 5px);
  }
}
#event-page .event-wrap .target span {
  border-radius: min(1.5625vw, 20px);
  color: #fff;
  display: inline-block;
  font-size: min(1.015625vw, 13px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.31;
  padding: min(0.78125vw, 10px) 0;
  width: min(7.8125vw, 100px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .target span {
    border-radius: min(5.3333333333vw, 20px);
    font-size: min(3.4666666667vw, 13px);
    padding: min(2.6666666667vw, 10px) 0;
    width: min(26.6666666667vw, 100px);
  }
}
#event-page .event-wrap .target span + span {
  margin-left: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .target span + span {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#event-page .event-wrap .target span.es {
  background: #6EC187;
}
#event-page .event-wrap .target span.jh {
  background: #627FBE;
}
#event-page .event-wrap .year {
  color: #0E4E7C;
  font-family: "Jost", sans-serif;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media (max-width: 768px) {
  #event-page .event-wrap .year {
    font-size: min(4.8vw, 18px);
  }
}
#event-page .event-wrap .date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0E4E7C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Jost", sans-serif;
  font-size: min(4.296875vw, 55px);
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-bottom: min(0.3125vw, 4px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .date {
    font-size: min(14.6666666667vw, 55px);
    margin-bottom: min(1.0666666667vw, 4px);
  }
}
#event-page .event-wrap .date span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6C6F72;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "M PLUS 1", sans-serif;
  font-size: min(1.5234375vw, 19.5px);
  height: min(2.421875vw, 31px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: min(0.546875vw, 7px);
  width: min(2.421875vw, 31px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .date span {
    font-size: min(5.2vw, 19.5px);
    height: min(8.2666666667vw, 31px);
    margin-left: min(1.8666666667vw, 7px);
    width: min(8.2666666667vw, 31px);
  }
}
#event-page .event-wrap .date span.sat {
  background: #61A5F3;
}
#event-page .event-wrap .date span.sun, #event-page .event-wrap .date span.holiday {
  background: #F36A7A;
}
#event-page .event-wrap .title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  color: #0E4E7C;
  font-weight: 700;
  line-height: 1.41;
  margin-bottom: min(1.40625vw, 18px);
  padding-bottom: min(1.09375vw, 14px);
  text-align: center;
}
@media (max-width: 768px) {
  #event-page .event-wrap .title {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(4.8vw, 18px);
    padding-bottom: min(3.7333333333vw, 14px);
  }
}
#event-page .event-wrap .more-btn {
  margin: 0 auto min(0.546875vw, 7px);
  width: min(17.734375vw, 227px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .more-btn {
    margin-bottom: min(1.8666666667vw, 7px);
    width: min(60.5333333333vw, 227px);
  }
}
#event-page .event-wrap .more-btn a {
  border: 1px solid #E0E0E0;
  border-radius: min(0.78125vw, 10px);
  display: block;
  font-size: min(0.9375vw, 12px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(0.9375vw, 12px) 0;
  text-align: center;
}
@media (max-width: 768px) {
  #event-page .event-wrap .more-btn a {
    border-radius: min(2.6666666667vw, 10px);
    font-size: min(3.2vw, 12px);
    padding: min(3.2vw, 12px) 0;
  }
}
#event-page .event-wrap .more-btn a img {
  -webkit-filter: grayscale(1) brightness(0.78) contrast(0.9);
          filter: grayscale(1) brightness(0.78) contrast(0.9);
  margin-left: min(0.859375vw, 11px);
  width: min(1.09375vw, 14px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .more-btn a img {
    margin-left: min(2.9333333333vw, 11px);
    width: min(3.7333333333vw, 14px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #event-page .event-wrap .more-btn a:hover {
    border-color: #0E4E7C;
    color: #0E4E7C;
  }
  #event-page .event-wrap .more-btn a:hover img {
    -webkit-filter: none;
            filter: none;
  }
}
#event-page .event-wrap .application-btn {
  margin: 0 auto;
  width: min(17.734375vw, 227px);
}
@media (max-width: 768px) {
  #event-page .event-wrap .application-btn {
    width: min(60.5333333333vw, 227px);
  }
}
#event-page .event-wrap .application-btn a {
  background: #FF951C;
  border: 2px solid #FF951C;
  border-radius: min(0.78125vw, 10px);
  color: #fff;
  display: block;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: min(1.5625vw, 20px) 0;
  text-align: center;
}
@media (max-width: 768px) {
  #event-page .event-wrap .application-btn a {
    border-radius: min(2.6666666667vw, 10px);
    padding: min(5.3333333333vw, 20px) 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #event-page .event-wrap .application-btn a:hover {
    background: #fff;
    color: #FF951C;
  }
}
#event-page .event-wrap .application-btn.noapp a {
  background: #6C6F72;
  border: 2px solid #6C6F72;
  pointer-events: none;
}
#event-page .hide {
  display: none;
}

/********************************************************************************
admission
********************************************************************************/
#admission-page .page-nav::before {
  content: none;
}
#admission-page {
  /* news */
}
#admission-page #news {
  margin: min(5.46875vw, 70px) 0 min(6.25vw, 80px);
}
@media (max-width: 768px) {
  #admission-page #news {
    margin: min(9.3333333333vw, 35px) 0 min(28.8vw, 108px);
  }
}
#admission-page #news .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #admission-page #news .inner {
    display: block;
    width: 87.2%;
  }
}
#admission-page #news .head-box {
  width: min(17.65625vw, 226px);
}
@media (max-width: 768px) {
  #admission-page #news .head-box {
    width: 100%;
  }
}
#admission-page #news .section-head {
  margin: min(0.9765625vw, 12.5px) 0 min(3.7109375vw, 47.5px);
}
@media (max-width: 768px) {
  #admission-page #news .section-head {
    margin: 0 0 min(6.1333333333vw, 23px);
  }
}
#admission-page #news .btn {
  margin-left: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  #admission-page #news .btn {
    margin: 0 auto;
    width: min(51.4666666667vw, 193px);
  }
}
#admission-page #news .btn a {
  border: 1px solid #A7A7A7;
  border-radius: min(3.90625vw, 50px);
  display: block;
  font-size: min(0.9375vw, 12px);
  padding: min(0.390625vw, 5px) 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  #admission-page #news .btn a {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(3.2vw, 12px);
    padding: min(1.3333333333vw, 5px) 0;
  }
}
#admission-page #news .news-list {
  width: min(57.421875vw, 735px);
}
@media (max-width: 768px) {
  #admission-page #news .news-list {
    margin-bottom: min(2.1333333333vw, 8px);
    width: 100%;
  }
}
#admission-page #news .news-list li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#admission-page #news .news-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: min(1.171875vw, 15px) 0;
}
@media (max-width: 768px) {
  #admission-page #news .news-list li a {
    padding: min(4.8vw, 18px) 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #admission-page #news .news-list li a:hover {
    opacity: 0.75;
  }
  #admission-page #news .news-list li a:hover .title {
    text-decoration-color: #0E4E7C;
  }
}
#admission-page #news .news-list li .date {
  font-size: min(1.171875vw, 15px);
  margin-right: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #admission-page #news .news-list li .date {
    font-size: min(3.2vw, 12px);
    margin-right: min(8vw, 30px);
  }
}
#admission-page #news .news-list li .title {
  color: #0E4E7C;
  letter-spacing: 0.03em;
  line-height: 1.7;
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 768px) {
  #admission-page #news .news-list li .title {
    letter-spacing: 0;
    line-height: 1.4;
  }
}
#admission-page {
  /* news */
  /* requirement */
}
#admission-page #requirement {
  background: #F4F7FB;
  margin-bottom: min(9.375vw, 120px);
  padding: min(7.890625vw, 101px) 0 min(6.328125vw, 81px);
}
@media (max-width: 768px) {
  #admission-page #requirement {
    margin-bottom: min(11.3333333333vw, 42.5px);
    padding: min(8.4vw, 31.5px) 0 min(6.9333333333vw, 26px);
  }
}
#admission-page #requirement .inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #admission-page #requirement .inner {
    display: block;
  }
}
#admission-page #requirement .section-head {
  margin-right: min(9.765625vw, 125px);
}
@media (max-width: 768px) {
  #admission-page #requirement .section-head {
    margin: 0 0 min(10vw, 37.5px);
  }
}
#admission-page #requirement .requirement-box {
  background: #fff;
  border-radius: min(0.78125vw, 10px);
  padding: min(2.1875vw, 28px) 0 min(2.8125vw, 36px);
  text-align: center;
  width: min(30.390625vw, 389px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box {
    border-radius: min(2.6666666667vw, 10px);
    padding: min(4.8vw, 18px) 0 min(10.1333333333vw, 38px);
    width: 100%;
  }
}
#admission-page #requirement .requirement-box h4 {
  color: #333;
  font-size: min(1.40625vw, 18px);
  letter-spacing: 0.05em;
  margin-bottom: min(2.578125vw, 33px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box h4 {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(4vw, 15px);
  }
}
#admission-page #requirement .requirement-box .image {
  -webkit-box-shadow: 0 min(0.3125vw, 4px) min(1.953125vw, 25px) rgba(33, 83, 129, 0.16);
          box-shadow: 0 min(0.3125vw, 4px) min(1.953125vw, 25px) rgba(33, 83, 129, 0.16);
  margin: 0 auto min(2.8125vw, 36px);
  width: min(18.75vw, 240px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box .image {
    -webkit-box-shadow: 0 min(1.0666666667vw, 4px) min(6.6666666667vw, 25px) rgba(33, 83, 129, 0.16);
            box-shadow: 0 min(1.0666666667vw, 4px) min(6.6666666667vw, 25px) rgba(33, 83, 129, 0.16);
    margin-bottom: min(8.2666666667vw, 31px);
    width: min(45.8666666667vw, 172px);
  }
}
#admission-page #requirement .requirement-box .btn {
  margin: 0 auto;
  width: min(23.4375vw, 300px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box .btn {
    width: min(63.4666666667vw, 238px);
  }
}
#admission-page #requirement .requirement-box .btn a {
  border: 1px solid #0E4E7C;
  border-radius: min(3.90625vw, 50px);
  display: block;
  padding: min(1.015625vw, 13px) 0;
  width: 100%;
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box .btn a {
    border-radius: min(13.3333333333vw, 50px);
    padding: min(2.6666666667vw, 10px) 0;
  }
}
#admission-page #requirement .requirement-box .btn a img {
  margin-left: min(0.9375vw, 12px);
  width: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box .btn a img {
    margin-left: min(2.9333333333vw, 11px);
    width: min(3.4666666667vw, 13px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #admission-page #requirement .requirement-box .btn a:hover {
    background: #F4F7FB;
    letter-spacing: 0.05em;
  }
}
#admission-page #requirement .requirement-box + .requirement-box {
  margin-left: min(3.4375vw, 44px);
}
@media (max-width: 768px) {
  #admission-page #requirement .requirement-box + .requirement-box {
    margin-left: 0;
    margin-top: min(8.2666666667vw, 31px);
  }
}
#admission-page {
  /* requirement */
  /* flow */
}
#admission-page #flow {
  margin-bottom: min(9.375vw, 120px);
}
@media (max-width: 768px) {
  #admission-page #flow {
    margin-bottom: min(18.6666666667vw, 70px);
  }
}
#admission-page #flow .section-head {
  margin-bottom: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  #admission-page #flow .section-head {
    margin-bottom: min(11.0666666667vw, 41.5px);
  }
}
#admission-page #flow .target-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 min(0.78125vw, 10px) min(6.40625vw, 82px);
  position: relative;
}
@media (max-width: 768px) {
  #admission-page #flow .target-btn {
    margin: 0 0 min(5.3333333333vw, 20px);
  }
}
#admission-page #flow .target-btn li {
  color: #9a9c9e;
  cursor: pointer;
  font-size: min(1.484375vw, 19px);
  letter-spacing: 0.16em;
  line-height: min(2.890625vw, 37px);
  padding-bottom: min(1.875vw, 24px);
  position: relative;
  text-align: center;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 50%;
}
@media (max-width: 768px) {
  #admission-page #flow .target-btn li {
    font-size: min(3.7333333333vw, 14px);
    line-height: min(6.6666666667vw, 25px);
    padding-bottom: min(3.7333333333vw, 14px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #admission-page #flow .target-btn li:hover {
    letter-spacing: 0.3em;
  }
}
#admission-page #flow .target-btn li.active {
  color: #333;
  font-size: min(2.03125vw, 26px);
  pointer-events: none;
}
@media (max-width: 768px) {
  #admission-page #flow .target-btn li.active {
    font-size: min(4.5333333333vw, 17px);
  }
}
#admission-page #flow .target-btn li.active::before {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 100%);
  content: "";
  height: min(0.546875vw, 7px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  #admission-page #flow .target-btn li.active::before {
    height: min(1.3333333333vw, 5px);
  }
}
#admission-page #flow .target-btn::before {
  background: -webkit-gradient(linear, left top, right top, from(#1DD56F), to(#20C9F1));
  background: linear-gradient(90deg, #1DD56F 0%, #20C9F1 100%);
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc-wrap {
    overflow-x: scroll;
    padding-top: min(5.8666666667vw, 22px);
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#admission-page #flow .flow-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc {
    margin: 0 min(3.7333333333vw, 14px);
  }
}
#admission-page #flow .flow-desc .desc-box {
  background: #E1EAEE;
  border-left: 1px solid rgba(98, 98, 98, 0.2);
  border-right: 1px solid rgba(98, 98, 98, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px min(2.9296875vw, 37.5px) min(4.21875vw, 54px);
  width: min(28.125vw, 360px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc .desc-box {
    padding: 1px min(9.0666666667vw, 34px) min(6.4vw, 24px);
    width: min(83.7333333333vw, 314px);
  }
}
#admission-page #flow .flow-desc h4 {
  background: #0D4E7D;
  border-radius: min(3.90625vw, 50px);
  color: #fff;
  font-size: min(1.640625vw, 21px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin: max(-2.5vw, -32px) 0 min(3.28125vw, 42px);
  padding: min(1.8359375vw, 23.5px) 0;
  text-align: center;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc h4 {
    border-radius: min(13.3333333333vw, 50px);
    font-size: min(4.8vw, 18px);
    margin: max(-5.8666666667vw, -22px) 0 min(8vw, 30px);
    padding: min(3.0666666667vw, 11.5px) 0;
  }
}
#admission-page #flow .flow-desc h4.recommended {
  background: #FFAA00;
}
#admission-page #flow .flow-desc li {
  background: #fff;
  border-radius: min(0.3125vw, 4px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  font-size: min(1.171875vw, 15px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 0.95;
  margin: 0 auto;
  padding: min(1.2890625vw, 16.5px) min(1.71875vw, 22px);
  position: relative;
  text-align: center;
  width: min(19.140625vw, 245px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(4vw, 15px);
    padding: min(3.4666666667vw, 13px) min(6.2666666667vw, 23.5px);
    width: min(65.3333333333vw, 245px);
  }
}
#admission-page #flow .flow-desc li .note {
  margin-top: min(0.625vw, 8px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc li .note {
    margin-top: min(2.1333333333vw, 8px);
  }
}
#admission-page #flow .flow-desc li.exam {
  background: #022D4B;
  color: #fff;
}
#admission-page #flow .flow-desc li.results {
  background: transparent;
  border: 4px solid #022D4B;
  color: #022D4B;
  padding: min(0.9765625vw, 12.5px) min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc li.results {
    border: 2px solid #022D4B;
    padding: min(2.9333333333vw, 11px) min(5.8666666667vw, 22px);
  }
}
#admission-page #flow .flow-desc li:not(:last-child) {
  margin-bottom: min(2.1875vw, 28px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc li:not(:last-child) {
    margin-bottom: min(5.8666666667vw, 22px);
  }
}
#admission-page #flow .flow-desc li:not(:last-child)::before {
  border-left: min(0.5078125vw, 6.5px) solid transparent;
  border-right: min(0.5078125vw, 6.5px) solid transparent;
  border-top: min(0.859375vw, 11px) solid rgba(24, 25, 26, 0.54);
  content: "";
  height: 0;
  position: absolute;
  bottom: max(-1.484375vw, -19px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 0;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc li:not(:last-child)::before {
    border-left: min(1.7333333333vw, 6.5px) solid transparent;
    border-right: min(1.7333333333vw, 6.5px) solid transparent;
    border-top: min(2.4vw, 9px) solid rgba(24, 25, 26, 0.54);
    bottom: max(-4.2666666667vw, -16px);
  }
}
#admission-page #flow .flow-desc .note {
  color: #6C6F72;
  font-size: min(0.78125vw, 10px);
  letter-spacing: 0.05em;
  line-height: 1.45;
  text-align: left;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc .note {
    font-size: min(2.6666666667vw, 10px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh {
    width: min(250.9333333333vw, 941px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) ul {
  background: rgba(2, 45, 75, 0.2);
  border-radius: min(1.09375vw, 14px);
  margin: 0 auto min(0.46875vw, 6px);
  padding: min(1.640625vw, 21px) 0 min(2.03125vw, 26px);
  width: min(20.234375vw, 259px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) ul {
    border-radius: min(3.7333333333vw, 14px);
    margin: 0 auto min(1.3333333333vw, 5px);
    padding: min(4.5333333333vw, 17px) 0 min(5.8666666667vw, 22px);
    width: min(71.7333333333vw, 269px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) li {
  width: min(17.34375vw, 222px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) li {
    width: min(59.2vw, 222px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) .note {
  margin: 0 auto;
  width: min(20.234375vw, 259px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(1) .note {
    width: min(71.7333333333vw, 269px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(2) li:last-child {
  padding: min(5.390625vw, 69px) 0;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(2) li:last-child {
    padding: min(15.4666666667vw, 58px) 0;
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child {
  margin-bottom: min(8.59375vw, 110px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child {
    margin-bottom: min(23.2vw, 87px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child::before {
  bottom: max(-2.578125vw, -33px);
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child::before {
    bottom: max(-6.4vw, -24px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child::after {
  border-left: min(0.5078125vw, 6.5px) solid transparent;
  border-right: min(0.5078125vw, 6.5px) solid transparent;
  border-top: min(0.859375vw, 11px) solid rgba(24, 25, 26, 0.54);
  content: "";
  height: 0;
  position: absolute;
  bottom: max(-5vw, -64px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 0;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:first-child::after {
    border-left: min(1.7333333333vw, 6.5px) solid transparent;
    border-right: min(1.7333333333vw, 6.5px) solid transparent;
    border-top: min(2.4vw, 9px) solid rgba(24, 25, 26, 0.54);
    bottom: max(-12.5333333333vw, -47px);
  }
}
#admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:nth-child(2)::after {
  border-left: min(0.5078125vw, 6.5px) solid transparent;
  border-right: min(0.5078125vw, 6.5px) solid transparent;
  border-top: min(0.859375vw, 11px) solid rgba(24, 25, 26, 0.54);
  content: "";
  height: 0;
  position: absolute;
  top: max(-2.265625vw, -29px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 0;
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.jh .desc-box:nth-of-type(3) li:nth-child(2)::after {
    border-left: min(1.7333333333vw, 6.5px) solid transparent;
    border-right: min(1.7333333333vw, 6.5px) solid transparent;
    border-top: min(2.4vw, 9px) solid rgba(24, 25, 26, 0.54);
    top: max(-6.6666666667vw, -25px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .flow-desc.hs {
    width: min(167.4666666667vw, 628px);
  }
}
#admission-page #flow .hide {
  display: none;
}
#admission-page #flow .payment-box {
  margin: min(7.03125vw, 90px) auto 0;
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box {
    margin-top: min(28.5333333333vw, 107px);
    width: 100%;
  }
}
#admission-page #flow .payment-box h4 {
  background: #EDEDED;
  border: 3px solid #CECECE;
  border-radius: min(7.8125vw, 100px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: min(1.5625vw, 20px);
  margin: 0 auto max(-2.34375vw, -30px);
  padding: min(1.8359375vw, 23.5px);
  position: relative;
  text-align: center;
  width: min(45.078125vw, 577px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box h4 {
    border-left: none;
    border-right: none;
    border-radius: 0px;
    font-size: min(4.5333333333vw, 17px);
    margin-bottom: min(8.8vw, 33px);
    padding: min(5.3333333333vw, 20px) 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#admission-page #flow .payment-box h4::before {
  background: url(../images/common/nav-arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: saturate(0) brightness(2.7) contrast(0.9);
          filter: saturate(0) brightness(2.7) contrast(0.9);
  height: min(1.5625vw, 20px);
  position: absolute;
  right: min(2.734375vw, 35px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  width: min(0.9375vw, 12px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box h4::before {
    height: min(3.2vw, 12px);
    right: min(8.5333333333vw, 32px);
    width: min(5.0666666667vw, 19px);
  }
}
#admission-page #flow .payment-box h4.open::before {
  -webkit-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}
#admission-page #flow .payment-box .content-wrap {
  border: 3px solid #CECECE;
  border-radius: min(5vw, 64px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  padding: min(5.78125vw, 74px) min(4.84375vw, 62px) min(8.515625vw, 109px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .content-wrap {
    border: none;
    padding: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#admission-page #flow .payment-box h5 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  line-height: 1;
  margin-bottom: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box h5 {
    font-size: min(4.8vw, 18px);
    margin-bottom: min(4.8vw, 18px);
  }
}
#admission-page #flow .payment-box h6 {
  border-bottom: 1px solid #6C6F72;
  font-size: min(1.25vw, 16px);
  font-weight: 700;
  margin-bottom: min(1.171875vw, 15px);
  padding-bottom: min(0.390625vw, 5px);
  text-align: center;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box h6 {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(4vw, 15px);
    padding-bottom: min(1.3333333333vw, 5px);
  }
}
#admission-page #flow .payment-box .note {
  font-size: min(0.9375vw, 12px);
  letter-spacing: 0.05em;
  margin-bottom: min(0.546875vw, 7px);
  text-align: right;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .note {
    font-size: min(3.2vw, 12px);
    margin-bottom: min(1.8666666667vw, 7px);
  }
}
#admission-page #flow .payment-box .note small {
  font-size: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .note small {
    font-size: min(2.6666666667vw, 10px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .flex-wrap {
    overflow-x: scroll;
    position: relative;
  }
}
#admission-page #flow .payment-box .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .flex-box {
    padding: 0 min(6.1333333333vw, 23px);
    width: min(209.6vw, 786px);
  }
}
#admission-page #flow .payment-box .flex-box h5 {
  width: 100%;
}
#admission-page #flow .payment-box .flex-box .table-box {
  width: min(29.296875vw, 375px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .flex-box .table-box {
    width: min(100vw, 375px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table-box {
    position: relative;
  }
}
#admission-page #flow .payment-box .table-box:not(.table7) {
  margin-bottom: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table-box:not(.table7) {
    margin-bottom: min(13.3333333333vw, 50px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1,
  #admission-page #flow .payment-box .table2 {
    overflow-x: scroll;
    padding: 0 min(6.1333333333vw, 23px);
  }
}
#admission-page #flow .payment-box .table1 table .th-border,
#admission-page #flow .payment-box .table2 table .th-border {
  padding: min(0.390625vw, 5px) 0 min(0.625vw, 8px);
  -webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
  width: auto;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1 table .th-border,
  #admission-page #flow .payment-box .table2 table .th-border {
    padding: min(1.3333333333vw, 5px) 0 min(2.1333333333vw, 8px);
  }
}
#admission-page #flow .payment-box .table1 table .th-border::before,
#admission-page #flow .payment-box .table2 table .th-border::before {
  height: calc(100% - 3px);
  width: 100%;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1 table .th-border::before,
  #admission-page #flow .payment-box .table2 table .th-border::before {
    height: calc(100% - 3px);
  }
}
#admission-page #flow .payment-box .table1 table th:not(.th-border):not(.th-empty):not(.th-total),
#admission-page #flow .payment-box .table2 table th:not(.th-border):not(.th-empty):not(.th-total) {
  background: #0E4E7C !important;
  padding: min(1.015625vw, 13px) 0;
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1 table th:not(.th-border):not(.th-empty):not(.th-total),
  #admission-page #flow .payment-box .table2 table th:not(.th-border):not(.th-empty):not(.th-total) {
    padding: min(3.4666666667vw, 13px) 0;
  }
}
#admission-page #flow .payment-box .table1 table th:not(.th-border):not(.th-empty):not(.th-total):nth-child(even),
#admission-page #flow .payment-box .table2 table th:not(.th-border):not(.th-empty):not(.th-total):nth-child(even) {
  background: #0F456C !important;
}
#admission-page #flow .payment-box .table1 table td,
#admission-page #flow .payment-box .table2 table td {
  padding: min(0.9765625vw, 12.5px) min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1 table td,
  #admission-page #flow .payment-box .table2 table td {
    padding: min(3.3333333333vw, 12.5px) min(5.3333333333vw, 20px);
  }
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table1 table {
    width: min(212.2666666667vw, 796px);
  }
}
#admission-page #flow .payment-box .table2 table {
  width: min(46.71875vw, 598px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table2 table {
    width: min(159.4666666667vw, 598px);
  }
}
#admission-page #flow .payment-box .table6 table {
  margin-left: auto;
  width: min(26.40625vw, 338px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table6 table {
    width: min(90.1333333333vw, 338px);
  }
}
#admission-page #flow .payment-box .table7 {
  width: min(29.296875vw, 375px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table7 {
    padding: 0 min(6.1333333333vw, 23px);
    width: min(90.1333333333vw, 338px);
  }
}
#admission-page #flow .payment-box .table7 table {
  margin-left: auto;
  width: min(26.40625vw, 338px);
}
@media (max-width: 768px) {
  #admission-page #flow .payment-box .table7 table {
    width: min(90.1333333333vw, 338px);
  }
}
#admission-page {
  /* flow */
}

/********************************************************************************
access
********************************************************************************/
#access-page {
  /* map */
}
#access-page #map {
  margin: min(5.9375vw, 76px) 0 min(5.5078125vw, 70.5px);
}
@media (max-width: 768px) {
  #access-page #map {
    margin: min(13.3333333333vw, 50px) 0 min(34.6666666667vw, 130px);
  }
}
#access-page #map .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(6.171875vw, 79px);
}
@media (max-width: 768px) {
  #access-page #map .inner {
    display: block;
    margin-bottom: min(4.2666666667vw, 16px);
  }
}
#access-page #map .section-head {
  margin-top: min(1.6796875vw, 21.5px);
}
@media (max-width: 768px) {
  #access-page #map .section-head {
    margin: 0 0 min(8vw, 30px);
  }
}
#access-page #map .intro {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#access-page #map iframe {
  height: min(28.359375vw, 363px);
  margin-bottom: min(1.640625vw, 21px);
  width: 100vw;
}
@media (max-width: 768px) {
  #access-page #map iframe {
    height: min(57.0666666667vw, 214px);
    margin-bottom: min(2.9333333333vw, 11px);
  }
}
#access-page #map .address {
  color: #333;
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1.58;
  text-align: center;
}
@media (max-width: 768px) {
  #access-page #map .address {
    font-size: min(4vw, 15px);
  }
}
#access-page {
  /* map */
  /* transportation */
}
#access-page #transportation {
  margin-bottom: min(11.484375vw, 147px);
}
@media (max-width: 768px) {
  #access-page #transportation {
    margin-bottom: min(26.6666666667vw, 100px);
  }
}
#access-page #transportation .section-head {
  margin-bottom: min(2.421875vw, 31px);
}
@media (max-width: 768px) {
  #access-page #transportation .section-head {
    margin-bottom: min(6.1333333333vw, 23px);
  }
}
#access-page #transportation .transportation-figure {
  margin: 0 auto min(3.203125vw, 41px);
  width: min(74.296875vw, 951px);
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-figure {
    margin: 0 auto min(13.8666666667vw, 52px);
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 94.66vw;
  }
}
#access-page #transportation .transportation-box h4 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  margin-bottom: min(1.953125vw, 25px);
  padding-bottom: min(1.40625vw, 18px);
  position: relative;
  width: min(14.140625vw, 181px);
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box h4 {
    font-size: min(8vw, 30px);
    margin-bottom: min(8vw, 30px);
    padding-bottom: min(3.7333333333vw, 14px);
    width: min(51.2vw, 192px);
  }
}
#access-page #transportation .transportation-box h4::before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
}
#access-page #transportation .transportation-box p {
  color: #333;
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box p {
    font-size: min(3.7333333333vw, 14px);
    letter-spacing: 0.03em;
    line-height: 1.7;
  }
}
#access-page #transportation .transportation-box.bus {
  margin-bottom: min(6.25vw, 80px);
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box.bus {
    margin-bottom: min(24vw, 90px);
  }
}
#access-page #transportation .transportation-box.bus li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box.bus li {
    display: block;
  }
}
#access-page #transportation .transportation-box.bus li:not(:last-child) {
  margin-bottom: min(1.328125vw, 17px);
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box.bus li:not(:last-child) {
    margin-bottom: min(8.2666666667vw, 31px);
  }
}
#access-page #transportation .transportation-box.bus h5 {
  border: 1px solid #0E4E7C;
  border-radius: min(3.90625vw, 50px);
  color: #0E4E7C;
  font-size: min(1.25vw, 16px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-right: min(2.265625vw, 29px);
  padding: min(0.78125vw, 10px) 0;
  text-align: center;
  width: min(18.359375vw, 235px);
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box.bus h5 {
    border-radius: min(13.3333333333vw, 50px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: min(4.2666666667vw, 16px);
    margin: 0 0 min(1.8666666667vw, 7px);
    padding: min(2.6666666667vw, 10px) min(4.5333333333vw, 17px);
    text-align: left;
    width: 100%;
  }
}
#access-page #transportation .transportation-box.bus p {
  width: calc(100% - min(20.625vw, 264px));
}
@media (max-width: 768px) {
  #access-page #transportation .transportation-box.bus p {
    width: 100%;
  }
}
#access-page {
  /* transportation */
}

/********************************************************************************
faq
********************************************************************************/
#faq-page #faq-content {
  margin: min(7.578125vw, 97px) 0 min(10vw, 128px);
}
@media (max-width: 768px) {
  #faq-page #faq-content {
    margin: min(11.4666666667vw, 43px) 0 min(26.6666666667vw, 100px);
  }
}
#faq-page #faq-content .inner {
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #faq-page #faq-content .inner {
    width: 86.7%;
  }
}
#faq-page #faq-content .inner + .inner {
  margin-top: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  #faq-page #faq-content .inner + .inner {
    margin-top: min(17.6vw, 66px);
  }
}
#faq-page #faq-content h3 {
  color: #0E4E7C;
  font-size: min(2.34375vw, 30px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(4.609375vw, 59px);
  text-align: center;
}
@media (max-width: 768px) {
  #faq-page #faq-content h3 {
    font-size: min(6.4vw, 24px);
    margin-bottom: min(15.7333333333vw, 59px);
  }
}
#faq-page #faq-content .faq-box + .faq-box {
  margin-top: min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  #faq-page #faq-content .faq-box + .faq-box {
    margin-top: min(13.3333333333vw, 50px);
  }
}
#faq-page #faq-content h4 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #6C6F72;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.5625vw, 20px);
  letter-spacing: 0.05em;
  line-height: 1.22;
  padding-bottom: min(0.78125vw, 10px);
  padding-right: min(6.25vw, 80px);
  position: relative;
}
@media (max-width: 768px) {
  #faq-page #faq-content h4 {
    font-size: min(4vw, 15px);
    line-height: 1.3;
    padding-bottom: min(2.6666666667vw, 10px);
    padding-right: min(17.0666666667vw, 64px);
  }
}
#faq-page #faq-content h4 span {
  color: #0E4E7C;
  font-family: "Jost", sans-serif;
  font-size: min(2.734375vw, 35px);
  margin-right: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  #faq-page #faq-content h4 span {
    font-size: min(9.3333333333vw, 35px);
    margin-right: min(4vw, 15px);
  }
}
#faq-page #faq-content h4::before, #faq-page #faq-content h4::after {
  border-top: 2px solid #333;
  content: "";
  height: 0;
  position: absolute;
  right: min(2.34375vw, 30px);
  top: calc(50% - min(0.390625vw, 5px));
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #faq-page #faq-content h4::before, #faq-page #faq-content h4::after {
    right: min(5.8666666667vw, 22px);
    top: calc(50% - min(1.3333333333vw, 5px));
    width: min(5.3333333333vw, 20px);
  }
}
#faq-page #faq-content h4::after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
}
#faq-page #faq-content h4.open::after {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
          transform: translate(0, -50%) rotate(-180deg);
}
#faq-page #faq-content .a-text {
  background: #F5F5F5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.8;
  padding: min(1.171875vw, 15px) min(3.4375vw, 44px);
}
@media (max-width: 768px) {
  #faq-page #faq-content .a-text {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
    padding: min(4vw, 15px) min(5.3333333333vw, 20px);
  }
}

/********************************************************************************
emergency
********************************************************************************/
#emergency-page {
  /* main */
}
#emergency-page #main h2 {
  font-size: min(3.828125vw, 49px);
}
@media (max-width: 768px) {
  #emergency-page #main h2 {
    font-size: min(8vw, 30px);
  }
}
#emergency-page {
  /* main */
  /* support */
}
#emergency-page #support {
  margin: min(5.9375vw, 76px) 0 min(9.765625vw, 125px);
}
@media (max-width: 768px) {
  #emergency-page #support {
    margin: min(13.3333333333vw, 50px) 0 min(26.6666666667vw, 100px);
  }
}
#emergency-page #support .head-wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(6.171875vw, 79px);
}
@media (max-width: 768px) {
  #emergency-page #support .head-wrap {
    display: block;
    margin-bottom: min(8vw, 30px);
  }
  #emergency-page #support .head-wrap .section-head {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#emergency-page #support .head-wrap .intro-text {
  letter-spacing: 0.03em;
  line-height: 1.7;
}
#emergency-page #support .emergency-box {
  margin: 0 auto;
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #emergency-page #support .emergency-box {
    width: 100%;
  }
}
#emergency-page #support .emergency-box + .emergency-box {
  margin-top: min(5.46875vw, 70px);
}
@media (max-width: 768px) {
  #emergency-page #support .emergency-box + .emergency-box {
    margin-top: min(13.3333333333vw, 50px);
  }
}
#emergency-page #support .emergency-box h4 {
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: min(1.5625vw, 20px);
  padding-bottom: min(1.328125vw, 17px);
}
@media (max-width: 768px) {
  #emergency-page #support .emergency-box h4 {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(3.2vw, 12px);
    padding-bottom: min(3.2vw, 12px);
  }
}
#emergency-page #support .emergency-box h5 {
  color: #0E4E7C;
  font-size: min(1.171875vw, 15px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: min(0.625vw, 8px);
}
@media (max-width: 768px) {
  #emergency-page #support .emergency-box h5 {
    font-size: min(4vw, 15px);
    margin-bottom: min(2.1333333333vw, 8px);
  }
}
#emergency-page #support .emergency-box p {
  color: #333;
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #emergency-page #support .emergency-box p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7;
  }
}
#emergency-page #support .flex-box {
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 min(3.125vw, 40px) min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #emergency-page #support .flex-box {
    display: block;
    padding: 0 0 min(3.2vw, 12px);
  }
}
#emergency-page #support .flex-box p {
  width: min(40.625vw, 520px);
}
@media (max-width: 768px) {
  #emergency-page #support .flex-box p {
    width: 100%;
  }
}
#emergency-page #support .flex-box:nth-of-type(1) {
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #emergency-page #support .flex-box:nth-of-type(1) {
    margin-bottom: min(3.2vw, 12px);
  }
}
#emergency-page #support .note-list {
  margin-left: auto;
  margin-top: min(0.78125vw, 10px);
  width: min(43.75vw, 560px);
}
@media (max-width: 768px) {
  #emergency-page #support .note-list {
    margin-top: min(1.8666666667vw, 7px);
    width: 100%;
  }
}
#emergency-page #support .note-list li {
  font-size: min(0.78125vw, 10px);
  padding-left: 1em;
  position: relative;
}
@media (max-width: 768px) {
  #emergency-page #support .note-list li {
    font-size: min(2.6666666667vw, 10px);
  }
}
#emergency-page #support .note-list li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
#emergency-page {
  /* support */
  /* evacuation */
}
#emergency-page #evacuation {
  margin-bottom: min(10.46875vw, 134px);
}
@media (max-width: 768px) {
  #emergency-page #evacuation {
    margin-bottom: min(26.6666666667vw, 100px);
  }
}
#emergency-page #evacuation .section-head {
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #emergency-page #evacuation .section-head {
    margin-bottom: min(4vw, 15px);
  }
}
#emergency-page #evacuation .address {
  background: #EFEFEE;
  color: #333;
  font-size: min(2.1875vw, 28px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: min(3.90625vw, 50px);
  padding: min(3.4375vw, 44px) min(2.34375vw, 30px);
  text-align: center;
}
@media (max-width: 768px) {
  #emergency-page #evacuation .address {
    font-size: min(6.4vw, 24px);
    line-height: 1.3;
    margin-bottom: min(5.3333333333vw, 20px);
    padding: min(6.1333333333vw, 23px) 0;
  }
}
#emergency-page #evacuation .address small {
  display: inline-block;
  font-size: min(1.40625vw, 18px);
}
@media (max-width: 768px) {
  #emergency-page #evacuation .address small {
    font-size: min(3.4666666667vw, 13px);
    margin-top: min(1.8666666667vw, 7px);
  }
}
#emergency-page #evacuation .important {
  margin: 0 auto;
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #emergency-page #evacuation .important {
    width: 100%;
  }
  #emergency-page #evacuation .important + .important {
    margin-top: min(1.8666666667vw, 7px);
  }
}
#emergency-page #evacuation .important span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, rgba(255, 56, 60, 0.3)));
  background: linear-gradient(transparent 70%, rgba(255, 56, 60, 0.3) 0%);
  color: #333;
  font-size: min(2.5vw, 32px);
  line-height: 1.6;
  position: relative;
}
@media (max-width: 768px) {
  #emergency-page #evacuation .important span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(0%, rgba(255, 56, 60, 0.3)));
    background: linear-gradient(transparent 75%, rgba(255, 56, 60, 0.3) 0%);
    font-size: min(6.1333333333vw, 23px);
    line-height: 1.42;
  }
}
#emergency-page #evacuation .desc {
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin: min(1.953125vw, 25px) auto 0;
  width: min(71.875vw, 920px);
}
@media (max-width: 768px) {
  #emergency-page #evacuation .desc {
    line-height: 1.7;
    margin-top: min(4vw, 15px);
    width: 100%;
  }
}
#emergency-page {
  /* evacuation */
}

/********************************************************************************
privacy
********************************************************************************/
#privacy-page #privacy-content {
  margin: min(7.578125vw, 97px) 0 min(10vw, 128px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content {
    margin: min(11.4666666667vw, 43px) 0 min(26.6666666667vw, 100px);
  }
}
#privacy-page #privacy-content .inner {
  width: min(62.5vw, 800px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content .inner {
    width: 86.7%;
  }
}
#privacy-page #privacy-content .inner + .inner {
  margin-top: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content .inner + .inner {
    margin-top: min(17.6vw, 66px);
  }
}
#privacy-page #privacy-content .intro-text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #333;
  padding-bottom: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content .intro-text {
    padding-bottom: min(5.3333333333vw, 20px);
  }
}
#privacy-page #privacy-content h3 {
  color: #0E4E7C;
  font-size: min(2.34375vw, 30px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(0.78125vw, 10px);
  padding-left: 1.2em;
  position: relative;
}
@media (max-width: 768px) {
  #privacy-page #privacy-content h3 {
    font-size: min(6.4vw, 24px);
    margin-bottom: min(4vw, 15px);
  }
}
#privacy-page #privacy-content h3 span {
  position: absolute;
  left: 0;
  top: 0;
}
#privacy-page #privacy-content p {
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #privacy-page #privacy-content p {
    line-height: 1.7;
  }
}
#privacy-page #privacy-content p + h3 {
  margin-top: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content p + h3 {
    margin-top: min(10.6666666667vw, 40px);
  }
}
#privacy-page #privacy-content .info-text {
  line-height: 1.6;
  margin-top: min(5.46875vw, 70px);
  text-align: right;
}
@media (max-width: 768px) {
  #privacy-page #privacy-content .info-text {
    margin-top: min(13.3333333333vw, 50px);
  }
}
#privacy-page #privacy-content .info-text strong {
  font-size: min(1.875vw, 24px);
  font-weight: 500;
  margin-left: min(0.546875vw, 7px);
}
@media (max-width: 768px) {
  #privacy-page #privacy-content .info-text strong {
    font-size: min(5.6vw, 21px);
    margin-left: min(1.8666666667vw, 7px);
  }
}

/********************************************************************************
evaluation
********************************************************************************/
#evaluation-page #evaluation-content {
  margin: min(7.578125vw, 97px) 0 min(10vw, 128px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content {
    margin: min(11.4666666667vw, 43px) 0 min(26.6666666667vw, 100px);
  }
}
#evaluation-page #evaluation-content .inner {
  width: min(62.5vw, 800px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .inner {
    width: 86.7%;
  }
}
#evaluation-page #evaluation-content .inner + .inner {
  margin-top: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .inner + .inner {
    margin-top: min(17.6vw, 66px);
  }
}
#evaluation-page #evaluation-content .intro-text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #333;
  margin-bottom: min(3.125vw, 40px);
  padding-bottom: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .intro-text {
    margin-bottom: min(10.6666666667vw, 40px);
    padding-bottom: min(5.3333333333vw, 20px);
  }
}
#evaluation-page #evaluation-content h3 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content h3 {
    font-size: min(4vw, 15px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#evaluation-page #evaluation-content .pdf-btn a {
  border: 1px solid #6C6F72;
  border-radius: min(3.90625vw, 50px);
  display: inline-block;
  padding: min(1.0546875vw, 13.5px) min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .pdf-btn a {
    border-radius: min(13.3333333333vw, 50px);
    padding: min(2.6666666667vw, 10px) min(5.3333333333vw, 20px);
  }
}
#evaluation-page #evaluation-content .pdf-btn a img {
  -webkit-filter: grayscale(1) brightness(0.78) contrast(0.9);
          filter: grayscale(1) brightness(0.78) contrast(0.9);
  margin-left: min(0.78125vw, 10px);
  width: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .pdf-btn a img {
    margin-left: min(2.6666666667vw, 10px);
    width: min(3.4666666667vw, 13px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #evaluation-page #evaluation-content .pdf-btn a:hover {
    border-color: #0E4E7C;
    color: #0E4E7C;
  }
  #evaluation-page #evaluation-content .pdf-btn a:hover img {
    -webkit-filter: none;
            filter: none;
  }
}
#evaluation-page #evaluation-content .pdf-btn + h3 {
  margin-top: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #evaluation-page #evaluation-content .pdf-btn + h3 {
    margin-top: min(10.6666666667vw, 40px);
  }
}
#evaluation-page #evaluation-content .pdf-btn.none a {
  opacity: 0.7;
  pointer-events: none;
}

/********************************************************************************
certificates
********************************************************************************/
#certificates-page .pdf-btn a {
  border: 1px solid #0E4E7C;
  border-radius: min(3.90625vw, 50px);
  color: #0E4E7C;
  display: block;
  padding: min(1.0546875vw, 13.5px) 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  #certificates-page .pdf-btn a {
    border-radius: min(13.3333333333vw, 50px);
    padding: min(2.6666666667vw, 10px) 0;
  }
}
#certificates-page .pdf-btn a img {
  margin-left: min(0.78125vw, 10px);
  width: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #certificates-page .pdf-btn a img {
    margin-left: min(2.6666666667vw, 10px);
    width: min(3.4666666667vw, 13px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #certificates-page .pdf-btn a:hover {
    background: #F4F7FB;
  }
}
#certificates-page #current {
  margin: min(7.578125vw, 97px) 0 min(10vw, 128px);
}
@media (max-width: 768px) {
  #certificates-page #current {
    margin: min(11.4666666667vw, 43px) 0 min(26.6666666667vw, 100px);
  }
}
#certificates-page #current .inner {
  width: min(75.78125vw, 970px);
}
@media (max-width: 768px) {
  #certificates-page #current .inner {
    width: 87.2%;
  }
}
#certificates-page #current .intro-text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #333;
  margin-bottom: min(3.125vw, 40px);
  padding-bottom: min(3.125vw, 40px);
}
@media (max-width: 768px) {
  #certificates-page #current .intro-text {
    margin-bottom: min(10.6666666667vw, 40px);
    padding-bottom: min(5.3333333333vw, 20px);
  }
}
#certificates-page #current .section-head {
  margin-bottom: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #certificates-page #current .section-head {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#certificates-page #current h4 {
  color: #0E4E7C;
  font-size: min(1.40625vw, 18px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #certificates-page #current h4 {
    font-size: min(4vw, 15px);
    margin-bottom: min(0.8vw, 3px);
  }
}
#certificates-page #current h4 + p {
  font-size: min(1.09375vw, 14px);
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin-bottom: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  #certificates-page #current h4 + p {
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(4vw, 15px);
  }
}
#certificates-page #current .pdf-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  #certificates-page #current .pdf-list {
    display: block;
  }
}
#certificates-page #current .pdf-list li {
  margin-top: min(1.5625vw, 20px);
  width: 32%;
}
@media (max-width: 768px) {
  #certificates-page #current .pdf-list li {
    margin-right: min(4vw, 15px);
    width: 100%;
  }
}
#certificates-page #current .pdf-list li:not(:nth-child(3n)) {
  margin-right: 2%;
}
@media (max-width: 768px) {
  #certificates-page #current .pdf-list li:not(:nth-child(3n)) {
    margin-right: 0;
  }
}
#certificates-page #current .pdf-list li:last-child {
  width: 45%;
}
@media (max-width: 768px) {
  #certificates-page #current .pdf-list li:last-child {
    width: 100%;
  }
}
#certificates-page #alumni {
  margin-bottom: min(10vw, 128px);
}
@media (max-width: 768px) {
  #certificates-page #alumni {
    margin-bottom: min(26.6666666667vw, 100px);
  }
}
#certificates-page #alumni .inner {
  width: min(75.78125vw, 970px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .inner {
    width: 87.2%;
  }
}
#certificates-page #alumni .section-head {
  margin-bottom: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .section-head {
    margin-bottom: min(5.3333333333vw, 20px);
  }
}
#certificates-page #alumni .alumni-box + .alumni-box {
  margin-top: min(5.46875vw, 70px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .alumni-box + .alumni-box {
    margin-top: min(13.3333333333vw, 50px);
  }
}
#certificates-page #alumni h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #333;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: min(0.625vw, 8px);
  padding-bottom: min(0.78125vw, 10px);
  padding-left: min(1.5625vw, 20px);
  position: relative;
}
@media (max-width: 768px) {
  #certificates-page #alumni h4 {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(1.3333333333vw, 5px);
    padding-bottom: min(2.6666666667vw, 10px);
    padding-left: min(4.8vw, 18px);
  }
}
#certificates-page #alumni h4::before {
  color: #0E4E7C;
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
#certificates-page #alumni h4 + h5 {
  margin-top: 0;
}
#certificates-page #alumni h5 {
  color: #333;
  font-size: min(1.25vw, 16px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.89;
  margin-bottom: min(0.390625vw, 5px);
  margin-top: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #certificates-page #alumni h5 {
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(1.3333333333vw, 5px);
    margin-top: min(8vw, 30px);
  }
}
#certificates-page #alumni .table {
  margin-top: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .table {
    margin-top: min(2.6666666667vw, 10px);
  }
}
#certificates-page #alumni .table .th-border {
  padding: min(0.390625vw, 5px) 0 min(0.625vw, 8px);
  -webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
  width: auto;
}
@media (max-width: 768px) {
  #certificates-page #alumni .table .th-border {
    padding: min(1.3333333333vw, 5px) 0 min(2.1333333333vw, 8px);
  }
}
#certificates-page #alumni .table .th-border::before {
  height: calc(100% - 3px);
  width: 100%;
}
@media (max-width: 768px) {
  #certificates-page #alumni .table .th-border::before {
    height: calc(100% - 3px);
  }
}
#certificates-page #alumni .table.table1 {
  width: min(26.25vw, 336px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .table.table1 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #certificates-page #alumni .table-box {
    overflow-x: scroll;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#certificates-page #alumni .table-box .table {
  width: min(62.1875vw, 796px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .table-box .table {
    margin: min(2.6666666667vw, 10px) 6.3% 0;
    width: min(212.2666666667vw, 796px);
  }
}
#certificates-page #alumni .table-box .table th:not(.th-border):not(.th-empty) {
  width: min(5.46875vw, 70px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .table-box .table th:not(.th-border):not(.th-empty) {
    width: min(18.6666666667vw, 70px);
  }
}
#certificates-page #alumni .table-box + .note-list {
  margin-bottom: min(0.78125vw, 10px);
  margin-top: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #certificates-page #alumni .table-box + .note-list {
    margin-bottom: min(2.6666666667vw, 10px);
    margin-top: min(2.6666666667vw, 10px);
  }
}
#certificates-page #alumni .desc {
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  #certificates-page #alumni .desc {
    line-height: 1.7;
  }
}
#certificates-page #alumni .desc-list > li {
  letter-spacing: 0.03em;
  line-height: 1.8;
  padding-left: 1em;
  position: relative;
}
@media (max-width: 768px) {
  #certificates-page #alumni .desc-list > li {
    line-height: 1.7;
  }
}
#certificates-page #alumni .desc-list > li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
#certificates-page #alumni .note-list > li {
  font-size: min(0.9375vw, 12px);
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-left: 1em;
  padding-left: 1em;
  position: relative;
}
@media (max-width: 768px) {
  #certificates-page #alumni .note-list > li {
    font-size: min(3.2vw, 12px);
  }
}
#certificates-page #alumni .note-list > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
#certificates-page #alumni .sub-list > li {
  font-size: min(0.9375vw, 12px);
  line-height: 1.4;
  margin-left: 2em;
  padding-left: 1em;
  position: relative;
}
@media (max-width: 768px) {
  #certificates-page #alumni .sub-list > li {
    font-size: min(3.2vw, 12px);
  }
}
#certificates-page #alumni .sub-list > li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#certificates-page #alumni .pdf-btn {
  width: 32%;
}
@media (max-width: 768px) {
  #certificates-page #alumni .pdf-btn {
    width: 100%;
  }
}

/********************************************************************************
contact
********************************************************************************/
#contact-page .contact-content {
  margin: min(8.046875vw, 103px) 0 min(9.765625vw, 125px);
}
@media (max-width: 768px) {
  #contact-page .contact-content {
    margin: min(10.1333333333vw, 38px) 0 min(17.6vw, 66px);
  }
}
#contact-page .contact-content .inner {
  width: min(57.8125vw, 740px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .inner {
    width: 87.2%;
  }
}
#contact-page .contact-content h3 {
  color: #0E4E7C;
  font-size: min(2.34375vw, 30px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(5vw, 64px);
  text-align: center;
}
@media (max-width: 768px) {
  #contact-page .contact-content h3 {
    font-size: min(6.1333333333vw, 23px);
    margin-bottom: min(10.1333333333vw, 38px);
  }
}
#contact-page .contact-content ul {
  margin-bottom: min(5.078125vw, 65px);
}
@media (max-width: 768px) {
  #contact-page .contact-content ul {
    margin-bottom: min(6.9333333333vw, 26px);
  }
}
#contact-page .contact-content li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #contact-page .contact-content li {
    display: block;
  }
}
#contact-page .contact-content li:not(:last-child) {
  margin-bottom: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  #contact-page .contact-content li:not(:last-child) {
    margin-bottom: min(8.8vw, 33px);
  }
}
#contact-page .contact-content li.relationship {
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #contact-page .contact-content li.relationship {
    margin-bottom: min(1.3333333333vw, 5px);
  }
}
#contact-page .contact-content h4 {
  color: #333;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  width: min(22.265625vw, 285px);
}
@media (max-width: 768px) {
  #contact-page .contact-content h4 {
    font-size: min(4.2666666667vw, 16px);
    margin-bottom: min(2.4vw, 9px);
    width: 100%;
  }
}
#contact-page .contact-content h4 span {
  background: #6C6F72;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: min(0.9375vw, 12px);
  line-height: 1;
  margin-bottom: min(0.3125vw, 4px);
  padding: min(0.1953125vw, 2.5px) min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #contact-page .contact-content h4 span {
    font-size: min(2.6666666667vw, 10px);
    margin: min(1.0666666667vw, 4px) min(2.1333333333vw, 8px) min(1.0666666667vw, 4px) 0;
    padding: min(0.8vw, 3px) min(2.9333333333vw, 11px);
  }
}
#contact-page .contact-content h4 span.required {
  background: #FF383C;
}
#contact-page .contact-content h4 small {
  font-size: min(1.09375vw, 14px);
  font-weight: 500;
}
@media (max-width: 768px) {
  #contact-page .contact-content h4 small {
    font-size: min(3.2vw, 12px);
  }
}
#contact-page .contact-content p {
  width: min(35.546875vw, 455px);
}
@media (max-width: 768px) {
  #contact-page .contact-content p {
    width: 100%;
  }
}
#contact-page .contact-content .note {
  font-size: min(1.015625vw, 13px);
  margin-top: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .note {
    font-size: min(2.9333333333vw, 11px);
    margin-top: min(1.3333333333vw, 5px);
  }
}
#contact-page .contact-content select,
#contact-page .contact-content input[type=text],
#contact-page .contact-content input[type=email],
#contact-page .contact-content input[type=tel],
#contact-page .contact-content textarea {
  background: #eee;
  border: 1px solid #C0C0C0;
  border-radius: min(0.390625vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-family: "M PLUS 1", sans-serif;
  letter-spacing: 0.05em;
  padding: min(0.9375vw, 12px);
  width: 100%;
}
@media (max-width: 768px) {
  #contact-page .contact-content select,
  #contact-page .contact-content input[type=text],
  #contact-page .contact-content input[type=email],
  #contact-page .contact-content input[type=tel],
  #contact-page .contact-content textarea {
    border-radius: min(1.3333333333vw, 5px);
    font-size: min(4.2666666667vw, 16px);
    padding: min(2.6666666667vw, 10px);
  }
}
#contact-page .contact-content .wpcf7-list-item {
  margin: 0;
}
#contact-page .contact-content .wpcf7-list-item label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contact-page .contact-content .wpcf7-list-item input[type=radio] {
  border: 2px solid #D9D9D9;
  height: min(1.71875vw, 22px);
  margin-right: min(0.9375vw, 12px);
  width: min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .wpcf7-list-item input[type=radio] {
    height: min(5.8666666667vw, 22px);
    margin-right: min(2.4vw, 9px);
    width: min(5.8666666667vw, 22px);
  }
}
#contact-page .contact-content .wpcf7-list-item .wpcf7-list-item-label {
  color: #333;
  font-weight: 700;
}
#contact-page .contact-content .wpcf7-list-item:not(:last-child) {
  margin-right: min(3.046875vw, 39px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .wpcf7-list-item:not(:last-child) {
    margin-right: min(4.8vw, 18px);
  }
}
#contact-page .contact-content .wpcf7-list-item:nth-child(n+4) {
  margin-top: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .wpcf7-list-item:nth-child(n+4) {
    margin-top: min(6.6666666667vw, 25px);
  }
}
#contact-page .contact-content .btn {
  margin: 0 auto;
  width: min(40.234375vw, 515px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .btn {
    width: min(77.8666666667vw, 292px);
  }
}
#contact-page .contact-content .btn p {
  width: inherit;
}
#contact-page .contact-content .btn input[type=button],
#contact-page .contact-content .btn input[type=submit] {
  border: none;
  border-radius: min(0.390625vw, 5px);
  cursor: pointer;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  padding: min(2.34375vw, 30px) 0;
  width: 100%;
}
@media (max-width: 768px) {
  #contact-page .contact-content .btn input[type=button],
  #contact-page .contact-content .btn input[type=submit] {
    border-radius: min(1.3333333333vw, 5px);
    font-size: min(4vw, 15px);
    padding: min(8.9333333333vw, 33.5px) 0;
  }
}
#contact-page .contact-content .btn.submit-btn input[type=button], #contact-page .contact-content .btn.submit-btn input[type=submit] {
  background: #0E4E7C;
  color: #fff;
}
#contact-page .contact-content .btn.back-btn {
  margin-bottom: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #contact-page .contact-content .btn.back-btn {
    margin-bottom: min(4vw, 15px);
  }
}
#contact-page .confirm-area,
#contact-page .thanks-area {
  display: none;
}
#contact-page .thanks-area p {
  width: 100% !important;
}
#contact-page .thanks {
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 768px) {
  #contact-page .thanks {
    line-height: 1.7;
    text-align: left;
  }
}
#contact-page .more-btn {
  margin: min(3.515625vw, 45px) auto 0;
  width: min(23.4375vw, 300px);
}
@media (max-width: 768px) {
  #contact-page .more-btn {
    margin-top: min(6.6666666667vw, 25px);
    width: min(63.4666666667vw, 238px);
  }
}
#contact-page .more-btn a {
  border: 1px solid #0E4E7C;
  border-radius: min(3.90625vw, 50px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  display: block;
  padding: min(1.0546875vw, 13.5px) min(1.640625vw, 21px) min(1.0546875vw, 13.5px) 0;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  #contact-page .more-btn a {
    border-radius: min(13.3333333333vw, 50px);
    padding: min(2.6666666667vw, 10px) min(5.6vw, 21px) min(2.6666666667vw, 10px) 0;
  }
}
#contact-page .more-btn a::before {
  background: url(../images/common/arrow.svg) no-repeat center/contain;
  content: "";
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  height: min(0.546875vw, 7px);
  position: absolute;
  right: min(5.234375vw, 67px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.625vw, 8px);
  z-index: 1;
}
@media (max-width: 768px) {
  #contact-page .more-btn a::before {
    height: min(2.1333333333vw, 8px);
    right: min(8.5333333333vw, 32px);
    width: min(2.1333333333vw, 8px);
  }
}
#contact-page .more-btn a::after {
  background: #0E4E7C;
  border-radius: 50%;
  content: "";
  height: min(1.640625vw, 21px);
  position: absolute;
  right: min(4.6875vw, 60px);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(1.640625vw, 21px);
}
@media (max-width: 768px) {
  #contact-page .more-btn a::after {
    height: min(5.6vw, 21px);
    right: min(6.6666666667vw, 25px);
    width: min(5.6vw, 21px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #contact-page .more-btn a:hover {
    background: #0E4E7C;
    color: #fff;
  }
  #contact-page .more-btn a:hover::before {
    -webkit-filter: none;
            filter: none;
  }
  #contact-page .more-btn a:hover::after {
    background: #fff;
  }
}
#contact-page {
  /*デフォルトのサンクスメッセージを非表示*/
}
#contact-page .wpcf7-response-output {
  display: none;
}
#contact-page .screen-reader-response {
  display: none;
}

/********************************************************************************
news
********************************************************************************/
#news-list-page .list-wrapper {
  background: #EEF3F6;
  padding: min(4.6875vw, 60px) 0 min(8.59375vw, 110px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper {
    padding: min(13.3333333333vw, 50px) 0;
  }
}
#news-list-page .list-wrapper .inner {
  width: min(62.5vw, 800px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .inner {
    width: 86.7%;
  }
}
#news-list-page .list-wrapper .all {
  background: #fff;
  color: #0E4E7C;
}
#news-list-page .list-wrapper .all a {
  color: #0E4E7C;
}
#news-list-page .list-wrapper .secondary {
  background: #0E4E7C;
  color: #fff;
}
#news-list-page .list-wrapper .secondary a {
  color: #fff;
}
#news-list-page .list-wrapper .jh {
  background: #1DD56F;
  color: #fff;
}
#news-list-page .list-wrapper .jh a {
  color: #fff;
}
#news-list-page .list-wrapper .hs {
  background: #20C9F1;
  color: #fff;
}
#news-list-page .list-wrapper .hs a {
  color: #fff;
}
#news-list-page .list-wrapper .club {
  background: #FF951C;
  color: #fff;
}
#news-list-page .list-wrapper .club a {
  color: #fff;
}
#news-list-page .list-wrapper .important {
  background: #B2B2B2;
  color: #fff;
}
#news-list-page .list-wrapper .important a {
  color: #fff;
}
#news-list-page .list-wrapper .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(3.90625vw, 50px);
}
#news-list-page .list-wrapper .category-list li {
  border-radius: min(0.390625vw, 5px);
  width: min(9.375vw, 120px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .category-list li {
    border-radius: min(1.0666666667vw, 4px);
    margin-bottom: min(1.3333333333vw, 5px);
    width: 23.875%;
  }
}
#news-list-page .list-wrapper .category-list li a {
  display: block;
  font-size: min(1.09375vw, 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  padding: min(0.546875vw, 7px) 0;
  width: 100%;
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .category-list li a {
    font-size: min(3.2vw, 12px);
    padding: min(1.0666666667vw, 4px) 0;
  }
}
#news-list-page .list-wrapper .category-list li:not(:last-child) {
  margin-right: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .category-list li:not(:last-child) {
    margin-right: 1.5%;
  }
}
@media (hover: hover) and (pointer: fine) {
  #news-list-page .list-wrapper .category-list li a:hover {
    opacity: 0.8;
  }
}
#news-list-page .list-wrapper .news-list-box {
  background: #fff;
  border-radius: min(0.78125vw, 10px);
  padding: min(3.28125vw, 42px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .news-list-box {
    border-radius: min(2.6666666667vw, 10px);
    padding: min(8vw, 30px) min(5.3333333333vw, 20px) min(5.3333333333vw, 20px);
  }
}
#news-list-page .list-wrapper .news-list > li:not(:last-child) {
  border-bottom: 1px solid rgba(36, 84, 116, 0.28);
  margin-bottom: min(1.5625vw, 20px);
  padding-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .news-list > li:not(:last-child) {
    margin-bottom: min(7.4666666667vw, 28px);
    padding-bottom: min(7.4666666667vw, 28px);
  }
}
#news-list-page .list-wrapper .dc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .dc-box {
    margin-bottom: min(1.0666666667vw, 4px);
  }
}
#news-list-page .list-wrapper .date {
  color: #B2B2B2;
  font-size: min(0.9375vw, 12px);
  margin-right: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .date {
    font-size: min(3.4666666667vw, 13px);
  }
}
#news-list-page .list-wrapper .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#news-list-page .list-wrapper .category li {
  border-radius: min(0.390625vw, 5px);
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  width: min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .category li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.2vw, 12px);
    width: min(19.2vw, 72px);
  }
}
#news-list-page .list-wrapper .category li + li {
  margin-left: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .category li + li {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#news-list-page .list-wrapper .title a {
  color: #0E4E7C;
  font-size: min(1.09375vw, 14px);
  line-height: 1.7;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .title a {
    font-size: min(3.7333333333vw, 14px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #news-list-page .list-wrapper .title a:hover {
    text-decoration-color: #0E4E7C;
  }
}
#news-list-page .list-wrapper .pagination {
  margin-top: min(4.6875vw, 60px);
  text-align: center;
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .pagination {
    margin-top: min(12vw, 45px);
  }
}
#news-list-page .list-wrapper .pagination .page-numbers {
  margin: 0 min(0.78125vw, 10px);
  padding: 0 min(0.3125vw, 4px);
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  #news-list-page .list-wrapper .pagination .page-numbers {
    margin: 0 min(2.6666666667vw, 10px);
    padding: 0 min(1.0666666667vw, 4px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #news-list-page .list-wrapper .pagination .page-numbers:hover {
    color: #0E4E7C;
    text-decoration-color: #0E4E7C;
  }
}
#news-list-page .list-wrapper .pagination .page-numbers.current {
  pointer-events: none;
}

#article-page .article-wrapper {
  padding: min(8.59375vw, 110px) 0;
}
@media (max-width: 768px) {
  #article-page .article-wrapper {
    padding: min(13.3333333333vw, 50px) 0;
  }
}
#article-page .article-wrapper .inner {
  width: min(62.5vw, 800px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .inner {
    width: 86.7%;
  }
}
#article-page .article-wrapper .head-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: min(2.34375vw, 30px);
  padding-bottom: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .head-box {
    margin-bottom: min(5.3333333333vw, 20px);
    padding-bottom: min(1.3333333333vw, 5px);
  }
}
#article-page .article-wrapper .dc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .dc-box {
    margin-bottom: min(1.0666666667vw, 4px);
  }
}
#article-page .article-wrapper .date {
  color: #B2B2B2;
  font-size: min(0.9375vw, 12px);
  margin-right: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .date {
    font-size: min(3.4666666667vw, 13px);
  }
}
#article-page .article-wrapper .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#article-page .article-wrapper .category li {
  border-radius: min(0.390625vw, 5px);
  font-size: min(1.015625vw, 13px);
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  width: min(6.09375vw, 78px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .category li {
    border-radius: min(1.0666666667vw, 4px);
    font-size: min(3.2vw, 12px);
    width: min(19.2vw, 72px);
  }
}
#article-page .article-wrapper .category li + li {
  margin-left: min(0.390625vw, 5px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .category li + li {
    margin-left: min(1.3333333333vw, 5px);
  }
}
#article-page .article-wrapper .category li.secondary {
  background: #0E4E7C;
  color: #fff;
}
#article-page .article-wrapper .category li.jh {
  background: #1DD56F;
  color: #fff;
}
#article-page .article-wrapper .category li.hs {
  background: #20C9F1;
  color: #fff;
}
#article-page .article-wrapper .category li.club {
  background: #FF951C;
  color: #fff;
}
#article-page .article-wrapper .category li.important {
  background: #B2B2B2;
  color: #fff;
}
#article-page .article-wrapper h2 {
  color: #0E4E7C;
  font-size: min(2.34375vw, 30px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media (max-width: 768px) {
  #article-page .article-wrapper h2 {
    font-size: min(6.4vw, 24px);
  }
}
#article-page .article-wrapper .content p {
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .content p {
    line-height: 1.7;
    margin-bottom: min(4vw, 15px);
  }
}
#article-page .article-wrapper .content p a {
  color: #0E4E7C;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #article-page .article-wrapper .content p a:hover {
    opacity: 0.7;
  }
}
#article-page .article-wrapper .content .wp-block-heading {
  margin-bottom: min(1.171875vw, 15px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .content .wp-block-heading {
    margin-bottom: min(4vw, 15px);
  }
}
#article-page .article-wrapper .content .wp-block-gallery {
  margin: min(2.34375vw, 30px) 0;
}
@media (max-width: 768px) {
  #article-page .article-wrapper .content .wp-block-gallery {
    margin: min(8vw, 30px) 0;
  }
}
#article-page .article-wrapper .list-btn {
  margin: min(3.90625vw, 50px) auto 0;
  width: min(20.9375vw, 268px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .list-btn {
    margin-top: min(8vw, 30px);
    width: 100%;
  }
}
#article-page .article-wrapper .list-btn a {
  background: #fff;
  border: 2px solid #E0E3EF;
  border-radius: min(3.28125vw, 42px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  display: block;
  font-size: min(1.171875vw, 15px);
  line-height: 1;
  padding: min(1.484375vw, 19px);
  text-align: center;
}
@media (max-width: 768px) {
  #article-page .article-wrapper .list-btn a {
    border-radius: min(11.2vw, 42px);
    font-size: min(4vw, 15px);
    padding: min(4vw, 15px);
  }
}
#article-page .article-wrapper .list-btn a img {
  margin-right: min(1.171875vw, 15px);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  width: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #article-page .article-wrapper .list-btn a img {
    margin-right: min(3.7333333333vw, 14px);
    width: min(4.2666666667vw, 16px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #article-page .article-wrapper .list-btn a:hover {
    -webkit-box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
            box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
  }
}

/********************************************************************************
404
********************************************************************************/
#error-page #error-404 {
  margin: min(7.578125vw, 97px) 0 min(10vw, 128px);
  text-align: center;
}
@media (max-width: 768px) {
  #error-page #error-404 {
    margin: min(11.4666666667vw, 43px) 0 min(26.6666666667vw, 100px);
  }
}
#error-page #error-404 h2 {
  color: #0E4E7C;
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #error-page #error-404 h2 {
    font-size: min(4vw, 15px);
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
#error-page #error-404 p {
  margin-bottom: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #error-page #error-404 p {
    margin-bottom: min(6.6666666667vw, 25px);
  }
}
#error-page #error-404 .link-btn {
  margin: 0 auto;
  width: min(20.9375vw, 268px);
}
@media (max-width: 768px) {
  #error-page #error-404 .link-btn {
    width: 100%;
  }
}
#error-page #error-404 .link-btn a {
  background: #fff;
  border: 2px solid #E0E3EF;
  border-radius: min(3.28125vw, 42px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0E4E7C;
  display: block;
  font-size: min(1.171875vw, 15px);
  line-height: 1;
  padding: min(1.484375vw, 19px);
  text-align: center;
}
@media (max-width: 768px) {
  #error-page #error-404 .link-btn a {
    border-radius: min(11.2vw, 42px);
    font-size: min(4vw, 15px);
    padding: min(4vw, 15px);
  }
}
#error-page #error-404 .link-btn a img {
  margin-left: min(1.171875vw, 15px);
  width: min(1.25vw, 16px);
}
@media (max-width: 768px) {
  #error-page #error-404 .link-btn a img {
    margin-left: min(3.7333333333vw, 14px);
    width: min(4.2666666667vw, 16px);
  }
}
@media (hover: hover) and (pointer: fine) {
  #error-page #error-404 .link-btn a:hover {
    -webkit-box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
            box-shadow: 0 0 min(0.625vw, 8px) rgba(9, 73, 105, 0.22);
  }
}