@charset "UTF-8";
/* ---------- setting ---------- ---------- */
/* リセットCSS */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.u-en {
  font-family: "Montserrat", sans-serif;
}

html, body {
  width: 100%;
  height: 100%;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: inherit;
  box-sizing: border-box;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

img {
  border: 0;
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

body {
  padding: 0;
  font-family: "Noto Sans JP", serif;
}

.mod-anim {
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-property: opacity, transform;
}
.mod-anim.is-fade.js-active {
  opacity: 1;
}
.mod-anim.is-top {
  transform: translate(0, -100px);
}
.mod-anim.is-top.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-bottom {
  transform: translate(0, 100px);
}
.mod-anim.is-bottom.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-right {
  transform: translate(100px, 0);
}
.mod-anim.is-right.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-left {
  transform: translate(-100px, 0);
}
.mod-anim.is-left.js-active {
  opacity: 1;
  transform: translate(0, 0);
}
.mod-anim.is-zoom {
  transform: scale(0, 0);
}
.mod-anim.is-zoom.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim.is-zoom2 {
  transform: scale(0, 0);
  transition-timing-function: cubic-bezier(0, 0.75, 0.6, 1.4);
}
.mod-anim.is-zoom2.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim.is-zoom3 {
  transform: scale(0, 0);
  transition-timing-function: cubic-bezier(0.8, 0, 0, 0.4);
}
.mod-anim.is-zoom3.js-active {
  opacity: 1;
  transform: scale(1, 1);
}
.mod-anim.is-blur {
  filter: blur(15px);
  transition-property: opacity, transform, filter;
  backface-visibility: hidden;
}
.mod-anim.is-blur.js-active {
  opacity: 1;
  filter: blur(0);
}

.mod-anim.is-delay-00 {
  transition-delay: 0s;
}
.mod-anim.is-delay-01 {
  transition-delay: 0.1s;
}
.mod-anim.is-delay-02 {
  transition-delay: 0.2s;
}
.mod-anim.is-delay-03 {
  transition-delay: 0.3s;
}
.mod-anim.is-delay-04 {
  transition-delay: 0.4s;
}
.mod-anim.is-delay-05 {
  transition-delay: 0.5s;
}
.mod-anim.is-delay-06 {
  transition-delay: 0.6s;
}
.mod-anim.is-delay-07 {
  transition-delay: 0.7s;
}
.mod-anim.is-delay-08 {
  transition-delay: 0.8s;
}
.mod-anim.is-delay-09 {
  transition-delay: 0.9s;
}
.mod-anim.is-delay-10 {
  transition-delay: 1s;
}
.mod-anim.is-delay-11 {
  transition-delay: 1.1s;
}
.mod-anim.is-delay-12 {
  transition-delay: 1.2s;
}
.mod-anim.is-delay-13 {
  transition-delay: 1.3s;
}
.mod-anim.is-delay-14 {
  transition-delay: 1.4s;
}
.mod-anim.is-delay-15 {
  transition-delay: 1.5s;
}
.mod-anim.is-delay-16 {
  transition-delay: 1.6s;
}
.mod-anim.is-delay-17 {
  transition-delay: 1.7s;
}
.mod-anim.is-delay-18 {
  transition-delay: 1.8s;
}
.mod-anim.is-delay-19 {
  transition-delay: 1.9s;
}
.mod-anim.is-delay-20 {
  transition-delay: 2s;
}

/* ----------------------------------------------------------
loop
---------------------------------------------------------- */
.mod-anim.is-fadeloop.js-active {
  animation: infinite_loop_opacity 1s ease-in-out 0s infinite alternate;
}
.mod-anim.is-vertical-loop.js-active {
  opacity: 1;
  animation: infinite_loop_bounce 1s ease-in-out 0s infinite alternate;
}
.mod-anim.is-rotate {
  display: block;
  opacity: 1;
  animation: infinite_loop_rotate 1s linear 0s infinite;
}

/* ----------------------------------------------------------
@keyframes
---------------------------------------------------------- */
@keyframes infinite_loop_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes infinite_loop_bounce {
  0% {
    transform: translate3d(0, 0, -5px);
  }
  100% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes infinite_loop_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@media print, screen and (min-width: 768px) {
  .u-sp {
    display: none;
  }
  .area-wrap {
    overflow: hidden;
    padding: 80px 0 0 0;
  }
  .block-highschool-bg1 {
    background: url(/employment/highschool/images/bgs/bg1.png?2) center top no-repeat;
  }
  .block-highschool-bg1 img {
    width: 100%;
  }
  .block-highschool-bg2 {
    background: url(/employment/highschool/images/bgs/bg2.png?2) center top no-repeat;
  }
  .block-highschool-bg2 img {
    width: 100%;
  }
  .block-highschool-bg3 {
    background: url(/employment/highschool/images/bgs/bg3.png?2) center top no-repeat;
  }
  .block-highschool-bg3 img {
    width: 100%;
  }
  .block-highschool-inner {
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  .mod-highschool-h2 {
    background: url(/employment/highschool/images/common/title_bg.svg) left top no-repeat;
    background-size: contain;
    width: 580px;
    height: 152px;
    text-align: center;
    padding: 42px 0 0 0;
  }
  .mod-highschool-h2 h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
  }
  /* ----------------------------------------------------------
  block-highschool-main
  ---------------------------------------------------------- */
  .block-highschool-main {
    position: relative;
  }
  .block-highschool-main .block-highschool-inner {
    height: 950px;
  }
  .block-highschool-main ._fig1 {
    position: absolute;
    top: 57px;
    left: -71px;
    width: 231px;
    height: 379px;
  }
  .block-highschool-main ._fig2 {
    position: absolute;
    top: 210px;
    left: 764px;
    width: 270px;
    height: 449px;
  }
  .block-highschool-main ._fig3 {
    position: absolute;
    top: 474px;
    left: 86px;
    width: 149px;
    height: 477px;
  }
  .block-highschool-main ._fig4 {
    position: absolute;
    top: 685px;
    left: -153px;
    width: 198px;
    height: 493px;
  }
  .block-highschool-main ._fig5 {
    position: absolute;
    top: 649px;
    left: 899px;
    width: 138px;
    height: 472px;
  }
  .block-highschool-main ._fig6 {
    position: absolute;
    top: 1036px;
    left: 940px;
    width: 273px;
    height: 455px;
  }
  .block-highschool-main ._h1 {
    position: absolute;
    top: 249px;
    left: 421px;
    width: 252px;
  }
  .block-highschool-main ._h1 h1 {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 5px;
    text-align: center;
    padding-top: 30px;
  }
  .block-highschool-main ._h1 h1 ._t1 {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
  }
  .block-highschool-main ._h1 h1 ._t2 {
    font-size: 24px;
    line-height: 1.75;
    color: #fff;
  }
  .block-highschool-main ._h2 {
    position: absolute;
    top: 707px;
    left: 263px;
    width: 572px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-highschool-main ._h2:hover {
    filter: brightness(1.1);
  }
  .block-highschool-main ._h2 ._texts {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 5px;
    text-align: center;
    padding-top: 75px;
  }
  .block-highschool-main ._h2 ._texts h2 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #e60012;
  }
  /* ----------------------------------------------------------
  block-highschool-intro
  ---------------------------------------------------------- */
  .block-highschool-intro {
    position: relative;
  }
  .block-highschool-intro .block-highschool-inner {
    height: 1185px;
  }
  .block-highschool-intro ._title {
    position: absolute;
    top: 66px;
    left: 250px;
    width: 580px;
    height: 152px;
  }
  .block-highschool-intro ._texts {
    position: absolute;
    top: 248px;
    left: 300px;
    width: 480px;
    height: 216px;
  }
  .block-highschool-intro ._texts ._t1 {
    font-size: 24px;
    line-height: 1.75;
    font-weight: 500;
    color: #e60012;
    text-align: center;
  }
  .block-highschool-intro ._texts ._t2 {
    margin-top: 25px;
    font-size: 15px;
    line-height: 2;
    color: #3c3c3c;
  }
  .block-highschool-intro ._cart {
    position: absolute;
    top: 419px;
    left: 102px;
    width: 880px;
    height: 720px;
  }
  .mod-highschool-intro-cart ._menus {
    position: absolute;
    top: 41.65%;
    left: -8.22%;
    width: 20.55%;
    height: 41.65%;
  }
  .mod-highschool-intro-cart ._body {
    position: absolute;
    top: 35.6%;
    left: 15.75%;
    width: 68.49%;
    height: 57.36%;
  }
  .mod-highschool-intro-cart ._body ._page {
    display: none;
    opacity: 0;
    transition-duration: 0.2s;
  }
  .mod-highschool-intro-cart ._body ._page.is-current {
    display: block;
    opacity: 1;
  }
  .mod-highschool-intro-cart ._body ._ti {
    text-align: center;
  }
  .mod-highschool-intro-cart ._body ._ti p {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
  }
  .mod-highschool-intro-cart {
    width: 880px;
    height: 720px;
  }
  .mod-highschool-intro-cart ._bg {
    position: relative;
    background: url(/employment/highschool/images/intro/bg1.png) left top no-repeat;
    background-size: contain;
    width: 880px;
    height: 720px;
    pointer-events: none;
  }
  .mod-highschool-intro-cart ._bg.is-2 {
    background-image: url(/employment/highschool/images/intro/bg2.png);
  }
  .mod-highschool-intro-cart ._bg.is-3 {
    background-image: url(/employment/highschool/images/intro/bg3.png);
  }
  .mod-highschool-intro-cart ._bg.is-4 {
    background-image: url(/employment/highschool/images/intro/bg4.png);
  }
  .mod-highschool-intro-cart ._bg.is-5 {
    background-image: url(/employment/highschool/images/intro/bg5.png);
  }
  .mod-highschool-intro-cart ._bg.is-6 {
    background-image: url(/employment/highschool/images/intro/bg6.png);
  }
  .mod-highschool-intro-cols {
    display: flex;
    gap: 45px;
    margin-top: 65px;
  }
  .mod-highschool-intro-cols ._col-image {
    width: 272px;
    padding-top: 10px;
  }
  .mod-highschool-intro-cols ._col-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mod-highschool-intro-cols ._doc {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-intro-cols ._keys {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #26bf49;
  }
  .mod-highschool-intro-cols ._keys {
    font-weight: 500;
  }
  .mod-highschool-intro-cols.is-2 ._keys {
    color: #00a8e6;
  }
  .mod-highschool-intro-cols.is-3 ._keys {
    color: #eb5858;
  }
  .mod-highschool-intro-cols.is-4 ._keys {
    color: #e67c00;
  }
  .mod-highschool-intro-cols.is-5 ._keys {
    color: #b562c3;
  }
  .mod-highschool-intro-cols.is-6 ._keys {
    color: #eb588b;
  }
  .mod-highschool-intro-menus ul {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .mod-highschool-intro-menus li {
    margin: 0;
    padding: 0;
  }
  .mod-highschool-intro-menu {
    font-size: 18px;
    letter-spacing: 0.05em;
    padding: 10px 5px 10px 20px;
    margin: 0;
    color: #26bf49;
    border: 2px solid #26bf49;
    border-radius: 25px 0 0 25px;
    background-color: #fff;
    cursor: pointer;
    font-weight: 500;
    transition-duration: 0.2s;
  }
  .mod-highschool-intro-menu:hover {
    filter: brightness(1.1);
  }
  .mod-highschool-intro-menu.is-current {
    margin-left: -30px;
    background-color: #26bf49;
    color: #fff !important;
  }
  .mod-highschool-intro-menu.is-2 {
    color: #00a8e6;
    border-color: #00a8e6;
  }
  .mod-highschool-intro-menu.is-2.is-current {
    background-color: #00a8e6;
  }
  .mod-highschool-intro-menu.is-3 {
    color: #eb5858;
    border-color: #eb5858;
  }
  .mod-highschool-intro-menu.is-3.is-current {
    background-color: #eb5858;
  }
  .mod-highschool-intro-menu.is-4 {
    color: #e67c00;
    border-color: #e67c00;
  }
  .mod-highschool-intro-menu.is-4.is-current {
    background-color: #e67c00;
  }
  .mod-highschool-intro-menu.is-5 {
    color: #b562c3;
    border-color: #b562c3;
  }
  .mod-highschool-intro-menu.is-5.is-current {
    background-color: #b562c3;
  }
  .mod-highschool-intro-menu.is-6 {
    color: #eb588b;
    border-color: #eb588b;
  }
  .mod-highschool-intro-menu.is-6.is-current {
    background-color: #eb588b;
  }
  /* ----------------------------------------------------------
  block-highschool-interview
  ---------------------------------------------------------- */
  .block-highschool-interview {
    position: relative;
  }
  .block-highschool-interview img {
    width: 100%;
  }
  .block-highschool-interview .block-highschool-inner {
    height: 1195px;
  }
  .block-highschool-interview ._box {
    position: absolute;
    top: 97px;
    left: 0px;
    width: 1080px;
    height: 1051px;
  }
  .block-highschool-interview ._title {
    position: absolute;
    top: 37px;
    left: 250px;
    width: 580px;
    height: 152px;
  }
  .block-highschool-interview ._lead {
    position: absolute;
    top: 219px;
    left: 137px;
    width: 806px;
  }
  .block-highschool-interview ._list {
    position: absolute;
    top: 307px;
    left: 84px;
    width: 912px;
    height: 762px;
  }
  .block-highschool-interview ._box {
    background-color: #fff;
    border-radius: 50px;
  }
  .block-highschool-interview ._lead {
    font-size: 21px;
    line-height: 1.75;
    color: #3c3c3c;
    text-align: center;
  }
  .mod-highschool-interview-items {
    display: flex;
    flex-wrap: wrap;
    gap: 55px 30px;
  }
  .mod-highschool-interview-items > li {
    width: 284px;
  }
  .mod-highschool-interview-item {
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-highschool-interview-item:hover {
    filter: brightness(1.1);
  }
  .mod-highschool-interview-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-interview-item ._item-texts {
    position: absolute;
    inset: 192px 10px 0 10px;
  }
  .mod-highschool-interview-item ._domain {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-interview-item ._name {
    margin-top: 36px;
    font-size: 21px;
    text-align: center;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0.05em;
  }
  .mod-highschool-interview-item ._spec {
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-interview-item.is-1 ._name {
    color: #26bf49;
  }
  .mod-highschool-interview-item.is-2 ._name {
    color: #00a8e6;
  }
  .mod-highschool-interview-item.is-3 ._name {
    color: #eb588b;
  }
  .mod-highschool-interview-item.is-4 ._name {
    color: #e67c00;
  }
  .mod-highschool-interview-item.is-5 ._name {
    color: #e87ec4;
  }
  .mod-highschool-interview-item.is-6 ._name {
    color: #b562c3;
  }
  /* ----------------------------------------------------------
  block-highschool-numbers
  ---------------------------------------------------------- */
  .block-highschool-numbers {
    position: relative;
  }
  .block-highschool-numbers .block-highschool-inner {
    height: 1013px;
  }
  .block-highschool-numbers ._title {
    position: absolute;
    top: 43px;
    left: 250px;
    width: 580px;
    height: 152px;
  }
  .block-highschool-numbers ._list {
    position: absolute;
    top: 225px;
    left: 111px;
    width: 858px;
    height: 270px;
  }
  .mod-highschool-numbers-items {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
  }
  .mod-highschool-numbers-items > li {
    width: 270px;
  }
  .mod-highschool-numbers-item {
    display: flex;
    gap: 30px;
    position: relative;
  }
  .mod-highschool-numbers-item ._item-image {
    flex: 1;
  }
  .mod-highschool-numbers-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-numbers-item ._item-texts {
    flex: 1;
    line-height: 1.8;
  }
  .mod-highschool-numbers-item ._item-texts ._t1 {
    font-size: 24px;
  }
  .mod-highschool-numbers-item ._item-texts ._t2 {
    margin-top: 10px;
  }
  .mod-highschool-numbers-item ._item-texts ._t3 {
    margin-top: 10px;
  }
  /* ----------------------------------------------------------
  block-highschool-numbers
  ---------------------------------------------------------- */
  .block-highschool-system {
    position: relative;
  }
  .block-highschool-system .block-highschool-inner {
    height: 2405px;
  }
  .block-highschool-system ._title {
    position: absolute;
    top: 39px;
    left: 250px;
    width: 580px;
    height: 152px;
  }
  .block-highschool-system ._list {
    position: absolute;
    top: 221px;
    left: 26px;
    width: 1026px;
    height: 667px;
  }
  .mod-highschool-system-items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .mod-highschool-system-items > li {
    width: 492px;
  }
  .mod-highschool-system-item {
    position: relative;
    border: 5px solid #E60012;
    background-color: #fff;
    height: 100%;
    padding: 55px 55px 45px 55px;
    overflow: hidden;
  }
  .mod-highschool-system-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    background: #E60012;
    border-radius: 0 0 100%;
  }
  .mod-highschool-system-item ._no {
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 80px;
    font-size: 60px;
    text-align: center;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-system-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-system-item ._item-texts {
    margin-top: 20px;
  }
  .mod-highschool-system-item ._ti {
    font-size: 20px;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-highschool-system-item ._doc {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-system-item ._btns {
    margin-top: 30px;
    text-align: center;
  }
  .mod-highschool-btn {
    display: inline-block;
    background-color: #E60012;
    padding: 18px 45px;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-highschool-btn:hover {
    filter: brightness(1.1);
  }
  .block-highschool-info-bg img {
    width: 100%;
  }
  /* ----------------------------------------------------------
  block-highschool-info
  ---------------------------------------------------------- */
  .block-highschool-info {
    position: relative;
  }
  .block-highschool-info .block-highschool-inner {
    height: 702px;
  }
  .block-highschool-info ._title {
    position: absolute;
    top: -81px;
    left: 250px;
    width: 580px;
    height: 153px;
  }
  .block-highschool-info ._list {
    position: absolute;
    top: 101px;
    left: 0px;
    width: 1080px;
    height: 441px;
  }
  .block-highschool-info ._note {
    margin-left: 145px;
    margin-top: 20px;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: left;
    color: #3c3c3c;
    position: relative;
    display: flex;
    background-color: #fff;
    border-radius: 50px;
  }
  .block-highschool-info ._note ._dot {
    width: 45px;
    height: 45px;
    background-color: #3C3C3C;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .block-highschool-info ._note ._doc {
    height: 45px;
    padding: 10px 0 0 30px;
  }
  .mod-highschool-system-items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .mod-highschool-system-items > li {
    width: 492px;
  }
  .mod-dl-list {
    display: flex;
    gap: 25px;
    flex-direction: column;
  }
  .mod-dl-list ._cols {
    display: flex;
    gap: 40px;
  }
  .mod-dl-list ._cols > div {
    flex: 1;
  }
  .mod-dl {
    margin: 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 50px;
  }
  .mod-dl dt {
    margin: 0;
    background-color: #E60012;
    border-radius: 50px;
    padding: 24px 20px 24px 40px;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    width: 190px;
    box-sizing: border-box;
  }
  .mod-dl dd {
    margin: 0;
    flex: 1;
    padding: 24px 20px 24px 30px;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.05em;
  }
  /* ----------------------------------------------------------
  block-highschool-qa
  ---------------------------------------------------------- */
  .block-highschool-qa {
    position: relative;
  }
  .block-highschool-qa img {
    width: 100%;
  }
  .block-highschool-qa .block-highschool-inner {
    height: 1340px;
  }
  .block-highschool-qa ._fig2 {
    position: absolute;
    top: 101px;
    left: 1012px;
    width: 128px;
    height: 396px;
  }
  .block-highschool-qa ._fig1 {
    position: absolute;
    top: 357px;
    left: -38px;
    width: 122px;
    height: 415px;
  }
  .block-highschool-qa ._fig5 {
    position: absolute;
    top: 743px;
    left: 866px;
    width: 137px;
    height: 455px;
  }
  .block-highschool-qa ._fig3 {
    position: absolute;
    top: 674px;
    left: 356px;
    width: 118px;
    height: 404px;
  }
  .block-highschool-qa ._fig4 {
    position: absolute;
    top: 842px;
    left: 496px;
    width: 197px;
    height: 394px;
  }
  .block-highschool-qa ._title {
    position: absolute;
    top: 51px;
    left: 250px;
    width: 580px;
    height: 152px;
  }
  .block-highschool-qa ._list {
    position: absolute;
    top: 216px;
    left: 44px;
    width: 1036px;
    height: 244px;
  }
  .block-highschool-qa ._fig1 {
    z-index: 5;
  }
  .block-highschool-qa ._fig2 {
    z-index: 5;
  }
  .block-highschool-qa ._fig3 {
    z-index: 15;
  }
  .block-highschool-qa ._fig4 {
    z-index: 20;
  }
  .block-highschool-qa ._fig5 {
    z-index: 20;
  }
  .mod-highschool-qa-items {
    display: flex;
    flex-wrap: wrap;
    gap: 70px 70px;
  }
  .mod-highschool-qa-items > li {
    position: relative;
    width: 483px;
  }
  .mod-highschool-qa-item {
    position: relative;
    z-index: 10;
  }
  .mod-highschool-qa-item.is-1 {
    z-index: 1;
  }
  .mod-highschool-qa-item.is-5 {
    z-index: 17;
  }
  .mod-highschool-qa-item ._ti {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-qa-item ._head {
    background-color: #E60012;
    padding: 25px 0 25px 40px;
    border-radius: 50px;
    transform: translate(-40px, 0);
    width: 360px;
    font-weight: 500;
  }
  .mod-highschool-qa-item ._body {
    margin-top: -40px;
    background-color: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    padding: 60px 40px 30px 40px;
    border-radius: 20px;
    height: 210px;
  }
  .mod-highschool-qa-item ._doc {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-swiper-sp .swiper-button-prev {
    display: none;
  }
  .mod-swiper-sp .swiper-button-next {
    display: none;
  }
  .mod-modal-btn-close-warp {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #fff;
    width: 130px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-modal-btn-close-warp:hover {
    filter: brightness(1.1);
  }
  .mod-modal-btn-close {
    --boxW:50px;
    --boxH:50px;
    --bar:30px;
    --thick:2px;
    width: var(--boxW);
    height: var(--boxH);
    position: relative;
    z-index: 10;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-modal-btn-close span {
    content: "";
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    transform: rotate(-45deg);
  }
  .mod-modal-btn-close span:nth-child(2) {
    transform: rotate(45deg);
  }
  .mod-modal-btn-close:hover {
    opacity: 0.8;
  }
  .area-modal-interview {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .area-modal-interview img {
    width: 100%;
  }
  .area-modal-interview.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    z-index: 1000;
  }
  .area-modal-interview .mod-modal-btn-close {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0 10px 0 0;
  }
  .area-modal-interview ._modal-bg {
    position: absolute;
    inset: 0;
    background: #333;
  }
  .area-modal-interview.is-1 ._modal-bg {
    background: #26BF49;
  }
  .area-modal-interview.is-2 ._modal-bg {
    background: #00a8e6;
  }
  .area-modal-interview.is-3 ._modal-bg {
    background: #eb588b;
  }
  .area-modal-interview.is-4 ._modal-bg {
    background: #e67c00;
  }
  .area-modal-interview.is-5 ._modal-bg {
    background: #e87ec4;
  }
  .area-modal-interview.is-6 ._modal-bg {
    background: #b562c3;
  }
  .area-modal-interview.is-1 ._modal-box-head ._div {
    color: #26BF49;
  }
  .area-modal-interview.is-2 ._modal-box-head ._div {
    color: #00a8e6;
  }
  .area-modal-interview.is-3 ._modal-box-head ._div {
    color: #eb588b;
  }
  .area-modal-interview.is-4 ._modal-box-head ._div {
    color: #e67c00;
  }
  .area-modal-interview.is-5 ._modal-box-head ._div {
    color: #e87ec4;
  }
  .area-modal-interview.is-6 ._modal-box-head ._div {
    color: #b562c3;
  }
  .area-modal-interview ._modal-btns {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .area-modal-interview ._modal-box {
    border-radius: 15px;
    position: absolute;
    width: 1080px;
    height: calc(100vh - 100px);
  }
  .area-modal-interview ._modal-box ._page {
    display: none;
  }
  .mod-modal-navi-btn {
    padding: 15px 0 0 0;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-modal-navi-btn:hover {
    filter: brightness(1.2);
  }
  .mod-modal-navi-btn.is-prev {
    display: block;
    position: absolute;
    top: 0px;
    left: calc(50% - 570px);
    background: url(/employment/highschool/images/interview/modal/icon_prev.png) left top no-repeat;
    background-size: contain;
    width: 99px;
    height: 60px;
    padding: 15px 0 0 20px;
  }
  .mod-modal-navi-btn.is-next {
    display: block;
    position: absolute;
    top: 0px;
    right: calc(50% - 570px);
    background: url(/employment/highschool/images/interview/modal/icon_next.png) left top no-repeat;
    background-size: contain;
    width: 99px;
    height: 60px;
    padding: 15px 20px 0 0;
  }
  .block-modal-interview {
    position: relative;
  }
  .block-modal-interview ._modal-box-head {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 40px;
    color: #fff;
  }
  .block-modal-interview ._modal-box-head ._fig {
    width: 178px;
  }
  .block-modal-interview ._modal-box-head ._left {
    width: 350px;
    padding-top: 20px;
    padding-left: 50px;
  }
  .block-modal-interview ._modal-box-head ._left div {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .block-modal-interview ._modal-box-head ._right {
    width: 400px;
    padding-top: 80px;
  }
  .block-modal-interview ._modal-box-head ._right div {
    display: flex;
    align-items: center;
  }
  .block-modal-interview ._modal-box-head ._ti {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-head ._no {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-head ._div {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #26bf49;
    background-color: #fff;
    padding: 10px 10px 10px 20px;
    position: relative;
  }
  .block-modal-interview ._modal-box-head ._div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: -20px;
    width: 30px;
    background: #fff;
    transform: skew(-15deg);
  }
  .block-modal-interview ._modal-box-head ._name {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-head ._spec {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #fff;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-body {
    position: absolute;
    top: 150px;
    left: 0px;
    right: 0px;
    bottom: 0;
    height: 530px;
    height: calc(100vh - 250px);
    background: #fff;
    border-radius: 10px;
    overflow-y: auto;
    padding: 90px 120px;
  }
  .block-modal-interview ._modal-box-body ._row1 {
    display: flex;
    gap: 40px;
  }
  .block-modal-interview ._modal-box-body ._row1 > div {
    flex: 1;
  }
  .block-modal-interview ._modal-box-body ._row1 h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.09;
    letter-spacing: 0.05em;
    color: #e60012;
  }
  .block-modal-interview ._modal-box-body ._row1 h3:after {
    content: "";
    display: block;
    margin: 25px 0;
    width: 50px;
    height: 1px;
    background: #E60012;
  }
  .block-modal-interview ._modal-box-body ._row1 ._doc {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .block-modal-interview ._modal-box-body ._row2 {
    margin-top: 60px;
    display: flex;
    gap: 30px;
    position: relative;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-image {
    width: 393px;
    padding: 125px 0 0 0;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-image img {
    width: 100%;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-texts {
    width: 412px;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-texts ._title {
    position: relative;
    width: 460px;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-texts p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
  }
  .block-modal-interview ._modal-box-body ._row3 {
    margin-top: 80px;
  }
  .block-modal-interview ._modal-box-body ._row3 h3 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    line-height: 1.09;
    letter-spacing: 0.05em;
    color: #e60012;
    border: 3px solid #e60012;
    padding: 14px;
    margin-bottom: 20px;
    position: relative;
  }
  .block-modal-interview ._modal-box-body ._row3 h3:before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 230px;
    background: url(/employment/highschool/images/interview/modal/deco1.png) left top no-repeat;
    background-size: contain;
    width: 48px;
    height: 60px;
  }
  .block-modal-interview ._modal-box-body ._row3 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    right: 230px;
    background: url(/employment/highschool/images/interview/modal/deco2.png) left top no-repeat;
    background-size: contain;
    width: 34px;
    height: 52px;
  }
  .block-modal-interview ._modal-box-body ._row3 h4 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    padding: 10px;
    letter-spacing: 0.05em;
    color: #e60012;
    border-bottom: 1px solid #e60012;
    margin-bottom: 10px;
  }
  .block-modal-interview ._modal-box-body ._row3 ._cols {
    display: flex;
    gap: 40px;
  }
  .block-modal-interview ._modal-box-body ._row3 ._cols > div {
    flex: 1;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table {
    width: 100%;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table th {
    border-bottom: 1px dashed #E60012;
    padding: 10px 0 10px 0;
    font-size: 15px;
    text-align: center;
    line-height: 1.74;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
    width: 100px;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table td {
    border-bottom: 1px dashed #E60012;
    padding: 10px 0 10px 0;
    font-size: 15px;
    line-height: 1.74;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .block-modal-interview ._page {
    position: relative;
  }
  /* ----------------------------------------------------------
  .area-modal
  ---------------------------------------------------------- */
  .area-modal-message {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .area-modal-message.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .area-modal-message ._close {
    position: absolute;
    bottom: -45px;
    left: calc(50% - 45px);
    width: 90px;
    height: 90px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .area-modal-message ._close:hover {
    filter: brightness(1.1);
  }
  .area-modal-message ._modal-bg {
    position: absolute;
    inset: 0;
    background: #283A53;
  }
  .area-modal-message ._modal-box {
    position: absolute;
    background: #fff;
    border-radius: 35px;
    box-sizing: border-box;
    width: 640px;
  }
  .area-modal-message ._modal-body {
    position: absolute;
    inset: 0;
  }
  .area-modal-message ._inner {
    padding: 80px 80px;
  }
  .area-modal-message ._sub {
    font-size: 15px;
    text-align: center;
    line-height: 2.1;
    letter-spacing: 0.05em;
    color: #3c3c3c;
    font-weight: 500;
  }
  .area-modal-message ._title {
    margin-top: 18px;
    font-size: 45px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.15em;
    color: #e60012;
  }
  .area-modal-message ._doc {
    margin-top: 45px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .area-highschool-head {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 80px;
    z-index: 100;
    background-color: #fff;
  }
  .area-highschool-head ._logo {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 135px;
    height: 36px;
  }
  .area-highschool-head ._name {
    position: absolute;
    top: 35px;
    left: 190px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: bold;
  }
  footer .footer_end {
    background: #E60012;
    padding: 20px;
  }
  footer .footer_end .inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  footer .footer_end .inner .f_nav ul {
    display: flex;
    border-left: 1px solid #ffffff;
  }
  footer .footer_end .inner .f_nav ul li {
    border-left: none;
  }
  footer .footer_end .inner .f_nav ul li a {
    display: block;
    padding: 0 1rem;
    color: #fff;
    font-size: 11px;
    border-right: 1px solid #ffffff;
  }
  footer .footer_end .inner .copyright {
    display: block;
    padding: 0 1rem;
    color: #fff;
    font-size: 11px;
  }
  .block-float-sns {
    position: fixed;
    top: 100px;
    right: 75px;
    background-size: contain;
    width: 170px;
    height: 170px;
    z-index: 80;
  }
  .block-float-sns a {
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-float-sns a:hover {
    filter: brightness(1.1);
  }
  .block-float-menu {
    position: fixed;
    top: -325px;
    right: 30px;
    background: url(/employment/highschool/common/images/float_menu.png) left top no-repeat;
    background-size: contain;
    width: 263px;
    height: 410px;
    z-index: 100;
    transition-duration: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body.is-show-float-menu .block-float-menu {
    top: 25px;
  }
  body.is-show-float-menu .block-float-menu:hover {
    transform: translate(0, 0);
  }
  .block-float-menu:hover {
    transform: translate(0, 5px);
  }
  .block-float-menu ._inner {
    text-align: center;
  }
  .block-float-menu ul {
    display: flex;
    gap: 12px;
    flex-direction: column;
  }
  .block-float-menu a {
    display: block;
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #e60012;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-float-menu a:hover {
    opacity: 0.8;
  }
  .block-float-menu ._btn1 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 60px;
    cursor: pointer;
  }
  .block-float-menu ._btn2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 60px;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .u-pc {
    display: none;
  }
  .area-wrap {
    overflow: hidden;
  }
  .block-highschool-bg1 {
    background: url(/employment/highschool/images/bgs/sp/bg1.png?3) center top no-repeat;
    background-size: 100% auto;
  }
  .block-highschool-bg1 img {
    width: 100%;
  }
  .block-highschool-bg2 {
    background: url(/employment/highschool/images/bgs/sp/bg2.png?2) center top no-repeat;
    background-size: 100% auto;
  }
  .block-highschool-bg2 img {
    width: 100%;
  }
  .block-highschool-bg3 {
    background: url(/employment/highschool/images/bgs/sp/bg3.png?2) center top no-repeat;
    background-size: 100% auto;
    background-color: #FDF188;
  }
  .block-highschool-bg3 img {
    width: 100%;
  }
  .block-highschool-inner {
    position: relative;
  }
  .mod-highschool-h2 {
    background: url(/employment/highschool/images/common/title_bg.svg) left top no-repeat;
    background-size: contain;
    width: 66.6666666667vw;
    height: 21.3333333333vw;
    text-align: center;
    padding: 4.8vw 0 0 0;
  }
  .mod-highschool-h2 h2 {
    font-size: 4vw;
    color: #fff;
    font-weight: 500;
  }
  /* ----------------------------------------------------------
  block-highschool-main
  ---------------------------------------------------------- */
  .block-highschool-main {
    position: relative;
  }
  .block-highschool-main .block-highschool-inner {
    height: 208vw;
  }
  .block-highschool-main ._fig1 {
    position: absolute;
    top: 24vw;
    left: 7.73vw;
    width: 24.53vw;
    height: 40.8vw;
  }
  .block-highschool-main ._fig2 {
    position: absolute;
    top: 33.33vw;
    left: 70.67vw;
    width: 27.73vw;
    height: 46.13vw;
  }
  .block-highschool-main ._fig3 {
    position: absolute;
    top: 89.07vw;
    left: 14.67vw;
    width: 15.73vw;
    height: 50.67vw;
  }
  .block-highschool-main ._fig5 {
    position: absolute;
    top: 102.93vw;
    left: 69.87vw;
    width: 14.67vw;
    height: 50.13vw;
  }
  .block-highschool-main ._fig4 {
    position: absolute;
    top: 145.07vw;
    left: 2.67vw;
    width: 19.73vw;
    height: 49.33vw;
    z-index: 10;
  }
  .block-highschool-main ._fig6 {
    position: absolute;
    top: 164.53vw;
    left: 50.13vw;
    width: 30.13vw;
    height: 50.4vw;
    z-index: 10;
  }
  .block-highschool-main ._fig4 {
    pointer-events: none;
  }
  .block-highschool-main ._fig6 {
    pointer-events: none;
  }
  .block-highschool-main ._h1 {
    position: absolute;
    top: 42.67vw;
    left: 25.8vw;
    width: 46.4vw;
    height: 45.74vw;
  }
  .block-highschool-main ._h1 h1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4vw;
    text-align: center;
    padding-top: 8vw;
  }
  .block-highschool-main ._h1 h1 ._t1 {
    font-size: 4vw;
    line-height: 1.75;
    color: #fff;
  }
  .block-highschool-main ._h1 h1 ._t2 {
    font-size: 5.6vw;
    line-height: 1.5;
    color: #fff;
  }
  .block-highschool-main ._h2 {
    position: absolute;
    top: 130.4vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 50.4vw;
  }
  .block-highschool-main ._h2 ._texts {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1.3333333333vw;
    text-align: center;
    padding-top: 14.6666666667vw;
  }
  .block-highschool-main ._h2 ._texts h2 {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #e60012;
  }
  /* ----------------------------------------------------------
  block-highschool-intro
  ---------------------------------------------------------- */
  .block-highschool-intro {
    position: relative;
  }
  .block-highschool-intro .block-highschool-inner {
    height: 301.07vw;
  }
  .block-highschool-intro ._title {
    position: absolute;
    top: 8.27vw;
    left: 16.8vw;
    width: 66.4vw;
    height: 21.33vw;
  }
  .block-highschool-intro ._texts {
    position: absolute;
    top: 36.53vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 45.33vw;
  }
  .block-highschool-intro ._texts ._t1 {
    font-size: 4vw;
    line-height: 1.75;
    font-weight: 500;
    color: #e60012;
    text-align: center;
  }
  .block-highschool-intro ._texts ._t2 {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 2;
    color: #3c3c3c;
  }
  .block-highschool-intro ._cart {
    position: absolute;
    top: 129.33vw;
    left: -0.27vw;
    width: 100vw;
    height: 165.6vw;
  }
  .block-highschool-intro ._cart_menu {
    position: absolute;
    top: 106.93vw;
    left: 0vw;
    width: 100vw;
    height: 18.4vw;
  }
  .mod-highschool-intro-cart ._menus {
    position: absolute;
    top: -23vw;
    left: 0px;
    right: 0px;
  }
  .mod-highschool-intro-cart ._body {
    position: absolute;
    top: 30vw;
    left: 22vw;
    right: 5vw;
  }
  .mod-highschool-intro-cart ._body ._page {
    display: none;
    opacity: 0;
    transition-duration: 0.2s;
  }
  .mod-highschool-intro-cart ._body ._page.is-current {
    display: block;
    opacity: 1;
  }
  .mod-highschool-intro-cart ._body ._ti {
    text-align: center;
  }
  .mod-highschool-intro-cart ._body ._ti p {
    font-size: 4.8vw;
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
  }
  .mod-highschool-intro-cart {
    width: 100vw;
    height: 165.6vw;
  }
  .mod-highschool-intro-cart ._bg {
    position: relative;
    background: url(/employment/highschool/images/intro/sp/bg1.png?) left top no-repeat;
    background-size: contain;
    width: 100vw;
    height: 165.6vw;
    pointer-events: none;
  }
  .mod-highschool-intro-cart ._bg.is-2 {
    background-image: url(/employment/highschool/images/intro/sp/bg2.png);
  }
  .mod-highschool-intro-cart ._bg.is-3 {
    background-image: url(/employment/highschool/images/intro/sp/bg3.png);
  }
  .mod-highschool-intro-cart ._bg.is-4 {
    background-image: url(/employment/highschool/images/intro/sp/bg4.png);
  }
  .mod-highschool-intro-cart ._bg.is-5 {
    background-image: url(/employment/highschool/images/intro/sp/bg5.png);
  }
  .mod-highschool-intro-cart ._bg.is-6 {
    background-image: url(/employment/highschool/images/intro/sp/bg6.png);
  }
  .mod-highschool-intro-cols {
    margin-top: 6.6666666667vw;
  }
  .mod-highschool-intro-cols ._col-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2.6666666667vw;
  }
  .mod-highschool-intro-cols ._doc {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-intro-cols ._keys {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #26bf49;
  }
  .mod-highschool-intro-cols ._keys {
    font-weight: 500;
  }
  .mod-highschool-intro-cols.is-2 ._keys {
    color: #00a8e6;
  }
  .mod-highschool-intro-cols.is-3 ._keys {
    color: #eb5858;
  }
  .mod-highschool-intro-cols.is-4 ._keys {
    color: #e67c00;
  }
  .mod-highschool-intro-cols.is-5 ._keys {
    color: #b562c3;
  }
  .mod-highschool-intro-cols.is-6 ._keys {
    color: #eb588b;
  }
  .mod-highschool-intro-menus ul {
    display: flex;
    justify-content: center;
    gap: 2.6666666667vw 1.0666666667vw;
    flex-wrap: wrap;
  }
  .mod-highschool-intro-menus li {
    width: 26.6666666667vw;
    margin: 0;
    padding: 0;
  }
  .mod-highschool-intro-menu {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 1.8666666667vw 0 1.8666666667vw 0;
    margin: 0;
    color: #26bf49;
    border: 0.5333333333vw solid #26bf49;
    border-radius: 5.3333333333vw;
    background-color: #fff;
    cursor: pointer;
    font-weight: 500;
  }
  .mod-highschool-intro-menu.is-current {
    background-color: #26bf49;
    color: #fff !important;
  }
  .mod-highschool-intro-menu.is-2 {
    color: #00a8e6;
    border-color: #00a8e6;
  }
  .mod-highschool-intro-menu.is-2.is-current {
    background-color: #00a8e6;
  }
  .mod-highschool-intro-menu.is-3 {
    color: #eb5858;
    border-color: #eb5858;
  }
  .mod-highschool-intro-menu.is-3.is-current {
    background-color: #eb5858;
  }
  .mod-highschool-intro-menu.is-4 {
    color: #e67c00;
    border-color: #e67c00;
  }
  .mod-highschool-intro-menu.is-4.is-current {
    background-color: #e67c00;
  }
  .mod-highschool-intro-menu.is-5 {
    color: #b562c3;
    border-color: #b562c3;
  }
  .mod-highschool-intro-menu.is-5.is-current {
    background-color: #b562c3;
  }
  .mod-highschool-intro-menu ._is-6 {
    color: #eb588b;
    border-color: #eb588b;
  }
  .mod-highschool-intro-menu ._is-6.is-current {
    background-color: #eb588b;
  }
  /* ----------------------------------------------------------
  block-highschool-interview
  ---------------------------------------------------------- */
  .block-highschool-interview {
    position: relative;
  }
  .block-highschool-interview img {
    width: 100%;
  }
  .block-highschool-interview .block-highschool-inner {
    height: 180vw;
  }
  .block-highschool-interview ._box {
    position: absolute;
    top: 13.87vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 156vw;
  }
  .block-highschool-interview ._title {
    position: absolute;
    top: 5.87vw;
    left: 16.8vw;
    width: 66.4vw;
    height: 21.33vw;
  }
  .block-highschool-interview ._lead {
    position: absolute;
    top: 31.2vw;
    left: -0.27vw;
    width: 100.8vw;
  }
  .block-highschool-interview ._list {
    position: absolute;
    top: 64.27vw;
    left: 12.27vw;
    width: 75.73vw;
    height: 93.6vw;
  }
  .block-highschool-interview ._box {
    background-color: #fff;
    border-radius: 13.3333333333vw;
  }
  .block-highschool-interview ._lead {
    font-size: 4vw;
    line-height: 1.75;
    color: #3c3c3c;
    text-align: center;
  }
  .mod-highschool-interview-item {
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-highschool-interview-item:hover {
    filter: brightness(1.1);
  }
  .mod-highschool-interview-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-interview-item ._item-texts {
    position: absolute;
    inset: 51.2vw 2.6666666667vw 0 2.6666666667vw;
  }
  .mod-highschool-interview-item ._domain {
    font-size: 4.8vw;
    line-height: 1.66;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-interview-item ._name {
    margin-top: 9.6vw;
    font-size: 5.6vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0.05em;
  }
  .mod-highschool-interview-item ._spec {
    margin-top: 1.6vw;
    font-size: 3.2vw;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-interview-item.is-1 ._name {
    color: #26bf49;
  }
  .mod-highschool-interview-item.is-2 ._name {
    color: #00a8e6;
  }
  .mod-highschool-interview-item.is-3 ._name {
    color: #eb588b;
  }
  .mod-highschool-interview-item.is-4 ._name {
    color: #e67c00;
  }
  .mod-highschool-interview-item.is-5 ._name {
    color: #e87ec4;
  }
  .mod-highschool-interview-item.is-6 ._name {
    color: #b562c3;
  }
  /* ----------------------------------------------------------
  block-highschool-numbers
  ---------------------------------------------------------- */
  .block-highschool-numbers {
    position: relative;
  }
  .block-highschool-numbers .block-highschool-inner {
    height: 194vw;
  }
  .block-highschool-numbers ._title {
    position: absolute;
    top: 5.6vw;
    left: 16.8vw;
    width: 66.4vw;
    height: 21.33vw;
  }
  .block-highschool-numbers ._list {
    position: absolute;
    top: 30.93vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 136.8vw;
  }
  .mod-highschool-numbers-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4vw 2%;
  }
  .mod-highschool-numbers-items > li {
    width: 49%;
  }
  .mod-highschool-numbers-item {
    display: flex;
    gap: 30px;
    position: relative;
  }
  .mod-highschool-numbers-item ._item-image {
    flex: 1;
  }
  .mod-highschool-numbers-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-numbers-item ._item-texts {
    flex: 1;
    line-height: 1.8;
  }
  .mod-highschool-numbers-item ._item-texts ._t1 {
    font-size: 24px;
  }
  .mod-highschool-numbers-item ._item-texts ._t2 {
    margin-top: 10px;
  }
  .mod-highschool-numbers-item ._item-texts ._t3 {
    margin-top: 10px;
  }
  /* ----------------------------------------------------------
  block-highschool-numbers
  ---------------------------------------------------------- */
  .block-highschool-system {
    position: relative;
    background: url(/employment/highschool/images/bgs/sp/bg2b.png) left bottom no-repeat;
    background-size: 100% auto;
  }
  .block-highschool-system .block-highschool-inner {
    padding: 18.6666666667vw 5.3333333333vw 98.6666666667vw 5.3333333333vw;
  }
  .block-highschool-system ._title {
    width: 66vw;
    margin: 0 auto;
  }
  .block-highschool-system ._list {
    margin-top: 20px;
  }
  .mod-highschool-system-items {
    display: flex;
    gap: 3.2vw;
    flex-direction: column;
  }
  .mod-highschool-system-item {
    position: relative;
    border: 1.3333333333vw solid #E60012;
    background-color: #fff;
    height: 100%;
    padding: 5.8666666667vw;
    overflow: hidden;
  }
  .mod-highschool-system-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #E60012;
    border-radius: 0 0 100%;
  }
  .mod-highschool-system-item ._no {
    z-index: 10;
    position: absolute;
    top: 1.0666666667vw;
    left: 0;
    width: 9.3333333333vw;
    font-size: 8vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-system-item ._item-image img {
    width: 100%;
  }
  .mod-highschool-system-item ._item-texts {
    margin-top: 5.3333333333vw;
  }
  .mod-highschool-system-item ._ti {
    font-size: 4vw;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
  }
  .mod-highschool-system-item ._doc {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-highschool-system-item ._btns {
    margin-top: 2.6666666667vw;
    text-align: center;
  }
  .mod-highschool-btn {
    display: inline-block;
    background-color: #E60012;
    padding: 3.7333333333vw 9.8666666667vw;
    border-radius: 10.9333333333vw;
    font-size: 3.2vw;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-highschool-btn:hover {
    filter: brightness(1.1);
  }
  .block-highschool-info-bg img {
    width: 100%;
  }
  /* ----------------------------------------------------------
  block-highschool-info
  ---------------------------------------------------------- */
  .block-highschool-info {
    position: relative;
  }
  .block-highschool-info .block-highschool-inner {
    margin-top: -10.6666666667vw;
    padding: 0 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
  .block-highschool-info ._title {
    width: 66vw;
    margin: 0 auto;
  }
  .block-highschool-info ._list {
    margin-top: 2.6666666667vw;
  }
  .block-highschool-info ._note {
    margin-top: 1.6vw;
    font-size: 2.6666666667vw;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: left;
    color: #3c3c3c;
    position: relative;
    display: flex;
    background-color: #fff;
    border-radius: 8.8vw;
  }
  .block-highschool-info ._note ._dot {
    width: 13.3333333333vw;
    height: 10.6666666667vw;
    background-color: #3C3C3C;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .block-highschool-info ._note ._doc {
    padding: 2.6666666667vw 5.3333333333vw 0 2.6666666667vw;
    height: 13.3333333333vw;
  }
  .mod-dl-list {
    display: flex;
    gap: 1.6vw;
    flex-direction: column;
  }
  .mod-dl-list ._cols {
    display: flex;
    gap: 1.6vw;
    flex-direction: column;
  }
  .mod-dl {
    margin: 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8.8vw;
  }
  .mod-dl dt {
    margin: 0;
    background-color: #E60012;
    border-radius: 8.8vw;
    padding: 2.6666666667vw 0 2.6666666667vw 4vw;
    font-size: 3.2vw;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    width: 29.3333333333vw;
    box-sizing: border-box;
    height: 10.6666666667vw;
  }
  .mod-dl dd {
    margin: 0;
    flex: 1;
    padding: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.45;
    letter-spacing: 0.05em;
  }
  /* ----------------------------------------------------------
  block-highschool-qa
  ---------------------------------------------------------- */
  .block-highschool-qa {
    position: relative;
  }
  .block-highschool-qa img {
    width: 100%;
  }
  .block-highschool-qa .block-highschool-inner {
    height: 429.33vw;
  }
  .block-highschool-qa ._list {
    position: absolute;
    top: 37.87vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 340vw;
  }
  .block-highschool-qa ._title {
    position: absolute;
    top: 12.53vw;
    left: 16.8vw;
    width: 66.4vw;
    height: 21.33vw;
  }
  .block-highschool-qa ._fig1 {
    position: absolute;
    top: 75.47vw;
    left: 9.6vw;
    width: 21.33vw;
    height: 72.53vw;
  }
  .block-highschool-qa ._fig2 {
    position: absolute;
    top: 140.53vw;
    left: 81.33vw;
    width: 22.4vw;
    height: 69.33vw;
  }
  .block-highschool-qa ._fig3 {
    position: absolute;
    top: 214.67vw;
    left: 39.73vw;
    width: 20.53vw;
    height: 71.2vw;
  }
  .block-highschool-qa ._fig5 {
    position: absolute;
    top: 284.27vw;
    left: 59.2vw;
    width: 23.73vw;
    height: 79.2vw;
  }
  .block-highschool-qa ._fig4 {
    position: absolute;
    top: 353.87vw;
    left: 22.67vw;
    width: 34.13vw;
    height: 68.27vw;
  }
  .block-highschool-qa ._fig1 {
    z-index: 2;
  }
  .block-highschool-qa ._fig2 {
    z-index: 4;
  }
  .block-highschool-qa ._fig3 {
    z-index: 6;
  }
  .block-highschool-qa ._fig4 {
    z-index: 10;
  }
  .block-highschool-qa ._fig5 {
    z-index: 8;
  }
  .mod-highschool-qa-items {
    display: flex;
    gap: 9.3333333333vw;
    flex-direction: column;
  }
  .mod-highschool-qa-items > li {
    position: relative;
  }
  .mod-highschool-qa-item {
    position: relative;
    z-index: 10;
  }
  .mod-highschool-qa-item.is-1 {
    z-index: 1;
  }
  .mod-highschool-qa-item.is-2 {
    z-index: 3;
  }
  .mod-highschool-qa-item.is-3 {
    z-index: 5;
  }
  .mod-highschool-qa-item.is-4 {
    z-index: 7;
  }
  .mod-highschool-qa-item.is-5 {
    z-index: 9;
  }
  .mod-highschool-qa-item ._ti {
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-highschool-qa-item ._head {
    background-color: #E60012;
    padding: 2.9333333333vw 0 2.9333333333vw 5.3333333333vw;
    border-radius: 10.9333333333vw;
    position: relative;
    width: 77.8666666667vw;
    font-weight: 500;
  }
  .mod-highschool-qa-item ._body {
    margin-top: -8.5333333333vw;
    margin-left: 8vw;
    background-color: #fff;
    box-shadow: 0 0.5333333333vw 3.4666666667vw rgba(0, 0, 0, 0.15);
    padding: 13.0666666667vw 8.5333333333vw 6.4vw 8.5333333333vw;
    border-radius: 4.2666666667vw;
    height: 56vw;
  }
  .mod-highschool-qa-item ._doc {
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .mod-swiper-sp {
    position: relative;
  }
  .mod-swiper-sp .swiper-button-prev {
    z-index: 10;
    display: block;
    position: absolute;
    top: 50%;
    left: -13.3333333333vw;
    background: url(/employment/highschool/images/interview/modal/sp/icon_prev.png) left top no-repeat;
    background-size: contain;
    width: 10.6666666667vw;
    height: 16vw;
  }
  .mod-swiper-sp .swiper-button-prev:after {
    content: "";
  }
  .mod-swiper-sp .swiper-button-next {
    z-index: 10;
    display: block;
    position: absolute;
    top: 50%;
    right: -13.3333333333vw;
    background: url(/employment/highschool/images/interview/modal/sp/icon_next.png) left top no-repeat;
    background-size: contain;
    width: 10.6666666667vw;
    height: 16vw;
  }
  .mod-swiper-sp .swiper-button-next:after {
    content: "";
  }
  .mod-swiper-sp .swiper-button-disabled {
    opacity: 0.2;
  }
  .mod-swiper-sp .swiper-slide {
    transition-duration: 0.5s;
  }
  .mod-modal-btn-close-warp {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1100;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 2.2;
    letter-spacing: 0.05em;
    color: #fff;
    width: 80px;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-modal-btn-close-warp:hover {
    filter: brightness(1.1);
  }
  .mod-modal-btn-close {
    --boxW:30px;
    --boxH:30px;
    --bar:20px;
    --thick:2px;
    width: var(--boxW);
    height: var(--boxH);
    position: relative;
    z-index: 10;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-modal-btn-close span {
    content: "";
    position: absolute;
    background: #fff;
    top: calc((var(--boxH) - var(--thick)) / 2);
    left: calc((var(--boxW) - var(--bar)) / 2);
    width: var(--bar);
    height: var(--thick);
    transform: rotate(-45deg);
  }
  .mod-modal-btn-close span:nth-child(2) {
    transform: rotate(45deg);
  }
  .mod-modal-btn-close:hover {
    opacity: 0.8;
  }
  .area-modal-interview {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
  }
  .area-modal-interview img {
    width: 100%;
  }
  .area-modal-interview.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    z-index: 1000;
  }
  .area-modal-interview ._modal-bg {
    position: absolute;
    inset: 0;
    background: #333;
  }
  .area-modal-interview.is-1 ._modal-bg {
    background: #26BF49;
  }
  .area-modal-interview.is-2 ._modal-bg {
    background: #00a8e6;
  }
  .area-modal-interview.is-3 ._modal-bg {
    background: #eb588b;
  }
  .area-modal-interview.is-4 ._modal-bg {
    background: #e67c00;
  }
  .area-modal-interview.is-5 ._modal-bg {
    background: #e87ec4;
  }
  .area-modal-interview.is-6 ._modal-bg {
    background: #b562c3;
  }
  .area-modal-interview.is-1 ._modal-box-head ._div {
    color: #26BF49;
  }
  .area-modal-interview.is-2 ._modal-box-head ._div {
    color: #00a8e6;
  }
  .area-modal-interview.is-3 ._modal-box-head ._div {
    color: #eb588b;
  }
  .area-modal-interview.is-4 ._modal-box-head ._div {
    color: #e67c00;
  }
  .area-modal-interview.is-5 ._modal-box-head ._div {
    color: #e87ec4;
  }
  .area-modal-interview.is-6 ._modal-box-head ._div {
    color: #b562c3;
  }
  .area-modal-interview ._modal-btns {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .area-modal-interview ._modal-box {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  .area-modal-interview ._modal-box ._page {
    display: none;
  }
  .mod-modal-navi-btn {
    padding: 15px 0 0 0;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .mod-modal-navi-btn span {
    display: none;
  }
  .mod-modal-navi-btn.is-prev {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/employment/highschool/images/interview/modal/sp/icon_prev.png) left top no-repeat;
    background-size: contain;
    width: 10.6666666667vw;
    height: 16vw;
  }
  .mod-modal-navi-btn.is-next {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/employment/highschool/images/interview/modal/sp/icon_next.png) left top no-repeat;
    background-size: contain;
    width: 10.6666666667vw;
    height: 16vw;
  }
  .block-modal-interview {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .block-modal-interview ._modal-box-head {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 37.3333333333vw;
    color: #fff;
  }
  .block-modal-interview ._modal-box-head ._fig {
    position: absolute;
    top: -2.6666666667vw;
    left: 29.3333333333vw;
    width: 32vw;
  }
  .block-modal-interview ._modal-box-head ._left {
    flex: 1;
  }
  .block-modal-interview ._modal-box-head ._right {
    flex: 1;
    padding-top: 5.3333333333vw;
  }
  .block-modal-interview ._modal-box-head ._ti {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-right: -100px;
  }
  .block-modal-interview ._modal-box-head ._no {
    font-size: 8vw;
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-head ._div {
    margin-top: 2.6666666667vw;
    display: inline-block;
    font-size: 3.2vw;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #26bf49;
    background-color: #fff;
    padding: 1.3333333333vw 1.3333333333vw 1.3333333333vw 1.6vw;
    position: relative;
    margin-right: -100px;
  }
  .block-modal-interview ._modal-box-head ._div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.8666666667vw;
    width: 2.6666666667vw;
    background: #fff;
    transform: skew(-7deg);
  }
  .block-modal-interview ._modal-box-head ._name {
    font-size: 4.8vw;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 5.3333333333vw 0 2.6666666667vw 0;
  }
  .block-modal-interview ._modal-box-head ._spec {
    margin-right: -2.6666666667vw;
    border-top: 1px solid #fff;
    padding: 1.3333333333vw 0 0 0;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .block-modal-interview ._modal-box-body {
    position: absolute;
    top: 32vw;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 1.8666666667vw;
    overflow-y: auto;
    padding: 10.6666666667vw 5.3333333333vw;
  }
  .block-modal-interview ._modal-box-body ._row1 {
    display: flex;
    gap: 5.3333333333vw;
    flex-direction: column;
  }
  .block-modal-interview ._modal-box-body ._row1 h3 {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.09;
    letter-spacing: 0.05em;
    color: #e60012;
  }
  .block-modal-interview ._modal-box-body ._row1 h3:after {
    content: "";
    display: block;
    margin: 4.5333333333vw 0;
    width: 8.8vw;
    height: 1px;
    background: #E60012;
  }
  .block-modal-interview ._modal-box-body ._row1 ._doc {
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .block-modal-interview ._modal-box-body ._row2 {
    margin-top: 10.6666666667vw;
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-image img {
    width: 100%;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-texts ._title {
    position: relative;
    width: 61.3333333333vw;
  }
  .block-modal-interview ._modal-box-body ._row2 ._item-texts p {
    margin-top: 3.4666666667vw;
    font-size: 3.4666666667vw;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
  }
  .block-modal-interview ._modal-box-body ._row3 {
    margin-top: 14.1333333333vw;
  }
  .block-modal-interview ._modal-box-body ._row3 h3 {
    font-size: 4.8vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.09;
    letter-spacing: 0.05em;
    color: #e60012;
    border: 0.5333333333vw solid #e60012;
    padding: 2.4vw;
    margin-bottom: 3.4666666667vw;
    position: relative;
  }
  .block-modal-interview ._modal-box-body ._row3 h3:before {
    content: "";
    display: block;
    position: absolute;
    top: -5.6vw;
    left: -3.2vw;
    background: url(/employment/highschool/images/interview/modal/deco1.png) left top no-repeat;
    background-size: contain;
    width: 10.4vw;
    height: 12.8vw;
  }
  .block-modal-interview ._modal-box-body ._row3 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -4vw;
    right: 3.2vw;
    background: url(/employment/highschool/images/interview/modal/deco2.png) left top no-repeat;
    background-size: contain;
    width: 7.4666666667vw;
    height: 11.4666666667vw;
  }
  .block-modal-interview ._modal-box-body ._row3 h4 {
    font-size: 2.6666666667vw;
    line-height: 1.5;
    font-weight: 500;
    padding: 1.8666666667vw;
    letter-spacing: 0.05em;
    color: #e60012;
    border-bottom: 1px solid #e60012;
    margin-bottom: 1.8666666667vw;
  }
  .block-modal-interview ._modal-box-body ._row3 ._cols {
    display: flex;
    gap: 5.3333333333vw;
    flex-direction: column;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table {
    width: 100%;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table th {
    border-bottom: 1px dashed #E60012;
    padding: 1.8666666667vw 0 1.8666666667vw 0;
    font-size: 3.2vw;
    text-align: center;
    line-height: 1.74;
    letter-spacing: 0.05em;
    color: #e60012;
    font-weight: 500;
    width: 17.8666666667vw;
  }
  .block-modal-interview ._modal-box-body ._row3 .mod-table td {
    border-bottom: 1px dashed #E60012;
    padding: 1.8666666667vw 0 1.8666666667vw 0;
    font-size: 3.2vw;
    line-height: 1.74;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .block-modal-interview ._page {
    position: relative;
  }
  /* ----------------------------------------------------------
  .area-modal
  ---------------------------------------------------------- */
  .area-modal-message {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transform: scale(0.9);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .area-modal-message img {
    width: 100%;
  }
  .area-modal-message.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .area-modal-message ._close {
    position: absolute;
    bottom: -8vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 16vw;
    height: 16vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .area-modal-message ._close:hover {
    filter: brightness(1.1);
  }
  .area-modal-message ._modal-bg {
    position: absolute;
    inset: 0;
    background: #283A53;
  }
  .area-modal-message ._modal-box {
    position: relative;
    background: #fff;
    border-radius: 6.1333333333vw;
    box-sizing: border-box;
    margin: 0 5.3333333333vw;
  }
  .area-modal-message ._modal-body {
    position: absolute;
    inset: 0;
  }
  .area-modal-message ._inner {
    padding: 8vw 6.4vw 10.6666666667vw 6.4vw;
  }
  .area-modal-message ._sub {
    font-size: 4vw;
    text-align: center;
    line-height: 2.1;
    letter-spacing: 0.05em;
    color: #3c3c3c;
    font-weight: 500;
  }
  .area-modal-message ._title {
    margin-top: 3.2vw;
    font-size: 8vw;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.15em;
    color: #e60012;
  }
  .area-modal-message ._doc {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    color: #3c3c3c;
  }
  .area-highschool-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 40vw;
    border-radius: 0 0 20px 0;
    height: 21.3333333333vw;
    z-index: 100;
    background-color: #fff;
  }
  .area-highschool-head img {
    width: 100%;
  }
  .area-highschool-head ._logo {
    position: absolute;
    top: 5.3333333333vw;
    left: 5.3333333333vw;
    width: 26.6666666667vw;
    height: 9.6vw;
  }
  .area-highschool-head ._name {
    position: absolute;
    top: 14.6666666667vw;
    left: 5.3333333333vw;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #e60012;
    font-weight: bold;
  }
  footer .footer_end {
    background: #E60012;
    padding: 5.3333333333vw;
  }
  footer .footer_end .inner .f_nav {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ffffff;
  }
  footer .footer_end .inner .f_nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 0;
  }
  footer .footer_end .inner .f_nav ul li {
    border-left: none;
  }
  footer .footer_end .inner .f_nav ul li a {
    display: block;
    padding: 0 10px;
    color: #fff;
    font-size: 2.6666666667vw;
  }
  footer .footer_end .inner .copyright {
    display: block;
    padding: 10px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 3.2vw;
  }
  .block-float-sns {
    display: none;
  }
  .block-float-menu {
    position: fixed;
    top: -105.3333333333vw;
    right: 4vw;
    background: url(/employment/highschool/common/images/sp/float_menu.png) left top no-repeat;
    background-size: contain;
    width: 58.6666666667vw;
    height: 122.4vw;
    z-index: 100;
    transition-duration: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body.is-show-float-menu .block-float-menu {
    top: 6.6666666667vw;
  }
  body.is-show-float-menu .block-float-menu:hover {
    transform: translate(0, 0);
  }
  .block-float-menu:hover {
    transform: translate(0, 1.3333333333vw);
  }
  .block-float-menu ._inner {
    text-align: center;
  }
  .block-float-menu ul {
    display: flex;
    gap: 3.2vw;
    flex-direction: column;
    padding-bottom: 2.6666666667vw;
  }
  .block-float-menu a {
    display: block;
    font-size: 4vw;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #e60012;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-float-menu a:hover {
    opacity: 0.8;
  }
  .block-float-menu ._btn1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 16vw;
    cursor: pointer;
  }
  .block-float-menu ._btn2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 16vw;
    cursor: pointer;
  }
  .block-float-menu ._sns {
    margin-left: 5.3333333333vw;
    display: flex;
    gap: 2.6666666667vw;
    align-items: center;
    position: relative;
  }
  .block-float-menu ._sns ._image {
    width: 9.6vw;
  }
  .block-float-menu ._sns ._image img {
    width: 100%;
  }
  .block-float-menu ._sns ._text {
    text-align: left;
  }
}