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

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

body {
  display: none;
  color: #231815;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(15px, 1.5vw, 16px);
  line-height: 1.75rem;
  letter-spacing: 1.5px;
  counter-reset: number 0;
  text-align: justify;
  text-justify: inter-ideograph;
  /* Edge */
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media (max-width: 768px) {
    body {
      line-height: 1.5rem; } }

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;
  font-weight: inherit;
  border: none;
  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: "Noto Sans JP", 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%; }

li {
  line-height: 150%; }

hr {
  display: none; }

a {
  color: #231815;
  text-decoration: none;
  outline: none; }

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

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

a {
  transition: .3s; }
  @media (hover: hover) and (pointer: fine) {
    a:hover {
      opacity: .7; } }

.flex-reverse {
  flex-direction: row-reverse; }

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

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

.indent {
  text-indent: -1.25em !important;
  padding-left: 2.75em !important; }

/********************************************************************************
common item
********************************************************************************/
.to-top-wrapper {
  background: #fff; }

.flex-wrapper {
  display: flex; }

.delay-disp {
  opacity: 0;
  transition: 3.25s; }

.delay-disp-on {
  opacity: 1; }

.head-square {
  font-size: clamp(30px, 3.5vw, 40px);
  font-weight: 700;
  position: relative; }
  @media (max-width: 768px) {
    .head-square {
      /*line-height: 1.2;*/
      line-height: 1.1; } }
  .head-square small {
    display: block;
    font-size: clamp(17px, 20vw, 25px);
    margin-bottom: 1rem; }
  .head-square::before, .head-square::after {
    content: "";
    background: #b01e2d;
    position: absolute; }
  .head-square::before {
    height: 17px;
    width: 17px;
    top: -27px;
    left: -7px; }
    @media (max-width: 768px) {
      .head-square::before {
        height: 12px;
        width: 12px;
        top: -19px;
        left: -5px; } }
  .head-square::after {
    height: 13px;
    width: 13px;
    top: -11px;
    left: -19px; }
    @media (max-width: 768px) {
      .head-square::after {
        height: 9px;
        width: 9px;
        top: -7px;
        left: -14px; } }

/*head-square*/
@media (max-width: 1024px) {
  .js-scrollable table,
  .js-scrollable .table-img {
    min-width: 860px; } }
.js-scrollable table th, .js-scrollable table td,
.js-scrollable .table-img th,
.js-scrollable .table-img td {
  /*white-space: nowrap;*/ }
.js-scrollable .table-img {
  margin-top: 3rem; }
.js-scrollable .scroll-hint-icon {
  z-index: 2; }

/*js-scrollable*/
.sup-list {
  font-size: clamp(12px, 1.3vw, 14px);
  font-weight: 400; }
  .sup-list li {
    padding-left: 1rem;
    text-indent: -0.85rem; }
    .sup-list li::before {
      content: "※"; }

.ol-list {
  font-size: clamp(12px, 1.3vw, 14px);
  font-weight: 400;
  counter-reset: number;
  /*li{
      list-style: decimal;
      list-style-position: inside;
      line-height: 1.6;
      padding-left: 1rem;
      text-indent: -1rem;
  }*/ }
  .ol-list .sub-head {
    font-weight: 600;
    margin-bottom: 0.5rem; }
  .ol-list li {
    line-height: 2;
    margin-top: 0;
    text-indent: -1.5rem;
    padding-left: 2rem; }
    .ol-list li::before {
      counter-increment: number 1;
      content: counter(number) "　"; }

.list-link li a {
  background: url("../images/common/icon-list-arrow.svg") no-repeat 98% center;
  background-size: 25px;
  border-bottom: 1px solid #808080;
  display: block;
  font-size: clamp(15px, 1.5vw, 16px);
  font-weight: 400;
  padding: 1rem 0;
  transition: .4s; }
  .list-link li a:hover {
    background-position: 99% center;
    color: #d51026; }
.list-link li:first-child a {
  border-top: 1px solid #808080; }

.more-btn a {
  background: #fff url("../images/common/icon-list-arrow.svg") no-repeat 96% center;
  background-size: 22px;
  border: 1px solid #918c8a;
  color: #4f4644;
  display: inline-block;
  font-size: clamp(14px, 1.4vw, 15px);
  font-weight: 500;
  padding: 1rem 3.5rem 1rem .75rem;
  /*padding-right: 5rem;*/
  text-align: left;
  width: min(20vw, 166px); }
  @media (max-width: 768px) {
    .more-btn a {
      font-size: 15px;
      /*width: 65%!important;*/
      padding-right: 2.5rem;
      width: 58% !important; } }
  @media (hover: hover) and (pointer: fine) {
    .more-btn a:hover {
      background-image: url("../images/common/icon-list-arrow-white.svg");
      background-color: #231815;
      color: #fff;
      opacity: 1; } }

/*more-btn*/
.pdf-btn a {
  background: #fff url("../images/common/icon-pdf.svg") no-repeat 96% center;
  background-size: 30px 32px;
  border: 1px solid #918c8a;
  color: #4f4644;
  display: inline-block;
  font-size: clamp(14px, 1.4vw, 15px);
  font-weight: 500;
  padding: 1rem 3rem 1rem .75rem;
  text-align: left;
  width: min(20vw, 200px); }
  @media (max-width: 768px) {
    .pdf-btn a {
      font-size: 15px;
      width: 65%; } }
  @media (hover: hover) and (pointer: fine) {
    .pdf-btn a:hover {
      background-image: url("../images/common/icon-pdf-white.svg");
      background-color: #231815 !important;
      color: #fff;
      opacity: 1; } }

/*pdf-btn*/
.word-btn a {
  background: #fff url("../images/common/icon-word.svg") no-repeat 96% center;
  background-size: 30px 32px;
  border: 1px solid #918c8a;
  color: #4f4644;
  display: inline-block;
  font-size: clamp(14px, 1.4vw, 15px);
  font-weight: 500;
  padding: 1rem 3rem 1rem .75rem;
  text-align: left;
  width: min(20vw, 200px); }
  @media (max-width: 768px) {
    .word-btn a {
      font-size: 15px;
      width: 65%; } }
  @media (hover: hover) and (pointer: fine) {
    .word-btn a:hover {
      background-image: url("../images/common/icon-word-white.svg");
      background-color: #231815 !important;
      color: #fff;
      opacity: 1; } }

/*pdf-btn*/
.blank-btn a {
  background: #fff url("../images/common/icon-blank.svg") no-repeat 96% center;
  background-size: 20px 25px;
  border: 1px solid #918c8a;
  color: #4f4644;
  display: inline-block;
  font-size: clamp(14px, 1.4vw, 15px);
  font-weight: 500;
  line-height: 1.4;
  padding: 1rem 3rem 1rem .75rem;
  text-align: left;
  width: min(20vw, 200px); }
  @media (max-width: 768px) {
    .blank-btn a {
      font-size: 15px;
      width: 65%; } }
  @media (hover: hover) and (pointer: fine) {
    .blank-btn a:hover {
      background-image: url("../images/common/icon-blank-white.svg");
      background-color: #231815 !important;
      color: #fff;
      opacity: 1; } }

/*pdf-btn*/
.modal-btn {
  cursor: pointer; }
  .modal-btn span {
    background: #fff url("../images/common/icon-modal.svg") no-repeat 96% center;
    background-size: 22px;
    border: 1px solid #918c8a;
    color: #4f4644;
    display: inline-block;
    font-size: clamp(14px, 1.4vw, 15px);
    font-weight: 500;
    padding: 1rem 3rem 1rem .75rem;
    text-align: left;
    width: min(20vw, 200px); }
    @media (max-width: 768px) {
      .modal-btn span {
        font-size: 15px;
        width: 65%; } }
    @media (hover: hover) and (pointer: fine) {
      .modal-btn span:hover {
        background-image: url("../images/common/icon-modal-white.svg");
        background-color: #231815;
        color: #fff;
        opacity: 1; } }

/*modal-btn*/
.countup-item {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: clamp(14px, 4vw, 45px); }

/* モーダルと背景の指定 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  box-sizing: border-box;
  z-index: 9999;
  /* クラスが追加された時の指定 */ }
  .modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -0.2em; }
  .modal .modal-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 940px;
    width: 90%; }
    @media (max-width: 768px) {
      .modal .modal-container {
        width: 95%; } }
  .modal .modal-close {
    position: absolute;
    top: 12px;
    right: -45px;
    width: 35px;
    height: 35px;
    cursor: pointer; }
    @media (max-width: 768px) {
      .modal .modal-close {
        top: -45px;
        right: 0; } }
    .modal .modal-close::before, .modal .modal-close::after {
      content: '';
      display: block;
      height: 2px;
      width: 100%;
      background: #fff;
      position: absolute;
      top: 12px;
      left: 0; }
    .modal .modal-close::before {
      transform: rotate(45deg); }
    .modal .modal-close::after {
      transform: rotate(-45deg); }
  .modal .modal-content {
    background: #fff;
    text-align: left;
    line-height: 1.8;
    padding: 2rem;
    /*height: 70svh;*/
    max-height: 70svh;
    overflow-y: auto;
    margin-bottom: -5%;
    transition: .5s; }
    @media (max-width: 768px) {
      .modal .modal-content {
        max-height: 75svh;
        padding: .75rem; } }
  .modal.is-active {
    opacity: 1;
    visibility: visible; }
    .modal.is-active .modal-content {
      margin-bottom: 0; }

/*modal*/
table a {
  text-decoration: underline; }
@media (max-width: 768px) {
  table .vertical {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    transform: rotate(0deg);
    /* 不要な回転を防止 */
    white-space: nowrap;
    /* テキスト折り返しを防ぐ */
    text-align: start;
    /* テキストの揃えを指定 */
    margin-left: -0.75rem; } }

/*common item*/
/********************************************************************************
lower-page
********************************************************************************/
.lower-page {
  /*sticky-item*/
  /*sp*/
  /*page__list*/
  /*content-wrapper*/
  /*concept-wrapper*/
  /*head-flex*/
  /*narrow-main-gra-wrappper*/
  /*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ページ上部メイン画像の配置場所の基準設定▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
  /*img-none-main-wrappper*/
  /*oc-main-wrappper*/
  /*op-img-none-main-wrappper*/
  /*news-main-wrappper*/ }
  .lower-page .sticky-wrapper {
    margin: 0 0 0 auto;
    max-width: 160rem;
    width: calc(100% - 2rem * 2);
    display: flex;
    z-index: 0; }
    @media (max-width: 768px) {
      .lower-page .sticky-wrapper {
        display: inherit;
        width: 100%; } }
  .lower-page#request .sticky-wrapper, .lower-page#request2 .sticky-wrapper, .lower-page#confirm .sticky-wrapper, .lower-page#thanks .sticky-wrapper, .lower-page#registration .sticky-wrapper, .lower-page#registration2 .sticky-wrapper, .lower-page#registration2026 .sticky-wrapper, .lower-page#registration-confirm .sticky-wrapper, .lower-page#registration-confirm2 .sticky-wrapper, .lower-page#registration-thanks .sticky-wrapper, .lower-page#registration-thanks2 .sticky-wrapper, .lower-page#form-test .sticky-wrapper, .lower-page#test-confirm .sticky-wrapper, .lower-page#test-thanks .sticky-wrapper {
    width: inherit; }
  .lower-page .sticky-item {
    padding: 1rem 0;
    position: sticky;
    height: 100%;
    margin-top: 10rem;
    top: 150px;
    width: 15%;
    z-index: 99; }
    @media (max-width: 768px) {
      .lower-page .sticky-item {
        display: none; } }
    .lower-page .sticky-item::before {
      content: "";
      background: rgba(255, 255, 255, 0.8);
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
      height: 100%;
      width: calc(100% + 8rem);
      position: absolute;
      top: 0;
      right: 0; }
  .lower-page#rental .sticky-item, .lower-page#student .sticky-item, .lower-page#graduate .sticky-item, .lower-page#company .sticky-item {
    margin-top: 11.1rem; }
  @media (max-width: 768px) {
    .lower-page {
      /*#voice-q,&#qac_message,&#voice-j,&#fw_message*/ }
      .lower-page#voice-q .sticky-item, .lower-page#qac_message .sticky-item, .lower-page#voice-j .sticky-item, .lower-page#fw_message .sticky-item {
        display: block;
        padding: 1rem 0;
        position: relative;
        height: auto;
        margin-top: 0rem;
        top: auto;
        margin: 3rem auto 0;
        width: 90%; }
        .lower-page#voice-q .sticky-item::before, .lower-page#qac_message .sticky-item::before, .lower-page#voice-j .sticky-item::before, .lower-page#fw_message .sticky-item::before {
          content: none; }
      .lower-page#voice-q .page__list, .lower-page#qac_message .page__list, .lower-page#voice-j .page__list, .lower-page#fw_message .page__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      .lower-page#voice-q .page__item, .lower-page#qac_message .page__item, .lower-page#voice-j .page__item, .lower-page#fw_message .page__item {
        text-align: center;
        width: 48%; }
        .lower-page#voice-q .page__item a, .lower-page#qac_message .page__item a, .lower-page#voice-j .page__item a, .lower-page#fw_message .page__item a {
          color: #fff; }
        .lower-page#voice-q .page__item a[href$="q-it"], .lower-page#qac_message .page__item a[href$="q-it"], .lower-page#voice-j .page__item a[href$="q-it"], .lower-page#fw_message .page__item a[href$="q-it"] {
          background: #a85a95; }
        .lower-page#voice-q .page__item a[href$="q-denki"], .lower-page#qac_message .page__item a[href$="q-denki"], .lower-page#voice-j .page__item a[href$="q-denki"], .lower-page#fw_message .page__item a[href$="q-denki"] {
          background: #88a138; }
        .lower-page#voice-q .page__item a[href$="q-kikai"], .lower-page#qac_message .page__item a[href$="q-kikai"], .lower-page#voice-j .page__item a[href$="q-kikai"], .lower-page#fw_message .page__item a[href$="q-kikai"] {
          background: #c69700; }
        .lower-page#voice-q .page__item a[href$="q-kentiku"], .lower-page#qac_message .page__item a[href$="q-kentiku"], .lower-page#voice-j .page__item a[href$="q-kentiku"], .lower-page#fw_message .page__item a[href$="q-kentiku"] {
          background: #28a3ca; }
        .lower-page#voice-q .page__item a[href$="q-doboku"], .lower-page#qac_message .page__item a[href$="q-doboku"], .lower-page#voice-j .page__item a[href$="q-doboku"], .lower-page#fw_message .page__item a[href$="q-doboku"] {
          background: #009999; }
        .lower-page#voice-q .page__item a[href$="q-audio"], .lower-page#qac_message .page__item a[href$="q-audio"], .lower-page#voice-j .page__item a[href$="q-audio"], .lower-page#fw_message .page__item a[href$="q-audio"] {
          background: #706eab; }
        .lower-page#voice-q .page__item a[href$="c-it"], .lower-page#qac_message .page__item a[href$="c-it"], .lower-page#voice-j .page__item a[href$="c-it"], .lower-page#fw_message .page__item a[href$="c-it"] {
          background: #a85a95; }
        .lower-page#voice-q .page__item a[href$="c-jyouhou"], .lower-page#qac_message .page__item a[href$="c-jyouhou"], .lower-page#voice-j .page__item a[href$="c-jyouhou"], .lower-page#fw_message .page__item a[href$="c-jyouhou"] {
          background: #dc669b; }
        .lower-page#voice-q .page__item a[href$="c-denki"], .lower-page#qac_message .page__item a[href$="c-denki"], .lower-page#voice-j .page__item a[href$="c-denki"], .lower-page#fw_message .page__item a[href$="c-denki"] {
          background: #88a138; }
        .lower-page#voice-q .page__item a[href$="c-kikai"], .lower-page#qac_message .page__item a[href$="c-kikai"], .lower-page#voice-j .page__item a[href$="c-kikai"], .lower-page#fw_message .page__item a[href$="c-kikai"] {
          background: #c69700; }
        .lower-page#voice-q .page__item a[href$="c-kentiku"], .lower-page#qac_message .page__item a[href$="c-kentiku"], .lower-page#voice-j .page__item a[href$="c-kentiku"], .lower-page#fw_message .page__item a[href$="c-kentiku"] {
          background: #28a3ca; }
        .lower-page#voice-q .page__item a[href$="c-doboku"], .lower-page#qac_message .page__item a[href$="c-doboku"], .lower-page#voice-j .page__item a[href$="c-doboku"], .lower-page#fw_message .page__item a[href$="c-doboku"] {
          background: #009999; }
        .lower-page#voice-q .page__item a[href$="c-audio"], .lower-page#qac_message .page__item a[href$="c-audio"], .lower-page#voice-j .page__item a[href$="c-audio"], .lower-page#fw_message .page__item a[href$="c-audio"] {
          background: #706eab; }
        .lower-page#voice-q .page__item a[href$="c-senkouka"], .lower-page#qac_message .page__item a[href$="c-senkouka"], .lower-page#voice-j .page__item a[href$="c-senkouka"], .lower-page#fw_message .page__item a[href$="c-senkouka"] {
          background: #0086c1; }
      .lower-page#voice-q .page__link.is-active::before, .lower-page#qac_message .page__link.is-active::before, .lower-page#voice-j .page__link.is-active::before, .lower-page#fw_message .page__link.is-active::before {
        content: none; } }
  .lower-page .page__list {
    list-style: none; }
    .lower-page .page__list .page__item {
      margin-bottom: .5rem; }
    .lower-page .page__list .page__link {
      position: relative;
      transition: all 0.2s ease-in-out;
      display: block;
      color: #231815;
      font-size: clamp(12px, 1.3vw, 15px);
      font-weight: 500;
      text-decoration: none;
      padding: 5px 10px; }
      .lower-page .page__list .page__link.is-active::before {
        content: "";
        mask-image: url("../images/common/page-nav-arrow.svg");
        mask-size: cover;
        mask-repeat: no-repeat;
        mask-position: 0 center;
        background: #b01e2d;
        height: 15px;
        width: 64px;
        position: absolute;
        top: 50%;
        left: -64px;
        transform: translate(0, -50%); }
  .lower-page#oc, .lower-page#oc2025 {
    /*page__list*/ }
    .lower-page#oc .page__list .page__link.is-active::before, .lower-page#oc2025 .page__list .page__link.is-active::before {
      background: #4c8cd3; }
  .lower-page .content-wrapper {
    margin-left: auto;
    margin-top: 11rem;
    width: 80%; }
    @media (max-width: 768px) {
      .lower-page .content-wrapper {
        margin: 4rem auto 0;
        width: 100%; } }
  .lower-page#request .content-wrapper, .lower-page#request2 .content-wrapper {
    margin-top: 0; }
  .lower-page#thanks .content-wrapper, .lower-page#registration-thanks .content-wrapper, .lower-page#registration-thanks2 .content-wrapper, .lower-page#test-thanks .content-wrapper {
    margin-top: 7rem;
    margin-right: auto; }
    @media (max-width: 768px) {
      .lower-page#thanks .content-wrapper, .lower-page#registration-thanks .content-wrapper, .lower-page#registration-thanks2 .content-wrapper, .lower-page#test-thanks .content-wrapper {
        margin: 4rem auto 0;
        width: 100%; } }
  .lower-page#thanks .fixed-width, .lower-page#registration-thanks .fixed-width, .lower-page#registration-thanks2 .fixed-width, .lower-page#test-thanks .fixed-width {
    padding-right: 0 !important; }
  .lower-page .concept-wrapper {
    border-left: 1px solid #231815;
    padding: 0rem 0 2rem 3rem;
    /*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼オープンキャンパスページ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/ }
    @media (max-width: 768px) {
      .lower-page .concept-wrapper {
        margin: auto;
        padding: 0;
        padding-left: 1rem;
        width: calc(78% - 1rem); } }
    .lower-page .concept-wrapper .head {
      font-size: clamp(33px, 4vw, 47px);
      font-weight: 800;
      line-height: 140%; }
      @media (max-width: 768px) {
        .lower-page .concept-wrapper .head {
          white-space: nowrap; } }
    .lower-page .concept-wrapper p {
      font-size: 15px;
      margin-top: 1.5rem; }
      .lower-page .concept-wrapper p a {
        text-decoration: underline; }
    .lower-page .concept-wrapper.oc-concept {
      border-left: 7px solid #b01e2d;
      padding-bottom: 0; }
  .lower-page .head-flex {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .lower-page .head-flex {
        display: inherit; } }
    .lower-page .head-flex .jp {
      font-size: clamp(13px, 1.4vw, 15px);
      font-weight: 400; }
    .lower-page .head-flex p {
      font-weight: 700;
      margin-left: 1.25rem; }
      @media (max-width: 768px) {
        .lower-page .head-flex p {
          margin-left: 0; } }
      .lower-page .head-flex p em {
        font-weight: 700;
        font-style: normal; }
    .lower-page .head-flex .sup-text {
      font-size: 14px;
      font-weight: 400; }
    .lower-page .head-flex + .desc {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        .lower-page .head-flex + .desc {
          margin-top: 1rem; } }
  .lower-page .full-width {
    width: calc(100vw);
    position: absolute;
    right: 0; }
    @media (max-width: 768px) {
      .lower-page .full-width {
        position: relative;
        width: 100%; } }
  .lower-page .fixed-width {
    padding-right: 6rem !important;
    /*max-width: 955px;*/
    max-width: 1100px; }
    @media (max-width: 768px) {
      .lower-page .fixed-width {
        padding-right: 0 !important; } }
  .lower-page .narrow-main-gra-wrappper {
    background: #b01e2d;
    background-size: 90%;
    position: relative;
    /*main-content*/ }
    @media (max-width: 768px) {
      .lower-page .narrow-main-gra-wrappper::before {
        content: "";
        background: #fff;
        display: block;
        height: 10svh;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0; } }
    .lower-page .narrow-main-gra-wrappper .inner {
      margin-top: 105px;
      display: flex;
      justify-content: space-between;
      /*overflow: hidden;*/
      min-height: 250px;
      position: relative;
      height: 250px;
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .narrow-main-gra-wrappper .inner {
          display: inherit;
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .lower-page .narrow-main-gra-wrappper .scroll {
      width: 34px;
      position: absolute;
      bottom: -56%;
      left: 9%; }
      @media (max-width: 768px) {
        .lower-page .narrow-main-gra-wrappper .scroll {
          width: 25px;
          bottom: -10%;
          left: 2%; } }
    .lower-page .narrow-main-gra-wrappper .main-content {
      position: relative;
      padding-left: 9%;
      padding-top: 5rem;
      width: 36%;
      /*main-text*/ }
      @media (max-width: 768px) {
        .lower-page .narrow-main-gra-wrappper .main-content {
          padding-left: 11%;
          padding-top: 4rem;
          width: 89%; } }
      .lower-page .narrow-main-gra-wrappper .main-content .main-text .head {
        color: #fff;
        font-size: clamp(31px, 3vw, 34px);
        font-weight: 700;
        line-height: 1;
        margin-top: 8px;
        white-space: nowrap;
        text-shadow: #b01e2d 1px 0 10px; }
        @media (max-width: 768px) {
          .lower-page .narrow-main-gra-wrappper .main-content .main-text .head {
            line-height: 1.3; } }
      .lower-page .narrow-main-gra-wrappper .main-content .main-text .head-en {
        color: rgba(255, 255, 255, 0.15);
        font-size: clamp(26px, 2.5vw, 30px);
        font-family: "Oswald", sans-serif;
        font-weight: 600;
        line-height: 1;
        margin-top: .25rem;
        text-indent: 1rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          .lower-page .narrow-main-gra-wrappper .main-content .main-text .head-en {
            margin-top: 0;
            text-indent: 0;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            position: absolute;
            top: 24px;
            left: 4%; } }
        @media (max-width: 768px) {
          .lower-page .narrow-main-gra-wrappper .main-content .main-text .head-en.small {
            font-size: 15px; } }
    .lower-page .narrow-main-gra-wrappper .main-gra-img {
      min-height: 250px;
      height: 250px;
      width: 55%; }
      @media (max-width: 768px) {
        .lower-page .narrow-main-gra-wrappper .main-gra-img {
          min-height: inherit;
          height: auto;
          margin-left: auto;
          margin-top: 72px;
          position: relative;
          width: 89%; } }
      .lower-page .narrow-main-gra-wrappper .main-gra-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top left; }
    .lower-page .narrow-main-gra-wrappper .en {
      width: 26px;
      position: absolute;
      top: 24px;
      left: 4%; }
      @media (max-width: 768px) {
        .lower-page .narrow-main-gra-wrappper .en {
          top: 16px;
          left: 2%;
          width: 20px; } }
  .lower-page#scholarship .narrow-main-gra-wrappper .main-gra-img img {
    object-position: bottom left; }
  .lower-page#c-support .narrow-main-gra-wrappper .main-gra-img img {
    object-position: center left; }
  .lower-page#living .narrow-main-gra-wrappper .main-gra-img img {
    object-position: center left; }
  .lower-page .img-none-main-wrappper {
    background: #c3555f;
    background: linear-gradient(330deg, #c3555f 0%, #b01e2d 76%);
    position: relative;
    /*main-content*/ }
    @media (max-width: 768px) {
      .lower-page .img-none-main-wrappper {
        margin-bottom: 6rem; } }
    .lower-page .img-none-main-wrappper .inner {
      margin-top: 105px;
      display: flex;
      justify-content: space-between;
      /*overflow: hidden;*/
      min-height: 140px;
      position: relative;
      height: 140px;
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .img-none-main-wrappper .inner {
          display: inherit;
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .lower-page .img-none-main-wrappper .scroll {
      width: 34px;
      position: absolute;
      bottom: -127%;
      left: 9%; }
      @media (max-width: 768px) {
        .lower-page .img-none-main-wrappper .scroll {
          width: 25px;
          bottom: -30%;
          left: 11%; } }
    .lower-page .img-none-main-wrappper .main-content {
      position: relative;
      padding-left: 9%;
      padding-top: 3rem;
      /*main-text*/ }
      @media (max-width: 768px) {
        .lower-page .img-none-main-wrappper .main-content {
          padding-left: 11%;
          padding-top: 3rem;
          padding-bottom: 2.5rem; } }
      .lower-page .img-none-main-wrappper .main-content .main-text {
        display: flex;
        gap: 0 2%;
        align-items: baseline; }
        @media (max-width: 768px) {
          .lower-page .img-none-main-wrappper .main-content .main-text {
            display: inherit; } }
        .lower-page .img-none-main-wrappper .main-content .main-text .head {
          color: #fff;
          font-size: clamp(31px, 3vw, 34px);
          font-weight: 700;
          line-height: 1;
          white-space: nowrap; }
        .lower-page .img-none-main-wrappper .main-content .main-text .head-en {
          color: rgba(255, 255, 255, 0.15);
          font-size: clamp(26px, 2.5vw, 30px);
          font-weight: 600;
          font-family: "Oswald", sans-serif;
          line-height: 1;
          margin-top: .25rem;
          text-indent: 1.75rem;
          white-space: nowrap; }
          @media (max-width: 768px) {
            .lower-page .img-none-main-wrappper .main-content .main-text .head-en {
              text-indent: 0; } }
          @media (max-width: 768px) {
            .lower-page .img-none-main-wrappper .main-content .main-text .head-en.small {
              font-size: 15px; } }
    .lower-page .img-none-main-wrappper .en {
      width: 26px;
      position: absolute;
      top: 24px;
      left: 4%; }
      @media (max-width: 768px) {
        .lower-page .img-none-main-wrappper .en {
          top: 16px;
          left: 2%;
          width: 20px; } }
  .lower-page .oc-main-wrappper {
    background: url("../images/oc/oc/main-back.jpg") no-repeat left 0;
    background-size: cover;
    position: relative;
    /*oc2026*/ }
    @media (max-width: 768px) {
      .lower-page .oc-main-wrappper {
        background: none; } }
    .lower-page .oc-main-wrappper .inner {
      margin-top: 105px;
      height: calc(100vh - 105px);
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .oc-main-wrappper .inner {
          /*height: calc(100svh - 51px);*/
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .lower-page .oc-main-wrappper .main-text .head {
      max-width: 655px;
      width: 45%;
      position: absolute;
      right: 0;
      top: 55%;
      transform: translate(0, -50%); }
    .lower-page .oc-main-wrappper.oc2026 {
      background-image: url("../images/oc/oc2026/main-back.jpg");
      background-position: center;
      height: min(61.5vw, 984px);
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .oc-main-wrappper.oc2026 {
          height: auto; } }
      .lower-page .oc-main-wrappper.oc2026 .badge {
        width: min(21.375vw, 342px);
        position: absolute;
        left: min(72.25vw, 1156px);
        bottom: max(-0vw, -0px); }
        @media (max-width: 768px) {
          .lower-page .oc-main-wrappper.oc2026 .badge {
            left: 50%;
            bottom: -7%;
            transform: translate(-48%, 0);
            width: 55%; } }
  .lower-page .oc-img-none-main-wrappper {
    background: url("../images/oc/registration/main-back.jpg") no-repeat 0 bottom;
    background-size: cover;
    position: relative;
    /*main-content*/ }
    @media (max-width: 768px) {
      .lower-page .oc-img-none-main-wrappper {
        margin-bottom: 4rem; } }
    .lower-page .oc-img-none-main-wrappper .inner {
      margin-top: 105px;
      display: flex;
      justify-content: space-between;
      min-height: 158px;
      position: relative;
      height: 158px;
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .oc-img-none-main-wrappper .inner {
          display: inherit;
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .lower-page .oc-img-none-main-wrappper .main-content {
      position: relative;
      padding-left: 9%;
      padding-top: 4rem;
      /*main-text*/ }
      @media (max-width: 768px) {
        .lower-page .oc-img-none-main-wrappper .main-content {
          padding-left: 11%;
          padding-top: 3rem;
          padding-bottom: 2.5rem; } }
      .lower-page .oc-img-none-main-wrappper .main-content .main-text {
        display: flex;
        gap: 0 2%;
        align-items: baseline; }
        @media (max-width: 768px) {
          .lower-page .oc-img-none-main-wrappper .main-content .main-text {
            display: inherit; } }
        .lower-page .oc-img-none-main-wrappper .main-content .main-text .head {
          color: #fff;
          font-size: clamp(31px, 3vw, 34px);
          font-weight: 700;
          line-height: 1;
          white-space: nowrap; }
  .lower-page#registration .oc-img-none-main-wrappper {
    background-image: url("../images/oc/registration/main-back.jpg"); }
  .lower-page#consultation .oc-img-none-main-wrappper {
    background-image: url("../images/oc/consultation/main-back.jpg"); }
  .lower-page#event .oc-img-none-main-wrappper {
    background-image: url("../images/oc/event/main-back.jpg"); }
  .lower-page#video .oc-img-none-main-wrappper {
    background-image: url("../images/oc/video/main-back.jpg"); }
  .lower-page .news-main-wrappper {
    position: relative;
    /*main-content*/ }
    @media (max-width: 768px) {
      .lower-page .news-main-wrappper {
        margin-bottom: 3rem; } }
    .lower-page .news-main-wrappper .inner {
      margin-top: 105px;
      min-height: 140px;
      position: relative;
      height: 140px;
      width: 100%; }
      @media (max-width: 768px) {
        .lower-page .news-main-wrappper .inner {
          display: inherit;
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .lower-page .news-main-wrappper .main-content {
      position: relative;
      padding-left: 9%;
      padding-top: 4rem;
      /*main-text*/ }
      @media (max-width: 768px) {
        .lower-page .news-main-wrappper .main-content {
          padding-left: 11%;
          padding-top: 2.5rem;
          padding-bottom: 2.5rem; } }
      .lower-page .news-main-wrappper .main-content .main-text {
        display: flex;
        gap: 0 4%;
        align-items: center; }
        @media (max-width: 768px) {
          .lower-page .news-main-wrappper .main-content .main-text {
            display: inherit; } }
        .lower-page .news-main-wrappper .main-content .main-text .head {
          font-size: 15px;
          font-weight: 500;
          line-height: 1;
          white-space: nowrap; }
          @media (max-width: 768px) {
            .lower-page .news-main-wrappper .main-content .main-text .head {
              margin-top: 1rem;
              padding-left: 1.5rem; } }
        .lower-page .news-main-wrappper .main-content .main-text .head-en {
          margin-top: .25rem;
          text-indent: 1.75rem; }
          @media (max-width: 768px) {
            .lower-page .news-main-wrappper .main-content .main-text .head-en {
              text-indent: 1.55rem; } }
          @media (max-width: 768px) {
            .lower-page .news-main-wrappper .main-content .main-text .head-en img {
              width: 200px; } }
    .lower-page .news-main-wrappper .en {
      width: 26px;
      position: absolute;
      top: 24px;
      left: 4%; }
      @media (max-width: 768px) {
        .lower-page .news-main-wrappper .en {
          top: 16px;
          left: 2%;
          width: 20px; } }

/*lower-page*/
.gakka-page {
  /*content-wrapper*/
  /*course-main-gra-wrappper*/
  /*concept-wrapper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*passed-wrapper*/
  /*news-wrapper*/
  /*infinit-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*practice-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*teacher-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  .gakka-page .sticky-item {
    margin-top: 6rem; }
  .gakka-page .content-wrapper {
    margin-top: 7rem; }
    @media (max-width: 768px) {
      .gakka-page .content-wrapper {
        margin: 4rem auto 0; } }
  .gakka-page .course-main-gra-wrappper {
    position: relative;
    /*course-main-content*/ }
    .gakka-page .course-main-gra-wrappper .inner {
      margin-top: 101px;
      display: flex;
      justify-content: space-between;
      overflow: hidden;
      min-height: 660px;
      position: relative;
      height: 660px;
      width: 100%; }
      @media (max-width: 768px) {
        .gakka-page .course-main-gra-wrappper .inner {
          display: inherit;
          height: auto;
          min-height: inherit;
          margin-top: 51px; } }
    .gakka-page .course-main-gra-wrappper .scroll {
      width: 34px;
      position: absolute;
      bottom: -9%;
      left: 9%; }
      @media (max-width: 768px) {
        .gakka-page .course-main-gra-wrappper .scroll {
          width: 25px;
          bottom: auto;
          top: -7%;
          left: 2%; } }
    .gakka-page .course-main-gra-wrappper .course-main-content {
      position: relative;
      padding-left: 9%;
      padding-top: 3rem;
      width: 40%;
      /*course-main-text*/ }
      @media (max-width: 768px) {
        .gakka-page .course-main-gra-wrappper .course-main-content {
          padding-left: 11%;
          padding-top: 1.5rem;
          width: 89%; } }
      .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .icon {
        width: 177px; }
        @media (max-width: 768px) {
          .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .icon {
            width: 78px; } }
      .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .head {
        color: #fff;
        font-size: clamp(30px, 4vw, 45px);
        font-weight: 700;
        line-height: 1;
        /*letter-spacing: 6px;*/
        margin-top: 8px; }
      .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .system {
        display: flex;
        gap: 0 2%;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .system {
            margin-top: 1.5rem; } }
        .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .system li {
          background: #231815;
          color: #fff;
          font-size: clamp(14px, 1.5vw, 18px);
          padding: 0 1rem;
          text-align: center; }
          @media (max-width: 768px) {
            .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .system li {
              padding: 0 .5rem; } }
      .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement {
        margin-top: 1rem; }
        @media (max-width: 768px) {
          .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement {
            padding-right: 1rem; } }
        .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement li {
          color: #fff;
          font-size: clamp(13px, 1.4vw, 16px);
          line-height: 1.8;
          text-indent: -1.5rem;
          padding-left: 1.5rem; }
          @media (max-width: 768px) {
            .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement li {
              text-indent: -1.25rem;
              padding-left: 1.25rem; } }
          .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
            content: "\025a0";
            color: #b9d25c;
            margin-right: .25rem; }
        .gakka-page .course-main-gra-wrappper .course-main-content .course-main-text .supplement.indent-none li {
          text-indent: inherit;
          padding-left: 0; }
      .gakka-page .course-main-gra-wrappper .course-main-content .course-main-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 580px;
        min-height: 580px;
        z-index: -1; }
        @media (max-width: 768px) {
          .gakka-page .course-main-gra-wrappper .course-main-content .course-main-bg {
            height: 80svh;
            min-height: inherit;
            width: 100%; } }
        .gakka-page .course-main-gra-wrappper .course-main-content .course-main-bg img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
    .gakka-page .course-main-gra-wrappper .course-main-gra-img {
      min-height: 660px;
      height: 660px;
      width: 55%; }
      @media (max-width: 768px) {
        .gakka-page .course-main-gra-wrappper .course-main-gra-img {
          min-height: inherit;
          height: auto;
          margin-left: auto;
          margin-top: 72px;
          position: relative;
          width: 89%; } }
      .gakka-page .course-main-gra-wrappper .course-main-gra-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top left; }
    .gakka-page .course-main-gra-wrappper .en {
      width: 26px;
      position: absolute;
      top: 3%;
      left: 4%; }
      @media (max-width: 768px) {
        .gakka-page .course-main-gra-wrappper .en {
          top: 16px;
          left: 2%;
          width: 20px; } }
  .gakka-page .concept-wrapper {
    border-left: 1px solid #231815;
    padding: 2rem 0 2rem 3rem; }
    @media (max-width: 768px) {
      .gakka-page .concept-wrapper {
        margin: auto;
        padding: 0;
        padding-left: 1rem;
        width: calc(78% - 1rem); } }
    .gakka-page .concept-wrapper .head {
      font-size: clamp(36px, 4vw, 54px);
      font-weight: 800;
      line-height: 140%; }
      @media (max-width: 768px) {
        .gakka-page .concept-wrapper .head {
          white-space: nowrap; } }
    .gakka-page .concept-wrapper p {
      font-size: 15px;
      margin-top: 1.5rem; }
  .gakka-page .full-width-img {
    height: 40vw;
    margin-top: min(6vw, 96px); }
    @media (max-width: 768px) {
      .gakka-page .full-width-img {
        height: 52vw;
        margin-top: 52px; } }
  .gakka-page .features-list-wrapper {
    padding: 8rem 0 5rem;
    /*features-list*/ }
    @media (max-width: 768px) {
      .gakka-page .features-list-wrapper {
        padding: 4rem 0 3rem;
        margin-left: auto;
        width: 90%; } }
    .gakka-page .features-list-wrapper .head {
      font-size: clamp(32px, 3.5vw, 40px);
      font-weight: bold; }
      .gakka-page .features-list-wrapper .head::before {
        content: "\025a0";
        font-size: clamp(24px, 2.8vw, 30px);
        margin-right: .5rem;
        vertical-align: bottom; }
    .gakka-page .features-list-wrapper .features-list {
      margin-top: 4rem;
      /*li*/ }
      @media (max-width: 768px) {
        .gakka-page .features-list-wrapper .features-list {
          margin-top: 3rem; } }
      .gakka-page .features-list-wrapper .features-list li {
        display: flex;
        gap: 0 1%;
        /*content*/ }
        @media (max-width: 768px) {
          .gakka-page .features-list-wrapper .features-list li {
            gap: 0;
            position: relative; } }
        .gakka-page .features-list-wrapper .features-list li .point {
          padding: .65rem .35rem 0; }
          @media (max-width: 768px) {
            .gakka-page .features-list-wrapper .features-list li .point {
              padding: .65rem .25rem 2.5rem;
              position: absolute;
              top: -0.75rem;
              left: -11px; } }
          .gakka-page .features-list-wrapper .features-list li .point img {
            width: 27px; }
            @media (max-width: 768px) {
              .gakka-page .features-list-wrapper .features-list li .point img {
                width: 14px; } }
        .gakka-page .features-list-wrapper .features-list li .content {
          display: flex;
          justify-content: space-between;
          /*gap: 0 5%;*/
          padding: 2rem 0 1.5rem 1.5rem;
          position: relative; }
          @media (max-width: 768px) {
            .gakka-page .features-list-wrapper .features-list li .content {
              flex-wrap: wrap;
              padding: 2rem 1rem 2rem 1.5rem; } }
          .gakka-page .features-list-wrapper .features-list li .content::before {
            content: "";
            background: #ccc;
            width: calc(100% + 5rem);
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1; }
            @media (max-width: 768px) {
              .gakka-page .features-list-wrapper .features-list li .content::before {
                width: 100%; } }
          .gakka-page .features-list-wrapper .features-list li .content .num {
            font-size: clamp(40px, 4vw, 44px);
            font-family: "Oswald", sans-serif;
            font-weight: 700;
            position: absolute;
            top: -1rem;
            left: 1.5rem; }
            @media (max-width: 768px) {
              .gakka-page .features-list-wrapper .features-list li .content .num {
                top: -0.5rem; } }
          .gakka-page .features-list-wrapper .features-list li .content .sub-head {
            font-size: clamp(23px, 2.5vw, 30px);
            font-weight: 700;
            line-height: 130%;
            white-space: nowrap; }
          .gakka-page .features-list-wrapper .features-list li .content .text {
            padding-left: 2rem;
            width: calc(60%); }
            @media (max-width: 768px) {
              .gakka-page .features-list-wrapper .features-list li .content .text {
                margin-top: 1rem;
                padding: 0;
                width: 100%; } }
        .gakka-page .features-list-wrapper .features-list li + li {
          margin-top: 3.5rem; }
  .gakka-page .aim-wrapper {
    padding: 5rem 0;
    position: relative;
    /*board*/ }
    @media (max-width: 768px) {
      .gakka-page .aim-wrapper {
        padding: 3rem 0; } }
    .gakka-page .aim-wrapper::before {
      content: "";
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
    .gakka-page .aim-wrapper .inner {
      display: flex;
      gap: 0 5%; }
      @media (max-width: 768px) {
        .gakka-page .aim-wrapper .inner {
          display: inherit; } }
    .gakka-page .aim-wrapper .board {
      background-color: #ffffff;
      background-image: linear-gradient(90deg, #eedeea80 1px, transparent 1px), linear-gradient(#eedeea80 1px, transparent 1px);
      background-position: 10px 10px;
      background-size: 21px 21px;
      padding: 3rem 2rem;
      position: relative;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      /*li*/ }
      @media (max-width: 768px) {
        .gakka-page .aim-wrapper .board {
          display: inherit;
          margin: auto;
          padding: 2rem 0rem;
          width: calc(85%); } }
      .gakka-page .aim-wrapper .board li {
        text-align: center; }
        .gakka-page .aim-wrapper .board li .sub-head {
          font-size: clamp(23px, 2.5vw, 33px);
          font-weight: 700;
          position: absolute;
          top: 3rem;
          left: 50%;
          transform: translate(-50%, 0); }
          @media (max-width: 768px) {
            .gakka-page .aim-wrapper .board li .sub-head {
              position: inherit;
              top: inherit;
              left: inherit;
              transform: none; } }
        .gakka-page .aim-wrapper .board li .list {
          /*margin-top: 2rem;*/
          padding-top: 3.5rem; }
          @media (max-width: 768px) {
            .gakka-page .aim-wrapper .board li .list {
              padding-top: 0;
              margin-top: 1.5rem; } }
          .gakka-page .aim-wrapper .board li .list li {
            background: none;
            padding: 0;
            font-size: clamp(16px, 1.6vw, 18px);
            font-weight: 500;
            line-height: 2; }
            @media (max-width: 768px) {
              .gakka-page .aim-wrapper .board li .list li {
                line-height: 1.8; } }
          .gakka-page .aim-wrapper .board li .list .small {
            font-size: clamp(13px, 1.3vw, 15px);
            line-height: 1.5; }
            .gakka-page .aim-wrapper .board li .list .small + li {
              margin-top: .5rem; }
          .gakka-page .aim-wrapper .board li .list .sup {
            margin-top: 1rem;
            font-size: clamp(13px, 1.4vw, 15px);
            font-weight: 400; }
      @media (max-width: 768px) {
        .gakka-page .aim-wrapper .board + .board {
          margin-top: 2rem; } }
  .gakka-page .passed-wrapper {
    padding: 5rem 0;
    position: relative;
    /*head*/ }
    @media (max-width: 768px) {
      .gakka-page .passed-wrapper {
        padding: 3rem 0; } }
    .gakka-page .passed-wrapper::before {
      content: "";
      background-color: #e6e6e6;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
    @media (max-width: 768px) {
      .gakka-page .passed-wrapper .inner {
        margin: auto;
        width: 85%; } }
    .gakka-page .passed-wrapper .head {
      font-size: clamp(14px, 2vw, 28px);
      font-weight: bold; }
      .gakka-page .passed-wrapper .head::before {
        content: "\025a0";
        color: #0086c1;
        font-size: clamp(24px, 2.8vw, 30px);
        margin-right: .5rem;
        vertical-align: bottom; }
      .gakka-page .passed-wrapper .head + p {
        font-size: clamp(32px, 3.5vw, 40px);
        font-weight: 700;
        line-height: 120%;
        margin-left: 2.5rem; }
        @media (max-width: 768px) {
          .gakka-page .passed-wrapper .head + p {
            margin-left: 2rem;
            white-space: nowrap; } }
        .gakka-page .passed-wrapper .head + p small {
          font-size: 15px;
          font-weight: 400;
          margin-left: 1rem; }
          @media (max-width: 768px) {
            .gakka-page .passed-wrapper .head + p small {
              margin-left: 0; } }
    .gakka-page .passed-wrapper img {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        .gakka-page .passed-wrapper img {
          margin-top: 1.5rem; } }
  .gakka-page .news-wrapper {
    padding: 8rem 0 5rem;
    /*head-flex*/
    /*news-list*/ }
    @media (max-width: 768px) {
      .gakka-page .news-wrapper {
        padding: 6rem 0 3rem;
        margin: 0 auto;
        width: 85%; } }
    .gakka-page .news-wrapper .head-flex .category {
      background: #231815;
      color: #fff;
      font-size: clamp(15px, 1.5vw, 17px);
      padding: .15rem 3rem .25rem 4rem;
      position: relative; }
      @media (max-width: 768px) {
        .gakka-page .news-wrapper .head-flex .category {
          margin-top: 1rem; } }
      .gakka-page .news-wrapper .head-flex .category::before, .gakka-page .news-wrapper .head-flex .category::after {
        content: "";
        background: #28a3ca;
        height: 15px;
        width: 15px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%); }
      .gakka-page .news-wrapper .head-flex .category::after {
        background: #0086c1;
        left: 20px; }
    .gakka-page .news-wrapper .head-flex .jp {
      font-weight: 500; }
    .gakka-page .news-wrapper .news-list {
      display: flex;
      gap: 0 5%;
      margin: 3rem auto 0;
      /*li*/ }
      @media (max-width: 768px) {
        .gakka-page .news-wrapper .news-list {
          display: inherit; } }
      .gakka-page .news-wrapper .news-list li {
        width: 30%;
        /*ul*/ }
        @media (max-width: 768px) {
          .gakka-page .news-wrapper .news-list li {
            width: 100%; } }
        .gakka-page .news-wrapper .news-list li img {
          width: 100%;
          object-position: center;
          object-fit: contain;
          height: 20vw;
          max-height: 248px; }
          @media (max-width: 768px) {
            .gakka-page .news-wrapper .news-list li img {
              height: 65vw; } }
        @media (hover: hover) and (pointer: fine) {
          .gakka-page .news-wrapper .news-list li a:hover .news-title {
            text-decoration: underline; } }
        .gakka-page .news-wrapper .news-list li ul {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 1rem; }
          @media (max-width: 768px) {
            .gakka-page .news-wrapper .news-list li ul {
              flex-wrap: nowrap; } }
          .gakka-page .news-wrapper .news-list li ul .category {
            border: 1px solid #231815;
            font-size: clamp(14px, 1.5vw, 17px);
            padding: 0 1rem;
            width: auto;
            white-space: nowrap; }
          .gakka-page .news-wrapper .news-list li ul .date {
            font-size: 14px;
            margin-left: .5rem; }
            @media (max-width: 768px) {
              .gakka-page .news-wrapper .news-list li ul .date {
                margin-top: 0; } }
        .gakka-page .news-wrapper .news-list li .news-title {
          font-size: clamp(15px, 1.5vw, 18px);
          font-weight: 500;
          margin-top: .5rem;
          padding-right: 2rem;
          position: relative; }
          .gakka-page .news-wrapper .news-list li .news-title span {
            background: #28a3ca;
            border-radius: 50%;
            width: 26px;
            height: 26px;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(0, -50%); }
            .gakka-page .news-wrapper .news-list li .news-title span img {
              height: 18px;
              width: 7px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
        @media (max-width: 768px) {
          .gakka-page .news-wrapper .news-list li + li {
            margin-top: 2rem; } }
    .gakka-page .news-wrapper .more-btn {
      margin-top: 3.5rem;
      text-align: right; }
      @media (max-width: 768px) {
        .gakka-page .news-wrapper .more-btn {
          text-align: center; } }
      .gakka-page .news-wrapper .more-btn a {
        width: auto;
        white-space: nowrap; }
  .gakka-page .slide-gallery {
    height: 27.5vw; }
    @media (max-width: 768px) {
      .gakka-page .slide-gallery {
        height: inherit; } }
  .gakka-page .infinit-wrapper {
    overflow: hidden;
    width: 100%; }
    .gakka-page .infinit-wrapper .infinit-swiper-container .swiper-wrapper {
      transition-timing-function: linear; }
  .gakka-page .learning-wrapper {
    padding: 8rem 0;
    /*flow-table*/
    /*btn-list*/
    /*time-table*/
    /*youtube-wrapper*/ }
    @media (max-width: 768px) {
      .gakka-page .learning-wrapper {
        margin: auto;
        padding: 5rem 0 4rem;
        width: 85%; } }
    .gakka-page .learning-wrapper .head-wrapper p {
      margin-top: 1.5rem; }
    .gakka-page .learning-wrapper .flow-table {
      border-spacing: 8px;
      margin-top: 3rem;
      width: 100%;
      /*thead*/
      /*tbody*/
      /*table float-box*/ }
      .gakka-page .learning-wrapper .flow-table thead th {
        color: #fff;
        font-size: clamp(15px, 1.5vw, 17px);
        text-align: center;
        padding: .25rem 0; }
      .gakka-page .learning-wrapper .flow-table thead td {
        background: #f2f2f2;
        font-size: clamp(14px, 1.5vw, 15px);
        text-align: center;
        padding: .25rem 1rem;
        vertical-align: middle;
        white-space: nowrap; }
        @media (max-width: 1024px) {
          .gakka-page .learning-wrapper .flow-table thead td {
            white-space: inherit; } }
      .gakka-page .learning-wrapper .flow-table thead .width-fixed {
        width: 17%; }
      .gakka-page .learning-wrapper .flow-table tbody {
        /*th*/
        /*td*/ }
        .gakka-page .learning-wrapper .flow-table tbody th {
          color: #fff;
          font-size: clamp(14px, 1.6vw, 18px);
          font-weight: 600;
          line-height: 1.2;
          padding: 0 1rem;
          text-align: center;
          vertical-align: middle;
          white-space: nowrap; }
          .gakka-page .learning-wrapper .flow-table tbody th em {
            font-size: clamp(32px, 4vw, 47px);
            font-family: "Oswald", sans-serif;
            font-weight: 400;
            font-style: normal;
            display: block; }
        .gakka-page .learning-wrapper .flow-table tbody td {
          padding: 2.5rem 1.5rem;
          line-height: 1.5;
          vertical-align: middle; }
          .gakka-page .learning-wrapper .flow-table tbody td .sub-head {
            color: #0a6e89;
            font-size: clamp(17px, 1.8vw, 20px);
            font-weight: 700; }
            .gakka-page .learning-wrapper .flow-table tbody td .sub-head + p {
              margin-top: .25rem; }
          .gakka-page .learning-wrapper .flow-table tbody td .box-head {
            background: #484b77;
            color: #fff;
            padding: .25rem 0;
            text-align: center; }
            .gakka-page .learning-wrapper .flow-table tbody td .box-head + .sub-head {
              margin-top: 2rem; }
          .gakka-page .learning-wrapper .flow-table tbody td p + p {
            margin-top: .5rem; }
        .gakka-page .learning-wrapper .flow-table tbody .center {
          text-align: center;
          padding: 1.5rem .5rem; }
        .gakka-page .learning-wrapper .flow-table tbody small {
          font-size: clamp(13px, 1.4vw, 14px); }
        .gakka-page .learning-wrapper .flow-table tbody .nowrap {
          white-space: nowrap; }
        .gakka-page .learning-wrapper .flow-table tbody .arrow {
          position: relative; }
          .gakka-page .learning-wrapper .flow-table tbody .arrow img {
            width: 34px;
            position: absolute;
            bottom: -13px;
            left: 50%;
            margin-left: -17px;
            z-index: 1; }
        .gakka-page .learning-wrapper .flow-table tbody .underline {
          border-bottom: 3px solid #dadf00; }
      .gakka-page .learning-wrapper .flow-table.float-box {
        /*tbody*/ }
        .gakka-page .learning-wrapper .flow-table.float-box tbody td.vacant {
          padding-top: 12rem;
          position: relative; }
    .gakka-page .learning-wrapper .float-table-item {
      background: #fff;
      border: 1px solid #28a3ca;
      padding: 2rem 0rem;
      width: 34vw;
      max-width: 504px;
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 1; }
      @media (max-width: 1024px) {
        .gakka-page .learning-wrapper .float-table-item {
          /*width: 426px;*/
          padding: 2rem 2rem;
          left: 32%;
          width: auto; } }
      @media (max-width: 768px) {
        .gakka-page .learning-wrapper .float-table-item {
          left: 24%; } }
      .gakka-page .learning-wrapper .float-table-item p {
        color: #28a3ca;
        font-size: clamp(16px, 1.8vw, 19px);
        font-weight: 700;
        text-align: center;
        white-space: nowrap; }
    .gakka-page .learning-wrapper .btn-list {
      display: flex;
      gap: 0 4%;
      justify-content: center;
      margin-top: 5rem; }
      @media (max-width: 768px) {
        .gakka-page .learning-wrapper .btn-list {
          display: inherit;
          margin-top: 3rem;
          text-align: center; } }
      @media (max-width: 768px) {
        .gakka-page .learning-wrapper .btn-list li + li {
          margin-top: 1rem; } }
    .gakka-page .learning-wrapper .time-table {
      display: table;
      border-collapse: collapse;
      margin: 0 auto 0;
      width: 100%; }
      .gakka-page .learning-wrapper .time-table caption {
        background-color: #28a3ca;
        color: #fff; }
      .gakka-page .learning-wrapper .time-table th, .gakka-page .learning-wrapper .time-table td {
        border: 2px solid #fff;
        text-align: center;
        vertical-align: middle;
        font-size: clamp(13px, 1.3vw, 14px); }
      .gakka-page .learning-wrapper .time-table th {
        background-color: #d6f2ff; }
      .gakka-page .learning-wrapper .time-table td {
        background-color: #f2f2f2; }
      .gakka-page .learning-wrapper .time-table + .time-table {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          .gakka-page .learning-wrapper .time-table + .time-table {
            margin-top: 1rem; } }
    .gakka-page .learning-wrapper .youtube-wrapper {
      display: flex;
      gap: 0 2%;
      justify-content: center;
      margin-top: 5rem; }
      @media (max-width: 768px) {
        .gakka-page .learning-wrapper .youtube-wrapper {
          display: inherit;
          margin-top: 3.5rem; } }
      .gakka-page .learning-wrapper .youtube-wrapper li {
        transition: .3s; }
        @media (hover: hover) and (pointer: fine) {
          .gakka-page .learning-wrapper .youtube-wrapper li:hover {
            cursor: pointer;
            opacity: .7; } }
        @media (max-width: 768px) {
          .gakka-page .learning-wrapper .youtube-wrapper li + li {
            margin-top: 3rem; } }
  .gakka-page .check-wrapper {
    margin-top: 6rem;
    padding: 0rem 0 4rem;
    position: relative;
    /*head-wrapper*/ }
    @media (max-width: 768px) {
      .gakka-page .check-wrapper {
        margin-top: 0;
        padding: 0 0 3rem; } }
    .gakka-page .check-wrapper::before {
      content: "";
      background: #ddf0f6;
      background-size: cover;
      height: 99%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      .gakka-page .check-wrapper .inner {
        margin: 3rem auto 0;
        width: 85%; } }
    @media (max-width: 768px) {
      .gakka-page .check-wrapper .inner img {
        margin-top: 2rem; } }
    .gakka-page .check-wrapper .head-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 0 3%;
      /*margin-top: -11.5vw;*/
      margin-bottom: 4rem;
      position: relative;
      /*text-box*/ }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper .head-wrapper {
          display: inherit;
          margin-top: 0;
          margin-bottom: 1.5rem; } }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper .head-wrapper::before {
          content: "";
          background: #fff;
          background-size: cover;
          height: 7vw;
          width: 100vw;
          position: absolute;
          top: 0;
          right: 0;
          z-index: -1; } }
      .gakka-page .check-wrapper .head-wrapper .text-box {
        margin-bottom: min(0.5vw, 12px);
        width: 70%; }
        @media (max-width: 768px) {
          .gakka-page .check-wrapper .head-wrapper .text-box {
            margin: auto;
            width: 85%; } }
        .gakka-page .check-wrapper .head-wrapper .text-box .head {
          font-size: clamp(48px, 5vw, 88px);
          font-family: "Oswald", sans-serif;
          font-weight: 700;
          line-height: 100%;
          position: relative; }
          .gakka-page .check-wrapper .head-wrapper .text-box .head::before {
            content: "";
            background: #fff;
            background-size: cover;
            height: 10vw;
            width: 100vw;
            position: absolute;
            bottom: 2rem;
            left: -24vw;
            z-index: -1; }
            @media (max-width: 768px) {
              .gakka-page .check-wrapper .head-wrapper .text-box .head::before {
                content: none; } }
        .gakka-page .check-wrapper .head-wrapper .text-box .sub-head {
          color: #28a3ca;
          font-size: clamp(17px, 1.8vw, 20px);
          font-weight: 700;
          margin-top: 2.5rem; }
          @media (max-width: 768px) {
            .gakka-page .check-wrapper .head-wrapper .text-box .sub-head {
              margin-top: 1.5rem; } }
        .gakka-page .check-wrapper .head-wrapper .text-box .text {
          font-size: clamp(14px, 1.4vw, 15px);
          margin-top: .5rem; }
        .gakka-page .check-wrapper .head-wrapper .text-box .sup {
          font-size: clamp(13px, 1.2vw, 13px); }
        .gakka-page .check-wrapper .head-wrapper .text-box.img-none {
          width: auto;
          max-width: 1100px;
          padding-right: 6rem; }
          @media (max-width: 768px) {
            .gakka-page .check-wrapper .head-wrapper .text-box.img-none {
              padding: 0;
              margin: auto;
              width: 85%; } }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper .head-wrapper .image {
          margin-top: 2rem; } }
      .gakka-page .check-wrapper .head-wrapper .image img {
        max-height: 300px;
        width: 36vw;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          .gakka-page .check-wrapper .head-wrapper .image img {
            max-height: inherit;
            width: 100%; } }
    .gakka-page .check-wrapper .cross-head {
      color: #0a6e89;
      font-size: clamp(17px, 1.8vw, 24px);
      font-weight: 700;
      text-indent: -1.25rem;
      padding-left: 1rem; }
      .gakka-page .check-wrapper .cross-head::before {
        content: "\025cf"; }
      .gakka-page .check-wrapper .cross-head + img {
        margin-top: 1.5rem; }
    .gakka-page .check-wrapper .image-flex {
      display: flex;
      gap: 0 5%; }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper .image-flex {
          display: inherit; } }
      .gakka-page .check-wrapper .image-flex li p {
        font-size: clamp(13px, 1.4vw, 14px);
        margin-top: .25rem; }
      @media (max-width: 768px) {
        .gakka-page .check-wrapper .image-flex li + li {
          margin-top: 0rem; } }
  .gakka-page .practice-wrapper {
    padding: 8rem 0;
    /*cross-head*/
    /*practice-list*/ }
    @media (max-width: 768px) {
      .gakka-page .practice-wrapper {
        padding: 5rem 0;
        margin: auto;
        width: 85%; } }
    .gakka-page .practice-wrapper .head-square + p {
      margin-top: 2rem; }
    .gakka-page .practice-wrapper .cross-head {
      color: #0086c1;
      font-size: clamp(24px, 2.8vw, 30px);
      font-weight: bold;
      margin-top: 3rem; }
      .gakka-page .practice-wrapper .cross-head::before {
        content: "\025a0";
        color: #0086c1;
        font-size: clamp(24px, 2.8vw, 30px);
        margin-right: .5rem;
        vertical-align: bottom; }
      .gakka-page .practice-wrapper .cross-head + .practice-list {
        margin-top: 2rem; }
    .gakka-page .practice-wrapper .practice-list {
      display: flex;
      gap: 0 5%;
      margin: 3rem auto 0;
      /*li*/
      /*practice-list column-half*/ }
      @media (max-width: 768px) {
        .gakka-page .practice-wrapper .practice-list {
          display: inherit;
          margin: 2rem auto 0; } }
      .gakka-page .practice-wrapper .practice-list li {
        width: 30%; }
        @media (max-width: 768px) {
          .gakka-page .practice-wrapper .practice-list li {
            width: 100%; } }
        .gakka-page .practice-wrapper .practice-list li .sub-head {
          font-size: clamp(17px, 1.8vw, 23px);
          font-weight: 700;
          margin-top: 1.5rem; }
          @media (max-width: 768px) {
            .gakka-page .practice-wrapper .practice-list li .sub-head {
              font-size: 20px; } }
        .gakka-page .practice-wrapper .practice-list li p {
          font-size: clamp(14px, 1.4vw, 15px);
          margin-top: 1rem; }
        @media (max-width: 768px) {
          .gakka-page .practice-wrapper .practice-list li + li {
            margin-top: 3rem; } }
      .gakka-page .practice-wrapper .practice-list.column-half {
        flex-wrap: wrap; }
        .gakka-page .practice-wrapper .practice-list.column-half li {
          width: 45%; }
          @media (max-width: 768px) {
            .gakka-page .practice-wrapper .practice-list.column-half li {
              width: 100%; } }
          .gakka-page .practice-wrapper .practice-list.column-half li:nth-child(3), .gakka-page .practice-wrapper .practice-list.column-half li:nth-child(4) {
            margin-top: 3rem; }
  .gakka-page .environment-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 3%;
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      .gakka-page .environment-wrapper {
        display: inherit;
        position: relative;
        padding-bottom: 5px; } }
    @media (max-width: 768px) {
      .gakka-page .environment-wrapper::before {
        content: "";
        border: 1px solid #28a3ca;
        height: 100%;
        width: 94%;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0); } }
    .gakka-page .environment-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 85%; }
      @media (max-width: 768px) {
        .gakka-page .environment-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      .gakka-page .environment-wrapper .text-box .label {
        background: #231815;
        color: #fff;
        display: inline-block;
        font-size: clamp(16px, 1.6vw, 17px);
        padding: 0 6rem 0.15rem 2.5rem;
        position: relative; }
        @media (max-width: 768px) {
          .gakka-page .environment-wrapper .text-box .label {
            padding: 0 1rem 0.15rem 2.5rem; } }
        .gakka-page .environment-wrapper .text-box .label::before {
          content: "";
          background: #28a3ca;
          height: 100%;
          width: 30px;
          position: absolute;
          top: 0;
          left: 0; }
      .gakka-page .environment-wrapper .text-box .head {
        font-size: clamp(20px, 2.1vw, 23px);
        font-weight: 700;
        margin: 1.5rem 0;
        width: 100%; }
        @media (max-width: 768px) {
          .gakka-page .environment-wrapper .text-box .head {
            margin: 1.5rem 0 1rem; } }
      .gakka-page .environment-wrapper .text-box .text {
        font-size: clamp(14px, 1.4vw, 15px); }
      .gakka-page .environment-wrapper .text-box img {
        /*max-width: 318px;*/
        width: min(17vw, 318px);
        margin-top: auto;
        margin-left: auto; }
    .gakka-page .environment-wrapper .image {
      position: relative;
      width: 90%; }
      @media (max-width: 768px) {
        .gakka-page .environment-wrapper .image {
          margin-top: 1rem;
          width: 100%; } }
      .gakka-page .environment-wrapper .image img {
        max-height: 400px;
        width: 145vw;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          .gakka-page .environment-wrapper .image img {
            max-height: inherit;
            width: 100%; } }
      .gakka-page .environment-wrapper .image .float-text {
        position: absolute;
        top: 0;
        left: 0; }
        .gakka-page .environment-wrapper .image .float-text img {
          width: 30px; }
  .gakka-page .collaboration-wrapper {
    padding: 8rem 0 4rem;
    position: relative;
    /*flex-wrapper*/
    /*collaboration-swiper-arrow*/ }
    @media (max-width: 768px) {
      .gakka-page .collaboration-wrapper {
        padding: 4rem 0 3rem;
        margin-top: 4rem; } }
    .gakka-page .collaboration-wrapper::before {
      content: "";
      background: url("../images/gakka/kentiku/collaboration-bg.jpg") no-repeat center center;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
    @media (max-width: 768px) {
      .gakka-page .collaboration-wrapper .head-flex,
      .gakka-page .collaboration-wrapper .desc {
        margin-left: auto;
        margin-right: auto;
        width: 85%; } }
    .gakka-page .collaboration-wrapper .flex-wrapper {
      gap: 0 7%;
      background: #fff;
      margin-top: 3rem;
      padding: 1.5rem 0rem 2rem 3rem;
      padding-right: 0 !important;
      position: relative; }
      @media (max-width: 768px) {
        .gakka-page .collaboration-wrapper .flex-wrapper {
          background: none;
          display: inherit;
          margin: 1rem auto 0;
          padding: 0;
          width: 90%; } }
      .gakka-page .collaboration-wrapper .flex-wrapper::before {
        content: "";
        background: #fff;
        height: 100%;
        width: calc(100vw - 25rem);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
        @media (max-width: 768px) {
          .gakka-page .collaboration-wrapper .flex-wrapper::before {
            left: 50%;
            transform: translate(-50%, 0);
            width: 95%; } }
    .gakka-page .collaboration-wrapper .text-box {
      padding: 1.5rem 0 0;
      /*width: 40%;*/
      width: 50%; }
      @media (max-width: 768px) {
        .gakka-page .collaboration-wrapper .text-box {
          padding: 1.5rem 1.5rem 0;
          width: calc(100% - 3rem); } }
      .gakka-page .collaboration-wrapper .text-box .head {
        color: #28a3ca;
        font-size: clamp(20px, 2.1vw, 23px);
        font-weight: 700;
        line-height: 1.3; }
        .gakka-page .collaboration-wrapper .text-box .head small {
          font-size: clamp(15px, 1.5vw, 17px); }
      .gakka-page .collaboration-wrapper .text-box .text {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 2rem; }
        @media (max-width: 768px) {
          .gakka-page .collaboration-wrapper .text-box .text {
            margin-top: 1rem; } }
    .gakka-page .collaboration-wrapper .collaboration-swiper-arrow {
      position: relative;
      /*width: 45%;*/
      width: 50%;
      /*collaboration-swiper-wrapper*/ }
      @media (max-width: 768px) {
        .gakka-page .collaboration-wrapper .collaboration-swiper-arrow {
          margin-top: 2rem;
          width: 100%; } }
      .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper {
        overflow: hidden; }
        .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination {
          padding-bottom: 1rem;
          text-align: center; }
          .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
            background-color: #28a3ca; }
      .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next {
        top: 53%;
        right: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next {
            top: 55%;
            right: var(--swiper-navigation-sides-offset, -10px); } }
        .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #28a3ca;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px; }
      .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev {
        top: 53%;
        left: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev {
            top: 55%;
            left: var(--swiper-navigation-sides-offset, -10px); } }
        .gakka-page .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #28a3ca;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px;
          transform: scale(-1, 1); }
  .gakka-page .teacher-wrapper {
    padding: 8rem 0;
    /*practice-list*/ }
    @media (max-width: 768px) {
      .gakka-page .teacher-wrapper {
        padding: 5rem 0 3rem;
        margin: auto;
        width: 85%; } }
    .gakka-page .teacher-wrapper .teacher-list {
      display: flex;
      gap: 0 5%;
      margin: 3rem auto 0;
      /*li*/ }
      @media (max-width: 768px) {
        .gakka-page .teacher-wrapper .teacher-list {
          display: inherit;
          margin-top: 2rem; } }
      .gakka-page .teacher-wrapper .teacher-list li {
        width: 48%; }
        @media (max-width: 768px) {
          .gakka-page .teacher-wrapper .teacher-list li {
            width: 100%; } }
        .gakka-page .teacher-wrapper .teacher-list li .name {
          font-size: clamp(20px, 2vw, 27px);
          font-weight: 500;
          margin-top: 2rem; }
          .gakka-page .teacher-wrapper .teacher-list li .name small {
            font-size: clamp(15px, 1.6vw, 18px);
            margin-left: .25rem; }
        .gakka-page .teacher-wrapper .teacher-list li p {
          font-size: clamp(14px, 1.4vw, 15px);
          margin-top: 1rem; }
        @media (max-width: 768px) {
          .gakka-page .teacher-wrapper .teacher-list li + li {
            margin-top: 3rem; } }
  .gakka-page .findwork-wrapper {
    padding: 8rem 0 4rem;
    position: relative;
    /*chart-wrapper*/
    /*count-list*/
    /*btn-list*/ }
    @media (max-width: 768px) {
      .gakka-page .findwork-wrapper {
        padding: 0 0 3rem; } }
    .gakka-page .findwork-wrapper::before {
      content: "";
      background: #eee;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
    .gakka-page .findwork-wrapper .inner {
      display: flex;
      align-items: flex-start;
      gap: 0 5%; }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .inner {
          display: inherit; } }
    .gakka-page .findwork-wrapper .chart-wrapper {
      width: 45%;
      /*chart-content*/ }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .chart-wrapper {
          margin: auto;
          width: 100%; } }
      .gakka-page .findwork-wrapper .chart-wrapper .head {
        background: #231815;
        display: inline-flex;
        gap: 0 2rem;
        font-size: clamp(24px, 2.4vw, 40px);
        font-weight: 700;
        color: #fff;
        padding: 4px 0 8px 2rem;
        line-height: 100%;
        white-space: nowrap; }
        .gakka-page .findwork-wrapper .chart-wrapper .head small {
          background: #fff;
          color: #231815;
          font-size: clamp(15px, 1.6vw, 17px);
          font-weight: 700;
          padding: 0 2rem;
          position: relative;
          z-index: 0; }
          @media (max-width: 1024px) {
            .gakka-page .findwork-wrapper .chart-wrapper .head small {
              padding: 0 1rem; } }
          .gakka-page .findwork-wrapper .chart-wrapper .head small::before {
            content: "";
            background: #fff;
            height: calc(100% + 12px);
            width: 100%;
            position: absolute;
            top: -4px;
            left: 0;
            z-index: -1; }
      .gakka-page .findwork-wrapper .chart-wrapper .chart-content {
        margin: 4.5rem auto 0;
        position: relative;
        width: 90%; }
        @media (max-width: 768px) {
          .gakka-page .findwork-wrapper .chart-wrapper .chart-content {
            margin: 2.5rem auto 0;
            width: 72%; } }
        .gakka-page .findwork-wrapper .chart-wrapper .chart-content #myChart {
          position: relative;
          z-index: 1; }
        .gakka-page .findwork-wrapper .chart-wrapper .chart-content .inner-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 50%;
          height: 50%;
          background-color: #fff;
          /* 赤の半透明 */
          border-radius: 50%;
          transform: translate(-50%, -50%);
          pointer-events: none;
          z-index: 0; }
        .gakka-page .findwork-wrapper .chart-wrapper .chart-content .name {
          color: #28a3ca;
          font-size: clamp(17px, 1.8vw, 23px);
          font-weight: 500;
          position: absolute;
          top: 51%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 1; }
        .gakka-page .findwork-wrapper .chart-wrapper .chart-content .float1, .gakka-page .findwork-wrapper .chart-wrapper .chart-content .float2, .gakka-page .findwork-wrapper .chart-wrapper .chart-content .float3 {
          position: absolute;
          z-index: 2; }
    .gakka-page .findwork-wrapper .countup-list {
      border-left: 1px solid #231815;
      padding-left: 5%;
      width: 45%; }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .countup-list {
          border: none;
          padding: 0;
          margin: 1rem auto 0;
          width: 80%; } }
      .gakka-page .findwork-wrapper .countup-list .cross-head {
        font-size: clamp(17px, 2vw, 24px);
        font-weight: 500; }
      .gakka-page .findwork-wrapper .countup-list .counter {
        white-space: nowrap; }
        @media (max-width: 768px) {
          .gakka-page .findwork-wrapper .countup-list .counter {
            text-align: center; } }
        .gakka-page .findwork-wrapper .countup-list .counter .number {
          color: #28a3ca;
          font-size: clamp(142px, 18vw, 205px);
          font-family: "Oswald", sans-serif;
          font-weight: 700;
          line-height: 100%; }
        .gakka-page .findwork-wrapper .countup-list .counter .unit {
          color: #28a3ca;
          font-size: clamp(70px, 8vw, 100px);
          font-family: "Oswald", sans-serif;
          font-weight: 700; }
      .gakka-page .findwork-wrapper .countup-list .list {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 1rem; }
      .gakka-page .findwork-wrapper .countup-list .sup-list {
        margin-top: 2rem; }
    .gakka-page .findwork-wrapper .btn-list {
      display: flex;
      gap: 0 3%;
      justify-content: center;
      margin: 5rem auto 0;
      max-width: 690px; }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .btn-list {
          display: inherit;
          margin: 3rem auto 0;
          text-align: center; } }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .btn-list li a {
          white-space: nowrap; } }
      @media (max-width: 768px) {
        .gakka-page .findwork-wrapper .btn-list li + li {
          margin-top: 1rem; } }
  .gakka-page .graduate-wrapper {
    padding: 8rem 0 0;
    /*graduate-message*/ }
    @media (max-width: 768px) {
      .gakka-page .graduate-wrapper {
        padding: 5rem 0 0;
        margin: auto;
        width: 85%; } }
    .gakka-page .graduate-wrapper .graduate-message {
      border-top: 6px solid #28a3ca;
      border-bottom: 1px solid #bdbab9;
      margin-top: 6rem;
      /*profile-box*/
      /*message-box*/ }
      @media (max-width: 768px) {
        .gakka-page .graduate-wrapper .graduate-message {
          margin-top: 3rem; } }
      .gakka-page .graduate-wrapper .graduate-message .profile-box {
        display: flex;
        align-items: center;
        gap: 0 5%;
        font-size: clamp(15px, 1.5vw, 17px);
        padding-bottom: 2rem;
        position: relative;
        transition: .2s;
        /*text-box*/ }
        @media (max-width: 768px) {
          .gakka-page .graduate-wrapper .graduate-message .profile-box {
            background-position: 95% 10%;
            display: inherit; } }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .image {
          width: 45%; }
          @media (max-width: 768px) {
            .gakka-page .graduate-wrapper .graduate-message .profile-box .image {
              width: 100%; } }
        @media (max-width: 768px) {
          .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box {
            margin-top: 1rem; } }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .affiliation {
          font-size: clamp(16px, 1.7vw, 19px);
          font-weight: 500; }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .post {
          font-size: clamp(13px, 1.4vw, 16px);
          font-weight: 500;
          margin-top: 1.5rem; }
          @media (max-width: 768px) {
            .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .post {
              margin-top: .5rem; } }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .name {
          font-size: clamp(20px, 2.2vw, 27px);
          font-weight: 500; }
          .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .name small {
            font-size: clamp(15px, 1.8vw, 20px); }
            .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .name small span {
              font-size: clamp(12px, 1.3vw, 13px); }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .career {
          font-size: clamp(13px, 1.4vw, 15px);
          font-weight: 400;
          margin-top: 1rem; }
          @media (max-width: 768px) {
            .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .career {
              margin-top: .5rem; } }
          .gakka-page .graduate-wrapper .graduate-message .profile-box .text-box .career small {
            font-size: clamp(12px, 1.3vw, 13px); }
        .gakka-page .graduate-wrapper .graduate-message .profile-box .arrow {
          mask-image: url("../images/common/icon-arrow-down.svg");
          mask-size: cover;
          mask-repeat: no-repeat;
          mask-position: center;
          background-color: #28a3ca;
          height: 11px;
          width: 22px;
          position: absolute;
          bottom: 10%;
          right: 2%; }
          @media (max-width: 768px) {
            .gakka-page .graduate-wrapper .graduate-message .profile-box .arrow {
              bottom: 5%; } }
        .gakka-page .graduate-wrapper .graduate-message .profile-box.active .arrow {
          mask-image: url("../images/common/icon-arrow-upper.svg"); }
        @media (hover: hover) and (pointer: fine) {
          .gakka-page .graduate-wrapper .graduate-message .profile-box:hover {
            opacity: 1;
            cursor: pointer; } }
        @media (hover: hover) and (pointer: fine) {
          .gakka-page .graduate-wrapper .graduate-message .profile-box:hover .post, .gakka-page .graduate-wrapper .graduate-message .profile-box:hover .name {
            color: #d51026; } }
      .gakka-page .graduate-wrapper .graduate-message .message-box {
        display: none;
        padding: 1rem 0 2rem; }
        .gakka-page .graduate-wrapper .graduate-message .message-box .head {
          color: #28a3ca;
          font-size: clamp(22px, 2.4vw, 27px);
          font-weight: 700;
          line-height: 1.6; }
        .gakka-page .graduate-wrapper .graduate-message .message-box .text {
          font-size: clamp(14px, 1.5vw, 15px);
          /*font-weight: $r;*/
          margin-top: 1rem; }
      .gakka-page .graduate-wrapper .graduate-message + .graduate-message {
        margin-top: 5rem; }
@inlucde sp {
  .gakka-page .graduate-wrapper .graduate-message + .graduate-message {
    margin-top: 3rem; } }
  .gakka-page .os-banner {
    margin: 8rem auto 0;
    max-width: 1800px; }
    @media (max-width: 768px) {
      .gakka-page .os-banner {
        margin: 5rem auto 3rem; } }

/*gakka-page*/
#kentiku {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #kentiku .page__list .page__link.is-active::before {
    background-color: #28a3ca; }
  #kentiku .gakka-color {
    color: #28a3ca; }
  #kentiku .head-square::before, #kentiku .head-square::after {
    background: #28a3ca; }
  #kentiku .course-main-gra-wrappper {
    /*course-main-content*/ }
    #kentiku .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #kentiku .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #b9d25c; }
  #kentiku .features-list-wrapper {
    /*features-list*/ }
    #kentiku .features-list-wrapper .head::before {
      color: #28a3ca; }
    #kentiku .features-list-wrapper .features-list {
      /*li*/ }
      #kentiku .features-list-wrapper .features-list li {
        /*content*/ }
        #kentiku .features-list-wrapper .features-list li .point {
          background: #28a3ca; }
        #kentiku .features-list-wrapper .features-list li .content::before {
          background: #d2ecf4; }
        #kentiku .features-list-wrapper .features-list li .content .num {
          color: #28a3ca; }
  #kentiku .aim-wrapper::before {
    background-image: url("../images/gakka/kentiku/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #kentiku .aim-wrapper::before {
        background-image: url("../images/gakka/kentiku/aim-bg-sp.jpg"); } }
  #kentiku .aim-wrapper .board li .sub-head {
    color: #28a3ca; }
  #kentiku .news-wrapper {
    /*news-list*/ }
    #kentiku .news-wrapper .head-flex .category::before, #kentiku .news-wrapper .head-flex .category::after {
      background: #28a3ca; }
    #kentiku .news-wrapper .head-flex .category::after {
      background: #0086c1; }
    #kentiku .news-wrapper .news-list {
      /*li*/ }
      #kentiku .news-wrapper .news-list li .news-title span {
        background: #28a3ca; }
  #kentiku .learning-wrapper {
    /*flow-table*/ }
    #kentiku .learning-wrapper .flow-table tbody {
      /*td*/ }
      #kentiku .learning-wrapper .flow-table tbody td .sub-head {
        color: #0a6e89; }
    #kentiku .learning-wrapper .flow-table .c1 {
      background: #0a6e89; }
    #kentiku .learning-wrapper .flow-table .c2 {
      background: #4591a6; }
    #kentiku .learning-wrapper .flow-table .c3 {
      background: #8ab9c7; }
    #kentiku .learning-wrapper .flow-table .c4 {
      background: #c5e8fa; }
    #kentiku .learning-wrapper .flow-table .c5 {
      background: #d8f0fc; }
    #kentiku .learning-wrapper .flow-table .c6 {
      background: #ecf7fd; }
    #kentiku .learning-wrapper .time-table caption {
      background-color: #28a3ca; }
    #kentiku .learning-wrapper .time-table th {
      background-color: #d6f2ff; }
  #kentiku .check-wrapper::before {
    background: #ddf0f6; }
  #kentiku .check-wrapper .head-wrapper .text-box .sub-head {
    color: #28a3ca; }
  #kentiku .check-wrapper .cross-head {
    color: #0a6e89; }
  @media (max-width: 768px) {
    #kentiku .environment-wrapper::before {
      border-color: #28a3ca; } }
  #kentiku .environment-wrapper .text-box .label::before {
    background: #28a3ca; }
  #kentiku .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #kentiku .collaboration-wrapper::before {
      background-image: url("../images/gakka/kentiku/collaboration-bg.jpg"); }
    #kentiku .collaboration-wrapper .text-box .head {
      color: #28a3ca; }
    #kentiku .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #kentiku .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #28a3ca; }
      #kentiku .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #28a3ca; }
      #kentiku .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #28a3ca; }
  #kentiku .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #kentiku .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #kentiku .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #28a3ca; }
      #kentiku .findwork-wrapper .chart-wrapper .chart-content .float1, #kentiku .findwork-wrapper .chart-wrapper .chart-content .float2, #kentiku .findwork-wrapper .chart-wrapper .chart-content .float3 {
        position: absolute;
        z-index: 2; }
      #kentiku .findwork-wrapper .chart-wrapper .chart-content .float1 {
        top: 43%;
        right: 7%;
        width: 20%; }
      #kentiku .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: 50%;
        left: -16%;
        width: 24%; }
      #kentiku .findwork-wrapper .chart-wrapper .chart-content .float3 {
        top: -7%;
        left: 10%;
        width: 33%; }
    #kentiku .findwork-wrapper .countup-list .counter .number {
      color: #28a3ca; }
    #kentiku .findwork-wrapper .countup-list .counter .unit {
      color: #28a3ca; }
  #kentiku .graduate-wrapper {
    /*graduate-message*/ }
    #kentiku .graduate-wrapper .graduate-message {
      border-top-color: #28a3ca;
      /*profile-box*/
      /*message-box*/ }
      #kentiku .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #28a3ca; }
      #kentiku .graduate-wrapper .graduate-message .message-box .head {
        color: #28a3ca; }

/*▲▲▲▲▲▲▲▲▲▲ #kentiku ▲▲▲▲▲▲▲▲▲▲*/
#it {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #it .page__list .page__link.is-active::before {
    background-color: #a85a95; }
  #it .gakka-color {
    color: #a85a95; }
  #it .head-square::before, #it .head-square::after {
    background: #a85a95; }
  #it .course-main-gra-wrappper {
    /*course-main-content*/ }
    #it .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #it .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #57a56a; }
  #it .features-list-wrapper {
    /*features-list*/ }
    #it .features-list-wrapper .head::before {
      color: #a85a95; }
    #it .features-list-wrapper .features-list {
      /*li*/ }
      #it .features-list-wrapper .features-list li {
        /*content*/ }
        #it .features-list-wrapper .features-list li .point {
          background: #a85a95; }
        #it .features-list-wrapper .features-list li .content::before {
          background: #f1deea; }
        #it .features-list-wrapper .features-list li .content .num {
          color: #a85a95; }
  #it .aim-wrapper::before {
    background-image: url("../images/gakka/it/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #it .aim-wrapper::before {
        background-image: url("../images/gakka/it/aim-bg-sp.jpg"); } }
  #it .aim-wrapper .board li .sub-head {
    color: #a85a95; }
  #it .news-wrapper {
    /*news-list*/ }
    #it .news-wrapper .head-flex .category::before, #it .news-wrapper .head-flex .category::after {
      background: #a85a95; }
    #it .news-wrapper .head-flex .category::after {
      background: #dc669b; }
    #it .news-wrapper .news-list {
      /*li*/ }
      #it .news-wrapper .news-list li .news-title span {
        background: #a85a95; }
  #it .learning-wrapper {
    /*flow-table*/ }
    #it .learning-wrapper .flow-table tbody {
      /*td*/ }
      #it .learning-wrapper .flow-table tbody td .sub-head {
        color: #821c60; }
    #it .learning-wrapper .flow-table .c1 {
      background: #821c60; }
    #it .learning-wrapper .flow-table .c2 {
      background: #a05286; }
    #it .learning-wrapper .flow-table .c3 {
      background: #c392b2; }
    #it .learning-wrapper .flow-table .c4 {
      background: #e0c6d7; }
    #it .learning-wrapper .flow-table .c5 {
      background: #eed7e8; }
    #it .learning-wrapper .flow-table .c6 {
      background: #f3e3ef; }
    #it .learning-wrapper .flow-table .c7 {
      background: #faf3f8; }
    #it .learning-wrapper .time-table caption {
      background-color: #a85a95; }
    #it .learning-wrapper .time-table th {
      background-color: #f3e3ef; }
  #it .check-wrapper::before {
    background: #f1deea; }
  @media (max-width: 768px) {
    #it .check-wrapper .inner {
      position: relative;
      margin-top: 0;
      width: 70%;
      z-index: 0; } }
  @media (max-width: 768px) {
    #it .check-wrapper .inner img {
      margin-top: -40px; } }
  #it .check-wrapper .head-wrapper .text-box .sub-head {
    color: #821c60; }
  #it .check-wrapper .cross-head {
    color: #821c60; }
  @media (max-width: 768px) {
    #it .environment-wrapper::before {
      border-color: #a85a95; } }
  #it .environment-wrapper .text-box .label::before {
    background: #a85a95; }
  #it .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #it .collaboration-wrapper::before {
      background-image: url("../images/gakka/it/collaboration-bg.jpg"); }
    #it .collaboration-wrapper .text-box .head {
      color: #a85a95; }
    #it .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #it .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #a85a95; }
      #it .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #a85a95; }
      #it .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #a85a95; }
  #it .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #it .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #it .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #a85a95; }
      #it .findwork-wrapper .chart-wrapper .chart-content .float1, #it .findwork-wrapper .chart-wrapper .chart-content .float2 {
        position: absolute;
        z-index: 2; }
      #it .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #it .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: 17%;
        left: -12%;
        width: 32%; }
      #it .findwork-wrapper .chart-wrapper .chart-content .float3 {
        top: -5%;
        left: 5%;
        width: 35%; }
    #it .findwork-wrapper .countup-list .counter .number {
      color: #a85a95; }
    #it .findwork-wrapper .countup-list .counter .unit {
      color: #a85a95; }
  #it .graduate-wrapper {
    /*graduate-message*/ }
    #it .graduate-wrapper .graduate-message {
      border-top-color: #a85a95;
      /*profile-box*/
      /*message-box*/ }
      #it .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #a85a95; }
      #it .graduate-wrapper .graduate-message .message-box .head {
        color: #a85a95; }

/*▲▲▲▲▲▲▲▲▲▲ #it ▲▲▲▲▲▲▲▲▲▲*/
#jyouhou {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #jyouhou .page__list .page__link.is-active::before {
    background-color: #dc669b; }
  #jyouhou .gakka-color {
    color: #dc669b; }
  #jyouhou .head-square::before, #jyouhou .head-square::after {
    background: #dc669b; }
  #jyouhou .course-main-gra-wrappper {
    /*course-main-content*/ }
    #jyouhou .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #jyouhou .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #ddc258; }
  #jyouhou .features-list-wrapper {
    /*features-list*/ }
    #jyouhou .features-list-wrapper .head::before {
      color: #dc669b; }
    #jyouhou .features-list-wrapper .features-list {
      /*li*/ }
      #jyouhou .features-list-wrapper .features-list li {
        /*content*/ }
        #jyouhou .features-list-wrapper .features-list li .point {
          background: #dc669b; }
        #jyouhou .features-list-wrapper .features-list li .content::before {
          background: #f9e7ef; }
        #jyouhou .features-list-wrapper .features-list li .content .num {
          color: #dc669b; }
  #jyouhou .aim-wrapper::before {
    background-image: url("../images/gakka/jyouhou/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #jyouhou .aim-wrapper::before {
        background-image: url("../images/gakka/jyouhou/aim-bg-sp.jpg"); } }
  #jyouhou .aim-wrapper .board li .sub-head {
    color: #dc669b; }
  #jyouhou .news-wrapper {
    /*news-list*/ }
    #jyouhou .news-wrapper .head-flex .category::before, #jyouhou .news-wrapper .head-flex .category::after {
      background: #dc669b; }
    #jyouhou .news-wrapper .head-flex .category::after {
      background: #dc669b; }
    #jyouhou .news-wrapper .news-list {
      /*li*/ }
      #jyouhou .news-wrapper .news-list li .news-title span {
        background: #dc669b; }
  #jyouhou .learning-wrapper {
    /*flow-table*/ }
    #jyouhou .learning-wrapper .flow-table tbody {
      /*td*/ }
      #jyouhou .learning-wrapper .flow-table tbody td .sub-head {
        color: #9c1f5c; }
    #jyouhou .learning-wrapper .flow-table .c1 {
      background: #9c1f5c; }
    #jyouhou .learning-wrapper .flow-table .c2 {
      background: #b45483; }
    #jyouhou .learning-wrapper .flow-table .c3 {
      background: #d093b1; }
    #jyouhou .learning-wrapper .flow-table .c4 {
      background: #fadae7; }
    #jyouhou .learning-wrapper .flow-table .c5 {
      background: #fcedf4; }
    #jyouhou .learning-wrapper .time-table caption {
      background-color: #dc669b; }
    #jyouhou .learning-wrapper .time-table th {
      background-color: #fadae7; }
  #jyouhou .check-wrapper::before {
    background: #f9e7ef; }
  @media (max-width: 768px) {
    #jyouhou .check-wrapper .inner {
      margin-top: 0;
      width: 70%; } }
  #jyouhou .check-wrapper .head-wrapper .text-box .sub-head {
    color: #dc669b; }
  #jyouhou .check-wrapper .cross-head {
    color: #dc669b; }
  @media (max-width: 768px) {
    #jyouhou .environment-wrapper::before {
      border-color: #dc669b; } }
  #jyouhou .environment-wrapper .text-box .label::before {
    background: #dc669b; }
  #jyouhou .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #jyouhou .collaboration-wrapper::before {
      background-image: url("../images/gakka/jyouhou/collaboration-bg.jpg"); }
    #jyouhou .collaboration-wrapper .text-box .head {
      color: #dc669b; }
    #jyouhou .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #jyouhou .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #dc669b; }
      #jyouhou .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #dc669b; }
      #jyouhou .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #dc669b; }
  #jyouhou .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #jyouhou .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #jyouhou .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #dc669b; }
      #jyouhou .findwork-wrapper .chart-wrapper .chart-content .float1, #jyouhou .findwork-wrapper .chart-wrapper .chart-content .float2 {
        position: absolute;
        z-index: 2; }
      #jyouhou .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #jyouhou .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: 17%;
        left: -14%;
        width: 36%; }
      #jyouhou .findwork-wrapper .chart-wrapper .chart-content .float3 {
        top: -5%;
        left: 9%;
        width: 35%; }
    #jyouhou .findwork-wrapper .countup-list .counter .number {
      color: #dc669b; }
    #jyouhou .findwork-wrapper .countup-list .counter .unit {
      color: #dc669b; }
  #jyouhou .graduate-wrapper {
    /*graduate-message*/ }
    #jyouhou .graduate-wrapper .graduate-message {
      border-top-color: #dc669b;
      /*profile-box*/
      /*message-box*/ }
      #jyouhou .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #dc669b; }
      #jyouhou .graduate-wrapper .graduate-message .message-box .head {
        color: #dc669b; }

/*▲▲▲▲▲▲▲▲▲▲ #jyouhou ▲▲▲▲▲▲▲▲▲▲*/
#kikai {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #kikai .page__list .page__link.is-active::before {
    background-color: #c69700; }
  #kikai .gakka-color {
    color: #c69700; }
  #kikai .head-square::before, #kikai .head-square::after {
    background: #c69700; }
  #kikai .course-main-gra-wrappper {
    /*course-main-content*/ }
    #kikai .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #kikai .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #ddc2ff; }
  #kikai .features-list-wrapper {
    /*features-list*/ }
    #kikai .features-list-wrapper .head::before {
      color: #c69700; }
    #kikai .features-list-wrapper .features-list {
      /*li*/ }
      #kikai .features-list-wrapper .features-list li {
        /*content*/ }
        #kikai .features-list-wrapper .features-list li .point {
          background: #c69700; }
        #kikai .features-list-wrapper .features-list li .content::before {
          background: #f3e9c9; }
        #kikai .features-list-wrapper .features-list li .content .num {
          color: #c69700; }
  #kikai .aim-wrapper::before {
    background-image: url("../images/gakka/kikai/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #kikai .aim-wrapper::before {
        background-image: url("../images/gakka/kikai/aim-bg-sp.jpg"); } }
  #kikai .aim-wrapper .board li .sub-head {
    color: #c69700; }
  #kikai .news-wrapper {
    /*news-list*/ }
    #kikai .news-wrapper .head-flex .category::before, #kikai .news-wrapper .head-flex .category::after {
      background: #c69700; }
    #kikai .news-wrapper .head-flex .category::after {
      background: #c69700; }
    #kikai .news-wrapper .news-list {
      /*li*/ }
      #kikai .news-wrapper .news-list li .news-title span {
        background: #c69700; }
  #kikai .learning-wrapper {
    /*flow-table*/ }
    #kikai .learning-wrapper .flow-table tbody {
      /*td*/ }
      #kikai .learning-wrapper .flow-table tbody td .sub-head {
        color: #8f6400; }
    #kikai .learning-wrapper .flow-table .c1 {
      background: #8f6400; }
    #kikai .learning-wrapper .flow-table .c2 {
      background: #aa893d; }
    #kikai .learning-wrapper .flow-table .c3 {
      background: #c9b585; }
    #kikai .learning-wrapper .flow-table .c4 {
      background: #f4e8c4; }
    #kikai .learning-wrapper .flow-table .c5 {
      background: #faf4e3; }
    #kikai .learning-wrapper .time-table caption {
      background-color: #c69700; }
    #kikai .learning-wrapper .time-table th {
      background-color: #f4e8c4; }
  #kikai .check-wrapper::before {
    background: #f6eed6; }
  @media (max-width: 768px) {
    #kikai .check-wrapper .inner {
      margin-top: 0;
      width: 70%; } }
  #kikai .check-wrapper .head-wrapper .text-box .sub-head {
    color: #c69700; }
  #kikai .check-wrapper .cross-head {
    color: #c69700; }
  @media (max-width: 768px) {
    #kikai .environment-wrapper::before {
      border-color: #c69700; } }
  #kikai .environment-wrapper .text-box .label::before {
    background: #c69700; }
  #kikai .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #kikai .collaboration-wrapper::before {
      background-image: url("../images/gakka/kikai/collaboration-bg.jpg"); }
    #kikai .collaboration-wrapper .text-box .head {
      color: #c69700; }
    #kikai .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #kikai .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #c69700; }
      #kikai .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #c69700; }
      #kikai .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #c69700; }
  #kikai .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #kikai .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #kikai .findwork-wrapper .chart-wrapper .chart-content {
        /*.float3{
            top: -7%;
            left: 19%;
            width: 30%;
        }*/ }
        #kikai .findwork-wrapper .chart-wrapper .chart-content .name {
          color: #c69700; }
        #kikai .findwork-wrapper .chart-wrapper .chart-content .float1 {
          bottom: 9%;
          left: 50%;
          transform: translate(-50%, 0);
          width: 20%; }
        #kikai .findwork-wrapper .chart-wrapper .chart-content .float2 {
          top: -2%;
          left: 7%;
          width: 27%; }
    #kikai .findwork-wrapper .countup-list .counter .number {
      color: #c69700; }
    #kikai .findwork-wrapper .countup-list .counter .unit {
      color: #c69700; }
  #kikai .graduate-wrapper {
    /*graduate-message*/ }
    #kikai .graduate-wrapper .graduate-message {
      border-top-color: #c69700;
      /*profile-box*/
      /*message-box*/ }
      #kikai .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #c69700; }
      #kikai .graduate-wrapper .graduate-message .message-box .head {
        color: #c69700; }

/*▲▲▲▲▲▲▲▲▲▲ #kikai ▲▲▲▲▲▲▲▲▲▲*/
#doboku {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #doboku .page__list .page__link.is-active::before {
    background-color: #009999; }
  #doboku .gakka-color {
    color: #009999; }
  #doboku .head-square::before, #doboku .head-square::after {
    background: #009999; }
  #doboku .course-main-gra-wrappper {
    /*course-main-content*/ }
    #doboku .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #doboku .course-main-gra-wrappper .course-main-content .course-main-text .icon {
        width: 165px; }
        @media (max-width: 768px) {
          #doboku .course-main-gra-wrappper .course-main-content .course-main-text .icon {
            width: 70px; } }
  #doboku .features-list-wrapper {
    /*features-list*/ }
    #doboku .features-list-wrapper .head::before {
      color: #009999; }
    #doboku .features-list-wrapper .features-list {
      /*li*/ }
      #doboku .features-list-wrapper .features-list li {
        /*content*/ }
        #doboku .features-list-wrapper .features-list li .point {
          background: #009999; }
        #doboku .features-list-wrapper .features-list li .content::before {
          background: #c9eaea; }
        #doboku .features-list-wrapper .features-list li .content .num {
          color: #009999; }
  #doboku .aim-wrapper::before {
    background-image: url("../images/gakka/doboku/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #doboku .aim-wrapper::before {
        background-image: url("../images/gakka/doboku/aim-bg-sp.jpg"); } }
  #doboku .aim-wrapper .board li .sub-head {
    color: #009999; }
  #doboku .news-wrapper {
    /*news-list*/ }
    #doboku .news-wrapper .head-flex .category::before, #doboku .news-wrapper .head-flex .category::after {
      background: #009999; }
    #doboku .news-wrapper .head-flex .category::after {
      background: #009999; }
    #doboku .news-wrapper .news-list {
      /*li*/ }
      #doboku .news-wrapper .news-list li .news-title span {
        background: #009999; }
  #doboku .learning-wrapper {
    /*flow-table*/ }
    #doboku .learning-wrapper .flow-table tbody {
      /*td*/ }
      #doboku .learning-wrapper .flow-table tbody td .sub-head {
        color: #0a6e89; }
    #doboku .learning-wrapper .flow-table .c1 {
      background: #0a6e89; }
    #doboku .learning-wrapper .flow-table .c2 {
      background: #4591a6; }
    #doboku .learning-wrapper .flow-table .c3 {
      background: #8ab9c7; }
    #doboku .learning-wrapper .flow-table .c4 {
      background: #e5f3ee; }
    #doboku .learning-wrapper .flow-table .c5 {
      background: #f3f9f7; }
    #doboku .learning-wrapper .time-table caption {
      background-color: #009999; }
    #doboku .learning-wrapper .time-table th {
      background-color: #d6efef; }
  #doboku .check-wrapper::before {
    background: #d6efef; }
  #doboku .check-wrapper .head-wrapper {
    align-items: flex-start;
    margin-bottom: 0; }
    #doboku .check-wrapper .head-wrapper .text-box {
      margin-top: 3rem; }
      #doboku .check-wrapper .head-wrapper .text-box .sub-head {
        color: #009999; }
        #doboku .check-wrapper .head-wrapper .text-box .sub-head + img {
          margin-top: 2rem;
          max-width: 650px; }
  #doboku .check-wrapper .cross-head {
    color: #009999; }
  @media (max-width: 768px) {
    #doboku .check-wrapper .inner img {
      display: block;
      margin: 0 auto;
      width: 75%; } }
  @media (max-width: 768px) {
    #doboku .environment-wrapper::before {
      border-color: #009999; } }
  #doboku .environment-wrapper .text-box .label::before {
    background: #009999; }
  #doboku .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #doboku .collaboration-wrapper::before {
      background-image: url("../images/gakka/doboku/collaboration-bg.jpg"); }
    #doboku .collaboration-wrapper .text-box .head {
      color: #009999; }
    #doboku .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #doboku .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #009999; }
      #doboku .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #009999; }
      #doboku .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #009999; }
  #doboku .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #doboku .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #doboku .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #009999; }
      #doboku .findwork-wrapper .chart-wrapper .chart-content .float1, #doboku .findwork-wrapper .chart-wrapper .chart-content .float2 {
        position: absolute;
        z-index: 2; }
      #doboku .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #doboku .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: 13%;
        left: -13%;
        width: 40%; }
      #doboku .findwork-wrapper .chart-wrapper .chart-content .float3 {
        top: -5%;
        left: 8%;
        width: 35%; }
    #doboku .findwork-wrapper .countup-list .counter .number {
      color: #009999; }
    #doboku .findwork-wrapper .countup-list .counter .unit {
      color: #009999; }
  #doboku .graduate-wrapper {
    /*graduate-message*/ }
    #doboku .graduate-wrapper .graduate-message {
      border-top-color: #009999;
      /*profile-box*/
      /*message-box*/ }
      #doboku .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #009999; }
      #doboku .graduate-wrapper .graduate-message .message-box .head {
        color: #009999; }

/*▲▲▲▲▲▲▲▲▲▲ #doboku ▲▲▲▲▲▲▲▲▲▲*/
#denki {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #denki .page__list .page__link.is-active::before {
    background-color: #88a138; }
  #denki .gakka-color {
    color: #88a138; }
  #denki .head-square::before, #denki .head-square::after {
    background: #88a138; }
  #denki .course-main-gra-wrappper {
    /*course-main-content*/ }
    #denki .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #denki .course-main-gra-wrappper .course-main-content .course-main-text .icon {
        width: 105px; }
        @media (max-width: 768px) {
          #denki .course-main-gra-wrappper .course-main-content .course-main-text .icon {
            width: 46px; } }
      #denki .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #cd92c7; }
  #denki .features-list-wrapper {
    /*features-list*/ }
    #denki .features-list-wrapper .head::before {
      color: #88a138; }
    #denki .features-list-wrapper .features-list {
      /*li*/ }
      #denki .features-list-wrapper .features-list li {
        /*content*/ }
        #denki .features-list-wrapper .features-list li .point {
          background: #88a138; }
        #denki .features-list-wrapper .features-list li .content::before {
          background: #e6ebd5; }
        #denki .features-list-wrapper .features-list li .content .num {
          color: #88a138; }
  #denki .aim-wrapper::before {
    background-image: url("../images/gakka/denki/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #denki .aim-wrapper::before {
        background-image: url("../images/gakka/denki/aim-bg-sp.jpg"); } }
  #denki .aim-wrapper .board li .sub-head {
    color: #88a138; }
  #denki .news-wrapper {
    /*news-list*/ }
    #denki .news-wrapper .head-flex .category::before, #denki .news-wrapper .head-flex .category::after {
      background: #88a138; }
    #denki .news-wrapper .head-flex .category::after {
      background: #88a138; }
    #denki .news-wrapper .news-list {
      /*li*/ }
      #denki .news-wrapper .news-list li .news-title span {
        background: #88a138; }
  #denki .learning-wrapper {
    /*flow-table*/ }
    #denki .learning-wrapper .flow-table tbody {
      /*td*/ }
      #denki .learning-wrapper .flow-table tbody td .sub-head {
        color: #45710c; }
    #denki .learning-wrapper .flow-table .c1 {
      background: #45710c; }
    #denki .learning-wrapper .flow-table .c2 {
      background: #729346; }
    #denki .learning-wrapper .flow-table .c3 {
      background: #a6bb8a; }
    #denki .learning-wrapper .flow-table .c4 {
      background: #c8e49e; }
    #denki .learning-wrapper .flow-table .c5 {
      background: #e5f2d0; }
    #denki .learning-wrapper .flow-table .c6 {
      background: #f0fae1; }
    #denki .learning-wrapper .time-table caption {
      background-color: #88a138; }
    #denki .learning-wrapper .time-table th {
      background-color: #ecf0df; }
  #denki .check-wrapper::before {
    background: #ecf0df; }
  @media (max-width: 768px) {
    #denki .check-wrapper .inner {
      margin-top: 0;
      width: 70%; } }
  #denki .check-wrapper .head-wrapper .text-box .sub-head {
    color: #45710c; }
  #denki .check-wrapper .cross-head {
    color: #45710c; }
  @media (max-width: 768px) {
    #denki .environment-wrapper::before {
      border-color: #88a138; } }
  #denki .environment-wrapper .text-box .label::before {
    background: #88a138; }
  #denki .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #denki .collaboration-wrapper::before {
      background-image: url("../images/gakka/denki/collaboration-bg.jpg"); }
    #denki .collaboration-wrapper .text-box .head {
      color: #88a138; }
    #denki .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #denki .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #88a138; }
      #denki .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #88a138; }
      #denki .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #88a138; }
  #denki .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #denki .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #denki .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #88a138; }
      #denki .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #denki .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: 33%;
        left: -16%;
        width: 25%; }
      #denki .findwork-wrapper .chart-wrapper .chart-content .float3 {
        top: 0%;
        left: 0%;
        width: 30%; }
    #denki .findwork-wrapper .countup-list .counter .number {
      color: #88a138; }
    #denki .findwork-wrapper .countup-list .counter .unit {
      color: #88a138; }
  #denki .graduate-wrapper {
    /*graduate-message*/ }
    #denki .graduate-wrapper .graduate-message {
      border-top-color: #88a138;
      /*profile-box*/
      /*message-box*/ }
      #denki .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #88a138; }
      #denki .graduate-wrapper .graduate-message .message-box .head {
        color: #88a138; }

/*▲▲▲▲▲▲▲▲▲▲ #denki ▲▲▲▲▲▲▲▲▲▲*/
#audiovisual {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*aim-wrapper*/
  /*news-wrapper*/
  /*learning-wrapper*/
  /*check-wrapper*/
  /*environment-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #audiovisual .page__list .page__link.is-active::before {
    background-color: #706eab; }
  #audiovisual .gakka-color {
    color: #706eab; }
  #audiovisual .head-square::before, #audiovisual .head-square::after {
    background: #706eab; }
  #audiovisual .course-main-gra-wrappper {
    /*course-main-content*/ }
    #audiovisual .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #audiovisual .course-main-gra-wrappper .course-main-content .course-main-text .icon {
        width: 130px; }
        @media (max-width: 768px) {
          #audiovisual .course-main-gra-wrappper .course-main-content .course-main-text .icon {
            width: 57px; } }
      #audiovisual .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        color: #c7ee58; }
  #audiovisual .features-list-wrapper {
    /*features-list*/ }
    #audiovisual .features-list-wrapper .head::before {
      color: #706eab; }
    #audiovisual .features-list-wrapper .features-list {
      /*li*/ }
      #audiovisual .features-list-wrapper .features-list li {
        /*content*/ }
        #audiovisual .features-list-wrapper .features-list li .point {
          background: #706eab; }
        #audiovisual .features-list-wrapper .features-list li .content::before {
          background: #e1e1ed; }
        #audiovisual .features-list-wrapper .features-list li .content .num {
          color: #706eab; }
  #audiovisual .aim-wrapper::before {
    background-image: url("../images/gakka/audiovisual/aim-bg.jpg"); }
    @media (max-width: 768px) {
      #audiovisual .aim-wrapper::before {
        background-image: url("../images/gakka/audiovisual/aim-bg-sp.jpg"); } }
  #audiovisual .aim-wrapper .board li .sub-head {
    color: #706eab; }
  #audiovisual .news-wrapper {
    /*news-list*/ }
    #audiovisual .news-wrapper .head-flex .category::before, #audiovisual .news-wrapper .head-flex .category::after {
      background: #706eab; }
    #audiovisual .news-wrapper .head-flex .category::after {
      background: #706eab; }
    #audiovisual .news-wrapper .news-list {
      /*li*/ }
      #audiovisual .news-wrapper .news-list li .news-title span {
        background: #706eab; }
  #audiovisual .learning-wrapper {
    /*flow-table*/ }
    #audiovisual .learning-wrapper .flow-table thead th {
      padding: .25rem 2rem;
      white-space: nowrap; }
      @media (max-width: 768px) {
        #audiovisual .learning-wrapper .flow-table thead th {
          padding: .25rem 2.5rem; } }
    #audiovisual .learning-wrapper .flow-table tbody {
      /*td*/ }
      #audiovisual .learning-wrapper .flow-table tbody td .sub-head {
        color: #484b77; }
    #audiovisual .learning-wrapper .flow-table .c1 {
      background: #484b77; }
    #audiovisual .learning-wrapper .flow-table .c2 {
      background: #747698; }
    #audiovisual .learning-wrapper .flow-table .c3 {
      background: #a7a9be; }
    #audiovisual .learning-wrapper .flow-table .c4 {
      background: #cdd3ea; }
    #audiovisual .learning-wrapper .flow-table .c5 {
      background: #eef0f8; }
    #audiovisual .learning-wrapper .flow-table .c6 {
      background: #e7eaf5; }
    #audiovisual .learning-wrapper .time-table caption {
      background-color: #706eab; }
    #audiovisual .learning-wrapper .time-table th {
      background-color: #cdd3ea; }
  #audiovisual .check-wrapper::before {
    background: #e8e8f2; }
  #audiovisual .check-wrapper .head-wrapper .text-box .sub-head {
    color: #706eab; }
  #audiovisual .check-wrapper .cross-head {
    color: #706eab; }
  @media (max-width: 768px) {
    #audiovisual .environment-wrapper::before {
      border-color: #706eab; } }
  #audiovisual .environment-wrapper .text-box {
    align-content: normal; }
    #audiovisual .environment-wrapper .text-box .label::before {
      background: #706eab; }
    #audiovisual .environment-wrapper .text-box .head {
      margin: 0; }
      @media (max-width: 768px) {
        #audiovisual .environment-wrapper .text-box .head {
          margin: 1.5rem 0 1rem; } }
  #audiovisual .collaboration-wrapper {
    /*collaboration-swiper-arrow*/ }
    #audiovisual .collaboration-wrapper::before {
      background-image: url("../images/gakka/audiovisual/collaboration-bg.jpg"); }
    #audiovisual .collaboration-wrapper .text-box .head {
      color: #706eab; }
    #audiovisual .collaboration-wrapper .collaboration-swiper-arrow {
      /*collaboration-swiper-wrapper*/ }
      #audiovisual .collaboration-wrapper .collaboration-swiper-arrow .collaboration-swiper-wrapper .collaboration-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #706eab; }
      #audiovisual .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-next::after {
        background-color: #706eab; }
      #audiovisual .collaboration-wrapper .collaboration-swiper-arrow .swiper-button-prev::after {
        background-color: #706eab; }
  #audiovisual .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #audiovisual .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #audiovisual .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #706eab; }
      #audiovisual .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #audiovisual .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: -5%;
        left: 8%;
        width: 30%; }
    #audiovisual .findwork-wrapper .countup-list .counter .number {
      color: #706eab; }
    #audiovisual .findwork-wrapper .countup-list .counter .unit {
      color: #706eab; }
  #audiovisual .graduate-wrapper {
    /*graduate-message*/ }
    #audiovisual .graduate-wrapper .graduate-message {
      border-top-color: #706eab;
      /*profile-box*/
      /*message-box*/ }
      #audiovisual .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #706eab; }
      #audiovisual .graduate-wrapper .graduate-message .message-box .head {
        color: #706eab; }

/*▲▲▲▲▲▲▲▲▲▲ #audiovisual ▲▲▲▲▲▲▲▲▲▲*/
#senkouka {
  /*course-main-gra-wrappper*/
  /*features-list-wrapper*/
  /*news-wrapper*/
  /*check-wrapper*/
  /*collaboration-wrapper*/
  /*findwork-wrapper*/
  /*graduate-wrapper*/ }
  #senkouka .page__list .page__link.is-active::before {
    background-color: #0086c1; }
  #senkouka .gakka-color {
    color: #0086c1; }
  #senkouka .head-square::before, #senkouka .head-square::after {
    background: #0086c1; }
  #senkouka .course-main-gra-wrappper {
    /*course-main-content*/ }
    #senkouka .course-main-gra-wrappper .course-main-content {
      /*course-main-text*/ }
      #senkouka .course-main-gra-wrappper .course-main-content .course-main-text .icon {
        width: 150px; }
        @media (max-width: 768px) {
          #senkouka .course-main-gra-wrappper .course-main-content .course-main-text .icon {
            width: 66px; } }
      #senkouka .course-main-gra-wrappper .course-main-content .course-main-text .supplement li::before {
        content: none; }
  #senkouka .features-list-wrapper {
    /*features-list*/ }
    #senkouka .features-list-wrapper .head::before {
      color: #0086c1; }
    #senkouka .features-list-wrapper .features-list {
      /*li*/ }
      #senkouka .features-list-wrapper .features-list li {
        /*content*/ }
        #senkouka .features-list-wrapper .features-list li .point {
          background: #0086c1; }
        #senkouka .features-list-wrapper .features-list li .content::before {
          background: #c9e6f2; }
        #senkouka .features-list-wrapper .features-list li .content .num {
          color: #0086c1; }
  #senkouka .news-wrapper {
    /*news-list*/ }
    #senkouka .news-wrapper .head-flex .category::before, #senkouka .news-wrapper .head-flex .category::after {
      background: #0086c1; }
    #senkouka .news-wrapper .head-flex .category::after {
      background: #0086c1; }
    #senkouka .news-wrapper .news-list {
      /*li*/ }
      #senkouka .news-wrapper .news-list li .news-title span {
        background: #0086c1; }
  #senkouka .check-wrapper::before {
    background: #d6ecf5; }
  #senkouka .check-wrapper .head-wrapper .text-box .sub-head {
    color: #0086c1; }
  #senkouka .check-wrapper .cross-head {
    color: #0086c1; }
  #senkouka .check-wrapper .inner {
    max-width: 945px; }
  #senkouka .collaboration-wrapper {
    padding: 5rem 0 4rem;
    position: relative;
    /*flex-wrapper*/ }
    @media (max-width: 768px) {
      #senkouka .collaboration-wrapper {
        padding: 4rem 0 3rem;
        margin-top: 0rem; } }
    #senkouka .collaboration-wrapper::before {
      background-image: url("../images/gakka/senkouka/collaboration-bg.jpg"); }
    #senkouka .collaboration-wrapper .head-flex {
      flex-wrap: wrap; }
      #senkouka .collaboration-wrapper .head-flex .head-square {
        margin-bottom: 1rem;
        margin-right: 1rem; }
        @media (max-width: 768px) {
          #senkouka .collaboration-wrapper .head-flex .head-square {
            margin-bottom: .5rem; } }
      #senkouka .collaboration-wrapper .head-flex p {
        margin-left: 0; }
    #senkouka .collaboration-wrapper .flex-wrapper {
      gap: 0 7%;
      background: none;
      margin-top: 0rem;
      padding: 0;
      padding-right: 6rem !important;
      position: relative; }
      @media (max-width: 768px) {
        #senkouka .collaboration-wrapper .flex-wrapper {
          background: none;
          display: inherit;
          margin: 1rem auto 0;
          padding: 0 !important;
          width: 90%; } }
      #senkouka .collaboration-wrapper .flex-wrapper::before {
        content: none; }
    #senkouka .collaboration-wrapper .text-box {
      padding: 0;
      width: 72%; }
      @media (max-width: 768px) {
        #senkouka .collaboration-wrapper .text-box {
          padding: 0;
          width: 100%; } }
      #senkouka .collaboration-wrapper .text-box .head {
        color: #28a3ca;
        font-size: clamp(20px, 2.1vw, 23px);
        font-weight: 700;
        line-height: 1.3; }
        #senkouka .collaboration-wrapper .text-box .head small {
          font-size: clamp(15px, 1.5vw, 17px); }
      #senkouka .collaboration-wrapper .text-box .text {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #senkouka .collaboration-wrapper .text-box .text {
            margin-top: 1rem; } }
    @media (max-width: 768px) {
      #senkouka .collaboration-wrapper .image {
        margin: 1.5rem auto 0;
        width: 85%; } }
  #senkouka .findwork-wrapper {
    /*chart-wrapper*/
    /*count-list*/ }
    #senkouka .findwork-wrapper .chart-wrapper {
      /*chart-content*/ }
      #senkouka .findwork-wrapper .chart-wrapper .chart-content .name {
        color: #0086c1; }
      #senkouka .findwork-wrapper .chart-wrapper .chart-content .float1 {
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 20%; }
      #senkouka .findwork-wrapper .chart-wrapper .chart-content .float2 {
        top: -5%;
        left: 8%;
        width: 30%; }
    #senkouka .findwork-wrapper .countup-list .counter .number {
      color: #0086c1; }
    #senkouka .findwork-wrapper .countup-list .counter .unit {
      color: #0086c1; }
  #senkouka .graduate-wrapper {
    /*graduate-message*/ }
    #senkouka .graduate-wrapper .graduate-message {
      border-top-color: #0086c1;
      /*profile-box*/
      /*message-box*/ }
      #senkouka .graduate-wrapper .graduate-message .profile-box .arrow {
        background-color: #0086c1; }
      #senkouka .graduate-wrapper .graduate-message .message-box .head {
        color: #0086c1; }

/*▲▲▲▲▲▲▲▲▲▲ #senkouka ▲▲▲▲▲▲▲▲▲▲*/
/*lower-page*/
/********************************************************************************
header nav
********************************************************************************/
header {
  /*padding: 1rem 0;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: .3s;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 9999; }
  @media (max-width: 768px) {
    header {
      background: rgba(255, 255, 255, 0.9); } }
  header .inner {
    display: flex;
    justify-content: space-between;
    margin: auto;
    align-items: center;
    width: min(90vw, 1600px); }
  header .logo {
    width: min(25vw, 328px); }
    @media (max-width: 768px) {
      header .logo {
        padding: 12px 0;
        width: 220px; } }
  header.fixed-gnav {
    background: rgba(255, 255, 255, 0.8); }

/*header*/
.header-nav {
  background: #918c8a;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: .25rem 0 .75rem;
  margin-left: auto;
  width: min(34vw, 438px);
  /*ul*/ }
  .header-nav ul {
    display: flex;
    justify-content: space-around;
    /*li*/ }
    .header-nav ul li {
      position: relative;
      white-space: nowrap; }
      .header-nav ul li img {
        margin-bottom: 8px;
        width: 14px; }
      .header-nav ul li a {
        color: #fff;
        font-size: clamp(12px, 1.2vw, 14px); }
        @media (hover: hover) and (pointer: fine) {
          .header-nav ul li a:hover {
            color: #d51026; } }
      .header-nav ul li .child {
        background: rgba(145, 140, 138, 0.9);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        display: inherit;
        max-height: 0;
        padding: 0.75rem 1.5rem 0.75rem 0.75rem;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        position: absolute;
        left: -0.25rem;
        top: 30px;
        transition: all .2s ease-in; }
        .header-nav ul li .child li a::before {
          content: "\025a0";
          color: rgba(255, 255, 255, 0.4);
          font-size: clamp(11px, 1.1vw, 11px);
          margin-right: .25rem; }
      .header-nav ul li:hover .child {
        max-height: 9999px;
        visibility: inherit;
        opacity: 1; }

/*header-nav*/
nav {
  /*gnav*/ }
  nav .link-none {
    pointer-events: none; }
  nav > ul.gnav {
    white-space: nowrap;
    /*li*/ }
    nav > ul.gnav > li {
      /*border-bottom: 1px solid #fff;*/
      display: inline-block;
      font-size: clamp(12px, 1.4vw, 16px);
      font-weight: 600;
      /*padding-right: 3.25%;*/
      padding: 1rem 0 1.25rem;
      /*sub-menu-box*/ }
      @media (hover: hover) and (pointer: fine) {
        nav > ul.gnav > li:hover {
          cursor: pointer; } }
      @media (hover: hover) and (pointer: fine) {
        nav > ul.gnav > li:hover a {
          border-bottom-color: #a40022; } }
      nav > ul.gnav > li:hover .sub-menu-box {
        max-height: 9999px;
        visibility: inherit;
        opacity: 1; }
      nav > ul.gnav > li > a {
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        color: #231815;
        cursor: pointer;
        padding: 0 0 0;
        display: block;
        transition: all .2s ease-in; }
      nav > ul.gnav > li .sub-menu-box {
        background: rgba(255, 255, 255, 0.9);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        padding: 74px 0;
        position: absolute;
        right: 0;
        top: 101px;
        transition: all .2s ease-in;
        width: 100vw;
        z-index: 100;
        /*sub-menu*/ }
        @media (max-width: 1024px) {
          nav > ul.gnav > li .sub-menu-box {
            top: 90px; } }
        nav > ul.gnav > li .sub-menu-box .inner-wrapper {
          display: flex;
          gap: 0 5%;
          justify-content: center;
          /*align-items: center;*/
          margin: auto;
          max-width: 1160px;
          width: 90%; }
        nav > ul.gnav > li .sub-menu-box .sub-image {
          text-align: right;
          max-width: 355px;
          width: 31%; }
          nav > ul.gnav > li .sub-menu-box .sub-image img {
            border-radius: 18px; }
        nav > ul.gnav > li .sub-menu-box .sub-menu {
          width: 65%;
          /*with-icon*/
          /*li*/ }
          nav > ul.gnav > li .sub-menu-box .sub-menu.with-icon li a {
            padding-left: 1.25rem;
            position: relative; }
            nav > ul.gnav > li .sub-menu-box .sub-menu.with-icon li a::before {
              content: "\025a0";
              color: #d51026;
              font-size: clamp(11px, 1.2vw, 13px);
              margin-right: .25rem;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translate(0, -50%); }
          nav > ul.gnav > li .sub-menu-box .sub-menu .sub-menu-title {
            border-bottom: 1px solid #918c8a;
            font-size: clamp(18px, 2.4vw, 30px);
            font-weight: 700;
            padding-bottom: .75rem;
            margin-bottom: 1.5rem; }
          nav > ul.gnav > li .sub-menu-box .sub-menu .flex-wrapper {
            justify-content: space-between; }
          nav > ul.gnav > li .sub-menu-box .sub-menu ul {
            width: 48%; }
          nav > ul.gnav > li .sub-menu-box .sub-menu li {
            font-size: clamp(15px, 1.8vw, 20px);
            font-weight: 500;
            margin-bottom: 4px;
            position: relative; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li a {
              border-bottom: 1px solid #918c8a;
              display: block;
              padding: 1rem 0;
              position: relative; }
              @media (hover: hover) and (pointer: fine) {
                nav > ul.gnav > li .sub-menu-box .sub-menu li a:hover {
                  color: #d51026;
                  opacity: 1; } }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.it a::before {
              color: #a85a95; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.jyouhou a::before {
              color: #dc669b; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.denki a::before {
              color: #88a138; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.kikai a::before {
              color: #c69700; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.kentiku a::before {
              color: #28a3ca; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.doboku a::before {
              color: #009999; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.audiovisual a::before {
              color: #706eab; }
            nav > ul.gnav > li .sub-menu-box .sub-menu li.senkouka a::before {
              color: #0086c1; }
      nav > ul.gnav > li + li {
        margin-left: min(2vw, 32px); }
        @media (max-width: 1024px) {
          nav > ul.gnav > li + li {
            margin-left: min(0vw, 32px); } }
  @media screen and (max-width: 962px) {
    nav {
      top: 35px; }
      nav > ul.gnav > li {
        padding-right: 7px; }
        nav > ul.gnav > li > a {
          font-size: 14px; } }

.close {
  position: absolute;
  top: 15px;
  right: 15px; }

@media screen and (max-width: 560px) {
  #btn-pc,
  .close {
    display: none; } }
#btn-sp {
  display: none;
  /*@media screen and (max-width:560px) {*/ }
  @media (max-width: 768px) {
    #btn-sp {
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      height: 20px;
      position: absolute;
      right: 17px;
      top: 14px;
      transition: all .5s;
      width: 35px;
      z-index: 99999;
      /* 開いたとき　*/ }
      #btn-sp span {
        background-color: #231815;
        box-sizing: border-box;
        display: inline-block;
        height: 2px;
        position: absolute;
        right: 0;
        transition: all .5s;
        width: 100%; }
        #btn-sp span:nth-of-type(1) {
          top: 0px; }
        #btn-sp span:nth-of-type(2) {
          top: 10px; }
        #btn-sp span:nth-of-type(3) {
          top: 20px; }
      #btn-sp p {
        font-size: 13px;
        position: absolute;
        bottom: 8px;
        left: 13px; }
      #btn-sp.active {
        background: rgba(0, 0, 0, 0); }
        #btn-sp.active span {
          right: 15px;
          width: 50%; }
          #btn-sp.active span:nth-of-type(1) {
            -webkit-transform: translateY(20px) rotate(-45deg);
            transform: translateY(9px) rotate(-45deg); }
          #btn-sp.active span:nth-of-type(2) {
            -webkit-transform: translateY(-20px) rotate(45deg);
            transform: translateY(-1px) rotate(45deg); }
          #btn-sp.active span:nth-of-type(3) {
            display: none; }
        #btn-sp.active p {
          display: none; } }

/*スマホメニュー表示*/
/*@media screen and (max-width:560px) {*/
@media (max-width: 768px) {
  div.gnav-sp.active {
    transform: translateY(0%);
    width: 100%; } }
.pushbar {
  background: #e5e5e5 !important; }

/*accordion*/
.gnav-sp {
  /*main-nav*/
  /*header-nav*/
  /*sns-list*/ }
  .gnav-sp .main-nav {
    position: relative;
    margin: 72px auto 0;
    width: 90%;
    /*li*/ }
    .gnav-sp .main-nav li {
      /*menu*/ }
      .gnav-sp .main-nav li .menu {
        margin: 0 auto 0;
        /*li*/ }
        .gnav-sp .main-nav li .menu li {
          /*& > *:first-child{
              pointer-events: none;
          }*/
          /*inner*/ }
          .gnav-sp .main-nav li .menu li:fast-child {
            border-top: 1px solid #fff; }
          .gnav-sp .main-nav li .menu li a {
            border-bottom: 1px solid #808080;
            cursor: pointer;
            display: block;
            font-size: 17px;
            font-weight: 700;
            padding: 12px 0 12px 4px;
            width: 100%; }
          .gnav-sp .main-nav li .menu li .accordion {
            display: block;
            position: relative;
            pointer-events: none; }
            .gnav-sp .main-nav li .menu li .accordion::after {
              background: url("../images/common/icon-arrow-down.svg") no-repeat;
              background-size: cover;
              content: "";
              height: 8px;
              width: 17px;
              position: absolute;
              top: 20px;
              right: 10px;
              -moz-transition: all, 0.25s, linear;
              -o-transition: all, 0.25s, linear;
              -webkit-transition: all, 0.25s, linear;
              transition: all, 0.25s, linear; }
            .gnav-sp .main-nav li .menu li .accordion.active::after {
              -moz-transform: translate(0, 50%);
              -ms-transform: translate(0, 50%);
              -webkit-transform: translate(0, 50%);
              transform: translate(0, 50%);
              -moz-transform: rotate(-180deg);
              -ms-transform: rotate(-180deg);
              -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
          .gnav-sp .main-nav li .menu li .inner {
            padding: 0;
            width: 100%;
            /*li*/ }
            .gnav-sp .main-nav li .menu li .inner.with-icon a::before {
              content: "\025a0";
              color: #d51026;
              font-size: 15px;
              margin-right: .25rem; }
            .gnav-sp .main-nav li .menu li .inner li {
              border-bottom: none; }
              .gnav-sp .main-nav li .menu li .inner li a {
                background: url("../images/common/icon-list-arrow.svg") no-repeat 96% center;
                background-size: 18px;
                border-bottom: 1px solid #808080;
                font-size: 16px;
                font-weight: 400;
                padding: 14px 0 14px 1rem;
                width: auto; }
              .gnav-sp .main-nav li .menu li .inner li.it a::before {
                color: #a85a95; }
              .gnav-sp .main-nav li .menu li .inner li.jyouhou a::before {
                color: #dc669b; }
              .gnav-sp .main-nav li .menu li .inner li.denki a::before {
                color: #88a138; }
              .gnav-sp .main-nav li .menu li .inner li.kikai a::before {
                color: #c69700; }
              .gnav-sp .main-nav li .menu li .inner li.kentiku a::before {
                color: #28a3ca; }
              .gnav-sp .main-nav li .menu li .inner li.doboku a::before {
                color: #009999; }
              .gnav-sp .main-nav li .menu li .inner li.audiovisual a::before {
                color: #706eab; }
              .gnav-sp .main-nav li .menu li .inner li.senkouka a::before {
                color: #0086c1; }
            .gnav-sp .main-nav li .menu li .inner.child {
              display: none;
              background: #fff; }
  .gnav-sp .header-nav {
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 2rem auto 0;
    width: 90%;
    display: flex;
    align-items: stretch;
    justify-content: space-around; }
    .gnav-sp .header-nav li {
      background: #918c8a;
      border-radius: 8px;
      width: 30%; }
      .gnav-sp .header-nav li a {
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: 600;
        padding: 0.5rem 0;
        text-align: center; }
      .gnav-sp .header-nav li:nth-child(2) a {
        padding: 1rem 0; }
  .gnav-sp .etc-nav {
    margin: 2rem auto 0;
    width: 90%; }
    .gnav-sp .etc-nav li {
      display: inline;
      font-size: 14px;
      margin-right: 2rem;
      white-space: nowrap; }
      .gnav-sp .etc-nav li a {
        display: inline-block;
        padding: .25rem 0; }
  .gnav-sp .visitor-nav {
    border-top: 1px solid #808080;
    padding-top: 1rem;
    margin: 1rem auto 0;
    width: 90%; }
    .gnav-sp .visitor-nav li {
      display: inline;
      font-size: 14px;
      margin-right: 2rem;
      white-space: nowrap; }
      .gnav-sp .visitor-nav li a {
        display: inline-block;
        padding: .25rem 0; }
  .gnav-sp .sns-list {
    padding: 24px 0 10px; }
    .gnav-sp .sns-list ul {
      display: flex;
      justify-content: space-around;
      max-width: 222px; }
      .gnav-sp .sns-list ul li img {
        height: 44px; }
        @media (max-width: 768px) {
          .gnav-sp .sns-list ul li img {
            height: 30px; } }
  .gnav-sp .copyright {
    background: none;
    color: #231815;
    font-size: 6px;
    padding: .5rem 0; }

/*gnav-sp*/
/*accordion*/
.hide {
  display: none; }

/*header nav*/
/********************************************************************************
footer
********************************************************************************/
footer {
  margin-top: min(10vw, 80px);
  /*school-name*/
  /*footer-menu*/ }
  footer .school-name {
    background: #231815;
    padding: 54px 0; }
    footer .school-name .logo {
      margin: auto;
      max-width: 390px;
      width: 70%; }
    footer .school-name .address {
      color: #fff;
      font-size: clamp(13px, 1.4vw, 15px);
      font-weight: 400;
      text-align: center;
      margin-top: 2.5rem; }
    footer .school-name .freedial {
      text-align: center;
      margin-top: .5rem; }
      footer .school-name .freedial img {
        width: min(22vw, 294px); }
        @media (max-width: 768px) {
          footer .school-name .freedial img {
            width: 192px; } }
    footer .school-name ul {
      color: #fff;
      display: flex;
      gap: 0 3%;
      margin-top: 3rem;
      justify-content: center; }
      @media (max-width: 768px) {
        footer .school-name ul {
          display: inherit;
          margin-top: .5rem; } }
    footer .school-name .tel {
      font-size: clamp(15px, 1.6vw, 18px); }
      @media (max-width: 768px) {
        footer .school-name .tel {
          text-align: center; } }
    footer .school-name .mail {
      font-size: clamp(15px, 1.6vw, 18px); }
      @media (max-width: 768px) {
        footer .school-name .mail {
          margin-top: .5rem;
          text-align: center; } }
      footer .school-name .mail img {
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 12px;
        width: 24px; }
        @media (max-width: 768px) {
          footer .school-name .mail img {
            width: 18px; } }
  footer .footer-menu {
    background: #4d4d4d;
    padding: 36px 0; }
    @media (max-width: 768px) {
      footer .footer-menu {
        padding: 18px 0; } }
    footer .footer-menu ul {
      display: flex;
      justify-content: space-around;
      margin: 0 auto 0;
      max-width: 960px;
      width: 80%; }
      @media (max-width: 768px) {
        footer .footer-menu ul {
          flex-wrap: wrap;
          text-align: center; } }
      footer .footer-menu ul li {
        font-size: clamp(13px, 1.3vw, 14px); }
        @media (max-width: 768px) {
          footer .footer-menu ul li {
            margin: .5rem;
            white-space: nowrap; } }
        footer .footer-menu ul li a {
          color: #fff; }

/*footer*/
footer,
.insta-post-wrapper {
  /*sns-list*/ }
  footer .sns-list,
  .insta-post-wrapper .sns-list {
    padding: 32px 0; }
    footer .sns-list .head,
    .insta-post-wrapper .sns-list .head {
      font-size: clamp(13px, 1.4vw, 15px);
      font-weight: 400;
      text-align: center; }
    footer .sns-list ul,
    .insta-post-wrapper .sns-list ul {
      display: flex;
      justify-content: space-around;
      margin: 1rem auto 0;
      max-width: 300px;
      width: 60%; }
      footer .sns-list ul li img,
      .insta-post-wrapper .sns-list ul li img {
        height: 44px; }
        @media (max-width: 768px) {
          footer .sns-list ul li img,
          .insta-post-wrapper .sns-list ul li img {
            height: 30px; } }
  footer iframe,
  .insta-post-wrapper iframe {
    pointer-events: none; }

/*footer & insta-post-wrapper*/
.footer-banner {
  display: flex;
  justify-content: space-around;
  gap: 0 2%;
  margin: 50px auto 0;
  max-width: 960px;
  width: 90%; }
  @media (max-width: 768px) {
    .footer-banner {
      margin-top: 16px;
      display: inherit; } }
  @media (max-width: 768px) {
    .footer-banner li {
      text-align: center; } }
  @media (max-width: 768px) {
    .footer-banner li + li {
      margin-top: 1.5rem; } }

.lower-page .footer-banner {
  margin: 86px auto 0; }
  @media (max-width: 768px) {
    .lower-page .footer-banner {
      margin-top: 16px; } }

.side-fixed-nav {
  position: fixed;
  top: 15%;
  right: -65px;
  width: 61px;
  transition: .3s;
  z-index: 999; }
  .side-fixed-nav li + li {
    margin-top: 16px; }
  .side-fixed-nav.move {
    right: 0px; }

.sp-fixed-nav {
  position: fixed;
  bottom: -65px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 95%;
  display: flex;
  justify-content: center;
  gap: 0 2%;
  transition: .3s;
  z-index: 999; }
  .sp-fixed-nav.move {
    bottom: 1%; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .sp-fixed-nav.move {
      bottom: 2.25%; } }

.copyright {
  background: #231815;
  color: #fff;
  font-size: 12px;
  padding: 1rem 0;
  text-align: center; }
  @media (max-width: 768px) {
    .copyright {
      background: none;
      color: #231815;
      font-size: 6px;
      padding: 0 0 75px;
      text-align: center; } }

/*footer*/
/********************************************************************************
home
********************************************************************************/
#home {
  /*important-notice*/
  /*pickup-wrapper*/
  /*news-wrapper*/
  /*five-points-wrapper*/
  /*gakka-title-wrapper*/
  /*gakka-list-wrapper*/
  /*job-wrapper*/
  /*entrance-exam-wrapper*/
  /*insta-post-wrapper*/
  /*insta-slide*/ }
  #home .content-top {
    padding-top: 112vh; }
    @media (max-width: 768px) {
      #home .content-top {
        padding-top: 82px; } }
  #home .important-notice {
    border: 1px solid #655d5b;
    margin: auto;
    width: min(80vw, 950px);
    /*head*/ }
    #home .important-notice .head {
      background: url("../images/common/icon-arrow-down.svg") no-repeat 98% center;
      background-size: 22px 11px;
      display: flex;
      align-items: flex-start;
      font-size: clamp(15px, 1.5vw, 17px);
      padding: 1.5rem 1.5rem;
      transition: .2s; }
      @media (max-width: 768px) {
        #home .important-notice .head {
          background-position: 95% 10%;
          display: inherit;
          padding: .5rem 1rem; } }
      #home .important-notice .head.active {
        background-image: url("../images/common/icon-arrow-upper.svg"); }
      @media (hover: hover) and (pointer: fine) {
        #home .important-notice .head:hover {
          background-color: #e4e4e4;
          cursor: pointer; } }
      #home .important-notice .head .date {
        color: #655d5b; }
      #home .important-notice .head .cat {
        background: #d51026;
        color: #fff;
        letter-spacing: .5rem;
        margin: 0 1.5rem;
        padding: 0 .5rem .15rem;
        text-indent: .5rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #home .important-notice .head .cat {
            display: inline-block;
            margin: .25rem 0; } }
      #home .important-notice .head .title {
        padding-right: 2.5rem;
        font-weight: 500; }
        @media (max-width: 768px) {
          #home .important-notice .head .title {
            font-weight: 500;
            padding-right: 0; } }
    #home .important-notice .content {
      border-top: 1px solid #655d5b;
      display: none;
      font-size: clamp(13px, 1.3vw, 13px);
      padding: 1.5rem; }
    #home .important-notice + .important-notice {
      border-top: 0; }
  #home .pickup-wrapper {
    padding: 0 0 2rem;
    position: relative;
    /*main-banner*/
    /*pickup-swiper-wrapper*/ }
    #home .pickup-wrapper::before {
      content: "";
      background: url("../images/top/pickup-back.jpg") no-repeat 0 0;
      background-size: cover;
      width: 100%;
      height: min(26vw, 410px);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #home .pickup-wrapper::before {
          height: 97%; } }
    #home .pickup-wrapper .inner {
      margin: min(13vw, 156px) auto 0;
      width: min(80vw, 1160px); }
      @media (max-width: 768px) {
        #home .pickup-wrapper .inner {
          width: 100%; } }
    #home .pickup-wrapper .flex-wrapper {
      align-items: flex-start;
      justify-content: space-between; }
      @media (max-width: 1024px) {
        #home .pickup-wrapper .flex-wrapper {
          gap: 0 5%; } }
      @media (max-width: 768px) {
        #home .pickup-wrapper .flex-wrapper {
          display: inherit; } }
      #home .pickup-wrapper .flex-wrapper .flex-wrapper {
        align-items: center;
        justify-content: inherit; }
        @media (max-width: 1024px) {
          #home .pickup-wrapper .flex-wrapper .flex-wrapper {
            display: inherit;
            gap: 0; } }
    #home .pickup-wrapper .head-area {
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #home .pickup-wrapper .head-area {
          margin: auto;
          width: 80vw; } }
      #home .pickup-wrapper .head-area .en {
        width: min(19vw, 302px); }
        @media (max-width: 768px) {
          #home .pickup-wrapper .head-area .en {
            width: 185px; } }
      #home .pickup-wrapper .head-area .head {
        font-size: clamp(13px, 1.4vw, 15px);
        font-weight: 500;
        margin-left: 2rem;
        white-space: nowrap; }
        @media (max-width: 1024px) {
          #home .pickup-wrapper .head-area .head {
            margin-left: 0; } }
      #home .pickup-wrapper .head-area .desc {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #home .pickup-wrapper .head-area .desc {
            margin-top: .5rem; } }
    #home .pickup-wrapper .main-banner {
      position: relative; }
      @media (max-width: 768px) {
        #home .pickup-wrapper .main-banner {
          margin-top: 24px; } }
      #home .pickup-wrapper .main-banner img {
        border-radius: 15px; }
        @media (max-width: 768px) {
          #home .pickup-wrapper .main-banner img {
            border-radius: 0;
            width: 100%; } }
      #home .pickup-wrapper .main-banner .image {
        position: relative;
        max-width: 667px; }
      #home .pickup-wrapper .main-banner .head {
        position: absolute;
        bottom: 0;
        left: 0; }
        @media (max-width: 768px) {
          #home .pickup-wrapper .main-banner .head {
            position: relative;
            text-align: center; } }
        #home .pickup-wrapper .main-banner .head span {
          background: #231815;
          color: #fff;
          display: inline-block;
          font-size: clamp(16px, 1.8vw, 23px);
          font-weight: 500;
          padding: .5rem; }
    #home .pickup-wrapper .pickup-swiper-wrapper {
      margin-top: min(2vw, 38px);
      overflow: hidden; }
      @media (max-width: 768px) {
        #home .pickup-wrapper .pickup-swiper-wrapper {
          margin-top: 42px; } }
      #home .pickup-wrapper .pickup-swiper-wrapper .swiper-slide {
        font-size: clamp(13px, 1.4vw, 15px);
        position: relative; }
        #home .pickup-wrapper .pickup-swiper-wrapper .swiper-slide img {
          border-radius: 10px; }
        #home .pickup-wrapper .pickup-swiper-wrapper .swiper-slide .head {
          font-size: clamp(13px, 1.4vw, 14px);
          font-weight: 500;
          margin-top: .25rem; }
      #home .pickup-wrapper .pickup-swiper-wrapper .pickup-swiper-pagination {
        margin-top: 1.5rem;
        text-align: center; }
        #home .pickup-wrapper .pickup-swiper-wrapper .pickup-swiper-pagination .swiper-pagination-bullet-active {
          background-color: #d51026; }
      #home .pickup-wrapper .pickup-swiper-wrapper .image {
        position: relative; }
    #home .pickup-wrapper .icon-arrow {
      background: #231815;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      bottom: 12px;
      right: 12px;
      position: absolute; }
      @media (max-width: 768px) {
        #home .pickup-wrapper .icon-arrow {
          width: 18px;
          height: 18px; } }
      #home .pickup-wrapper .icon-arrow img {
        height: 18px;
        width: 7px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #home .news-wrapper {
    /*news-list*/ }
    #home .news-wrapper .inner {
      margin: min(10vw, 156px) auto 0;
      width: min(80vw, 1160px); }
    #home .news-wrapper .flex-wrapper {
      align-items: center; }
      @media (max-width: 768px) {
        #home .news-wrapper .flex-wrapper {
          display: inherit; } }
    #home .news-wrapper .head-area {
      margin-top: 4rem; }
      #home .news-wrapper .head-area .en {
        width: min(27vw, 380px); }
        @media (max-width: 768px) {
          #home .news-wrapper .head-area .en {
            width: 235px; } }
      #home .news-wrapper .head-area .head {
        font-size: clamp(13px, 1.4vw, 15px);
        font-weight: 500;
        margin-left: 2rem;
        white-space: nowrap; }
        @media (max-width: 1024px) {
          #home .news-wrapper .head-area .head {
            margin-left: 0; } }
      #home .news-wrapper .head-area .desc {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 2.5rem; }
        @media (max-width: 768px) {
          #home .news-wrapper .head-area .desc {
            margin-top: .5rem; } }
    #home .news-wrapper .news-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: min(4vw, 60px); }
      @media (max-width: 768px) {
        #home .news-wrapper .news-list {
          display: inherit; } }
      #home .news-wrapper .news-list li {
        width: 30%; }
        @media (max-width: 768px) {
          #home .news-wrapper .news-list li {
            width: 100%; } }
        #home .news-wrapper .news-list li .flex-wrapper {
          display: flex; }
        #home .news-wrapper .news-list li:nth-child(n + 4) {
          margin-top: min(10vw, 98px); }
        @media (max-width: 768px) {
          #home .news-wrapper .news-list li + li {
            margin-top: 40px; } }
        #home .news-wrapper .news-list li img {
          display: block;
          margin: 0 auto 1.5rem;
          height: 210px;
          width: 352px;
          object-fit: cover; }
        #home .news-wrapper .news-list li .cat {
          border: 1px solid #231815;
          font-size: clamp(14px, 1.5vw, 17px);
          text-align: center;
          width: min(10vw, 126px); }
          @media (max-width: 768px) {
            #home .news-wrapper .news-list li .cat {
              padding: 0 1rem;
              width: auto; } }
        #home .news-wrapper .news-list li .date {
          font-size: clamp(12px, 1.3vw, 14px);
          font-weight: 600;
          margin-left: 1rem; }
        #home .news-wrapper .news-list li .title {
          font-size: clamp(15px, 1.6vw, 18px);
          font-weight: 500;
          margin-top: .25rem;
          padding-right: 2.25rem;
          position: relative; }
          #home .news-wrapper .news-list li .title::before {
            content: "";
            background: url("../images/common/icon-arrow-red.svg") no-repeat 0 0;
            background-size: cover;
            height: 26px;
            width: 26px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0, -50%); }
    #home .news-wrapper .more-btn {
      margin-top: min(9vw, 64px);
      text-align: right; }
      @media (max-width: 768px) {
        #home .news-wrapper .more-btn {
          text-align: center; } }
  #home .five-points-wrapper {
    background: url("../images/top/point-back.jpg") no-repeat 0 0;
    background-size: cover;
    padding: 48px 0 103px;
    margin-top: min(11vw, 150px);
    /*nextbtn-wrapper*/
    /*point-swiper-wrapper*/ }
    #home .five-points-wrapper .inner {
      border-left: 1px solid #231815;
      margin: 0 0 0 auto;
      padding-left: 3rem;
      /*width: min(90vw, 1280px);*/
      width: 85%;
      display: flex;
      gap: 0 5%; }
      @media (max-width: 768px) {
        #home .five-points-wrapper .inner {
          border: none;
          display: inherit;
          margin: 0 auto;
          padding: 0;
          width: 80vw; } }
    #home .five-points-wrapper .head-area {
      padding: 1rem 0 0;
      /*width: min(40vw, 432px);*/
      width: min(25vw, 475px); }
      @media (max-width: 768px) {
        #home .five-points-wrapper .head-area {
          border-left: 1px solid #231815;
          padding-top: 0;
          padding-left: 2rem;
          width: auto;
          width: calc(80vw - 2rem); } }
      #home .five-points-wrapper .head-area .head-image {
        margin-left: -24px; }
      #home .five-points-wrapper .head-area .desc {
        margin-top: 2.5rem; }
        @media (max-width: 768px) {
          #home .five-points-wrapper .head-area .desc {
            margin-top: 1rem; } }
    #home .five-points-wrapper .more-btn {
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #home .five-points-wrapper .more-btn {
          margin-top: 1rem;
          text-align: center; } }
    #home .five-points-wrapper .nextbtn-wrapper {
      position: relative;
      /*width: 62.5vw;*/
      width: 55.5vw; }
      @media (max-width: 768px) {
        #home .five-points-wrapper .nextbtn-wrapper {
          width: 100%; } }
      #home .five-points-wrapper .nextbtn-wrapper .swiper-button-next {
        /*right: auto;
        left: var(--swiper-navigation-sides-offset,-20px);*/
        right: var(--swiper-navigation-sides-offset, 38%);
        top: 42%;
        width: auto; }
        @media (max-width: 768px) {
          #home .five-points-wrapper .nextbtn-wrapper .swiper-button-next {
            right: var(--swiper-navigation-sides-offset, -15px); } }
        #home .five-points-wrapper .nextbtn-wrapper .swiper-button-next::after {
          content: "";
          background: url("../images/common/point-arrow-next.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #home .five-points-wrapper .nextbtn-wrapper .swiper-button-next::after {
              height: 28px;
              width: 28px; } }
      #home .five-points-wrapper .nextbtn-wrapper .swiper-button-prev {
        width: auto;
        top: 42%;
        left: var(--swiper-navigation-sides-offset, -15px); }
        #home .five-points-wrapper .nextbtn-wrapper .swiper-button-prev::after {
          content: "";
          background: url("../images/common/point-arrow-prev.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #home .five-points-wrapper .nextbtn-wrapper .swiper-button-prev::after {
              height: 28px;
              width: 28px; } }
    #home .five-points-wrapper .point-swiper-wrapper {
      overflow: hidden;
      padding-right: 40%;
      position: relative;
      margin-left: auto;
      margin-top: 24px;
      /*swiper-slide*/ }
      @media (max-width: 768px) {
        #home .five-points-wrapper .point-swiper-wrapper {
          padding-right: 0; } }
      #home .five-points-wrapper .point-swiper-wrapper .point-swiper-pagination {
        margin-bottom: 1.5rem; }
        @media (max-width: 768px) {
          #home .five-points-wrapper .point-swiper-wrapper .point-swiper-pagination {
            margin-bottom: 1rem;
            text-align: center; } }
        #home .five-points-wrapper .point-swiper-wrapper .point-swiper-pagination .swiper-pagination-bullet-active {
          background-color: #d51026; }
      #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .num {
        display: inline-block;
        margin: -18px 0 0 .5rem; }
        #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .num img {
          height: min(10vw, 60px); }
      #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .head {
        font-size: clamp(20px, 2vw, 21px);
        font-weight: 700;
        margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .head {
            margin-top: .75rem; } }
      #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .desc {
        font-size: clamp(14px, 1.4vw, 15px);
        font-weight: 400;
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #home .five-points-wrapper .point-swiper-wrapper .swiper-slide .desc {
            margin-top: .5rem; } }
  #home .gakka-title-wrapper {
    background: url("../images/top/gakka-main.jpg") no-repeat center center;
    background-size: cover;
    padding: min(22vw, 310px) 0;
    position: relative;
    /*title*/ }
    @media (max-width: 768px) {
      #home .gakka-title-wrapper {
        background-image: url("../images/top/gakka-main-sp.jpg");
        padding: 210px 0; } }
    #home .gakka-title-wrapper .catch {
      position: absolute;
      top: 0;
      right: 50%;
      margin-right: -550px;
      width: min(11vw, 144px); }
      @media (max-width: 1024px) {
        #home .gakka-title-wrapper .catch {
          margin-right: -400px; } }
      @media (max-width: 768px) {
        #home .gakka-title-wrapper .catch {
          right: auto;
          left: 50%;
          transform: translate(-50%, 0);
          width: 72px; } }
    #home .gakka-title-wrapper .title {
      box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
      border: 1px solid #fff;
      padding: 62px 153px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 768px) {
        #home .gakka-title-wrapper .title {
          top: auto;
          bottom: 15%;
          transform: translate(-50%, 0);
          padding: 20px 0;
          width: 90%; } }
      #home .gakka-title-wrapper .title::before {
        content: "";
        background: #fff;
        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
        height: 30px;
        width: 30px;
        position: absolute;
        top: 0;
        left: 0; }
        @media (max-width: 768px) {
          #home .gakka-title-wrapper .title::before {
            height: 20px;
            width: 20px; } }
      #home .gakka-title-wrapper .title .head {
        color: #fff;
        text-shadow: #000 0px 0 10px;
        font-size: clamp(27px, 3.8vw, 45px);
        font-weight: 700;
        text-align: center;
        white-space: nowrap; }
      #home .gakka-title-wrapper .title .desc {
        color: #fff;
        text-shadow: #000 0px 0 10px;
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 2rem;
        text-align: center; }
        @media (max-width: 768px) {
          #home .gakka-title-wrapper .title .desc {
            margin-top: .5rem; } }
  #home .gakka-list-wrapper {
    margin: min(6vw, 90px) auto 0;
    width: min(90vw, 1100px);
    /*ul*/ }
    #home .gakka-list-wrapper ul {
      display: flex;
      flex-wrap: wrap;
      gap: 0 2.5%;
      /*li*/ }
      @media (max-width: 768px) {
        #home .gakka-list-wrapper ul {
          justify-content: space-between;
          gap: 0; } }
      #home .gakka-list-wrapper ul li {
        width: 23%;
        /*image*/ }
        @media (max-width: 768px) {
          #home .gakka-list-wrapper ul li {
            width: 46%; } }
        @media (hover: hover) and (pointer: fine) {
          #home .gakka-list-wrapper ul li a:hover {
            opacity: 1; } }
        @media (hover: hover) and (pointer: fine) {
          #home .gakka-list-wrapper ul li a:hover .image::before {
            opacity: 0; } }
        @media (hover: hover) and (pointer: fine) {
          #home .gakka-list-wrapper ul li a:hover .image::after {
            box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.4); } }
        #home .gakka-list-wrapper ul li:nth-child(1) .image::before {
          background: #f3afcc;
          background: linear-gradient(0deg, #f3afcc 0%, #a85a95 100%); }
        #home .gakka-list-wrapper ul li:nth-child(1) .image::after {
          background: linear-gradient(0deg, #a85a95 0%, #f3afcc 100%); }
        #home .gakka-list-wrapper ul li:nth-child(1) .course {
          color: #a85a95; }
        #home .gakka-list-wrapper ul li:nth-child(2) .image::before {
          background: #ffb2ce;
          background: linear-gradient(0deg, #ffb2ce 0%, #dc669b 100%); }
        #home .gakka-list-wrapper ul li:nth-child(2) .image::after {
          background: linear-gradient(0deg, #dc669b 0%, #ffb2ce 100%); }
        #home .gakka-list-wrapper ul li:nth-child(2) .course {
          color: #dc669b; }
        #home .gakka-list-wrapper ul li:nth-child(3) .image::before {
          background: #b8d096;
          background: linear-gradient(0deg, #b8d096 0%, #88a138 100%); }
        #home .gakka-list-wrapper ul li:nth-child(3) .image::after {
          background: linear-gradient(0deg, #88a138 0%, #b8d096 100%); }
        #home .gakka-list-wrapper ul li:nth-child(3) .course {
          color: #88a138; }
        #home .gakka-list-wrapper ul li:nth-child(4) .image::before {
          background: #f8cb75;
          background: linear-gradient(0deg, #f8cb75 0%, #c69700 100%); }
        #home .gakka-list-wrapper ul li:nth-child(4) .image::after {
          background: linear-gradient(0deg, #c69700 0%, #f8cb75 100%); }
        #home .gakka-list-wrapper ul li:nth-child(4) .course {
          color: #c69700; }
        #home .gakka-list-wrapper ul li:nth-child(5) .image::before {
          background: #00d1e8;
          background: linear-gradient(0deg, #00d1e8 0%, #28a3ca 100%); }
        #home .gakka-list-wrapper ul li:nth-child(5) .image::after {
          background: linear-gradient(0deg, #28a3ca 0%, #00d1e8 100%); }
        #home .gakka-list-wrapper ul li:nth-child(5) .course {
          color: #28a3ca; }
        #home .gakka-list-wrapper ul li:nth-child(6) .image::before {
          background: #00cccc;
          background: linear-gradient(0deg, #00cccc 0%, #009999 100%); }
        #home .gakka-list-wrapper ul li:nth-child(6) .image::after {
          background: linear-gradient(0deg, #009999 0%, #00cccc 100%); }
        #home .gakka-list-wrapper ul li:nth-child(6) .course {
          color: #009999; }
        #home .gakka-list-wrapper ul li:nth-child(7) .image::before {
          background: #bab7d7;
          background: linear-gradient(0deg, #bab7d7 0%, #706eab 100%); }
        #home .gakka-list-wrapper ul li:nth-child(7) .image::after {
          background: linear-gradient(0deg, #706eab 0%, #bab7d7 100%); }
        #home .gakka-list-wrapper ul li:nth-child(7) .course {
          color: #706eab; }
        #home .gakka-list-wrapper ul li:nth-child(8) .image::before {
          background: #00c3e3;
          background: linear-gradient(0deg, #00c3e3 0%, #0086c1 100%); }
        #home .gakka-list-wrapper ul li:nth-child(8) .image::after {
          background: linear-gradient(0deg, #0086c1 0%, #00c3e3 100%); }
        #home .gakka-list-wrapper ul li:nth-child(8) .course {
          color: #0086c1; }
        #home .gakka-list-wrapper ul li .image {
          position: relative; }
          #home .gakka-list-wrapper ul li .image::before, #home .gakka-list-wrapper ul li .image::after {
            content: "";
            border-radius: 18px;
            height: 87%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: .3s;
            z-index: -1; }
          #home .gakka-list-wrapper ul li .image::after {
            z-index: -2; }
          #home .gakka-list-wrapper ul li .image .float {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 0);
            height: 100%;
            width: auto;
            max-width: inherit;
            object-fit: cover; }
      #home .gakka-list-wrapper ul .gakka-name {
        font-size: clamp(15px, 1.7vw, 19px);
        font-weight: 700;
        margin-top: 1rem;
        text-align: center; }
        @media (max-width: 768px) {
          #home .gakka-list-wrapper ul .gakka-name {
            margin-top: .25rem;
            white-space: nowrap; } }
        @media (max-width: 768px) {
          #home .gakka-list-wrapper ul .gakka-name.onkyou {
            margin-left: -0.25rem; } }
      #home .gakka-list-wrapper ul .course {
        font-size: clamp(13px, 1.3vw, 14px);
        margin-top: .75rem;
        text-align: center; }
        @media (max-width: 768px) {
          #home .gakka-list-wrapper ul .course {
            margin-top: .25rem; } }
  #home .job-wrapper {
    background: url("../images/top/point-back.jpg") no-repeat 0 0;
    background-size: cover;
    padding: 48px 0 103px;
    margin-top: min(11vw, 150px); }
    @media (max-width: 768px) {
      #home .job-wrapper {
        padding: 36px 0 48px; } }
    #home .job-wrapper .head-wrapper {
      margin: auto;
      max-width: 1160px;
      width: 85vw; }
      #home .job-wrapper .head-wrapper .catch {
        margin-left: -1.5rem;
        width: min(19vw, 260px); }
        @media (max-width: 768px) {
          #home .job-wrapper .head-wrapper .catch {
            margin-left: -1.5rem;
            width: 216px; } }
      #home .job-wrapper .head-wrapper .flex-wrapper {
        align-items: center;
        gap: 0 2%;
        margin: 2rem 0 4rem;
        width: 100%; }
        @media (max-width: 768px) {
          #home .job-wrapper .head-wrapper .flex-wrapper {
            display: inherit;
            margin: 1rem 0 2rem; } }
        #home .job-wrapper .head-wrapper .flex-wrapper .head {
          font-size: clamp(35px, 4vw, 45px);
          font-weight: 700; }
        #home .job-wrapper .head-wrapper .flex-wrapper .desc {
          font-size: clamp(14px, 1.4vw, 15px);
          font-weight: 500; }
          @media (max-width: 768px) {
            #home .job-wrapper .head-wrapper .flex-wrapper .desc {
              margin-top: .5rem; } }
    #home .job-wrapper .flex-wrapper {
      gap: 0 6%;
      margin: auto;
      max-width: 1160px;
      width: 85%; }
      @media (max-width: 768px) {
        #home .job-wrapper .flex-wrapper {
          display: inherit; } }
    #home .job-wrapper .job-content ul,
    #home .job-wrapper .qualification-content ul {
      margin-top: min(10vw, 50px); }
      #home .job-wrapper .job-content ul li a,
      #home .job-wrapper .qualification-content ul li a {
        font-size: clamp(13px, 1.4vw, 17px);
        font-weight: 400; }
        @media (max-width: 768px) {
          #home .job-wrapper .job-content ul li a,
          #home .job-wrapper .qualification-content ul li a {
            font-size: 15px; } }
    @media (max-width: 768px) {
      #home .job-wrapper .qualification-content {
        margin-top: 48px; } }
    #home .job-wrapper .qualification-content ul li a {
      font-size: clamp(13px, 1.4vw, 17px);
      font-weight: 400; }
      @media (max-width: 768px) {
        #home .job-wrapper .qualification-content ul li a {
          font-size: 15px; } }
  #home .entrance-exam-wrapper {
    display: flex;
    align-items: flex-end;
    /*text-area*/
    /*image*/ }
    @media (max-width: 768px) {
      #home .entrance-exam-wrapper {
        display: inherit;
        padding: 28px 0 0; } }
    #home .entrance-exam-wrapper .text-area {
      padding: 0 9% 0 5%;
      width: min(50vw, 623px); }
      @media (max-width: 768px) {
        #home .entrance-exam-wrapper .text-area {
          padding: 0;
          margin: auto;
          width: 80vw; } }
      #home .entrance-exam-wrapper .text-area .catch {
        margin-left: -1.5rem;
        width: min(9vw, 135px); }
        @media (max-width: 768px) {
          #home .entrance-exam-wrapper .text-area .catch {
            margin-left: -1rem;
            width: 110px; } }
      #home .entrance-exam-wrapper .text-area .head {
        font-size: clamp(35px, 4vw, 45px);
        font-weight: 700;
        margin: 2rem 0 2.5rem; }
        @media (max-width: 768px) {
          #home .entrance-exam-wrapper .text-area .head {
            margin: 1rem 0 1rem; } }
      #home .entrance-exam-wrapper .text-area .desc {
        font-size: clamp(14px, 1.4vw, 15px);
        font-weight: 500; }
      #home .entrance-exam-wrapper .text-area .list-link {
        margin-top: min(6vw, 80px); }
        #home .entrance-exam-wrapper .text-area .list-link li a {
          font-size: clamp(13px, 1.4vw, 17px);
          font-weight: 400; }
          @media (max-width: 768px) {
            #home .entrance-exam-wrapper .text-area .list-link li a {
              font-size: 15px; } }
    #home .entrance-exam-wrapper .image {
      overflow: hidden;
      object-position: center;
      max-height: 600px; }
      @media (max-width: 768px) {
        #home .entrance-exam-wrapper .image {
          margin-top: 40px;
          width: 100%; } }
  #home .insta-post-wrapper {
    margin-top: min(17vw, 130px);
    /*insta-swiper-arrow*/ }
    #home .insta-post-wrapper .inner {
      margin: auto;
      max-width: 1160px;
      width: 90%; }
      @media (max-width: 768px) {
        #home .insta-post-wrapper .inner {
          width: 100%; } }
    #home .insta-post-wrapper .catch {
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #home .insta-post-wrapper .catch {
          display: inherit; } }
      #home .insta-post-wrapper .catch img {
        width: min(49vw, 600px); }
        @media (max-width: 768px) {
          #home .insta-post-wrapper .catch img {
            margin: auto;
            width: 262px; } }
      @media (max-width: 768px) {
        #home .insta-post-wrapper .catch p {
          display: flex;
          align-items: center;
          justify-content: center; } }
      #home .insta-post-wrapper .catch p span {
        font-size: 17px;
        font-weight: 700;
        margin-right: 10px; }
      #home .insta-post-wrapper .catch a {
        color: #b01e2d;
        font-size: clamp(18px, 2vw, 26px);
        font-weight: 500;
        margin-top: 8px;
        text-decoration: underline;
        text-underline-offset: 8px; }
        @media (max-width: 768px) {
          #home .insta-post-wrapper .catch a {
            font-size: 20px;
            margin-top: 0; } }
    #home .insta-post-wrapper .desc {
      font-size: clamp(14px, 1.4vw, 15px);
      margin-top: 1rem; }
      @media (max-width: 768px) {
        #home .insta-post-wrapper .desc {
          text-align: center; } }
    #home .insta-post-wrapper .insta-swiper-wrapper {
      position: relative;
      overflow: hidden;
      margin: auto;
      width: 90%; }
      @media (max-width: 768px) {
        #home .insta-post-wrapper .insta-swiper-wrapper {
          width: 100%; } }
      #home .insta-post-wrapper .insta-swiper-wrapper .swiper-slide img {
        border-radius: 18px; }
    #home .insta-post-wrapper .insta-swiper-pagination {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      text-align: center; }
      #home .insta-post-wrapper .insta-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #d51026; }
    #home .insta-post-wrapper .insta-swiper-arrow {
      position: relative; }
      #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-next {
        top: 65%;
        right: var(--swiper-navigation-sides-offset, -15px);
        width: auto; }
        @media (max-width: 768px) {
          #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-next {
            right: var(--swiper-navigation-sides-offset, 15px); } }
        #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-next::after {
          content: "";
          background: url("../images/common/icon-list-arrow.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-next::after {
              height: 28px;
              width: 28px; } }
      #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-prev {
        top: 65%;
        left: var(--swiper-navigation-sides-offset, -15px);
        width: auto; }
        @media (max-width: 768px) {
          #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-prev {
            left: var(--swiper-navigation-sides-offset, 15px); } }
        #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-prev::after {
          content: "";
          background: url("../images/common/point-arrow.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #home .insta-post-wrapper .insta-swiper-arrow .swiper-button-prev::after {
              height: 28px;
              width: 28px; } }
  #home .insta-slide {
    margin-top: 5rem; }
    #home .insta-slide .thumbnail-wrapper {
      padding: .5rem; }

/*#home*/
/********************************************************************************
result
********************************************************************************/
#result {
  /*employment-record-wrapper*/
  /*employment-rate-wrapper*/ }
  #result .employment-record-wrapper {
    margin-top: 8rem;
    /*record-list situation-list*/
    /*.record-list*/
    /*.situation-list*/ }
    @media (max-width: 768px) {
      #result .employment-record-wrapper {
        margin: 4rem auto 0;
        width: 80%; } }
    #result .employment-record-wrapper .record-list,
    #result .employment-record-wrapper .situation-list {
      display: flex; }
      @media (max-width: 768px) {
        #result .employment-record-wrapper .record-list,
        #result .employment-record-wrapper .situation-list {
          display: inherit;
          margin: auto;
          width: 100%; } }
      #result .employment-record-wrapper .record-list .sub-head,
      #result .employment-record-wrapper .situation-list .sub-head {
        background: #231815;
        color: #fff;
        font-size: clamp(20px, 2vw, 22px);
        font-weight: 700;
        padding: .25rem 0 .5rem 1rem; }
      @media (max-width: 768px) {
        #result .employment-record-wrapper .record-list .detail + .detail,
        #result .employment-record-wrapper .situation-list .detail + .detail {
          margin-top: 3rem; } }
    #result .employment-record-wrapper .record-list {
      margin-top: 5rem;
      justify-content: space-between; }
      @media (max-width: 768px) {
        #result .employment-record-wrapper .record-list {
          margin-top: 3rem; } }
      #result .employment-record-wrapper .record-list .num {
        color: #b01e2d;
        font-family: "Oswald", sans-serif;
        font-size: clamp(75px, 8vw, 122px);
        font-weight: 800;
        line-height: 90%;
        margin-top: .5rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #result .employment-record-wrapper .record-list .num {
            font-size: 122px; } }
        #result .employment-record-wrapper .record-list .num small {
          font-size: clamp(65px, 6vw, 92px); }
          @media (max-width: 768px) {
            #result .employment-record-wrapper .record-list .num small {
              font-size: 76px; } }
      #result .employment-record-wrapper .record-list .sup {
        font-size: 14px;
        font-weight: 400; }
    #result .employment-record-wrapper .situation-list {
      margin-top: 6rem;
      justify-content: space-between;
      /**/ }
      @media (max-width: 768px) {
        #result .employment-record-wrapper .situation-list {
          margin-top: 3rem; } }
      #result .employment-record-wrapper .situation-list .detail {
        width: 40%; }
        @media (max-width: 768px) {
          #result .employment-record-wrapper .situation-list .detail {
            width: 100%; } }
        #result .employment-record-wrapper .situation-list .detail + .detail {
          width: 54%; }
          @media (max-width: 768px) {
            #result .employment-record-wrapper .situation-list .detail + .detail {
              width: 100%; } }
      #result .employment-record-wrapper .situation-list .graph {
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #result .employment-record-wrapper .situation-list .graph {
            margin-top: 2rem; } }
      #result .employment-record-wrapper .situation-list .desc {
        font-size: 15px;
        margin-top: 1rem; }
      #result .employment-record-wrapper .situation-list .image-flex {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0 2%;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #result .employment-record-wrapper .situation-list .image-flex {
            display: inherit; } }
        #result .employment-record-wrapper .situation-list .image-flex img {
          margin-top: 4rem;
          width: 60%; }
          @media (max-width: 768px) {
            #result .employment-record-wrapper .situation-list .image-flex img {
              margin: 0 auto 0;
              width: 100%; } }
          #result .employment-record-wrapper .situation-list .image-flex img + img {
            margin-top: 0;
            width: 40%; }
            @media (max-width: 768px) {
              #result .employment-record-wrapper .situation-list .image-flex img + img {
                display: block;
                margin: 1rem auto 0;
                width: 80%; } }
  #result .employment-rate-wrapper {
    margin-top: 7rem;
    padding: 7rem 0 4rem;
    position: relative;
    /*head-flex*/
    /*gakka-situation-list*/ }
    @media (max-width: 768px) {
      #result .employment-rate-wrapper {
        margin-top: 5rem;
        padding: 5rem 0 4rem; } }
    #result .employment-rate-wrapper::before {
      content: "";
      background: #f7f4e3;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
    #result .employment-rate-wrapper .head-flex {
      gap: 0 10%; }
      @media (max-width: 768px) {
        #result .employment-rate-wrapper .head-flex {
          margin: auto;
          width: 85%; } }
      @media (max-width: 768px) {
        #result .employment-rate-wrapper .head-flex .sup-list {
          margin-top: 1rem; } }
    #result .employment-rate-wrapper .gakka-situation-list {
      padding: 5rem 0 4rem;
      /*chart-wrapper*/
      /*percent-list*/
      /*btn-list*/ }
      @media (max-width: 768px) {
        #result .employment-rate-wrapper .gakka-situation-list {
          padding: 3rem 0 2rem;
          margin: auto;
          width: 85%; } }
      #result .employment-rate-wrapper .gakka-situation-list .inner {
        display: flex;
        /*align-items: flex-start;*/
        align-items: normal;
        gap: 0 5%;
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .inner {
            display: inherit;
            margin-top: 2rem; } }
      #result .employment-rate-wrapper .gakka-situation-list .head {
        background: #231815;
        display: inline-block;
        font-size: clamp(21px, 2.4vw, 30px);
        font-weight: 600;
        color: #fff;
        padding: 9px 0 13px 2.5rem;
        position: relative;
        line-height: 100%;
        width: 35%; }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .head {
            display: block;
            padding: 8px 0 10px 2rem;
            width: calc(100% - 2rem); } }
        #result .employment-rate-wrapper .gakka-situation-list .head::before {
          content: "";
          background: #000;
          height: 23px;
          width: 23px;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
          @media (max-width: 768px) {
            #result .employment-rate-wrapper .gakka-situation-list .head::before {
              height: 16px;
              width: 16px; } }
      #result .employment-rate-wrapper .gakka-situation-list .chart-wrapper {
        width: 43%; }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .chart-wrapper {
            margin: auto;
            width: 100%; } }
      #result .employment-rate-wrapper .gakka-situation-list .percent-list {
        /*border-left: 1px solid $black;*/
        padding-left: 5%;
        position: relative;
        width: 45%; }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .percent-list {
            border: none;
            padding: 0;
            margin: 1rem auto 0;
            width: 85%; } }
        #result .employment-rate-wrapper .gakka-situation-list .percent-list::before {
          content: "";
          background: #231815;
          height: 100%;
          width: 1px;
          position: absolute;
          top: 0;
          left: 0; }
          @media (max-width: 768px) {
            #result .employment-rate-wrapper .gakka-situation-list .percent-list::before {
              content: none; } }
        #result .employment-rate-wrapper .gakka-situation-list .percent-list .cross-head {
          font-size: clamp(17px, 2vw, 24px);
          font-weight: 500; }
        #result .employment-rate-wrapper .gakka-situation-list .percent-list .num {
          color: #000;
          font-size: clamp(125px, 18vw, 205px);
          font-family: "Oswald", sans-serif;
          font-weight: 700;
          line-height: 90%;
          white-space: nowrap; }
          @media (max-width: 768px) {
            #result .employment-rate-wrapper .gakka-situation-list .percent-list .num {
              text-align: center; } }
          #result .employment-rate-wrapper .gakka-situation-list .percent-list .num small {
            font-size: clamp(70px, 8vw, 100px); }
        #result .employment-rate-wrapper .gakka-situation-list .percent-list .list {
          font-size: clamp(14px, 1.4vw, 15px); }
      #result .employment-rate-wrapper .gakka-situation-list .btn-list {
        display: flex;
        gap: 0 3%;
        justify-content: center;
        margin: 5rem auto 0;
        max-width: 690px; }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .btn-list {
            display: inherit;
            margin: 2rem auto 0;
            text-align: center; } }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .btn-list li a {
            white-space: nowrap; } }
        @media (max-width: 768px) {
          #result .employment-rate-wrapper .gakka-situation-list .btn-list li + li {
            margin-top: 1rem; } }
      #result .employment-rate-wrapper .gakka-situation-list.it {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.it .head::before {
          background: #a85a95; }
        #result .employment-rate-wrapper .gakka-situation-list.it .percent-list .num {
          color: #a85a95; }
      #result .employment-rate-wrapper .gakka-situation-list.jyouhou {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.jyouhou .head::before {
          background: #dc669b; }
        #result .employment-rate-wrapper .gakka-situation-list.jyouhou .percent-list .num {
          color: #dc669b; }
      #result .employment-rate-wrapper .gakka-situation-list.denki {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.denki .head::before {
          background: #88a138; }
        #result .employment-rate-wrapper .gakka-situation-list.denki .percent-list .num {
          color: #88a138; }
      #result .employment-rate-wrapper .gakka-situation-list.kikai {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.kikai .head::before {
          background: #c69700; }
        #result .employment-rate-wrapper .gakka-situation-list.kikai .percent-list .num {
          color: #c69700; }
      #result .employment-rate-wrapper .gakka-situation-list.kentiku {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.kentiku .head::before {
          background: #28a3ca; }
        #result .employment-rate-wrapper .gakka-situation-list.kentiku .percent-list .num {
          color: #28a3ca; }
      #result .employment-rate-wrapper .gakka-situation-list.doboku {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.doboku .head::before {
          background: #009999; }
        #result .employment-rate-wrapper .gakka-situation-list.doboku .percent-list .num {
          color: #009999; }
      #result .employment-rate-wrapper .gakka-situation-list.audio {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.audio .head::before {
          background: #706eab; }
        #result .employment-rate-wrapper .gakka-situation-list.audio .percent-list .num {
          color: #706eab; }
      #result .employment-rate-wrapper .gakka-situation-list.senkouka {
        /*percent-list*/ }
        #result .employment-rate-wrapper .gakka-situation-list.senkouka .head::before {
          background: #0086c1; }
        #result .employment-rate-wrapper .gakka-situation-list.senkouka .percent-list .num {
          color: #0086c1; }

/*#result*/
/********************************************************************************
guideline
********************************************************************************/
#guideline {
  /*guideline-wrapper*/
  /*download-all*/
  /*download-list-wrapper*/ }
  @media (max-width: 768px) {
    #guideline .guideline-wrapper {
      margin: auto;
      width: 85%; } }
  #guideline .guideline-wrapper .head-square + p {
    margin-top: 3rem; }
    @media (max-width: 768px) {
      #guideline .guideline-wrapper .head-square + p {
        margin-top: 1.5rem; } }
  #guideline .pdf-btn a {
    background-color: #fafafa;
    font-weight: 600;
    font-size: clamp(14px, 1.8vw, 20px);
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    width: calc(100% - 4.5rem); }
  #guideline .download-all {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem; }
    @media (max-width: 768px) {
      #guideline .download-all {
        display: inherit;
        margin-top: 3rem; } }
    #guideline .download-all .btn {
      width: 48%; }
      @media (max-width: 768px) {
        #guideline .download-all .btn {
          width: 100%; } }
      #guideline .download-all .btn .sub-head {
        font-size: clamp(24px, 2.6vw, 30px);
        font-weight: 700; }
      #guideline .download-all .btn .pdf-btn {
        margin-top: 2.5rem; }
        @media (max-width: 768px) {
          #guideline .download-all .btn .pdf-btn {
            margin-top: 1.5rem; } }
    #guideline .download-all .detail {
      width: 48%; }
      @media (max-width: 768px) {
        #guideline .download-all .detail {
          margin-top: 2rem;
          width: 100%; } }
      #guideline .download-all .detail .cross-head {
        font-size: 13px;
        font-weight: 600; }
      #guideline .download-all .detail .text {
        border-top: 1px solid #231815;
        font-size: 15px;
        margin-top: 1rem;
        padding-top: 1rem; }
  #guideline .download-list-wrapper {
    border-top: 1px solid #918c8a;
    padding: 3rem 0 5rem;
    margin-top: 7rem;
    /*ul*/ }
    @media (max-width: 768px) {
      #guideline .download-list-wrapper {
        padding: 2rem 0 2rem;
        margin-top: 4rem; } }
    #guideline .download-list-wrapper .sub-head {
      font-size: clamp(24px, 2.6vw, 30px);
      font-weight: 700; }
    #guideline .download-list-wrapper .flex-wrapper {
      justify-content: space-between; }
      @media (max-width: 768px) {
        #guideline .download-list-wrapper .flex-wrapper {
          display: inherit; } }
    #guideline .download-list-wrapper ul {
      margin-top: 3rem;
      width: 48%; }
      @media (max-width: 768px) {
        #guideline .download-list-wrapper ul {
          margin-top: 2rem;
          width: 100%; } }
      #guideline .download-list-wrapper ul .pdf-btn {
        display: flex;
        align-items: center;
        margin: .75rem 0; }
        #guideline .download-list-wrapper ul .pdf-btn.narrow a {
          padding: .75rem 3rem .75rem 1.5rem; }
      @media (max-width: 768px) {
        #guideline .download-list-wrapper ul + ul {
          margin-top: .75rem; } }
    #guideline .download-list-wrapper + .download-list-wrapper {
      margin-top: 2rem; }

/*guideline*/
/********************************************************************************
tuition
********************************************************************************/
#tuition {
  /*payment-wrapper*/
  /*textbook-fee-wrapper*/
  /*payment-table*/ }
  #tuition .payment-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #tuition .payment-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
  #tuition .textbook-fee-wrapper {
    margin-top: 12rem;
    /*payment-table*/ }
    @media (max-width: 768px) {
      #tuition .textbook-fee-wrapper {
        margin: 5rem auto 3rem;
        width: 85%; } }
    #tuition .textbook-fee-wrapper .payment-table th, #tuition .textbook-fee-wrapper .payment-table td {
      padding: 1rem .5rem; }
    @media (max-width: 768px) {
      #tuition .textbook-fee-wrapper .payment-table thead th {
        padding: 1rem .5rem; } }
    @media (max-width: 768px) {
      #tuition .textbook-fee-wrapper .payment-table th {
        padding: 1rem 1rem; } }
    #tuition .textbook-fee-wrapper .payment-table .center {
      background: #f6f3ea; }
  #tuition .js-scrollable {
    margin-top: 3rem; }
    #tuition .js-scrollable + .ol-list {
      margin-top: 2.5rem; }
  #tuition .payment-table {
    border-collapse: collapse;
    width: 100%;
    /*thead*/ }
    #tuition .payment-table .center {
      text-align: center; }
    #tuition .payment-table th, #tuition .payment-table td {
      padding: 1rem;
      font-weight: 400; }
    #tuition .payment-table thead {
      /*th*/ }
      #tuition .payment-table thead th {
        background: #4f4644;
        border-right: 1px solid #fff;
        color: #fff;
        text-align: center; }
        #tuition .payment-table thead th:last-child {
          border-right: 0; }
        #tuition .payment-table thead th.none {
          background: none;
          border-bottom: 1px solid #aaabab; }
        #tuition .payment-table thead th.it {
          background: #a85a95; }
        #tuition .payment-table thead th.jyouhou {
          background: #dc669b; }
        #tuition .payment-table thead th.denki {
          background: #88a138; }
        #tuition .payment-table thead th.kikai {
          background: #c69700; }
        #tuition .payment-table thead th.kentiku {
          background: #28a3ca; }
        #tuition .payment-table thead th.doboku {
          background: #009999; }
        #tuition .payment-table thead th.audio {
          background: #706eab; }
        #tuition .payment-table thead th.senkouka {
          background: #0086c1; }
      #tuition .payment-table thead td {
        background: #ebe4c8;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center; }
        #tuition .payment-table thead td:last-child {
          border-right: 0; }
        #tuition .payment-table thead td.right {
          text-align: right; }
    #tuition .payment-table tbody th {
      background: #f3efde;
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      vertical-align: middle;
      text-align: center; }
      #tuition .payment-table tbody th:last-child {
        border-right: 0; }
    #tuition .payment-table tbody td {
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      text-align: right; }
      #tuition .payment-table tbody td:last-child {
        border-right: 0; }
    #tuition .payment-table tbody tr.subtotal {
      background: #faf9f4; }
    #tuition .payment-table tbody tr.total {
      background: #f6f3ea;
      border-top-width: 2px; }
      #tuition .payment-table tbody tr.total td {
        white-space: nowrap; }

/*tuition*/
/********************************************************************************
qualification
********************************************************************************/
#qualification {
  /*school-list-wrapper*/
  /*aim-qca-wrapper*/ }
  #qualification .school-list-wrapper {
    margin-top: 8rem;
    /*school-detail*/ }
    @media (max-width: 768px) {
      #qualification .school-list-wrapper {
        margin: 4rem auto 0; } }
    @media (max-width: 768px) {
      #qualification .school-list-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #qualification .school-list-wrapper .head-square + p {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #qualification .school-list-wrapper .head-square + p {
          margin: 1.5rem auto 0;
          width: 85%; } }
    #qualification .school-list-wrapper .school-detail {
      margin-top: 4rem;
      /*ul*/ }
      @media (max-width: 768px) {
        #qualification .school-list-wrapper .school-detail {
          margin-top: 3rem; } }
      #qualification .school-list-wrapper .school-detail .gakka {
        background: #000;
        color: #fff;
        font-size: clamp(20px, 2vw, 25px);
        font-weight: 700;
        padding: .5rem 0 .75rem 1.5rem;
        max-width: 320px;
        width: 80%; }
        @media (max-width: 768px) {
          #qualification .school-list-wrapper .school-detail .gakka {
            margin: 0 auto; } }
      #qualification .school-list-wrapper .school-detail ul {
        background: #ccc;
        padding: 1.5rem; }
        @media (max-width: 768px) {
          #qualification .school-list-wrapper .school-detail ul {
            padding: 2rem; } }
        #qualification .school-list-wrapper .school-detail ul li {
          font-size: clamp(13px, 1.4vw, 16px);
          font-weight: 500;
          line-height: 1.8;
          /*text-indent: -1.25rem;*/
          padding-left: 1.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #qualification .school-list-wrapper .school-detail ul li {
              text-align: left;
              line-break: inherit;
              padding-left: 1.25rem; } }
          #qualification .school-list-wrapper .school-detail ul li::before {
            content: "\025a0";
            color: #000;
            font-size: clamp(12px, 1.3vw, 14px);
            /*margin-right: .25rem;*/
            position: absolute;
            top: 3px;
            left: 0; }
            @media (max-width: 768px) {
              #qualification .school-list-wrapper .school-detail ul li::before {
                top: 1px; } }
      #qualification .school-list-wrapper .school-detail + .school-detail {
        margin-top: 3rem; }
      #qualification .school-list-wrapper .school-detail.it .gakka {
        background: #a85a95; }
      #qualification .school-list-wrapper .school-detail.it ul {
        background: #f1deea; }
        #qualification .school-list-wrapper .school-detail.it ul li::before {
          color: #a85a95; }
      #qualification .school-list-wrapper .school-detail.jyouhou .gakka {
        background: #dc669b; }
      #qualification .school-list-wrapper .school-detail.jyouhou ul {
        background: #f9e7ef; }
        #qualification .school-list-wrapper .school-detail.jyouhou ul li::before {
          color: #dc669b; }
      #qualification .school-list-wrapper .school-detail.denki .gakka {
        background: #88a138; }
      #qualification .school-list-wrapper .school-detail.denki ul {
        background: #e6ebd5; }
        #qualification .school-list-wrapper .school-detail.denki ul li::before {
          color: #88a138; }
      #qualification .school-list-wrapper .school-detail.kikai .gakka {
        background: #c69700; }
      #qualification .school-list-wrapper .school-detail.kikai ul {
        background: #f3e9c9; }
        #qualification .school-list-wrapper .school-detail.kikai ul li::before {
          color: #c69700; }
      #qualification .school-list-wrapper .school-detail.kentiku .gakka {
        background: #28a3ca; }
      #qualification .school-list-wrapper .school-detail.kentiku ul {
        background: #d2ecf4; }
        #qualification .school-list-wrapper .school-detail.kentiku ul li::before {
          color: #28a3ca; }
      #qualification .school-list-wrapper .school-detail.audio .gakka {
        background: #706eab; }
      #qualification .school-list-wrapper .school-detail.audio ul {
        background: #e1e1ed; }
        #qualification .school-list-wrapper .school-detail.audio ul li::before {
          color: #706eab; }
  #qualification .aim-qca-wrapper {
    margin-top: 10rem;
    /*qca-table*/ }
    @media (max-width: 768px) {
      #qualification .aim-qca-wrapper {
        margin: 4rem auto 3rem;
        width: 85%; } }
    #qualification .aim-qca-wrapper .js-scrollable {
      margin-top: 5rem; }
      @media (max-width: 768px) {
        #qualification .aim-qca-wrapper .js-scrollable {
          margin-top: 3rem; } }
    #qualification .aim-qca-wrapper .sup-list + .js-scrollable {
      margin-top: 8rem; }
      @media (max-width: 768px) {
        #qualification .aim-qca-wrapper .sup-list + .js-scrollable {
          margin-top: 4rem; } }
    #qualification .aim-qca-wrapper .qca-table {
      border-collapse: collapse;
      width: 100%;
      /*thead*/ }
      #qualification .aim-qca-wrapper .qca-table .left {
        text-align: left; }
      #qualification .aim-qca-wrapper .qca-table .border-right {
        border-right: 1px solid #aaabab !important; }
      #qualification .aim-qca-wrapper .qca-table th, #qualification .aim-qca-wrapper .qca-table td {
        padding: 1rem; }
      #qualification .aim-qca-wrapper .qca-table .gakka td {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: upright;
        color: #fff;
        font-size: clamp(18px, 1.8vw, 20px);
        font-weight: 600;
        padding: 2rem 1rem; }
        @media (max-width: 768px) {
          #qualification .aim-qca-wrapper .qca-table .gakka td {
            padding: .5rem 1rem 0; } }
        @media (max-width: 768px) {
          #qualification .aim-qca-wrapper .qca-table .gakka td .vertical {
            margin-left: -0.25rem; } }
        #qualification .aim-qca-wrapper .qca-table .gakka td .dotted {
          vertical-align: middle; }
          @media (max-width: 768px) {
            #qualification .aim-qca-wrapper .qca-table .gakka td .dotted {
              vertical-align: bottom; } }
        #qualification .aim-qca-wrapper .qca-table .gakka td.narrow {
          padding: .5rem 1rem; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.it {
          background: #a85a95; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.jyouhou {
          background: #dc669b; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.denki {
          background: #88a138; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.kikai {
          background: #c69700; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.kentiku {
          background: #28a3ca; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.doboku {
          background: #009999; }
        #qualification .aim-qca-wrapper .qca-table .gakka td.audio {
          background: #706eab; }
      #qualification .aim-qca-wrapper .qca-table thead th {
        background: #000;
        border-right: 1px solid #fff;
        color: #fff;
        font-size: clamp(18px, 1.8vw, 20px);
        font-weight: 700;
        padding: .5rem;
        text-align: center; }
        @media (max-width: 768px) {
          #qualification .aim-qca-wrapper .qca-table thead th {
            text-align: left;
            padding-left: 1rem; } }
      #qualification .aim-qca-wrapper .qca-table thead td {
        background: #ccc;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding: .5rem;
        text-align: center; }
        #qualification .aim-qca-wrapper .qca-table thead td:last-child {
          border-right: 0; }
      #qualification .aim-qca-wrapper .qca-table tbody th {
        background: #ededed;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        vertical-align: middle;
        text-align: left; }
        #qualification .aim-qca-wrapper .qca-table tbody th:last-child {
          border-right: 0; }
      #qualification .aim-qca-wrapper .qca-table tbody td {
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center; }
        #qualification .aim-qca-wrapper .qca-table tbody td:last-child {
          border-right: 0; }
        #qualification .aim-qca-wrapper .qca-table tbody td strong {
          font-weight: 500; }
      #qualification .aim-qca-wrapper .qca-table.it thead th {
        background: #a85a95; }
      #qualification .aim-qca-wrapper .qca-table.it thead td {
        background: #f1deea; }
      #qualification .aim-qca-wrapper .qca-table.denki thead th {
        background: #88a138; }
      #qualification .aim-qca-wrapper .qca-table.denki thead td {
        background: #e6ebd5; }
      #qualification .aim-qca-wrapper .qca-table.kikai thead th {
        background: #c69700; }
      #qualification .aim-qca-wrapper .qca-table.kikai thead td {
        background: #f3e9c9; }
      #qualification .aim-qca-wrapper .qca-table.kentiku thead th {
        background: #28a3ca; }
      #qualification .aim-qca-wrapper .qca-table.kentiku thead td {
        background: #d2ecf4; }
      #qualification .aim-qca-wrapper .qca-table.doboku thead th {
        background: #009999; }
      #qualification .aim-qca-wrapper .qca-table.doboku thead td {
        background: #c9eaea; }
      #qualification .aim-qca-wrapper .qca-table.audio thead th {
        background: #706eab; }
      #qualification .aim-qca-wrapper .qca-table.audio thead td {
        background: #e1e1ed; }
    #qualification .aim-qca-wrapper .sup-list {
      display: flex;
      justify-content: flex-end;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #qualification .aim-qca-wrapper .sup-list {
          display: inherit;
          margin-top: 1rem; } }
      #qualification .aim-qca-wrapper .sup-list li::before {
        content: none; }
      #qualification .aim-qca-wrapper .sup-list span.margin {
        margin-left: 8.25rem; }
        @media (max-width: 768px) {
          #qualification .aim-qca-wrapper .sup-list span.margin {
            margin-left: 0; } }
      #qualification .aim-qca-wrapper .sup-list .none::before {
        content: "　"; }
      #qualification .aim-qca-wrapper .sup-list .pc {
        display: inline-block; }

/*qualification*/
/***********************************************************************
voice-q
**********************************************************************/
#voice-q,
#qac_message,
#voice-j,
#fw_message {
  /*qac-head*/
  /*message-list*/ }
  #voice-q .fixed-width,
  #qac_message .fixed-width,
  #voice-j .fixed-width,
  #fw_message .fixed-width {
    margin-left: 5rem; }
    @media (max-width: 768px) {
      #voice-q .fixed-width,
      #qac_message .fixed-width,
      #voice-j .fixed-width,
      #fw_message .fixed-width {
        margin-left: auto; } }
  @media (max-width: 768px) {
    #voice-q .content-wrapper,
    #qac_message .content-wrapper,
    #voice-j .content-wrapper,
    #fw_message .content-wrapper {
      margin-top: 0;
      margin-bottom: 3rem; } }
  #voice-q .yearly-head,
  #qac_message .yearly-head,
  #voice-j .yearly-head,
  #fw_message .yearly-head {
    margin: 2rem auto 0;
    width: 500px; }
    @media (max-width: 768px) {
      #voice-q .yearly-head,
      #qac_message .yearly-head,
      #voice-j .yearly-head,
      #fw_message .yearly-head {
        margin: 1.5rem auto 0;
        width: 85%; } }
    #voice-q .yearly-head .yearly,
    #qac_message .yearly-head .yearly,
    #voice-j .yearly-head .yearly,
    #fw_message .yearly-head .yearly {
      color: #b01e2d;
      font-size: clamp(15px, 1.6vw, 17px);
      font-weight: 700;
      text-align: center; }
    #voice-q .yearly-head .image,
    #qac_message .yearly-head .image,
    #voice-j .yearly-head .image,
    #fw_message .yearly-head .image {
      margin-top: -3rem; }
      @media (max-width: 768px) {
        #voice-q .yearly-head .image,
        #qac_message .yearly-head .image,
        #voice-j .yearly-head .image,
        #fw_message .yearly-head .image {
          margin-top: -5vw; } }
      #voice-q .yearly-head .image img,
      #qac_message .yearly-head .image img,
      #voice-j .yearly-head .image img,
      #fw_message .yearly-head .image img {
        margin-left: -30px; }
        @media (max-width: 768px) {
          #voice-q .yearly-head .image img,
          #qac_message .yearly-head .image img,
          #voice-j .yearly-head .image img,
          #fw_message .yearly-head .image img {
            margin-left: -12px; } }
  #voice-q .message-yearly-list,
  #qac_message .message-yearly-list,
  #voice-j .message-yearly-list,
  #fw_message .message-yearly-list {
    display: flex;
    gap: 0 5%;
    justify-content: space-around;
    margin: 4rem auto 0;
    width: 56%; }
    @media (max-width: 768px) {
      #voice-q .message-yearly-list,
      #qac_message .message-yearly-list,
      #voice-j .message-yearly-list,
      #fw_message .message-yearly-list {
        display: inherit;
        margin-top: 2rem;
        width: 100%; } }
    #voice-q .message-yearly-list li,
    #qac_message .message-yearly-list li,
    #voice-j .message-yearly-list li,
    #fw_message .message-yearly-list li {
      color: #b01e2d;
      font-weight: 600;
      text-decoration: underline; }
      @media (max-width: 768px) {
        #voice-q .message-yearly-list li,
        #qac_message .message-yearly-list li,
        #voice-j .message-yearly-list li,
        #fw_message .message-yearly-list li {
          text-align: center; } }
      @media (hover: hover) and (pointer: fine) {
        #voice-q .message-yearly-list li,
        #qac_message .message-yearly-list li,
        #voice-j .message-yearly-list li,
        #fw_message .message-yearly-list li {
          cursor: pointer; } }
    #voice-q .message-yearly-list a,
    #qac_message .message-yearly-list a,
    #voice-j .message-yearly-list a,
    #fw_message .message-yearly-list a {
      color: #b01e2d;
      text-decoration: underline; }
  #voice-q .keitou-head,
  #qac_message .keitou-head,
  #voice-j .keitou-head,
  #fw_message .keitou-head {
    padding-top: 6rem;
    text-align: center; }
    @media (max-width: 768px) {
      #voice-q .keitou-head,
      #qac_message .keitou-head,
      #voice-j .keitou-head,
      #fw_message .keitou-head {
        padding-top: 3rem;
        margin: 0 auto 0;
        width: 85%; } }
    #voice-q .keitou-head span,
    #qac_message .keitou-head span,
    #voice-j .keitou-head span,
    #fw_message .keitou-head span {
      color: #fff;
      display: block;
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700;
      padding: .25rem 0; }
    #voice-q .keitou-head#q-it span,
    #qac_message .keitou-head#q-it span,
    #voice-j .keitou-head#q-it span,
    #fw_message .keitou-head#q-it span {
      background: #a85a95; }
    #voice-q .keitou-head#q-denki span,
    #qac_message .keitou-head#q-denki span,
    #voice-j .keitou-head#q-denki span,
    #fw_message .keitou-head#q-denki span {
      background: #88a138; }
    #voice-q .keitou-head#q-kikai span,
    #qac_message .keitou-head#q-kikai span,
    #voice-j .keitou-head#q-kikai span,
    #fw_message .keitou-head#q-kikai span {
      background: #c69700; }
    #voice-q .keitou-head#q-kentiku span,
    #qac_message .keitou-head#q-kentiku span,
    #voice-j .keitou-head#q-kentiku span,
    #fw_message .keitou-head#q-kentiku span {
      background: #28a3ca; }
    #voice-q .keitou-head#q-doboku span,
    #qac_message .keitou-head#q-doboku span,
    #voice-j .keitou-head#q-doboku span,
    #fw_message .keitou-head#q-doboku span {
      background: #009999; }
    #voice-q .keitou-head#q-audio span,
    #qac_message .keitou-head#q-audio span,
    #voice-j .keitou-head#q-audio span,
    #fw_message .keitou-head#q-audio span {
      background: #706eab; }
  #voice-q .gakka-head,
  #qac_message .gakka-head,
  #voice-j .gakka-head,
  #fw_message .gakka-head {
    padding-top: 6rem; }
    @media (max-width: 768px) {
      #voice-q .gakka-head,
      #qac_message .gakka-head,
      #voice-j .gakka-head,
      #fw_message .gakka-head {
        padding-top: 3rem;
        margin: 0 auto 0;
        text-align: center;
        width: 85%; } }
    #voice-q .gakka-head span,
    #qac_message .gakka-head span,
    #voice-j .gakka-head span,
    #fw_message .gakka-head span {
      color: #fff;
      display: inline-block;
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700;
      padding: 1rem 1.5rem; }
    #voice-q .gakka-head#c-it span,
    #qac_message .gakka-head#c-it span,
    #voice-j .gakka-head#c-it span,
    #fw_message .gakka-head#c-it span {
      background: #a85a95; }
    #voice-q .gakka-head#c-jyouhou span,
    #qac_message .gakka-head#c-jyouhou span,
    #voice-j .gakka-head#c-jyouhou span,
    #fw_message .gakka-head#c-jyouhou span {
      background: #dc669b; }
    #voice-q .gakka-head#c-denki span,
    #qac_message .gakka-head#c-denki span,
    #voice-j .gakka-head#c-denki span,
    #fw_message .gakka-head#c-denki span {
      background: #88a138; }
    #voice-q .gakka-head#c-kikai span,
    #qac_message .gakka-head#c-kikai span,
    #voice-j .gakka-head#c-kikai span,
    #fw_message .gakka-head#c-kikai span {
      background: #c69700; }
    #voice-q .gakka-head#c-kentiku span,
    #qac_message .gakka-head#c-kentiku span,
    #voice-j .gakka-head#c-kentiku span,
    #fw_message .gakka-head#c-kentiku span {
      background: #28a3ca; }
    #voice-q .gakka-head#c-doboku span,
    #qac_message .gakka-head#c-doboku span,
    #voice-j .gakka-head#c-doboku span,
    #fw_message .gakka-head#c-doboku span {
      background: #009999; }
    #voice-q .gakka-head#c-audio span,
    #qac_message .gakka-head#c-audio span,
    #voice-j .gakka-head#c-audio span,
    #fw_message .gakka-head#c-audio span {
      background: #706eab; }
    #voice-q .gakka-head#c-senkouka span,
    #qac_message .gakka-head#c-senkouka span,
    #voice-j .gakka-head#c-senkouka span,
    #fw_message .gakka-head#c-senkouka span {
      background: #0086c1; }
  #voice-q .qac-head,
  #qac_message .qac-head,
  #voice-j .qac-head,
  #fw_message .qac-head {
    font-size: clamp(17px, 1.8vw, 23px);
    font-weight: 600;
    margin: 2.5rem 0 1.75rem;
    position: relative;
    padding-left: 1.25rem; }
    @media (max-width: 768px) {
      #voice-q .qac-head,
      #qac_message .qac-head,
      #voice-j .qac-head,
      #fw_message .qac-head {
        margin: 1.5rem auto 1rem;
        width: 80%; } }
    #voice-q .qac-head::before,
    #qac_message .qac-head::before,
    #voice-j .qac-head::before,
    #fw_message .qac-head::before {
      content: "\025a0";
      margin-right: .5rem;
      font-size: clamp(13px, 1.4vw, 15px);
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }
      @media (max-width: 768px) {
        #voice-q .qac-head::before,
        #qac_message .qac-head::before,
        #voice-j .qac-head::before,
        #fw_message .qac-head::before {
          top: 1px;
          transform: none; } }
    #voice-q .qac-head.q-it::before,
    #qac_message .qac-head.q-it::before,
    #voice-j .qac-head.q-it::before,
    #fw_message .qac-head.q-it::before {
      color: #a85a95; }
    #voice-q .qac-head.q-denki::before,
    #qac_message .qac-head.q-denki::before,
    #voice-j .qac-head.q-denki::before,
    #fw_message .qac-head.q-denki::before {
      color: #88a138; }
    #voice-q .qac-head.q-kikai::before,
    #qac_message .qac-head.q-kikai::before,
    #voice-j .qac-head.q-kikai::before,
    #fw_message .qac-head.q-kikai::before {
      color: #c69700; }
    #voice-q .qac-head.q-kentiku::before,
    #qac_message .qac-head.q-kentiku::before,
    #voice-j .qac-head.q-kentiku::before,
    #fw_message .qac-head.q-kentiku::before {
      color: #28a3ca; }
    #voice-q .qac-head.q-doboku::before,
    #qac_message .qac-head.q-doboku::before,
    #voice-j .qac-head.q-doboku::before,
    #fw_message .qac-head.q-doboku::before {
      color: #009999; }
    #voice-q .qac-head.q-audio::before,
    #qac_message .qac-head.q-audio::before,
    #voice-j .qac-head.q-audio::before,
    #fw_message .qac-head.q-audio::before {
      color: #706eab; }
  #voice-q .message-list,
  #qac_message .message-list,
  #voice-j .message-list,
  #fw_message .message-list {
    /*li*/ }
    @media (max-width: 768px) {
      #voice-q .message-list,
      #qac_message .message-list,
      #voice-j .message-list,
      #fw_message .message-list {
        margin-left: auto;
        margin-right: auto;
        width: 85%; } }
    #voice-q .message-list li,
    #qac_message .message-list li,
    #voice-j .message-list li,
    #fw_message .message-list li {
      display: flex;
      gap: 0 5%;
      padding: 2rem 3rem; }
      @media (max-width: 768px) {
        #voice-q .message-list li,
        #qac_message .message-list li,
        #voice-j .message-list li,
        #fw_message .message-list li {
          display: inherit;
          padding: 2rem 2rem; } }
      #voice-q .message-list li.c-it,
      #qac_message .message-list li.c-it,
      #voice-j .message-list li.c-it,
      #fw_message .message-list li.c-it {
        background: #f1deea; }
      #voice-q .message-list li.c-jyouhou,
      #qac_message .message-list li.c-jyouhou,
      #voice-j .message-list li.c-jyouhou,
      #fw_message .message-list li.c-jyouhou {
        background: #f9e7ef; }
      #voice-q .message-list li.c-denki,
      #qac_message .message-list li.c-denki,
      #voice-j .message-list li.c-denki,
      #fw_message .message-list li.c-denki {
        background: #e6ebd5; }
      #voice-q .message-list li.c-kikai,
      #qac_message .message-list li.c-kikai,
      #voice-j .message-list li.c-kikai,
      #fw_message .message-list li.c-kikai {
        background: #f3e9c9; }
      #voice-q .message-list li.c-kentiku,
      #qac_message .message-list li.c-kentiku,
      #voice-j .message-list li.c-kentiku,
      #fw_message .message-list li.c-kentiku {
        background: #d2ecf4; }
      #voice-q .message-list li.c-doboku,
      #qac_message .message-list li.c-doboku,
      #voice-j .message-list li.c-doboku,
      #fw_message .message-list li.c-doboku {
        background: #c9eaea; }
      #voice-q .message-list li.c-audio,
      #qac_message .message-list li.c-audio,
      #voice-j .message-list li.c-audio,
      #fw_message .message-list li.c-audio {
        background: #e1e1ed; }
      #voice-q .message-list li.c-senkouka,
      #qac_message .message-list li.c-senkouka,
      #voice-j .message-list li.c-senkouka,
      #fw_message .message-list li.c-senkouka {
        background: #c9e6f2; }
      #voice-q .message-list li + li,
      #qac_message .message-list li + li,
      #voice-j .message-list li + li,
      #fw_message .message-list li + li {
        margin-top: 2rem; }
    #voice-q .message-list .image,
    #qac_message .message-list .image,
    #voice-j .message-list .image,
    #fw_message .message-list .image {
      width: 265px; }
      @media (max-width: 768px) {
        #voice-q .message-list .image,
        #qac_message .message-list .image,
        #voice-j .message-list .image,
        #fw_message .message-list .image {
          width: 100%; } }
      #voice-q .message-list .image img,
      #qac_message .message-list .image img,
      #voice-j .message-list .image img,
      #fw_message .message-list .image img {
        object-fit: cover;
        object-position: center;
        height: 245px;
        width: 200px; }
        @media (max-width: 768px) {
          #voice-q .message-list .image img,
          #qac_message .message-list .image img,
          #voice-j .message-list .image img,
          #fw_message .message-list .image img {
            display: block;
            margin: auto;
            height: auto;
            width: 50%; } }
    #voice-q .message-list .text-box,
    #qac_message .message-list .text-box,
    #voice-j .message-list .text-box,
    #fw_message .message-list .text-box {
      width: 98%; }
      @media (max-width: 768px) {
        #voice-q .message-list .text-box,
        #qac_message .message-list .text-box,
        #voice-j .message-list .text-box,
        #fw_message .message-list .text-box {
          width: 100%; } }
    #voice-q .message-list .name,
    #qac_message .message-list .name,
    #voice-j .message-list .name,
    #fw_message .message-list .name {
      font-size: clamp(18px, 2vw, 25px);
      font-weight: 500; }
      @media (max-width: 768px) {
        #voice-q .message-list .name,
        #qac_message .message-list .name,
        #voice-j .message-list .name,
        #fw_message .message-list .name {
          font-size: 17px;
          margin-top: 1rem; } }
    #voice-q .message-list .gakka,
    #qac_message .message-list .gakka,
    #voice-j .message-list .gakka,
    #fw_message .message-list .gakka {
      font-size: clamp(13px, 1.4vw, 15px);
      margin: .5rem 0 .25rem; }
      @media (max-width: 768px) {
        #voice-q .message-list .gakka,
        #qac_message .message-list .gakka,
        #voice-j .message-list .gakka,
        #fw_message .message-list .gakka {
          font-size: 15px; } }
    #voice-q .message-list .school,
    #qac_message .message-list .school,
    #voice-j .message-list .school,
    #fw_message .message-list .school {
      font-size: clamp(13px, 1.4vw, 15px); }
      @media (max-width: 768px) {
        #voice-q .message-list .school,
        #qac_message .message-list .school,
        #voice-j .message-list .school,
        #fw_message .message-list .school {
          font-size: 15px; } }
    #voice-q .message-list .message,
    #qac_message .message-list .message,
    #voice-j .message-list .message,
    #fw_message .message-list .message {
      font-size: clamp(13px, 1.4vw, 15px);
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #voice-q .message-list .message,
        #qac_message .message-list .message,
        #voice-j .message-list .message,
        #fw_message .message-list .message {
          font-size: 15px; } }

/*voice-q*/
#voice-j,
#fw_message {
  /*message-list*/ }
  #voice-j .message-list .school,
  #fw_message .message-list .school {
    margin: .5rem 0 .5rem; }
  #voice-j .message-list .naitei,
  #fw_message .message-list .naitei {
    font-size: clamp(13px, 1.4vw, 15px);
    font-weight: 500; }
    @media (max-width: 768px) {
      #voice-j .message-list .naitei,
      #fw_message .message-list .naitei {
        font-size: 15px; } }
    #voice-j .message-list .naitei span,
    #fw_message .message-list .naitei span {
      background: #000;
      color: #fff;
      font-weight: 600;
      margin-right: .5rem;
      padding: .15rem 1rem .25rem; }
    #voice-j .message-list .naitei.c-it span,
    #fw_message .message-list .naitei.c-it span {
      background: #a85a95; }
    #voice-j .message-list .naitei.c-jyouhou span,
    #fw_message .message-list .naitei.c-jyouhou span {
      background: #dc669b; }
    #voice-j .message-list .naitei.c-denki span,
    #fw_message .message-list .naitei.c-denki span {
      background: #88a138; }
    #voice-j .message-list .naitei.c-kikai span,
    #fw_message .message-list .naitei.c-kikai span {
      background: #c69700; }
    #voice-j .message-list .naitei.c-kentiku span,
    #fw_message .message-list .naitei.c-kentiku span {
      background: #28a3ca; }
    #voice-j .message-list .naitei.c-doboku span,
    #fw_message .message-list .naitei.c-doboku span {
      background: #009999; }
    #voice-j .message-list .naitei.c-audio span,
    #fw_message .message-list .naitei.c-audio span {
      background: #706eab; }
    #voice-j .message-list .naitei.c-senkouka span,
    #fw_message .message-list .naitei.c-senkouka span {
      background: #0086c1; }

/********************************************************************************
faq
********************************************************************************/
#faq {
  /*faq-wrapper*/ }
  #faq .faq-wrapper {
    padding-top: 7rem;
    /*ul*/ }
    @media (max-width: 768px) {
      #faq .faq-wrapper {
        padding-top: 4rem;
        margin: auto;
        width: 85%; } }
    #faq .faq-wrapper + .faq-wrapper {
      padding-top: 10rem; }
      @media (max-width: 768px) {
        #faq .faq-wrapper + .faq-wrapper {
          padding-top: 6rem; } }
    #faq .faq-wrapper ul {
      margin-top: 5rem;
      /*li*/ }
      @media (max-width: 768px) {
        #faq .faq-wrapper ul {
          margin-top: 3rem; } }
      #faq .faq-wrapper ul li .question {
        border-bottom: 1px solid #231815;
        font-size: clamp(18px, 1.8vw, 23px);
        font-weight: 700;
        line-height: 1.5;
        padding: 0 3rem 2rem 3.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #faq .faq-wrapper ul li .question {
            padding: 0 2rem 1rem 2.5rem; } }
        @media (hover: hover) and (pointer: fine) {
          #faq .faq-wrapper ul li .question:hover {
            cursor: pointer; } }
        #faq .faq-wrapper ul li .question::before {
          content: "";
          display: block;
          background: url("../images/entrance/faq/q.svg");
          background-size: cover;
          height: 41px;
          width: 41px;
          position: absolute;
          top: 0;
          left: 0; }
          @media (max-width: 768px) {
            #faq .faq-wrapper ul li .question::before {
              height: 31px;
              width: 31px; } }
        #faq .faq-wrapper ul li .question::after {
          content: "";
          display: block;
          background: url("../images/entrance/faq/arrow.svg");
          background-size: cover;
          height: 11px;
          width: 22px;
          position: absolute;
          top: 12px;
          right: 0;
          transform: rotate(180deg); }
          @media (max-width: 768px) {
            #faq .faq-wrapper ul li .question::after {
              height: 6px;
              widows: 13px; } }
        #faq .faq-wrapper ul li .question.active::after {
          transform: rotate(0deg); }
      #faq .faq-wrapper ul li .answer {
        display: none;
        font-size: clamp(15px, 1.5vw, 15px);
        padding: 0 0 0 3.5rem;
        position: relative;
        margin-top: 2rem;
        margin-bottom: 4rem; }
        @media (max-width: 768px) {
          #faq .faq-wrapper ul li .answer {
            padding: 0 2rem 0 2.5rem; } }
        #faq .faq-wrapper ul li .answer::before {
          content: "";
          display: block;
          background: url("../images/entrance/faq/a.svg");
          background-size: cover;
          height: 41px;
          width: 41px;
          position: absolute;
          top: 0;
          left: 0; }
          @media (max-width: 768px) {
            #faq .faq-wrapper ul li .answer::before {
              height: 31px;
              width: 31px; } }
        #faq .faq-wrapper ul li .answer a {
          text-decoration: underline; }
      #faq .faq-wrapper ul li + li {
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #faq .faq-wrapper ul li + li {
            margin-top: 2rem; } }
      #faq .faq-wrapper ul li:last-child {
        border-bottom: 0; }
  @media (max-width: 768px) {
    #faq #etc .faq-wrapper {
      margin-bottom: 3rem; } }

/*faq*/
/********************************************************************************
scholarship
********************************************************************************/
#scholarship {
  /*scholarship-wrapper*/ }
  #scholarship .scholarship-back {
    margin-top: 5rem;
    padding: 0 0 4rem;
    position: relative; }
    #scholarship .scholarship-back::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 99%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #scholarship .scholarship-back::before {
          height: 100%; } }
  #scholarship .scroll-point + .scroll-point {
    padding-top: 0rem; }
  #scholarship .scholarship-wrapper {
    padding-top: 9rem;
    /*ul*/
    /*scholarship-table*/
    /*close-content*/ }
    @media (max-width: 768px) {
      #scholarship .scholarship-wrapper {
        padding-top: 4rem;
        margin: auto;
        width: 85%; } }
    @media (max-width: 768px) {
      #scholarship .scholarship-wrapper .head-square {
        line-height: 1.2;
        margin: auto;
        width: 85%; } }
    #scholarship .scholarship-wrapper .head-square + p {
      margin-top: 2rem; }
    #scholarship .scholarship-wrapper ul {
      margin-top: 4rem;
      /*li*/ }
      @media (max-width: 768px) {
        #scholarship .scholarship-wrapper ul {
          margin-top: 3rem; } }
      #scholarship .scholarship-wrapper ul li .click-head {
        background: #b01e2d;
        color: #fff;
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        line-height: 1.5;
        padding: 1rem 3rem 1rem 1.5rem;
        position: relative;
        /*p{
            &::before{
                content: "\025a0";
                margin-right: .5rem;
                font-size: clamp(18px, 2vw, 20px);
            }
        }*/ }
        @media (max-width: 768px) {
          #scholarship .scholarship-wrapper ul li .click-head {
            padding: .5rem 3rem .5rem 1rem; } }
        #scholarship .scholarship-wrapper ul li .click-head p {
          padding-left: 2.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #scholarship .scholarship-wrapper ul li .click-head p {
              padding-left: 1.5rem; } }
          #scholarship .scholarship-wrapper ul li .click-head p::before {
            content: "\025a0";
            margin-right: .5rem;
            font-size: clamp(14px, 1.8vw, 18px);
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
            @media (max-width: 768px) {
              #scholarship .scholarship-wrapper ul li .click-head p::before {
                top: 3px;
                transform: none; } }
        @media (hover: hover) and (pointer: fine) {
          #scholarship .scholarship-wrapper ul li .click-head:hover {
            cursor: pointer; } }
        #scholarship .scholarship-wrapper ul li .click-head::after {
          content: "";
          display: block;
          background: url("../images/entrance/scholarship/arrow.svg");
          background-size: cover;
          height: 11px;
          width: 22px;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translate(0, -50%) rotate(180deg); }
          @media (max-width: 768px) {
            #scholarship .scholarship-wrapper ul li .click-head::after {
              height: 6px;
              widows: 13px; } }
        #scholarship .scholarship-wrapper ul li .click-head.active::after {
          transform: rotate(0deg); }
      #scholarship .scholarship-wrapper ul li .close-content {
        display: none;
        position: relative; }
      #scholarship .scholarship-wrapper ul li + li {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #scholarship .scholarship-wrapper ul li + li {
            margin-top: 1.5rem; } }
    #scholarship .scholarship-wrapper .scholarship-table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      width: 100%;
      /*square*/ }
      #scholarship .scholarship-wrapper .scholarship-table .border-right {
        border-right: 1px solid #aaabab; }
      #scholarship .scholarship-wrapper .scholarship-table .center {
        text-align: center; }
      #scholarship .scholarship-wrapper .scholarship-table.th-width78 th {
        width: 78px; }
        @media (max-width: 768px) {
          #scholarship .scholarship-wrapper .scholarship-table.th-width78 th {
            width: inherit; } }
      #scholarship .scholarship-wrapper .scholarship-table a {
        text-decoration: underline; }
      #scholarship .scholarship-wrapper .scholarship-table th, #scholarship .scholarship-wrapper .scholarship-table td {
        font-weight: 400;
        padding: 1rem 1rem 1rem 1.5rem; }
      #scholarship .scholarship-wrapper .scholarship-table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #scholarship .scholarship-wrapper .scholarship-table th {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            padding-left: 1rem;
            padding-right: 1rem; } }
        #scholarship .scholarship-wrapper .scholarship-table th:last-child {
          border-right: 0; }
      #scholarship .scholarship-wrapper .scholarship-table td {
        background: #fff;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: left; }
        #scholarship .scholarship-wrapper .scholarship-table td:last-child {
          border-right: 0; }
      #scholarship .scholarship-wrapper .scholarship-table .narrow {
        width: 78px; }
      #scholarship .scholarship-wrapper .scholarship-table .square {
        font-weight: 700;
        padding-left: 1.5rem;
        position: relative;
        /*text-indent: -1.75rem;*/ }
        #scholarship .scholarship-wrapper .scholarship-table .square::before {
          content: "\025a0";
          color: #b01e2d;
          font-size: clamp(11px, 1.2vw, 13px);
          position: absolute;
          top: 0;
          left: 0;
          /*transform: translate(0, -50%);*/ }
        #scholarship .scholarship-wrapper .scholarship-table .square small {
          font-size: 14px;
          font-weight: 400; }
        #scholarship .scholarship-wrapper .scholarship-table .square + p {
          margin-top: .5rem;
          margin-left: 1.5rem; }
        #scholarship .scholarship-wrapper .scholarship-table .square + ul {
          margin-top: .5rem;
          margin-left: 1.5rem; }
          #scholarship .scholarship-wrapper .scholarship-table .square + ul li {
            list-style-type: disc;
            list-style-position: inside;
            line-height: 2;
            margin-top: 0;
            padding-left: 2rem;
            text-indent: -1.5rem; }
      #scholarship .scholarship-wrapper .scholarship-table a em {
        font-weight: 700;
        font-style: normal; }
      #scholarship .scholarship-wrapper .scholarship-table.etc-loan thead th {
        background: #c7626c;
        color: #fff;
        padding: 0; }
        @media (max-width: 768px) {
          #scholarship .scholarship-wrapper .scholarship-table.etc-loan thead th {
            writing-mode: inherit; } }
      @media (max-width: 768px) {
        #scholarship .scholarship-wrapper .scholarship-table.etc-loan tbody th {
          writing-mode: inherit; } }
    #scholarship .scholarship-wrapper .box-text {
      background: #fff;
      border-bottom: 1px solid #aaabab;
      font-weight: 400;
      padding: 2rem; }
    #scholarship .scholarship-wrapper .close-content {
      margin-bottom: 5rem; }
      @media (max-width: 768px) {
        #scholarship .scholarship-wrapper .close-content {
          margin-bottom: 3rem; } }
      #scholarship .scholarship-wrapper .close-content a {
        text-decoration: underline; }
      #scholarship .scholarship-wrapper .close-content .desc {
        margin: 2rem 0; }
        #scholarship .scholarship-wrapper .close-content .desc small {
          font-weight: 400; }
      #scholarship .scholarship-wrapper .close-content .sub-head {
        color: #b01e2d;
        font-size: clamp(18px, 1.8vw, 20px);
        font-weight: 700;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
        position: relative; }
        #scholarship .scholarship-wrapper .close-content .sub-head::before {
          content: "\025a0";
          font-size: clamp(15px, 1.6vw, 17px);
          margin-right: .5rem;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
      #scholarship .scholarship-wrapper .close-content .scholarship-table + .sub-head {
        margin-top: 3rem; }

/*scholarship*/
/********************************************************************************
event-club
********************************************************************************/
#event-club {
  /*schedule-wrapper*/
  /*pickup-wrapper*/
  /*gakuyuukai-wrapper*/
  /*club-wrapper*/
  /*text-box*/
  /*image*/ }
  #event-club .schedule-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #event-club .schedule-wrapper {
        margin: 4rem auto 4rem;
        width: 85%; } }
    #event-club .schedule-wrapper .head-flex {
      justify-content: space-between; }
    #event-club .schedule-wrapper ul {
      margin-top: 3rem; }
      #event-club .schedule-wrapper ul li {
        border-top: 1px solid #c5c5c5;
        padding: 2.5rem 0;
        display: flex;
        gap: 0 4%;
        align-items: center;
        min-height: 230px; }
        @media (max-width: 768px) {
          #event-club .schedule-wrapper ul li {
            display: inherit;
            padding: 20vw 0 5vw;
            min-height: inherit; } }
    #event-club .schedule-wrapper .month {
      position: relative;
      color: #fff;
      font-family: "Oswald", sans-serif;
      font-size: clamp(30px, 3vw, 38px);
      font-weight: 600;
      text-align: center;
      width: 147px; }
      @media (max-width: 768px) {
        #event-club .schedule-wrapper .month {
          width: inherit; } }
      #event-club .schedule-wrapper .month span {
        font-size: clamp(18px, 1.8vw, 22px);
        margin-left: .25rem; }
      #event-club .schedule-wrapper .month small {
        display: block;
        font-size: clamp(18px, 1.8vw, 20px);
        font-weight: 300;
        letter-spacing: 4px;
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #event-club .schedule-wrapper .month small {
            margin-top: 0; } }
      #event-club .schedule-wrapper .month::before {
        content: "";
        mask-image: url("../images/campus/event-club/flag.svg");
        mask-size: cover;
        mask-repeat: no-repeat;
        mask-position: 0 center;
        background: linear-gradient(330deg, #c3555f 0%, #b01e2d 76%);
        height: 257px;
        width: 147px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1; }
        @media (max-width: 768px) {
          #event-club .schedule-wrapper .month::before {
            display: block;
            mask-image: url("../images/campus/event-club/flag-sp.svg");
            height: 34.5vw;
            width: 100%;
            /*top: auto;
            left: auto;
            transform: none;*/ } }
    #event-club .schedule-wrapper .event-list {
      margin-top: 0; }
      @media (max-width: 768px) {
        #event-club .schedule-wrapper .event-list {
          width: fit-content;
          margin: 17.5vw auto 1.5rem; } }
      #event-club .schedule-wrapper .event-list li {
        border: none;
        display: inherit;
        padding: 0;
        text-align: left;
        font-size: clamp(14px, 1.4vw, 19px);
        font-weight: 500;
        line-height: 1.8;
        min-height: inherit;
        /*text-indent: -1.25rem;*/
        padding-left: 1.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #event-club .schedule-wrapper .event-list li {
            font-size: 19px;
            text-align: left;
            line-break: inherit; } }
        #event-club .schedule-wrapper .event-list li::before {
          content: "\025a0";
          color: #b01e2d;
          font-size: clamp(11px, 1.1vw, 13px);
          /*margin-right: .25rem;*/
          position: absolute;
          top: 5px;
          left: 0; }
          @media (max-width: 768px) {
            #event-club .schedule-wrapper .event-list li::before {
              top: 7px; } }
    #event-club .schedule-wrapper .image {
      margin-left: auto; }
      @media (max-width: 768px) {
        #event-club .schedule-wrapper .image {
          text-align: center; } }
      #event-club .schedule-wrapper .image span {
        display: block;
        font-size: clamp(13px, 1.4vw, 14px);
        margin-top: .25rem; }
  #event-club .pickup-wrapper {
    padding: 8rem 0;
    position: relative;
    /*cross-head*/
    /*pickup-list*/ }
    @media (max-width: 768px) {
      #event-club .pickup-wrapper {
        padding: 5rem 0;
        margin: auto;
        width: 100%; } }
    #event-club .pickup-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 99%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #event-club .pickup-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      #event-club .pickup-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #event-club .pickup-wrapper .head-square + p {
      margin-top: 2rem; }
    #event-club .pickup-wrapper .cross-head {
      color: #0086c1;
      font-size: clamp(24px, 2.8vw, 30px);
      font-weight: bold;
      margin-top: 3rem; }
      #event-club .pickup-wrapper .cross-head::before {
        content: "\025a0";
        color: #0086c1;
        font-size: clamp(24px, 2.8vw, 30px);
        margin-right: .5rem;
        vertical-align: bottom; }
      #event-club .pickup-wrapper .cross-head + .practice-list {
        margin-top: 2rem; }
    #event-club .pickup-wrapper .pickup-list {
      display: flex;
      gap: 0 5%;
      margin: 3rem auto 0;
      /*li*/
      /*pickup-list column-half*/ }
      @media (max-width: 768px) {
        #event-club .pickup-wrapper .pickup-list {
          display: inherit;
          margin: 2rem auto 0;
          width: 85%; } }
      #event-club .pickup-wrapper .pickup-list li {
        width: 30%; }
        @media (max-width: 768px) {
          #event-club .pickup-wrapper .pickup-list li {
            width: 100%; } }
        #event-club .pickup-wrapper .pickup-list li .sub-head {
          font-size: clamp(20px, 2vw, 23px);
          font-weight: 700;
          margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #event-club .pickup-wrapper .pickup-list li img {
            width: 100%; } }
        #event-club .pickup-wrapper .pickup-list li p {
          font-size: clamp(14px, 1.4vw, 15px);
          margin-top: 1rem; }
        @media (max-width: 768px) {
          #event-club .pickup-wrapper .pickup-list li + li {
            margin-top: 3rem; } }
      #event-club .pickup-wrapper .pickup-list.column-half {
        flex-wrap: wrap; }
        #event-club .pickup-wrapper .pickup-list.column-half li {
          width: 45%; }
          @media (max-width: 768px) {
            #event-club .pickup-wrapper .pickup-list.column-half li {
              width: 100%; } }
          #event-club .pickup-wrapper .pickup-list.column-half li:nth-child(3), #event-club .pickup-wrapper .pickup-list.column-half li:nth-child(4) {
            margin-top: 3rem; }
  #event-club .gakuyuukai-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 5%;
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #event-club .gakuyuukai-wrapper {
        display: inherit;
        position: relative;
        padding-bottom: 5px;
        margin-top: 3rem; } }
    #event-club .gakuyuukai-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 85%; }
      @media (max-width: 768px) {
        #event-club .gakuyuukai-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #event-club .gakuyuukai-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #event-club .gakuyuukai-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
    #event-club .gakuyuukai-wrapper .image {
      position: relative;
      width: 90%; }
      @media (max-width: 768px) {
        #event-club .gakuyuukai-wrapper .image {
          margin-top: 1rem;
          width: 100%; } }
      #event-club .gakuyuukai-wrapper .image img {
        max-height: 400px;
        width: 145vw;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          #event-club .gakuyuukai-wrapper .image img {
            max-height: inherit;
            width: 100%; } }
      #event-club .gakuyuukai-wrapper .image .float-text {
        position: absolute;
        top: 0;
        left: 0; }
        #event-club .gakuyuukai-wrapper .image .float-text img {
          width: 30px; }
  #event-club #club {
    margin-top: 5rem; }
    @media (max-width: 768px) {
      #event-club #club {
        margin-bottom: 3rem; } }
    @media (max-width: 768px) {
      #event-club #club .head-square {
        margin: 4rem auto 0;
        width: 75%; } }
    #event-club #club .head-square + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #event-club #club .head-square + p {
          margin: 1rem auto 0;
          width: 75%; } }
  #event-club .club-wrapper {
    display: flex;
    gap: 0 6%;
    background: #ebebeb;
    margin-top: 3rem;
    position: relative; }
    @media (max-width: 768px) {
      #event-club .club-wrapper {
        background: none;
        display: inherit;
        margin: 1rem auto 0;
        padding: 0;
        width: 100%; } }
    #event-club .club-wrapper::before {
      content: "";
      background: #ebebeb;
      height: 100%;
      width: calc(100vw - 25rem);
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #event-club .club-wrapper::before {
          left: 50%;
          transform: translate(-50%, 0);
          width: 100%; } }
    @media (max-width: 768px) {
      #event-club .club-wrapper .image img {
        height: auto; } }
    @media (max-width: 768px) {
      #event-club .club-wrapper .text-box ul li {
        font-size: 17px; } }
  #event-club .text-box {
    padding: 2.5rem 0 1.5rem;
    width: 50%;
    /*ul*/ }
    @media (max-width: 768px) {
      #event-club .text-box {
        padding: 1.5rem 1.5rem 2rem;
        width: calc(100% - 3rem); } }
    #event-club .text-box .head {
      font-size: clamp(20px, 2.1vw, 23px);
      font-weight: 700;
      line-height: 1.3; }
    #event-club .text-box .sub-head {
      font-size: 13px;
      font-weight: 600;
      margin-top: 1rem; }
    #event-club .text-box ul {
      border-top: 1px solid #231815;
      padding-top: 1rem;
      /*li*/ }
      #event-club .text-box ul li {
        font-size: clamp(13px, 1.4vw, 16px);
        line-height: 1.8;
        /*text-indent: -1.25rem;*/
        position: relative;
        padding-left: 1rem; }
        @media (max-width: 768px) {
          #event-club .text-box ul li {
            text-align: left;
            line-break: inherit; } }
        #event-club .text-box ul li::before {
          content: "\025a0";
          color: #b01e2d;
          font-size: 11px;
          /*margin-right: .25rem;*/
          position: absolute;
          top: 5px;
          left: 0; }
          @media (max-width: 768px) {
            #event-club .text-box ul li::before {
              top: 2px; } }
  #event-club .image {
    position: relative;
    width: 50%; }
    @media (max-width: 768px) {
      #event-club .image {
        width: 100%; } }
    #event-club .image img {
      height: 100%;
      object-fit: cover; }

/*event-club*/
/********************************************************************************
internship
********************************************************************************/
#internship {
  /*system-wrapper*/
  /*flow-wrapper*/
  /*voice-wrapper*/
  /*companies-wrapper*/
  /*for-companies-wrapper*/ }
  #internship .system-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 5%;
    padding: 2.5rem 0;
    position: relative;
    margin-top: 7rem;
    /*text-box*/
    /*image*/
    /*purpose-wrapper*/ }
    @media (max-width: 768px) {
      #internship .system-wrapper {
        display: inherit;
        margin-top: 3rem;
        padding-bottom: 0; } }
    #internship .system-wrapper::before {
      content: "";
      background: #e9e9e9;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #internship .system-wrapper::before {
          height: 100%; } }
    #internship .system-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 85%; }
      @media (max-width: 768px) {
        #internship .system-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #internship .system-wrapper .text-box .head {
        color: #b01e2d;
        font-size: clamp(20px, 2.4vw, 35px);
        font-weight: 700; }
      #internship .system-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #internship .system-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
    #internship .system-wrapper .image {
      position: relative;
      width: 90%; }
      @media (max-width: 768px) {
        #internship .system-wrapper .image {
          margin-top: 3rem;
          width: 100%; } }
      #internship .system-wrapper .image img {
        /*max-height: 400px;
        width: 145vw;
        object-fit: cover;
        object-position: center;*/ }
        @media (max-width: 768px) {
          #internship .system-wrapper .image img {
            max-height: inherit;
            width: 100%; } }
    #internship .system-wrapper .purpose-wrapper {
      border: 1px solid #918c8a;
      background: #fff;
      padding: 1.5rem 1rem 1.5rem 0;
      display: flex;
      gap: 0 5%;
      margin-top: 2.5rem;
      width: 100%;
      /*sup-list*/ }
      @media (max-width: 768px) {
        #internship .system-wrapper .purpose-wrapper {
          display: inherit;
          padding: 0 0 1rem; } }
      #internship .system-wrapper .purpose-wrapper .sub-head {
        background: #b01e2d;
        color: #fff;
        font-size: clamp(13px, 1.4vw, 15px);
        padding: 0 1.5rem;
        white-space: nowrap;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          #internship .system-wrapper .purpose-wrapper .sub-head {
            font-size: 15px;
            display: inherit;
            padding: .5rem 0;
            text-align: center; } }
      #internship .system-wrapper .purpose-wrapper .sup-list {
        /*li*/ }
        @media (max-width: 768px) {
          #internship .system-wrapper .purpose-wrapper .sup-list {
            padding: 1rem; } }
        #internship .system-wrapper .purpose-wrapper .sup-list li {
          font-size: clamp(16px, 1.6vw, 19px);
          font-weight: 500;
          line-height: 1.8;
          text-indent: -1.25rem;
          padding-left: 1.5rem; }
          @media (max-width: 768px) {
            #internship .system-wrapper .purpose-wrapper .sup-list li {
              text-align: left;
              line-break: inherit; } }
          #internship .system-wrapper .purpose-wrapper .sup-list li::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: 13px;
            margin-right: .25rem; }
  #internship .flow-wrapper {
    margin-top: 7.5rem; }
    @media (max-width: 768px) {
      #internship .flow-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #internship .flow-wrapper .image {
      margin-top: 5rem; }
      @media (max-width: 768px) {
        #internship .flow-wrapper .image {
          margin: 3rem auto 0;
          width: 100%; } }
  #internship #voice {
    position: relative; }
    #internship #voice::before {
      content: "";
      background: #f6f3e0;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #internship #voice::before {
          height: 100%; } }
  #internship .voice-wrapper {
    margin-top: 7rem;
    padding: 4rem 0 5rem;
    /*voice-box*/ }
    @media (max-width: 768px) {
      #internship .voice-wrapper {
        margin: 4rem auto 0;
        padding: 3rem 0 4rem;
        width: 85%; } }
    #internship .voice-wrapper .head {
      border-bottom: 1px solid #918c8a;
      font-size: clamp(28px, 3vw, 38px);
      font-weight: 700;
      padding-bottom: 2rem; }
      @media (max-width: 768px) {
        #internship .voice-wrapper .head {
          padding-bottom: 1rem; } }
      #internship .voice-wrapper .head::before {
        content: "\025a0";
        color: #b01e2d;
        margin-right: .5rem; }
    #internship .voice-wrapper .voice-box {
      display: flex;
      gap: 0 5%;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #internship .voice-wrapper .voice-box {
          display: inherit;
          margin-top: 1.5rem; } }
      #internship .voice-wrapper .voice-box .image {
        width: 100%;
        min-width: 318px; }
        @media (max-width: 768px) {
          #internship .voice-wrapper .voice-box .image {
            min-width: inherit; } }
        #internship .voice-wrapper .voice-box .image img {
          object-fit: cover;
          /*height: 100%;*/ }
          @media (max-width: 768px) {
            #internship .voice-wrapper .voice-box .image img {
              object-fit: inherit;
              height: auto; } }
      @media (max-width: 768px) {
        #internship .voice-wrapper .voice-box .text-box {
          margin-top: 1rem; } }
      #internship .voice-wrapper .voice-box .text-box .sub-head {
        color: #b01e2d;
        font-size: clamp(20px, 2vw, 25px);
        font-weight: 700; }
      #internship .voice-wrapper .voice-box .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #internship .voice-wrapper .voice-box .text-box .text {
            font-size: 15px;
            margin-top: 1rem; } }
      #internship .voice-wrapper .voice-box .text-box .name {
        font-size: clamp(20px, 2.4vw, 27px);
        line-height: 1;
        margin-top: 1rem; }
        #internship .voice-wrapper .voice-box .text-box .name span {
          margin: 0 .25rem; }
        #internship .voice-wrapper .voice-box .text-box .name small {
          font-size: clamp(13px, 1.4vw, 16px); }
          @media (max-width: 768px) {
            #internship .voice-wrapper .voice-box .text-box .name small {
              font-size: 15px; } }
      #internship .voice-wrapper .voice-box + .voice-box {
        margin-top: 5rem; }
        @media (max-width: 768px) {
          #internship .voice-wrapper .voice-box + .voice-box {
            margin-top: 3rem; } }
  #internship .companies-wrapper {
    margin-top: 7rem;
    /*companies-detail*/ }
    @media (max-width: 768px) {
      #internship .companies-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    @media (max-width: 768px) {
      #internship .companies-wrapper .head-square + p {
        margin-top: 1rem; } }
    #internship .companies-wrapper .companies-detail {
      margin-top: 5rem; }
      @media (max-width: 768px) {
        #internship .companies-wrapper .companies-detail {
          margin-top: 2rem; } }
      #internship .companies-wrapper .companies-detail .gakka {
        background: #000;
        color: #fff;
        display: inline-block;
        font-size: clamp(17px, 1.8vw, 20px);
        font-weight: 700;
        padding: .75rem 1.5rem .75rem 1.5rem; }
        @media (max-width: 768px) {
          #internship .companies-wrapper .companies-detail .gakka {
            display: block;
            text-align: center;
            margin: 0 auto; } }
      #internship .companies-wrapper .companies-detail .inner {
        background: #ccc;
        padding: 1.5rem 2.5rem; }
        @media (max-width: 768px) {
          #internship .companies-wrapper .companies-detail .inner {
            padding: 2rem; } }
      #internship .companies-wrapper .companies-detail .cross-head {
        font-size: clamp(16px, 1.6vw, 17px);
        font-weight: 800; }
      #internship .companies-wrapper .companies-detail .text {
        font-size: clamp(13px, 1.4vw, 15px); }
        @media (max-width: 768px) {
          #internship .companies-wrapper .companies-detail .text {
            font-size: 15px; } }
        #internship .companies-wrapper .companies-detail .text + .cross-head {
          margin-top: 1rem; }
      #internship .companies-wrapper .companies-detail + .companies-detail {
        margin-top: 3rem; }
      #internship .companies-wrapper .companies-detail.it .gakka {
        background: #a85a95; }
      #internship .companies-wrapper .companies-detail.it .inner {
        background: #f1deea; }
      #internship .companies-wrapper .companies-detail.it .cross-head {
        color: #a85a95; }
      #internship .companies-wrapper .companies-detail.denki .gakka {
        background: #88a138; }
      #internship .companies-wrapper .companies-detail.denki .inner {
        background: #e6ebd5; }
      #internship .companies-wrapper .companies-detail.denki .cross-head {
        color: #88a138; }
      #internship .companies-wrapper .companies-detail.kikai .gakka {
        background: #c69700; }
      #internship .companies-wrapper .companies-detail.kikai .inner {
        background: #f3e9c9; }
      #internship .companies-wrapper .companies-detail.kikai .cross-head {
        color: #c69700; }
      #internship .companies-wrapper .companies-detail.kentiku .gakka {
        background: #28a3ca; }
      #internship .companies-wrapper .companies-detail.kentiku .inner {
        background: #d2ecf4; }
      #internship .companies-wrapper .companies-detail.kentiku .cross-head {
        color: #28a3ca; }
      #internship .companies-wrapper .companies-detail.doboku .gakka {
        background: #009999; }
      #internship .companies-wrapper .companies-detail.doboku .inner {
        background: #c9eaea; }
      #internship .companies-wrapper .companies-detail.doboku .cross-head {
        color: #009999; }
      #internship .companies-wrapper .companies-detail.audio .gakka {
        background: #706eab; }
      #internship .companies-wrapper .companies-detail.audio .inner {
        background: #e1e1ed; }
      #internship .companies-wrapper .companies-detail.audio .cross-head {
        color: #706eab; }
  #internship .for-companies-wrapper {
    padding: 5rem 0;
    position: relative;
    margin-top: 5rem;
    /*contact-address*/ }
    @media (max-width: 768px) {
      #internship .for-companies-wrapper {
        padding: 3rem 0 0;
        margin-top: 4rem; } }
    #internship .for-companies-wrapper::before {
      content: "";
      background: #f6f3e0;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #internship .for-companies-wrapper::before {
          height: 100%; } }
    #internship .for-companies-wrapper .head {
      font-size: clamp(20px, 2.4vw, 30px);
      font-weight: 700;
      text-align: center;
      position: relative; }
      #internship .for-companies-wrapper .head::before {
        content: "";
        border-top: 4px dotted #b01e2d;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -2px;
        z-index: -1; }
      #internship .for-companies-wrapper .head span {
        background: #f6f3e0;
        color: #b01e2d;
        padding: 0 2rem;
        position: relative; }
        #internship .for-companies-wrapper .head span::before, #internship .for-companies-wrapper .head span::after {
          content: "";
          background: #b01e2d;
          height: 7px;
          width: 7px;
          position: absolute;
          top: 50%;
          transform: translate(0, -50%); }
        #internship .for-companies-wrapper .head span::before {
          right: 0; }
        #internship .for-companies-wrapper .head span::after {
          left: 0; }
    #internship .for-companies-wrapper .text {
      margin-top: 1.5rem; }
      @media (max-width: 768px) {
        #internship .for-companies-wrapper .text {
          margin: 1.5rem auto 0;
          width: 85%; } }
    #internship .for-companies-wrapper .contact-address {
      background: #fff;
      margin-top: 1.5rem;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #internship .for-companies-wrapper .contact-address {
          display: inherit; } }
      #internship .for-companies-wrapper .contact-address .image {
        width: 42%; }
        @media (max-width: 768px) {
          #internship .for-companies-wrapper .contact-address .image {
            width: 100%; } }
        #internship .for-companies-wrapper .contact-address .image img {
          object-fit: cover;
          height: 100%; }
          @media (max-width: 768px) {
            #internship .for-companies-wrapper .contact-address .image img {
              object-fit: inherit;
              height: auto; } }
      #internship .for-companies-wrapper .contact-address .text-box {
        /*text-align: center;*/
        width: 58%;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #internship .for-companies-wrapper .contact-address .text-box {
            margin-top: 1rem;
            padding-bottom: 3rem;
            width: 100%;
            text-align: center; } }
        #internship .for-companies-wrapper .contact-address .text-box .sub-head {
          color: #b01e2d;
          font-size: clamp(15px, 16vw, 18px);
          font-weight: 700;
          text-align: center; }
          @media (max-width: 768px) {
            #internship .for-companies-wrapper .contact-address .text-box .sub-head {
              border-bottom: 1px solid #b01e2d;
              display: inline-block;
              padding-bottom: 1rem; } }
          #internship .for-companies-wrapper .contact-address .text-box .sub-head span {
            border-bottom: 1px solid #b01e2d;
            padding-bottom: 1rem; }
            @media (max-width: 768px) {
              #internship .for-companies-wrapper .contact-address .text-box .sub-head span {
                border-bottom: none;
                padding-bottom: 0; } }
        #internship .for-companies-wrapper .contact-address .text-box ul {
          width: fit-content;
          margin: auto; }
        #internship .for-companies-wrapper .contact-address .text-box .tel,
        #internship .for-companies-wrapper .contact-address .text-box .mail {
          color: #b01e2d;
          font-family: "Oswald", sans-serif;
          font-size: clamp(32px, 4vw, 46px);
          font-weight: 700;
          margin-top: 2rem; }
          #internship .for-companies-wrapper .contact-address .text-box .tel small,
          #internship .for-companies-wrapper .contact-address .text-box .mail small {
            font-family: "Noto Sans JP", sans-serif;
            font-size: clamp(18px, 2vw, 28px); }
          #internship .for-companies-wrapper .contact-address .text-box .tel .sup-text,
          #internship .for-companies-wrapper .contact-address .text-box .mail .sup-text {
            font-size: clamp(17px, 1.8vw, 21px); }
        #internship .for-companies-wrapper .contact-address .text-box .mail {
          font-size: clamp(26px, 3vw, 32px);
          margin-top: 0; }
          @media (max-width: 768px) {
            #internship .for-companies-wrapper .contact-address .text-box .mail {
              margin-top: 1rem; } }
          #internship .for-companies-wrapper .contact-address .text-box .mail small {
            font-size: clamp(17px, 18vw, 21px); }

/*internship*/
/********************************************************************************
q-support
********************************************************************************/
#q-support {
  /*attempt-wrapper*/
  /*acquisition-status-wrapper*/
  /*experience-wrapper*/ }
  #q-support .attempt-wrapper {
    margin-top: 7rem;
    /*point-wrapper*/ }
    @media (max-width: 768px) {
      #q-support .attempt-wrapper {
        margin-top: 4rem; } }
    @media (max-width: 768px) {
      #q-support .attempt-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #q-support .attempt-wrapper .point-wrapper {
      position: relative;
      margin-top: 7rem;
      /*text-box*/
      /*point-num*/
      /*point-list*/ }
      @media (max-width: 768px) {
        #q-support .attempt-wrapper .point-wrapper {
          margin-top: 3rem; } }
      #q-support .attempt-wrapper .point-wrapper.point1 {
        padding: 3rem 0 4rem;
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #q-support .attempt-wrapper .point-wrapper.point1 {
            margin-top: 2rem; } }
        #q-support .attempt-wrapper .point-wrapper.point1::before {
          content: "";
          background: #f5f1dc;
          background-size: cover;
          height: 100%;
          width: 100vw;
          position: absolute;
          bottom: 0;
          right: 0;
          z-index: -2; }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper.point1::before {
              height: 100%; } }
      @media (max-width: 768px) {
        #q-support .attempt-wrapper .point-wrapper .fixed-width {
          margin: auto;
          width: 85%; } }
      #q-support .attempt-wrapper .point-wrapper .inner {
        display: flex;
        gap: 0 7%;
        /*image*/ }
        @media (max-width: 768px) {
          #q-support .attempt-wrapper .point-wrapper .inner {
            display: inherit;
            margin: auto;
            width: 85%; } }
        #q-support .attempt-wrapper .point-wrapper .inner .text-box {
          width: 85%; }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper .inner .text-box {
              width: 100%; } }
        #q-support .attempt-wrapper .point-wrapper .inner .image {
          position: relative;
          width: 90%; }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper .inner .image {
              margin-top: 1rem;
              width: 100%; } }
          #q-support .attempt-wrapper .point-wrapper .inner .image img {
            object-fit: cover;
            object-position: center; }
            @media (max-width: 768px) {
              #q-support .attempt-wrapper .point-wrapper .inner .image img {
                max-height: inherit;
                width: 100%; } }
      #q-support .attempt-wrapper .point-wrapper.point3 .inner .text-box {
        width: 50%; }
        @media (max-width: 768px) {
          #q-support .attempt-wrapper .point-wrapper.point3 .inner .text-box {
            width: 100%; } }
      #q-support .attempt-wrapper .point-wrapper .head-flex {
        align-items: center; }
        #q-support .attempt-wrapper .point-wrapper .head-flex p {
          margin-left: 0; }
        #q-support .attempt-wrapper .point-wrapper .head-flex .sub-head {
          margin-left: 3rem;
          margin-top: -.5rem; }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper .head-flex .sub-head {
              margin-left: 0;
              margin-top: 1rem; } }
      #q-support .attempt-wrapper .point-wrapper .sub-head {
        font-size: clamp(24px, 2.6vw, 30px);
        font-weight: 700;
        line-height: 1.4;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #q-support .attempt-wrapper .point-wrapper .sub-head {
            margin-top: 1rem; } }
        #q-support .attempt-wrapper .point-wrapper .sub-head small {
          font-size: clamp(17px, 1.8vw, 20px); }
      #q-support .attempt-wrapper .point-wrapper .text {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #q-support .attempt-wrapper .point-wrapper .text {
            margin-top: 1rem; } }
      #q-support .attempt-wrapper .point-wrapper .point-num {
        display: flex;
        align-items: normal;
        justify-content: flex-start; }
        #q-support .attempt-wrapper .point-wrapper .point-num .en {
          background: #231815;
          color: #fff;
          font-family: "Oswald", sans-serif;
          font-size: clamp(16px, 1.8vw, 19px);
          font-weight: 400;
          padding: 1.25rem 1.15rem 1.55rem; }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper .point-num .en {
              padding: 1rem 1rem 1rem; } }
        #q-support .attempt-wrapper .point-wrapper .point-num .num {
          background: #b01e2d;
          color: #fff;
          display: flex;
          align-items: center;
          font-family: "Oswald", sans-serif;
          font-size: clamp(50px, 5vw, 60px);
          font-weight: 700;
          letter-spacing: 1px;
          padding: .5rem 1.35rem .75rem; }
      #q-support .attempt-wrapper .point-wrapper .point-list {
        margin-top: 1.5rem;
        /*ul*/ }
        #q-support .attempt-wrapper .point-wrapper .point-list .fukidashi {
          color: #b01e2d;
          font-size: clamp(18px, 2vw, 23px);
          font-weight: 700;
          text-align: center; }
        #q-support .attempt-wrapper .point-wrapper .point-list ul {
          display: flex;
          gap: 0 4%;
          margin-top: 1rem;
          /*li*/ }
          @media (max-width: 768px) {
            #q-support .attempt-wrapper .point-wrapper .point-list ul {
              display: inherit; } }
          #q-support .attempt-wrapper .point-wrapper .point-list ul li {
            background: #fff;
            border: 2px solid #b01e2d;
            border-radius: 25px;
            flex: 1; }
            #q-support .attempt-wrapper .point-wrapper .point-list ul li p {
              color: #b01e2d;
              font-size: clamp(18px, 2vw, 23px);
              font-weight: 500;
              line-height: 1.3;
              padding: 1.5rem 0;
              text-align: center; }
              #q-support .attempt-wrapper .point-wrapper .point-list ul li p em {
                font-size: clamp(24px, 2.5vw, 28px);
                font-weight: 700;
                font-style: normal; }
            @media (max-width: 768px) {
              #q-support .attempt-wrapper .point-wrapper .point-list ul li + li {
                margin-top: 1rem; } }
  #q-support .acquisition-status-wrapper {
    margin-top: 10rem;
    padding: 4rem 0 5rem;
    position: relative;
    /*status-table*/ }
    @media (max-width: 768px) {
      #q-support .acquisition-status-wrapper {
        margin-top: 4rem;
        padding: 4rem 0 4rem; } }
    #q-support .acquisition-status-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #q-support .acquisition-status-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      #q-support .acquisition-status-wrapper .fixed-width {
        margin: auto;
        width: 85%; } }
    #q-support .acquisition-status-wrapper .status-table {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #q-support .acquisition-status-wrapper .status-table {
          margin-top: 2rem; } }
      #q-support .acquisition-status-wrapper .status-table .head {
        background: #000;
        color: #fff;
        font-size: clamp(17px, 1.8vw, 20px);
        font-weight: 700;
        padding: .75rem 0 .85rem;
        text-align: center; }
      #q-support .acquisition-status-wrapper .status-table table {
        border-collapse: collapse;
        width: 100%; }
        #q-support .acquisition-status-wrapper .status-table table thead th {
          background: #dcdcdc;
          border-bottom: 1px solid #aaabab;
          border-right: 1px solid #aaabab;
          text-align: center; }
          #q-support .acquisition-status-wrapper .status-table table thead th:last-child {
            border-right: none;
            width: 170px; }
            @media (max-width: 768px) {
              #q-support .acquisition-status-wrapper .status-table table thead th:last-child {
                width: 100px; } }
        #q-support .acquisition-status-wrapper .status-table table tbody th, #q-support .acquisition-status-wrapper .status-table table tbody td {
          background: #fff;
          border-bottom: 1px solid #aaabab;
          border-right: 1px solid #aaabab;
          font-size: clamp(15px, 1.6vw, 17px);
          padding: 1rem; }
          #q-support .acquisition-status-wrapper .status-table table tbody th:last-child, #q-support .acquisition-status-wrapper .status-table table tbody td:last-child {
            border-right: none; }
        #q-support .acquisition-status-wrapper .status-table table tbody td {
          text-align: center; }
      #q-support .acquisition-status-wrapper .status-table.it .head {
        background: #a85a95; }
      #q-support .acquisition-status-wrapper .status-table.denki .head {
        background: #88a138; }
      #q-support .acquisition-status-wrapper .status-table.kikai .head {
        background: #c69700; }
      #q-support .acquisition-status-wrapper .status-table.kentiku .head {
        background: #28a3ca; }
      #q-support .acquisition-status-wrapper .status-table.doboku .head {
        background: #009999; }
      #q-support .acquisition-status-wrapper .status-table.audio .head {
        background: #706eab; }
  #q-support .experience-wrapper {
    /*voice-list*/ }
    @media (max-width: 768px) {
      #q-support .experience-wrapper {
        margin-bottom: 3rem; } }
    #q-support .experience-wrapper .head {
      margin: 7rem auto 0;
      width: 435px; }
      @media (max-width: 768px) {
        #q-support .experience-wrapper .head {
          margin: 2rem auto 0;
          width: 235px; } }
    #q-support .experience-wrapper .voice-list {
      margin-top: 2rem;
      display: flex;
      justify-content: space-between;
      /*li*/ }
      @media (max-width: 768px) {
        #q-support .experience-wrapper .voice-list {
          display: inherit;
          margin: 2rem auto 0;
          width: 85%; } }
      #q-support .experience-wrapper .voice-list li {
        width: 48%;
        /*detail*/
        /*qac-box*/ }
        @media (max-width: 768px) {
          #q-support .experience-wrapper .voice-list li {
            width: 100%; } }
        @media (max-width: 768px) {
          #q-support .experience-wrapper .voice-list li + li {
            margin-top: 3rem; } }
        #q-support .experience-wrapper .voice-list li .num {
          color: #b01e2d;
          font-family: "Oswald", sans-serif;
          font-size: clamp(20px, 2.4vw, 27px);
          font-weight: 700;
          position: relative;
          margin-bottom: 2rem;
          text-align: center; }
          #q-support .experience-wrapper .voice-list li .num small {
            color: #231815;
            font-size: clamp(15px, 1.6vw, 17px);
            margin-right: 1rem; }
          #q-support .experience-wrapper .voice-list li .num span {
            background: #fff;
            padding: 0 1.5rem; }
          #q-support .experience-wrapper .voice-list li .num::before {
            content: "";
            border: 1px dotted #231815;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            z-index: -1; }
        #q-support .experience-wrapper .voice-list li .detail {
          background: #000;
          padding: 1.5rem; }
          #q-support .experience-wrapper .voice-list li .detail .cross-head {
            border-left: 7px solid #000;
            font-size: clamp(20px, 2.2vw, 27px);
            font-weight: 700;
            padding-left: 1rem;
            line-height: 1.2;
            margin-top: 1rem; }
            @media (max-width: 768px) {
              #q-support .experience-wrapper .voice-list li .detail .cross-head {
                margin-top: .5rem; } }
          #q-support .experience-wrapper .voice-list li .detail .text {
            font-size: clamp(14px, 1.4vw, 15px);
            margin-top: 2rem; }
            @media (max-width: 768px) {
              #q-support .experience-wrapper .voice-list li .detail .text {
                margin-top: 1rem; } }
          #q-support .experience-wrapper .voice-list li .detail .name {
            font-size: clamp(20px, 2.2vw, 25px);
            font-weight: 500;
            margin-top: 2rem;
            text-align: right; }
            #q-support .experience-wrapper .voice-list li .detail .name .gakka {
              font-size: clamp(15px, 1.5vw, 16px); }
            #q-support .experience-wrapper .voice-list li .detail .name small {
              font-size: clamp(17px, 1.8vw, 20px); }
            #q-support .experience-wrapper .voice-list li .detail .name .career {
              font-size: clamp(13px, 1.4vw, 15px);
              font-weight: 400; }
        #q-support .experience-wrapper .voice-list li .arrow {
          margin: auto;
          width: 70px; }
        #q-support .experience-wrapper .voice-list li .qac-box {
          margin-top: .5rem; }
          #q-support .experience-wrapper .voice-list li .qac-box .cross-head {
            background: #000;
            color: #fff;
            font-size: clamp(18px, 2vw, 22px);
            font-weight: 600;
            padding: .25rem 1rem .5rem; }
          #q-support .experience-wrapper .voice-list li .qac-box ul {
            background: #ccc;
            padding: 1rem;
            display: flex;
            flex-wrap: wrap; }
          #q-support .experience-wrapper .voice-list li .qac-box li {
            color: #000;
            font-weight: 500;
            line-height: 1.6;
            margin-right: 2rem;
            white-space: nowrap;
            width: auto; }
            @media (max-width: 768px) {
              #q-support .experience-wrapper .voice-list li .qac-box li {
                margin-top: 0; } }
            #q-support .experience-wrapper .voice-list li .qac-box li::before {
              content: "\025cf"; }
            #q-support .experience-wrapper .voice-list li .qac-box li.none {
              width: 100%; }
              #q-support .experience-wrapper .voice-list li .qac-box li.none::before {
                content: none; }
        #q-support .experience-wrapper .voice-list li.denki .detail {
          background: #e6ebd5; }
          #q-support .experience-wrapper .voice-list li.denki .detail .cross-head {
            color: #88a138;
            border-color: #88a138; }
        #q-support .experience-wrapper .voice-list li.denki .qac-box .cross-head {
          background: #88a138; }
        #q-support .experience-wrapper .voice-list li.denki .qac-box ul {
          background: #e6ebd5; }
        #q-support .experience-wrapper .voice-list li.denki .qac-box li {
          color: #88a138; }
        #q-support .experience-wrapper .voice-list li.kikai .detail {
          background: #f3e9c9; }
          #q-support .experience-wrapper .voice-list li.kikai .detail .cross-head {
            color: #c69700;
            border-color: #c69700; }
        #q-support .experience-wrapper .voice-list li.kikai .qac-box .cross-head {
          background: #c69700; }
        #q-support .experience-wrapper .voice-list li.kikai .qac-box ul {
          background: #f3e9c9; }
        #q-support .experience-wrapper .voice-list li.kikai .qac-box li {
          color: #c69700; }
        #q-support .experience-wrapper .voice-list li.kentiku .detail {
          background: #d2ecf4; }
          #q-support .experience-wrapper .voice-list li.kentiku .detail .cross-head {
            color: #28a3ca;
            border-color: #28a3ca; }
        #q-support .experience-wrapper .voice-list li.kentiku .qac-box .cross-head {
          background: #28a3ca; }
        #q-support .experience-wrapper .voice-list li.kentiku .qac-box ul {
          background: #d2ecf4; }
        #q-support .experience-wrapper .voice-list li.kentiku .qac-box li {
          color: #28a3ca; }
        #q-support .experience-wrapper .voice-list li.doboku .detail {
          background: #c9eaea; }
          #q-support .experience-wrapper .voice-list li.doboku .detail .cross-head {
            color: #009999;
            border-color: #009999; }
        #q-support .experience-wrapper .voice-list li.doboku .qac-box .cross-head {
          background: #009999; }
        #q-support .experience-wrapper .voice-list li.doboku .qac-box ul {
          background: #c9eaea; }
        #q-support .experience-wrapper .voice-list li.doboku .qac-box li {
          color: #009999; }
      #q-support .experience-wrapper .voice-list + .voice-list {
        margin-top: 72px; }
        @media (max-width: 768px) {
          #q-support .experience-wrapper .voice-list + .voice-list {
            margin-top: 3rem; } }
    #q-support .experience-wrapper .more-btn {
      margin-top: 5rem;
      text-align: right; }
      @media (max-width: 768px) {
        #q-support .experience-wrapper .more-btn {
          margin: 2rem 0 3rem;
          text-align: center; } }
      #q-support .experience-wrapper .more-btn a {
        width: min(20vw, 200px); }

/*q-support*/
/********************************************************************************
application
********************************************************************************/
#application {
  /*capacity-wrapper*/
  /*application-period-wrapper*/
  /*flow-wrapper*/
  /*apply-wrapper*/
  /*exam-list-wrapper*/ }
  #application .capacity-wrapper {
    margin-top: 7rem;
    /*table*/ }
    @media (max-width: 768px) {
      #application .capacity-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #application .capacity-wrapper table {
      border-collapse: collapse;
      margin-top: 3rem;
      width: 100%;
      /*tbody*/ }
      #application .capacity-wrapper table thead th {
        background: #231815;
        border-right: 1px solid #fff;
        color: #fff;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #application .capacity-wrapper table thead th {
            padding: .5rem; } }
        #application .capacity-wrapper table thead th:last-child {
          border-right: none; }
      #application .capacity-wrapper table tbody {
        /*th*/ }
        #application .capacity-wrapper table tbody th, #application .capacity-wrapper table tbody td {
          border-bottom: 1px solid #aaabab;
          border-right: 1px solid #aaabab;
          font-weight: 400;
          padding: 1rem;
          padding-left: 2rem; }
          @media (max-width: 768px) {
            #application .capacity-wrapper table tbody th, #application .capacity-wrapper table tbody td {
              padding-left: 1rem; } }
          #application .capacity-wrapper table tbody th:last-child, #application .capacity-wrapper table tbody td:last-child {
            border-right: none; }
        #application .capacity-wrapper table tbody th::before {
          content: "\025a0";
          font-size: clamp(13px, 1.3vw, 15px);
          margin-right: .5rem; }
        #application .capacity-wrapper table tbody th.it {
          background: #f1deea; }
          #application .capacity-wrapper table tbody th.it::before {
            color: #a85a95; }
        #application .capacity-wrapper table tbody th.jyouhou {
          background: #f9e7ef; }
          #application .capacity-wrapper table tbody th.jyouhou::before {
            color: #dc669b; }
        #application .capacity-wrapper table tbody th.denki {
          background: #e6ebd5; }
          #application .capacity-wrapper table tbody th.denki::before {
            color: #88a138; }
        #application .capacity-wrapper table tbody th.kikai {
          background: #f3e9c9; }
          #application .capacity-wrapper table tbody th.kikai::before {
            color: #c69700; }
        #application .capacity-wrapper table tbody th.kentiku {
          background: #d2ecf4; }
          #application .capacity-wrapper table tbody th.kentiku::before {
            color: #28a3ca; }
        #application .capacity-wrapper table tbody th.doboku {
          background: #c9eaea; }
          #application .capacity-wrapper table tbody th.doboku::before {
            color: #009999; }
        #application .capacity-wrapper table tbody th.audio {
          background: #e1e1ed; }
          #application .capacity-wrapper table tbody th.audio::before {
            color: #706eab; }
        #application .capacity-wrapper table tbody th.senkouka {
          background: #c9e6f2; }
          #application .capacity-wrapper table tbody th.senkouka::before {
            color: #0086c1; }
        #application .capacity-wrapper table tbody td {
          text-align: center; }
          @media (max-width: 768px) {
            #application .capacity-wrapper table tbody td {
              padding: 0;
              white-space: nowrap; } }
  #application .application-period-wrapper {
    margin-top: 10rem;
    /*application-period-gakka*/
    /*application-period-senkouka*/ }
    @media (max-width: 768px) {
      #application .application-period-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #application .application-period-wrapper table {
      border-collapse: collapse;
      width: 100%; }
    #application .application-period-wrapper .application-period-gakka {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #application .application-period-wrapper .application-period-gakka {
          margin-top: 2rem; } }
      #application .application-period-wrapper .application-period-gakka th, #application .application-period-wrapper .application-period-gakka td {
        border-top: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        font-weight: 400;
        padding: 1rem 2rem; }
        @media (max-width: 768px) {
          #application .application-period-wrapper .application-period-gakka th, #application .application-period-wrapper .application-period-gakka td {
            padding: 1rem 1rem; } }
      #application .application-period-wrapper .application-period-gakka th {
        background: #f6f3ea;
        text-align: center;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #application .application-period-wrapper .application-period-gakka th {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            padding-left: 1rem;
            padding-right: 1rem; } }
      #application .application-period-wrapper .application-period-gakka td {
        padding-right: 1rem; }
      #application .application-period-wrapper .application-period-gakka ol {
        counter-reset: number; }
        #application .application-period-wrapper .application-period-gakka ol li {
          line-height: 2;
          margin-top: 0;
          text-indent: -2rem;
          padding-left: 2rem; }
          @media (max-width: 768px) {
            #application .application-period-wrapper .application-period-gakka ol li {
              text-indent: -1.75rem; } }
          #application .application-period-wrapper .application-period-gakka ol li::before {
            counter-increment: number 1;
            content: counter(number) "　"; }
          #application .application-period-wrapper .application-period-gakka ol li ol li {
            list-style-type: none;
            text-indent: -2rem; }
    #application .application-period-wrapper .application-period-senkouka {
      margin-top: 3rem; }
      #application .application-period-wrapper .application-period-senkouka caption {
        background: #0086c1;
        color: #fff;
        font-size: clamp(18px, 2vw, 25px);
        font-weight: 700;
        padding: .5rem 0;
        text-align: center;
        white-space: nowrap; }
      #application .application-period-wrapper .application-period-senkouka th, #application .application-period-wrapper .application-period-senkouka td {
        border-top: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        font-weight: 400;
        padding: 1rem 2rem; }
        @media (max-width: 768px) {
          #application .application-period-wrapper .application-period-senkouka th, #application .application-period-wrapper .application-period-senkouka td {
            padding: 1rem 1rem; } }
      #application .application-period-wrapper .application-period-senkouka th {
        background: #c9e6f2;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #application .application-period-wrapper .application-period-senkouka th {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            padding-left: 1rem;
            padding-right: 1rem; } }
      #application .application-period-wrapper .application-period-senkouka td {
        padding-right: 1rem; }
  #application .flow-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #application .flow-wrapper {
        margin-top: 4rem; } }
    #application .flow-wrapper .fixed-width {
      padding: 6rem 0 6rem;
      position: relative; }
      @media (max-width: 768px) {
        #application .flow-wrapper .fixed-width {
          padding: 3rem 0; } }
      #application .flow-wrapper .fixed-width::before {
        content: "";
        background: #f5f1dc;
        background-size: cover;
        height: 100%;
        width: 100vw;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -2; }
        @media (max-width: 768px) {
          #application .flow-wrapper .fixed-width::before {
            height: 100%; } }
      @media (max-width: 768px) {
        #application .flow-wrapper .fixed-width .head-square {
          margin: auto;
          width: 85%; } }
      #application .flow-wrapper .fixed-width .head-square + p {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #application .flow-wrapper .fixed-width .head-square + p {
            margin: 1rem auto;
            width: 85%; } }
    #application .flow-wrapper .image {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #application .flow-wrapper .image {
          margin: auto;
          width: 85%; } }
    #application .flow-wrapper .pdf-btn {
      margin-top: 5rem;
      text-align: center; }
      @media (max-width: 768px) {
        #application .flow-wrapper .pdf-btn {
          margin-top: 2rem; } }
  #application .apply-wrapper {
    margin-top: 8rem;
    /*method-list*/ }
    @media (max-width: 768px) {
      #application .apply-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #application .apply-wrapper .text {
      margin-top: 2rem; }
    #application .apply-wrapper .method-list {
      display: flex;
      gap: 0 5%;
      margin-top: 3rem;
      /*detail*/ }
      @media (max-width: 768px) {
        #application .apply-wrapper .method-list {
          display: inherit;
          margin-top: 2rem; } }
      #application .apply-wrapper .method-list .detail {
        width: 47.5%;
        /*box*/ }
        @media (max-width: 768px) {
          #application .apply-wrapper .method-list .detail {
            width: 100%; } }
        #application .apply-wrapper .method-list .detail li {
          background: #f9f7f0;
          padding: 2rem; }
          @media (max-width: 768px) {
            #application .apply-wrapper .method-list .detail li {
              padding: 1.5rem .5rem; } }
          #application .apply-wrapper .method-list .detail li + li {
            margin-top: 2rem; }
        #application .apply-wrapper .method-list .detail .head-flex {
          border-bottom: 2px solid #b01e2d;
          padding-bottom: 1rem;
          margin-bottom: 1.5rem; }
          @media (max-width: 768px) {
            #application .apply-wrapper .method-list .detail .head-flex {
              display: flex; } }
          #application .apply-wrapper .method-list .detail .head-flex p {
            color: #b01e2d;
            font-weight: 400; }
            @media (max-width: 768px) {
              #application .apply-wrapper .method-list .detail .head-flex p {
                /*margin-top: .5rem;*/ } }
        #application .apply-wrapper .method-list .detail .sub-head {
          color: #b01e2d;
          font-size: clamp(20px, 2vw, 28px);
          font-weight: 700; }
        #application .apply-wrapper .method-list .detail p a {
          font-size: clamp(17px, 1.8vw, 19px);
          font-weight: 500;
          text-decoration: underline; }
        #application .apply-wrapper .method-list .detail p + p {
          margin-top: .75rem; }
        #application .apply-wrapper .method-list .detail .box {
          background: #fff;
          border-radius: 25px;
          padding: 1.5rem;
          margin-top: 2.5rem; }
          #application .apply-wrapper .method-list .detail .box p {
            font-size: clamp(13px, 1.4vw, 15px); }
          #application .apply-wrapper .method-list .detail .box .list {
            margin-top: 1rem; }
            #application .apply-wrapper .method-list .detail .box .list li {
              background: none;
              font-size: clamp(15px, 1.6vw, 17px);
              margin-top: 0;
              padding: 0 0 0 1.5rem;
              position: relative; }
              #application .apply-wrapper .method-list .detail .box .list li::before {
                content: "\025a0";
                color: #b01e2d;
                font-size: 13px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%); }
        @media (max-width: 768px) {
          #application .apply-wrapper .method-list .detail + .detail {
            margin-top: 2rem; } }
  #application .exam-list-back {
    margin-top: 5rem;
    padding: 0 0 4rem;
    position: relative; }
    #application .exam-list-back::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 99%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #application .exam-list-back::before {
          height: 100%; } }
  #application .scroll-point + .scroll-point {
    padding-top: 0rem; }
  #application .exam-list-wrapper {
    padding-top: 9rem;
    /*ul*/
    /*scholarship-table*/
    /*close-content*/ }
    @media (max-width: 768px) {
      #application .exam-list-wrapper {
        padding-top: 4rem;
        margin: auto;
        width: 85%; } }
    @media (max-width: 768px) {
      #application .exam-list-wrapper .head-square + p {
        margin-top: 1rem; } }
    #application .exam-list-wrapper .head-square + p em {
      font-size: clamp(20px, 2.4vw, 25px);
      font-weight: 700; }
    #application .exam-list-wrapper ul {
      margin-top: 4rem;
      /*li*/ }
      @media (max-width: 768px) {
        #application .exam-list-wrapper ul {
          margin-top: 2rem; } }
      #application .exam-list-wrapper ul li .click-head {
        background: #b01e2d;
        color: #fff;
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        line-height: 1.5;
        padding: 1rem 3rem 1rem 1.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #application .exam-list-wrapper ul li .click-head {
            padding: .5rem 3rem .5rem 1rem; } }
        #application .exam-list-wrapper ul li .click-head p {
          padding-left: 2.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #application .exam-list-wrapper ul li .click-head p {
              padding-left: 1.5rem; } }
          #application .exam-list-wrapper ul li .click-head p::before {
            content: "\025a0";
            margin-right: .5rem;
            font-size: clamp(14px, 1.8vw, 18px);
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
            @media (max-width: 768px) {
              #application .exam-list-wrapper ul li .click-head p::before {
                top: 3px;
                transform: none; } }
        @media (hover: hover) and (pointer: fine) {
          #application .exam-list-wrapper ul li .click-head:hover {
            cursor: pointer; } }
        #application .exam-list-wrapper ul li .click-head::after {
          content: "";
          display: block;
          background: url("../images/entrance/scholarship/arrow.svg");
          background-size: cover;
          height: 11px;
          width: 22px;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translate(0, -50%) rotate(180deg); }
          @media (max-width: 768px) {
            #application .exam-list-wrapper ul li .click-head::after {
              height: 6px;
              widows: 13px; } }
        #application .exam-list-wrapper ul li .click-head.active::after {
          transform: rotate(0deg); }
      #application .exam-list-wrapper ul li .close-content {
        display: none;
        position: relative; }
      #application .exam-list-wrapper ul li + li {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #application .exam-list-wrapper ul li + li {
            margin-top: 1.5rem; } }
    #application .exam-list-wrapper .scholarship-table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      width: 100%;
      /*td*/ }
      #application .exam-list-wrapper .scholarship-table .border-right {
        border-right: 1px solid #aaabab; }
      #application .exam-list-wrapper .scholarship-table .center {
        text-align: center; }
      #application .exam-list-wrapper .scholarship-table a {
        text-decoration: underline; }
      #application .exam-list-wrapper .scholarship-table th, #application .exam-list-wrapper .scholarship-table td {
        padding: 1rem 1rem 1rem 1.5rem; }
      #application .exam-list-wrapper .scholarship-table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #application .exam-list-wrapper .scholarship-table th {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            padding-left: 1rem;
            padding-right: 1rem; } }
        #application .exam-list-wrapper .scholarship-table th:last-child {
          border-right: 0; }
      #application .exam-list-wrapper .scholarship-table td {
        background: #fff;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        font-weight: 400;
        text-align: left; }
        #application .exam-list-wrapper .scholarship-table td:last-child {
          border-right: 0; }
        #application .exam-list-wrapper .scholarship-table td p + p, #application .exam-list-wrapper .scholarship-table td p + ol {
          margin-top: 1rem; }
        #application .exam-list-wrapper .scholarship-table td ol {
          counter-reset: number; }
          #application .exam-list-wrapper .scholarship-table td ol li {
            /*margin-left: .5rem;*/
            line-height: 2;
            margin-top: 0;
            text-indent: -2rem;
            padding-left: 2rem; }
            #application .exam-list-wrapper .scholarship-table td ol li::before {
              counter-increment: number 1;
              content: counter(number) "　"; }
            #application .exam-list-wrapper .scholarship-table td ol li ol li {
              list-style-type: none;
              text-indent: -2rem; }
              #application .exam-list-wrapper .scholarship-table td ol li ol li::before {
                content: none; }
        #application .exam-list-wrapper .scholarship-table td .square {
          padding-left: 1.5rem;
          text-indent: -1.75rem; }
          #application .exam-list-wrapper .scholarship-table td .square::before {
            content: "\025a0";
            color: #b01e2d;
            margin-right: .5rem; }
          #application .exam-list-wrapper .scholarship-table td .square + .text {
            margin-top: 0;
            padding-left: 1.5rem; }
          #application .exam-list-wrapper .scholarship-table td .square + .square {
            margin-top: .5rem; }
    #application .exam-list-wrapper .box-text {
      background: #fff;
      border-bottom: 1px solid #aaabab;
      padding: 2rem; }
    #application .exam-list-wrapper .close-content .desc {
      margin: 2rem 0; }
    #application .exam-list-wrapper .close-content .sub-head {
      color: #b01e2d;
      font-size: clamp(18px, 1.8vw, 20px);
      font-weight: 700;
      margin-bottom: 1rem; }
      #application .exam-list-wrapper .close-content .sub-head::before {
        content: "\025a0";
        margin-right: .5rem; }
    #application .exam-list-wrapper .close-content .scholarship-table + .sub-head {
      margin-top: 3rem; }

/*application*/
/********************************************************************************
facility
********************************************************************************/
#facility {
  /*main-facilities-wrapper*/
  /*pickup-wrapper*/
  /*dining-room*/
  /*dining-room-wrapper*/ }
  #facility #main-facilities {
    padding-top: 8rem; }
    @media (max-width: 768px) {
      #facility #main-facilities {
        padding-top: 4rem; } }
    @media (max-width: 768px) {
      #facility #main-facilities .head-square {
        margin: auto;
        width: 85%; } }
  #facility .main-facilities-wrapper {
    margin-top: 3rem;
    padding: 0rem 0 8rem;
    position: relative;
    /*cross-head*/
    /*facilities-list*/ }
    @media (max-width: 768px) {
      #facility .main-facilities-wrapper {
        padding: 0rem 0 5rem;
        margin: 2rem auto 0;
        width: 100%; } }
    #facility .main-facilities-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #facility .main-facilities-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      #facility .main-facilities-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #facility .main-facilities-wrapper .head-square + p {
      margin-top: 2rem; }
    #facility .main-facilities-wrapper .sub-head {
      font-size: clamp(20px, 2vw, 23px);
      font-weight: 700;
      margin-top: 1.5rem; }
      #facility .main-facilities-wrapper .sub-head::before {
        content: "\025a0";
        color: #b01e2d;
        font-size: clamp(16px, 1.7vw, 19px);
        margin-right: .5rem;
        vertical-align: bottom; }
      #facility .main-facilities-wrapper .sub-head + p {
        font-size: clamp(14px, 1.4vw, 15px);
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #facility .main-facilities-wrapper .sub-head + p {
            font-size: 15px; } }
    @media (max-width: 768px) {
      #facility .main-facilities-wrapper .school-building .fixed-width {
        margin: auto;
        width: 85%; } }
    #facility .main-facilities-wrapper .facilities-list {
      display: flex;
      gap: 0 5%;
      flex-wrap: wrap;
      /*margin: 3rem auto 0;*/
      margin: 3rem 0 0;
      /*li*/
      /*facilities-list column-half*/ }
      @media (max-width: 768px) {
        #facility .main-facilities-wrapper .facilities-list {
          display: inherit;
          margin: 3rem auto 0;
          width: 85%; } }
      #facility .main-facilities-wrapper .facilities-list.fixed-width {
        padding-right: 0 !important; }
      #facility .main-facilities-wrapper .facilities-list li {
        margin-top: 3rem;
        width: 30%; }
        @media (max-width: 768px) {
          #facility .main-facilities-wrapper .facilities-list li {
            width: 100%; } }
        @media (max-width: 768px) {
          #facility .main-facilities-wrapper .facilities-list li img {
            width: 100%; } }
        @media (max-width: 768px) {
          #facility .main-facilities-wrapper .facilities-list li + li {
            margin-top: 3rem; } }
      #facility .main-facilities-wrapper .facilities-list + .facilities-list {
        margin-top: 0; }
      #facility .main-facilities-wrapper .facilities-list.column-half {
        flex-wrap: wrap; }
        #facility .main-facilities-wrapper .facilities-list.column-half li {
          margin-top: 0;
          width: 47.5%; }
          @media (max-width: 768px) {
            #facility .main-facilities-wrapper .facilities-list.column-half li {
              margin-top: 3rem;
              width: 100%; } }
  #facility .pickup-wrapper {
    margin-top: 7rem;
    /*inner*/ }
    @media (max-width: 768px) {
      #facility .pickup-wrapper {
        margin: 4rem auto 0; } }
    #facility .pickup-wrapper .inner {
      display: flex;
      gap: 0 5%; }
      @media (max-width: 768px) {
        #facility .pickup-wrapper .inner {
          display: inherit; } }
    #facility .pickup-wrapper .text-box {
      width: 70%; }
      @media (max-width: 768px) {
        #facility .pickup-wrapper .text-box {
          margin: 0 auto;
          width: 85%; } }
      #facility .pickup-wrapper .text-box .head {
        color: #b01e2d;
        font-family: "Oswald", sans-serif;
        font-size: clamp(45px, 4.5vw, 51px);
        font-weight: 700; }
      #facility .pickup-wrapper .text-box .sub-head {
        font-size: clamp(17px, 2vw, 30px);
        font-weight: 700;
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #facility .pickup-wrapper .text-box .sub-head {
            margin-top: 2.5rem; } }
        #facility .pickup-wrapper .text-box .sub-head + p {
          margin-top: 1.5rem; }
    @media (max-width: 768px) {
      #facility .pickup-wrapper .image {
        margin-top: 3rem; } }
  #facility #dining-room {
    padding: 6rem 0;
    position: relative;
    margin-top: 6rem; }
    @media (max-width: 768px) {
      #facility #dining-room {
        padding: 3rem 0;
        margin: 3rem 0 3rem; } }
    #facility #dining-room::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #facility #dining-room::before {
          height: 100%; } }
  #facility .dining-room-wrapper {
    margin-top: 3rem;
    /*images-list*/
    /*text-box*/ }
    @media (max-width: 768px) {
      #facility .dining-room-wrapper {
        margin: 2rem auto 0;
        width: 85%; } }
    #facility .dining-room-wrapper .inner {
      display: flex;
      gap: 0 5%;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #facility .dining-room-wrapper .inner {
          display: inherit;
          margin-top: 1.5rem; } }
    #facility .dining-room-wrapper .images-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #facility .dining-room-wrapper .images-list {
          display: inherit;
          margin-top: 2.5rem; } }
      #facility .dining-room-wrapper .images-list li {
        width: 48%; }
        @media (max-width: 768px) {
          #facility .dining-room-wrapper .images-list li {
            width: 100%; } }
        #facility .dining-room-wrapper .images-list li p {
          font-size: 14px;
          margin-top: .5rem; }
        #facility .dining-room-wrapper .images-list li:nth-child(3), #facility .dining-room-wrapper .images-list li:nth-child(4) {
          margin-top: 1rem; }
        @media (max-width: 768px) {
          #facility .dining-room-wrapper .images-list li + li {
            margin-top: 2rem; } }
    #facility .dining-room-wrapper .text-box {
      /*ul*/ }
      @media (max-width: 768px) {
        #facility .dining-room-wrapper .text-box {
          margin-top: 3rem; } }
      #facility .dining-room-wrapper .text-box .cross-head {
        color: #b01e2d;
        border-bottom: 1px solid #b01e2d;
        font-size: clamp(17px, 1.8vw, 19px);
        font-weight: 700;
        padding-bottom: .5rem; }
      #facility .dining-room-wrapper .text-box ul {
        background: #fff;
        padding: 2.5rem 3rem;
        position: relative; }
        @media (max-width: 768px) {
          #facility .dining-room-wrapper .text-box ul {
            padding: 2rem 2rem; } }
        #facility .dining-room-wrapper .text-box ul li:not(.cross-head) {
          font-size: clamp(15px, 1.5vw, 17px);
          line-height: 1.8;
          white-space: nowrap;
          position: relative;
          padding-left: 1.25rem; }
          #facility .dining-room-wrapper .text-box ul li:not(.cross-head)::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: 11px;
            /*margin-right: .5rem;
            vertical-align: bottom;*/
            position: absolute;
            top: 5px;
            left: 0; }
          #facility .dining-room-wrapper .text-box ul li:not(.cross-head):nth-child(2) {
            margin-top: 1rem; }
        #facility .dining-room-wrapper .text-box ul::before {
          content: "";
          background: #fff;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          right: -50%;
          z-index: -1; }
          @media (max-width: 768px) {
            #facility .dining-room-wrapper .text-box ul::before {
              content: none; } }
      #facility .dining-room-wrapper .text-box .sup {
        font-size: 14px;
        font-weight: 400;
        margin-top: .5rem;
        text-indent: -1rem;
        padding-left: 1rem; }
        #facility .dining-room-wrapper .text-box .sup::before {
          content: "※"; }
        #facility .dining-room-wrapper .text-box .sup + .sup {
          margin-top: 0; }

/*facility*/
/********************************************************************************
contact
********************************************************************************/
#contact {
  /*contact-wrapper*/ }
  @media (max-width: 768px) {
    #contact .head-square {
      margin: auto;
      width: 85%; } }
  #contact .contact-wrapper {
    margin-top: 7rem; }
    @media (max-width: 768px) {
      #contact .contact-wrapper {
        margin: 4rem auto 3rem;
        width: 85%; } }
    #contact .contact-wrapper .head {
      font-size: clamp(20px, 2vw, 27px);
      font-weight: bold; }
      #contact .contact-wrapper .head::before {
        content: "\025a0";
        color: #b01e2d;
        margin-right: .5rem;
        vertical-align: bottom; }
    #contact .contact-wrapper table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      margin-top: 2.5rem;
      width: 100%; }
      @media (max-width: 768px) {
        #contact .contact-wrapper table {
          margin-top: 1.5rem; } }
      #contact .contact-wrapper table th, #contact .contact-wrapper table td {
        padding: 1rem; }
        @media (max-width: 768px) {
          #contact .contact-wrapper table th, #contact .contact-wrapper table td {
            padding: .5rem; } }
      #contact .contact-wrapper table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center;
        width: 15%; }
        @media (max-width: 768px) {
          #contact .contact-wrapper table th {
            width: 25%; } }
      #contact .contact-wrapper table td {
        border-bottom: 1px solid #aaabab; }
        #contact .contact-wrapper table td .sup {
          font-size: 14px; }

/*contact*/
/********************************************************************************
access
********************************************************************************/
#access {
  /*access-wrapper*/ }
  #access .access-wrapper {
    margin-top: 7rem;
    /* Google Mapのiframe */
    /*time-wrapper*/ }
    @media (max-width: 768px) {
      #access .access-wrapper {
        margin-top: 4rem;
        margin-bottom: 4rem; } }
    @media (max-width: 768px) {
      #access .access-wrapper .head-square,
      #access .access-wrapper .address {
        margin: auto;
        width: 85%; } }
    #access .access-wrapper .address {
      font-size: clamp(16px, 1.8vw, 20px);
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #access .access-wrapper .address {
          margin-top: 2rem; } }
    #access .access-wrapper .gmap {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 57%;
      /* 比率を4:3に固定 */
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #access .access-wrapper .gmap {
          margin-top: 2rem; } }
    #access .access-wrapper .gmap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #access .access-wrapper .time-wrapper {
      margin-top: 5rem; }
      @media (max-width: 768px) {
        #access .access-wrapper .time-wrapper {
          margin: 3rem auto 0;
          width: 85%; } }
      #access .access-wrapper .time-wrapper .sub-head {
        background: #b01e2d;
        color: #fff;
        display: inline-block;
        font-size: clamp(18px, 2vw, 30px);
        font-weight: 700;
        padding: .75rem 2rem 1rem; }
        @media (max-width: 768px) {
          #access .access-wrapper .time-wrapper .sub-head {
            display: block;
            margin: auto;
            text-align: center;
            width: calc(100% - 4rem); } }
      #access .access-wrapper .time-wrapper .image {
        margin-top: 3rem;
        width: 90%; }
        @media (max-width: 768px) {
          #access .access-wrapper .time-wrapper .image {
            margin: 2rem auto 0;
            width: 80%; } }
      @media (max-width: 768px) {
        #access .access-wrapper .time-wrapper.route {
          width: 100%; } }
      @media (max-width: 768px) {
        #access .access-wrapper .time-wrapper.route .sub-head {
          width: calc(85% - 4rem); } }
      #access .access-wrapper .time-wrapper.route .image {
        width: 100%; }
        @media (max-width: 768px) {
          #access .access-wrapper .time-wrapper.route .image {
            width: 100%; } }
      @media (max-width: 768px) {
        #access .access-wrapper .time-wrapper + .time-wrapper {
          margin-top: 5rem; } }

/*access*/
/********************************************************************************
living
********************************************************************************/
#living {
  /*real-estate-wrapper*/
  /*apartment-wrapper*/
  /*etc-support-wrapper*/ }
  #living .real-estate-wrapper {
    margin-top: 7rem;
    /*shop-list*/
    /*policy-wrapper*/
    /*visit-link*/ }
    @media (max-width: 768px) {
      #living .real-estate-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #living .real-estate-wrapper .head-square + .text {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #living .real-estate-wrapper .head-square + .text {
          margin-top: 2rem; } }
    #living .real-estate-wrapper .shop-list {
      margin-top: 3rem;
      /*ul*/ }
      @media (max-width: 768px) {
        #living .real-estate-wrapper .shop-list {
          margin-top: 2rem; } }
      #living .real-estate-wrapper .shop-list ul {
        display: flex;
        gap: 0 3%;
        margin-top: 1rem;
        /*li*/ }
        @media (max-width: 768px) {
          #living .real-estate-wrapper .shop-list ul {
            display: inherit; } }
        #living .real-estate-wrapper .shop-list ul li {
          background: #fff;
          border: 3px solid #b01e2d;
          border-radius: 25px;
          padding: 2.5rem 0;
          flex: 1; }
          @media (max-width: 768px) {
            #living .real-estate-wrapper .shop-list ul li {
              padding: 1rem 0; } }
          #living .real-estate-wrapper .shop-list ul li p {
            color: #b01e2d;
            font-size: clamp(18px, 2vw, 24px);
            font-weight: 700;
            line-height: 1.3;
            text-align: center; }
            #living .real-estate-wrapper .shop-list ul li p a {
              color: #b01e2d; }
          #living .real-estate-wrapper .shop-list ul li .name a {
            text-decoration: underline; }
          #living .real-estate-wrapper .shop-list ul li .name span {
            border-bottom: 1px solid #b01e2d;
            padding-bottom: .5rem; }
          #living .real-estate-wrapper .shop-list ul li .tel {
            margin-top: 2rem; }
            @media (max-width: 768px) {
              #living .real-estate-wrapper .shop-list ul li .tel {
                margin-top: 1rem; } }
            #living .real-estate-wrapper .shop-list ul li .tel small {
              font-size: clamp(14px, 1.5vw, 16px);
              margin-right: .5rem; }
          #living .real-estate-wrapper .shop-list ul li .mail {
            font-size: clamp(14px, 1.5vw, 16px);
            font-weight: 600; }
            #living .real-estate-wrapper .shop-list ul li .mail small {
              font-size: 13px;
              margin-right: .5rem; }
          #living .real-estate-wrapper .shop-list ul li:nth-child(2) .name span {
            border-color: #fff; }
          #living .real-estate-wrapper .shop-list ul li:nth-child(2) .tel {
            margin-top: 2.5rem; }
            @media (max-width: 768px) {
              #living .real-estate-wrapper .shop-list ul li:nth-child(2) .tel {
                margin-top: 1rem; } }
          @media (max-width: 768px) {
            #living .real-estate-wrapper .shop-list ul li + li {
              margin-top: 1rem; } }
    #living .real-estate-wrapper .policy-wrapper {
      background: #f4f4ed;
      margin-top: 7rem;
      padding: 2rem 0 3rem; }
      @media (max-width: 768px) {
        #living .real-estate-wrapper .policy-wrapper {
          margin-top: 4rem;
          padding: 2rem 2rem 3rem; } }
      #living .real-estate-wrapper .policy-wrapper .sub-head {
        text-align: center; }
        #living .real-estate-wrapper .policy-wrapper .sub-head span {
          background: #b01e2d;
          border-radius: 25px;
          color: #fff;
          font-size: clamp(15px, 1.6vw, 17px);
          font-weight: 700;
          letter-spacing: 5px;
          padding: .25rem 3rem .5rem; }
      #living .real-estate-wrapper .policy-wrapper ul {
        margin: 2rem auto 0;
        width: fit-content; }
        #living .real-estate-wrapper .policy-wrapper ul li {
          padding-left: 1rem;
          line-height: 1.8;
          text-indent: -1.25rem; }
          #living .real-estate-wrapper .policy-wrapper ul li::before {
            content: "\025a0";
            color: #b01e2d;
            margin-right: .25rem;
            vertical-align: bottom; }
          #living .real-estate-wrapper .policy-wrapper ul li + li {
            margin-top: .5rem; }
            @media (max-width: 768px) {
              #living .real-estate-wrapper .policy-wrapper ul li + li {
                margin-top: .75rem; } }
    #living .real-estate-wrapper .visit-link {
      margin-top: 3rem;
      text-align: center; }
      @media (max-width: 768px) {
        #living .real-estate-wrapper .visit-link {
          margin-top: 2rem; } }
      #living .real-estate-wrapper .visit-link a {
        border-bottom: 2px solid #b01e2d;
        color: #b01e2d;
        font-size: clamp(20px, 2vw, 25px);
        font-weight: 500;
        padding: 0 3rem .5rem 1rem;
        position: relative; }
        @media (max-width: 768px) {
          #living .real-estate-wrapper .visit-link a {
            line-height: 2.5;
            padding-right: 2rem;
            padding-bottom: .25rem; } }
        #living .real-estate-wrapper .visit-link a::before {
          content: "";
          background: url("../images/campus/living/arrow.svg");
          background-size: cover;
          display: block;
          height: 26px;
          width: 26px;
          position: absolute;
          top: 47%;
          right: 2%;
          transform: translate(0, -50%); }
          @media (max-width: 768px) {
            #living .real-estate-wrapper .visit-link a::before {
              height: 20px;
              width: 20px;
              top: auto;
              bottom: 0; } }
  #living .apartment-wrapper {
    margin-top: 7rem;
    /*detail*/ }
    @media (max-width: 768px) {
      #living .apartment-wrapper {
        margin: 5rem auto 0;
        width: 85%; } }
    @media (max-width: 768px) {
      #living .apartment-wrapper .head-square + p {
        margin-top: 1rem; } }
    #living .apartment-wrapper .detail {
      display: flex;
      gap: 0 3%;
      margin-top: 4rem;
      /*text-box*/ }
      @media (max-width: 768px) {
        #living .apartment-wrapper .detail {
          display: inherit;
          margin-top: 2rem; } }
      #living .apartment-wrapper .detail .text-box {
        width: 47%;
        /*box*/ }
        @media (max-width: 768px) {
          #living .apartment-wrapper .detail .text-box {
            width: 100%; } }
        #living .apartment-wrapper .detail .text-box .sub-head {
          background: #b01e2d;
          color: #fff;
          font-size: clamp(22px, 2.4vw, 30px);
          font-weight: 700;
          padding: .75rem 0 1rem 2rem; }
        #living .apartment-wrapper .detail .text-box .cross-head {
          color: #b01e2d;
          font-size: clamp(20px, 2vw, 22px);
          font-weight: 500;
          margin-top: 1rem; }
        #living .apartment-wrapper .detail .text-box .box {
          background: #f4f4ed;
          padding: 1.5rem 0 1.5rem 3rem;
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #living .apartment-wrapper .detail .text-box .box {
              padding: 1.5rem .5rem 1.5rem; } }
          #living .apartment-wrapper .detail .text-box .box table {
            border-spacing: 3px; }
            #living .apartment-wrapper .detail .text-box .box table th {
              background: #fff;
              border: 1px solid #231815;
              font-size: 14px;
              padding: 0 .5rem;
              text-align: center;
              white-space: nowrap; }
            #living .apartment-wrapper .detail .text-box .box table td {
              font-size: clamp(15px, 1.5vw, 16px);
              padding-left: .5rem; }
              #living .apartment-wrapper .detail .text-box .box table td strong {
                font-size: clamp(18px, 1.8vw, 20px);
                font-weight: 600; }
          #living .apartment-wrapper .detail .text-box .box ul {
            display: flex;
            flex-wrap: wrap;
            margin-top: .5rem; }
            #living .apartment-wrapper .detail .text-box .box ul li {
              font-size: clamp(15px, 1.5vw, 15px);
              line-height: 1.6;
              margin-right: 2rem;
              white-space: nowrap; }
              #living .apartment-wrapper .detail .text-box .box ul li::before {
                content: "\025cf";
                color: #b01e2d;
                margin-right: .25rem;
                vertical-align: bottom; }
      #living .apartment-wrapper .detail .image {
        width: 50%; }
        @media (max-width: 768px) {
          #living .apartment-wrapper .detail .image {
            width: 100%; } }
        #living .apartment-wrapper .detail .image p {
          font-size: 14px;
          font-weight: 400;
          text-indent: -1rem;
          padding-left: 1rem; }
          #living .apartment-wrapper .detail .image p::before {
            content: "※"; }
      #living .apartment-wrapper .detail + .detail {
        margin-top: 5rem; }
        @media (max-width: 768px) {
          #living .apartment-wrapper .detail + .detail {
            margin-top: 3rem; } }
  #living .etc-support-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    margin-top: 9rem;
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #living .etc-support-wrapper {
        display: inherit;
        position: relative;
        margin: 4rem 0 3rem; } }
    #living .etc-support-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 65%;
      /*box*/ }
      @media (max-width: 768px) {
        #living .etc-support-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #living .etc-support-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #living .etc-support-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
      #living .etc-support-wrapper .text-box .box {
        background: #f4f4ed;
        padding: 1.5rem 0 1.5rem 3rem;
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #living .etc-support-wrapper .text-box .box {
            padding-left: 1rem; } }
        #living .etc-support-wrapper .text-box .box ul li {
          font-size: clamp(15px, 1.5vw, 15px);
          line-height: 1.6;
          margin-right: 2rem;
          white-space: nowrap;
          text-indent: -1.25rem;
          padding-left: 1rem; }
          @media (max-width: 768px) {
            #living .etc-support-wrapper .text-box .box ul li {
              margin-right: 0rem;
              white-space: inherit; } }
          #living .etc-support-wrapper .text-box .box ul li::before {
            content: "\025cf";
            color: #b01e2d;
            margin-right: .25rem;
            vertical-align: bottom; }
    #living .etc-support-wrapper .image {
      position: relative;
      height: 100%;
      /*width: 110%;*/
      width: 72%; }
      @media (max-width: 768px) {
        #living .etc-support-wrapper .image {
          margin: auto;
          width: 85%; } }
      @media (max-width: 768px) {
        #living .etc-support-wrapper .image img {
          max-height: inherit;
          width: 100%; } }
      #living .etc-support-wrapper .image p {
        font-size: 13px;
        position: absolute;
        bottom: 5px;
        left: 12px; }

/*living*/
/********************************************************************************
transfer
********************************************************************************/
#transfer {
  /*overview-wrapper*/
  /*flow-image-wrapper*/
  /*scholarship-table*/
  /*compatibility-table-wrapper*/
  /*transfer-student-wrapper*/ }
  #transfer .overview-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    margin-top: 9rem;
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #transfer .overview-wrapper {
        display: inherit;
        position: relative;
        margin: 4rem 0 3rem; } }
    #transfer .overview-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 90%; }
      @media (max-width: 768px) {
        #transfer .overview-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #transfer .overview-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #transfer .overview-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
      #transfer .overview-wrapper .text-box .sup {
        font-size: 14px;
        text-indent: -1rem;
        padding-left: 1rem;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #transfer .overview-wrapper .text-box .sup {
            margin-top: 1rem; } }
        #transfer .overview-wrapper .text-box .sup::before {
          content: "※"; }
    #transfer .overview-wrapper .image {
      position: relative;
      height: 100%;
      width: 110%; }
      @media (max-width: 768px) {
        #transfer .overview-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
      #transfer .overview-wrapper .image img {
        max-height: 490px;
        min-height: 380px;
        width: 100%;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          #transfer .overview-wrapper .image img {
            max-height: inherit;
            width: 100%; } }
      #transfer .overview-wrapper .image p {
        font-size: 13px;
        position: absolute;
        bottom: 5px;
        left: 12px; }
  #transfer .flow-image-wrapper {
    position: relative;
    margin-top: 5rem;
    /*flow-image*/ }
    @media (max-width: 768px) {
      #transfer .flow-image-wrapper {
        margin-top: 3rem; } }
    #transfer .flow-image-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #transfer .flow-image-wrapper::before {
          height: 100%; } }
    #transfer .flow-image-wrapper .inner {
      padding: 4rem 0; }
      @media (max-width: 768px) {
        #transfer .flow-image-wrapper .inner {
          padding: 3rem 0;
          margin: auto;
          width: 85%; } }
    #transfer .flow-image-wrapper .head {
      color: #b01e2d;
      font-size: clamp(22px, 2.4vw, 30px);
      font-weight: 700; }
    #transfer .flow-image-wrapper .text {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #transfer .flow-image-wrapper .text {
          margin-top: 1.5rem; } }
    #transfer .flow-image-wrapper .flow-image {
      display: flex;
      gap: 0 5%;
      align-items: center;
      margin: 2rem auto 0;
      width: 85%; }
      @media (max-width: 768px) {
        #transfer .flow-image-wrapper .flow-image {
          display: inherit; } }
      #transfer .flow-image-wrapper .flow-image .image p {
        color: #b01e2d;
        font-size: clamp(15px, 1.5vw, 17px);
        font-weight: 700;
        margin-top: 1rem;
        text-align: center; }
      #transfer .flow-image-wrapper .flow-image .arrow {
        width: 42px; }
        @media (max-width: 768px) {
          #transfer .flow-image-wrapper .flow-image .arrow {
            transform: rotate(90deg);
            margin: 1rem auto;
            width: 25px; } }
  #transfer .js-scrollable {
    margin-top: 3rem; }
    @media (max-width: 768px) {
      #transfer .js-scrollable {
        margin-top: 1.5rem; } }
    #transfer .js-scrollable + .sup-list {
      margin-top: 1.5rem; }
  #transfer .transfer-table {
    border-collapse: collapse;
    border-top: 1px solid #aaabab;
    width: 100%; }
    #transfer .transfer-table .border-right {
      border-right: 1px solid #aaabab; }
    #transfer .transfer-table .center {
      text-align: center; }
    #transfer .transfer-table a {
      text-decoration: underline; }
    #transfer .transfer-table th, #transfer .transfer-table td {
      padding: 1rem; }
    #transfer .transfer-table .total th, #transfer .transfer-table .total td {
      background: #f6f3ea; }
    #transfer .transfer-table thead th {
      background: #4f4644;
      border-right: 1px solid #fff;
      color: #fff;
      padding: 0;
      text-align: center; }
      #transfer .transfer-table thead th:last-child {
        border-right: 0; }
    #transfer .transfer-table tbody th {
      background: #f9f7f0;
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      padding-left: 2rem;
      padding-right: 2rem;
      white-space: nowrap; }
      @media (max-width: 768px) {
        #transfer .transfer-table tbody th {
          padding-left: 1rem;
          padding-right: 1rem; } }
      #transfer .transfer-table tbody th:last-child {
        border-right: 0; }
    #transfer .transfer-table tbody td {
      background: #fff;
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      text-align: left; }
      #transfer .transfer-table tbody td:last-child {
        border-right: 0; }
      #transfer .transfer-table tbody td .indent {
        padding-left: 1rem; }
  #transfer .recommendation-wrapper .transfer-table tbody td {
    padding: 1rem 1rem 1rem 1.5rem; }
  #transfer .compatibility-table-wrapper,
  #transfer .enrolled-students-wrapper,
  #transfer .recommendation-wrapper {
    margin-top: 7rem; }
    @media (max-width: 768px) {
      #transfer .compatibility-table-wrapper,
      #transfer .enrolled-students-wrapper,
      #transfer .recommendation-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
  #transfer .transfer-student-wrapper {
    position: relative;
    margin-top: 7rem;
    /*transfer-message*/ }
    @media (max-width: 768px) {
      #transfer .transfer-student-wrapper {
        margin: 4rem 0 3rem; } }
    #transfer .transfer-student-wrapper::before {
      content: "";
      background: #f4f4ed;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #transfer .transfer-student-wrapper::before {
          height: 100%; } }
    #transfer .transfer-student-wrapper .inner {
      padding: 6rem 0; }
      @media (max-width: 768px) {
        #transfer .transfer-student-wrapper .inner {
          padding: 4rem 0;
          margin: auto;
          width: 85%; } }
    #transfer .transfer-student-wrapper .transfer-message {
      margin-top: 3rem;
      /*profile-box*/
      /*message-box*/ }
      @media (max-width: 768px) {
        #transfer .transfer-student-wrapper .transfer-message {
          margin-top: 2rem; } }
      #transfer .transfer-student-wrapper .transfer-message .profile-box {
        background: #fff;
        display: flex;
        align-items: center;
        gap: 0 5%;
        font-size: clamp(15px, 1.5vw, 17px);
        position: relative;
        transition: .2s;
        /*text-box*/ }
        @media (max-width: 768px) {
          #transfer .transfer-student-wrapper .transfer-message .profile-box {
            background-position: 95% 10%;
            display: inherit; } }
        #transfer .transfer-student-wrapper .transfer-message .profile-box .image {
          width: 45%; }
          @media (max-width: 768px) {
            #transfer .transfer-student-wrapper .transfer-message .profile-box .image {
              width: 100%; } }
        #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box {
          width: 45%; }
          @media (max-width: 768px) {
            #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box {
              margin-top: 1rem;
              padding: 1rem 1.5rem;
              width: calc(100% - 3rem); } }
          #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .box-head {
            font-size: clamp(18px, 1.8vw, 20px);
            font-weight: 500;
            color: #b01e2d;
            position: relative;
            text-align: center; }
            #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .box-head::before {
              content: "";
              border: 2px solid #b01e2d;
              display: block;
              height: 100%;
              width: 100%;
              position: absolute;
              top: -1px;
              left: -1px; }
            #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .box-head span {
              display: block;
              padding: .5rem 0;
              position: relative;
              z-index: 0; }
              #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .box-head span::before {
                content: "";
                background: #fff;
                display: block;
                height: 110%;
                width: 95%;
                position: absolute;
                top: -2%;
                left: 2.5%;
                z-index: -1; }
          #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .name {
            font-size: clamp(20px, 2.2vw, 27px);
            font-weight: 500;
            margin-top: 1.5rem; }
            #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .name small {
              font-size: clamp(15px, 1.8vw, 20px); }
          #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .career {
            font-size: clamp(13px, 1.4vw, 15px);
            margin-top: 1rem; }
            @media (max-width: 768px) {
              #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .career {
                font-size: 15px;
                margin-top: .5rem; } }
            #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .career small {
              font-size: clamp(12px, 1.3vw, 13px);
              font-weight: 400;
              margin-left: 1rem; }
              @media (max-width: 768px) {
                #transfer .transfer-student-wrapper .transfer-message .profile-box .text-box .career small {
                  margin-left: 0; } }
        #transfer .transfer-student-wrapper .transfer-message .profile-box .arrow {
          mask-image: url("../images/common/icon-arrow-down.svg");
          mask-size: cover;
          mask-repeat: no-repeat;
          mask-position: center;
          background-color: #231815;
          height: 11px;
          width: 22px;
          position: absolute;
          bottom: 10%;
          right: 2%; }
          @media (max-width: 768px) {
            #transfer .transfer-student-wrapper .transfer-message .profile-box .arrow {
              bottom: 5%; } }
        #transfer .transfer-student-wrapper .transfer-message .profile-box.active .arrow {
          mask-image: url("../images/common/icon-arrow-upper.svg"); }
        @media (hover: hover) and (pointer: fine) {
          #transfer .transfer-student-wrapper .transfer-message .profile-box:hover {
            opacity: 1;
            cursor: pointer; } }
        @media (hover: hover) and (pointer: fine) {
          #transfer .transfer-student-wrapper .transfer-message .profile-box:hover .name {
            color: #d51026; } }
      #transfer .transfer-student-wrapper .transfer-message .message-box {
        background: #fff;
        display: none;
        padding: 2rem 4rem 2rem; }
        @media (max-width: 768px) {
          #transfer .transfer-student-wrapper .transfer-message .message-box {
            padding: 1.5rem 1.5rem; } }
        #transfer .transfer-student-wrapper .transfer-message .message-box .head {
          color: #b01e2d;
          font-size: clamp(22px, 2.4vw, 27px);
          font-weight: 700;
          line-height: 1.6; }
        #transfer .transfer-student-wrapper .transfer-message .message-box .text {
          font-size: clamp(14px, 1.5vw, 15px);
          /*font-weight: $r;*/
          margin-top: 1rem; }
      #transfer .transfer-student-wrapper .transfer-message + .transfer-message {
        margin-top: 5rem; }
@inlucde sp {
  #transfer .transfer-student-wrapper .transfer-message + .transfer-message {
    margin-top: 2rem; } }
/*transfer*/
/********************************************************************************
privacy
********************************************************************************/
#privacy {
  /*privacy-wrapper*/ }
  #privacy .privacy-wrapper {
    /*ul*/ }
    @media (max-width: 768px) {
      #privacy .privacy-wrapper {
        margin: 0 auto 3rem;
        width: 85%; } }
    #privacy .privacy-wrapper .head-square + .text {
      margin-top: 3rem; }
      #privacy .privacy-wrapper .head-square + .text + .sup {
        font-size: 14px;
        font-weight: 400;
        text-indent: -1rem;
        padding-left: 1rem;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #privacy .privacy-wrapper .head-square + .text + .sup {
            margin-top: 1rem; } }
        #privacy .privacy-wrapper .head-square + .text + .sup::before {
          content: "※"; }
    #privacy .privacy-wrapper ul {
      margin-top: 5rem;
      /*li*/ }
      @media (max-width: 768px) {
        #privacy .privacy-wrapper ul {
          margin-top: 3rem; } }
      #privacy .privacy-wrapper ul li .sub-head {
        font-size: clamp(18px, 1.8vw, 20px);
        font-weight: 500; }
        #privacy .privacy-wrapper ul li .sub-head::before {
          counter-increment: number 1;
          content: counter(number) ". "; }
        #privacy .privacy-wrapper ul li .sub-head + p {
          margin: .5rem 0 0 1.5rem; }
          #privacy .privacy-wrapper ul li .sub-head + p + .sup {
            font-size: 14px;
            font-weight: 400;
            padding-left: 1.5rem; }
      #privacy .privacy-wrapper ul li a {
        text-decoration: underline; }
      #privacy .privacy-wrapper ul li + li {
        margin-top: 2.5rem; }
        @media (max-width: 768px) {
          #privacy .privacy-wrapper ul li + li {
            margin-top: 1.5rem; } }
      #privacy .privacy-wrapper ul + .sup {
        /*font-size: 14px;*/
        font-weight: 400;
        margin-left: 1.5rem;
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #privacy .privacy-wrapper ul + .sup {
            margin-top: 2rem; } }
    #privacy .privacy-wrapper .revision-date {
      font-weight: 400;
      margin-top: 1rem;
      text-align: right; }

/*privacy*/
/********************************************************************************
c-support
********************************************************************************/
#c-support {
  /*concept-wrapper*/
  /*strengths-wrapper*/
  /*btn-list*/
  /*support-wrapper*/
  /*etc-support-wrapper*/
  /*graduate-wrapper*/ }
  #c-support .concept-wrapper {
    position: relative;
    /*flex-wrapper*/ }
    #c-support .concept-wrapper::before {
      content: "";
      background: #fff;
      height: 10vw;
      width: 5px;
      position: absolute;
      bottom: 0;
      left: -2px; }
      @media (max-width: 1024px) {
        #c-support .concept-wrapper::before {
          content: none; } }
    #c-support .concept-wrapper .flex-wrapper {
      gap: 0 5%;
      margin-top: 2rem;
      /*images*/ }
      @media (max-width: 768px) {
        #c-support .concept-wrapper .flex-wrapper {
          display: inherit; } }
      #c-support .concept-wrapper .flex-wrapper p {
        margin-top: 0;
        width: 50%; }
        @media (max-width: 768px) {
          #c-support .concept-wrapper .flex-wrapper p {
            width: 100%; } }
      #c-support .concept-wrapper .flex-wrapper .image {
        width: 45%; }
        @media (max-width: 768px) {
          #c-support .concept-wrapper .flex-wrapper .image {
            padding-top: 1rem;
            position: relative;
            width: 100%; } }
        @media (max-width: 768px) {
          #c-support .concept-wrapper .flex-wrapper .image::before {
            content: "";
            background: #fff;
            height: 100%;
            width: 5px;
            position: absolute;
            bottom: 0;
            left: calc(-1rem + -2px); } }
        @media (max-width: 768px) {
          #c-support .concept-wrapper .flex-wrapper .image img {
            margin: auto;
            width: 65%; } }
  #c-support .strengths-wrapper {
    background: #ececec;
    padding: 3rem 0 3rem 5rem;
    position: relative;
    margin-top: 3rem;
    /*point-list*/ }
    @media (max-width: 768px) {
      #c-support .strengths-wrapper {
        padding: 3rem 0 3rem 0; } }
    #c-support .strengths-wrapper::before {
      content: "";
      background: #ececec;
      background-size: cover;
      height: 100%;
      width: 75vw;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #c-support .strengths-wrapper::before {
          content: none; } }
    #c-support .strengths-wrapper .head-flex {
      align-items: center; }
      @media (max-width: 768px) {
        #c-support .strengths-wrapper .head-flex {
          margin: auto;
          width: 85%; } }
      #c-support .strengths-wrapper .head-flex img {
        margin: -22px 0 0 -22px;
        width: 170px; }
        @media (max-width: 768px) {
          #c-support .strengths-wrapper .head-flex img {
            margin: -12px 0 0 -12px;
            width: 126px; } }
      #c-support .strengths-wrapper .head-flex .head {
        font-size: clamp(30px, 3.4vw, 38px);
        font-weight: 700;
        margin-left: 1.5rem; }
        @media (max-width: 768px) {
          #c-support .strengths-wrapper .head-flex .head {
            margin-top: 1rem; } }
    #c-support .strengths-wrapper .point-list {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #c-support .strengths-wrapper .point-list {
          margin-left: 7.5%; } }
      #c-support .strengths-wrapper .point-list li {
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          #c-support .strengths-wrapper .point-list li {
            display: inherit; } }
        #c-support .strengths-wrapper .point-list li img {
          width: 78px; }
          @media (max-width: 768px) {
            #c-support .strengths-wrapper .point-list li img {
              position: relative;
              width: 70px;
              z-index: 1; } }
        #c-support .strengths-wrapper .point-list li p {
          background: #fff;
          font-size: clamp(17px, 1.8vw, 22px);
          font-weight: 500;
          padding: 1rem;
          position: relative;
          width: 100%; }
          @media (max-width: 768px) {
            #c-support .strengths-wrapper .point-list li p {
              padding: 3rem 1.5rem 1.5rem 1.5rem;
              margin-top: -2rem;
              width: calc(100% - 3rem); } }
        #c-support .strengths-wrapper .point-list li + li {
          margin-top: .5rem; }
          @media (max-width: 768px) {
            #c-support .strengths-wrapper .point-list li + li {
              margin-top: 1rem; } }
  #c-support .btn-list {
    display: flex;
    gap: 0 4%;
    justify-content: center;
    margin-top: 5rem; }
    @media (max-width: 768px) {
      #c-support .btn-list {
        display: inherit;
        margin-top: 3rem;
        text-align: center; } }
    @media (max-width: 768px) {
      #c-support .btn-list li + li {
        margin-top: 1rem; } }
  #c-support .support-wrapper {
    margin-top: 7rem;
    padding: 6rem 0;
    position: relative;
    /*point-wrapper*/
    /*center-message*/
    /*point4-support-list*/ }
    @media (max-width: 768px) {
      #c-support .support-wrapper {
        margin-top: 4rem;
        padding: 4rem 0; } }
    #c-support .support-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #c-support .support-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      #c-support .support-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #c-support .support-wrapper .point-wrapper {
      position: relative;
      margin-top: 7rem;
      /*inner*/
      /*point4*/
      /*support-list*/
      /*point-num*/ }
      @media (max-width: 768px) {
        #c-support .support-wrapper .point-wrapper {
          margin-top: 3rem; } }
      @media (max-width: 768px) {
        #c-support .support-wrapper .point-wrapper + .point-wrapper {
          margin-top: 5rem; } }
      @media (max-width: 768px) {
        #c-support .support-wrapper .point-wrapper .fixed-width {
          margin: auto;
          width: 100%; } }
      #c-support .support-wrapper .point-wrapper .inner {
        display: flex;
        gap: 0 5%;
        /*image*/ }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .inner {
            display: inherit;
            margin: auto;
            width: 100%; } }
        #c-support .support-wrapper .point-wrapper .inner .text-box {
          width: 50%; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .inner .text-box {
              width: 100%; } }
        #c-support .support-wrapper .point-wrapper .inner .image {
          position: relative;
          /*min-height: 390px;*/
          width: 50%; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .inner .image {
              margin-top: 2rem;
              min-height: inherit;
              width: 100%; } }
          #c-support .support-wrapper .point-wrapper .inner .image img {
            /*height: 100%;
            object-fit: cover;
            object-position: center;*/ }
            @media (max-width: 768px) {
              #c-support .support-wrapper .point-wrapper .inner .image img {
                max-height: inherit;
                width: 100%; } }
      #c-support .support-wrapper .point-wrapper.point1 {
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper.point1 {
            margin-top: 2rem; } }
        #c-support .support-wrapper .point-wrapper.point1 .head-flex .sub-head small {
          margin-right: 0; }
        #c-support .support-wrapper .point-wrapper.point1 .image {
          margin: 3rem auto 0;
          max-width: 760px; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper.point1 .image {
              margin-top: 2rem;
              width: 80%; } }
      @media (max-width: 768px) {
        #c-support .support-wrapper .point-wrapper.point3 {
          margin-top: 5rem; } }
      #c-support .support-wrapper .point-wrapper.point4 {
        /*inner*/ }
        #c-support .support-wrapper .point-wrapper.point4 .inner {
          margin-top: 3rem;
          /*text-box*/ }
          #c-support .support-wrapper .point-wrapper.point4 .inner + .inner {
            margin-top: 6rem; }
            @media (max-width: 768px) {
              #c-support .support-wrapper .point-wrapper.point4 .inner + .inner {
                margin-top: 3rem; } }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper.point4 .inner .text-box {
              margin: auto;
              width: 85%; } }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .text {
              width: 100%; } }
          #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .support-list.flex-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            @media (max-width: 768px) {
              #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .support-list.flex-list {
                /*display: inherit;*/ } }
            #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .support-list.flex-list .head {
              width: 100%; }
            #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .support-list.flex-list li {
              width: 40%; }
              @media (max-width: 768px) {
                #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .support-list.flex-list li {
                  /*width: 100%;*/ } }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper.point4 .inner .text-box .more-btn a {
              padding-right: 2.5rem;
              width: 75% !important; } }
      #c-support .support-wrapper .point-wrapper .head-flex {
        align-items: center; }
        #c-support .support-wrapper .point-wrapper .head-flex p {
          margin-left: 0; }
        #c-support .support-wrapper .point-wrapper .head-flex .sub-head {
          margin-left: 2rem;
          margin-top: -.5rem; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .head-flex .sub-head {
              margin-left: 0;
              margin-top: 1rem; } }
          #c-support .support-wrapper .point-wrapper .head-flex .sub-head small {
            margin-right: 1.5rem; }
            @media (max-width: 768px) {
              #c-support .support-wrapper .point-wrapper .head-flex .sub-head small {
                margin-right: 0; } }
      #c-support .support-wrapper .point-wrapper .sub-head {
        font-size: clamp(24px, 2.6vw, 30px);
        font-weight: 700;
        line-height: 1.4;
        margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .sub-head {
            font-size: 30px;
            margin-top: 1rem;
            text-align: center; } }
        #c-support .support-wrapper .point-wrapper .sub-head small {
          font-size: clamp(17px, 1.8vw, 20px); }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .sub-head small {
              font-size: 20px; } }
      #c-support .support-wrapper .point-wrapper .cross-head {
        font-size: clamp(20px, 2vw, 23px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .cross-head {
            margin-top: 1.5rem; } }
      #c-support .support-wrapper .point-wrapper .text {
        margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .text {
            margin: 2rem auto 0;
            width: 85%; } }
      #c-support .support-wrapper .point-wrapper .support-list {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .support-list {
            margin-top: 1rem; } }
        #c-support .support-wrapper .point-wrapper .support-list li:not(.head) {
          font-size: clamp(15px, 1.7vw, 19px);
          font-weight: 500;
          padding: 0 0 0 1.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .support-list li:not(.head) {
              font-size: 18px; } }
          #c-support .support-wrapper .point-wrapper .support-list li:not(.head)::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: 13px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
        #c-support .support-wrapper .point-wrapper .support-list .head {
          border-bottom: 1px solid #231815;
          font-size: 13px;
          font-weight: 500;
          padding-bottom: .5rem;
          margin-bottom: 1rem; }
        #c-support .support-wrapper .point-wrapper .support-list + .sup {
          font-size: 14px;
          font-weight: 400;
          margin-top: 2rem; }
      #c-support .support-wrapper .point-wrapper .more-btn {
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .more-btn {
            margin-top: 2rem;
            text-align: center; } }
        #c-support .support-wrapper .point-wrapper .more-btn a {
          width: min(20vw, 240px); }
      #c-support .support-wrapper .point-wrapper .point-num {
        display: flex;
        align-items: normal;
        justify-content: flex-start; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point-wrapper .point-num {
            justify-content: center; } }
        #c-support .support-wrapper .point-wrapper .point-num .en {
          background: #231815;
          color: #fff;
          font-family: "Oswald", sans-serif;
          font-size: clamp(16px, 1.8vw, 19px);
          font-weight: 400;
          padding: 1.25rem 1.15rem 1.55rem; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point-wrapper .point-num .en {
              padding: 1rem 1rem 1rem; } }
        #c-support .support-wrapper .point-wrapper .point-num .num {
          background: #b01e2d;
          color: #fff;
          display: flex;
          align-items: center;
          font-family: "Oswald", sans-serif;
          font-size: clamp(50px, 5vw, 60px);
          font-weight: 700;
          letter-spacing: 1px;
          padding: .5rem 1.35rem .75rem; }
    #c-support .support-wrapper .center-message {
      background: #b01e2d;
      padding: 2rem 0;
      position: relative;
      display: flex;
      align-items: center;
      gap: 0 5%; }
      @media (max-width: 768px) {
        #c-support .support-wrapper .center-message {
          display: inherit;
          padding: 2rem 0 4rem; } }
      #c-support .support-wrapper .center-message::before {
        content: "";
        background: #b01e2d;
        background-size: cover;
        height: 100%;
        width: 75vw;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -2; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .center-message::before {
            content: none; } }
      @media (max-width: 768px) {
        #c-support .support-wrapper .center-message .image {
          margin: auto;
          width: 85%; } }
      #c-support .support-wrapper .center-message .image img {
        /*height: 100%;
        object-fit: cover;
        object-position: center;*/ }
      #c-support .support-wrapper .center-message .text-box {
        color: #fff;
        width: 100%; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .center-message .text-box {
            margin: 2rem auto 0;
            width: 85%; } }
        #c-support .support-wrapper .center-message .text-box .cross-head {
          font-size: clamp(20px, 2vw, 22px); }
        #c-support .support-wrapper .center-message .text-box .en {
          font-family: "Oswald", sans-serif;
          font-size: clamp(41px, 4.2vw, 51px);
          font-weight: 700;
          margin-top: 1rem; }
        #c-support .support-wrapper .center-message .text-box .text {
          margin-top: 2rem; }
    #c-support .support-wrapper .point4-support-list {
      display: flex;
      gap: 0 5%;
      /*li*/
      /*point4-support-list column-half*/ }
      @media (max-width: 768px) {
        #c-support .support-wrapper .point4-support-list {
          display: inherit;
          width: 100%; } }
      #c-support .support-wrapper .point4-support-list li {
        width: 30%; }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point4-support-list li {
            width: 100%; } }
        #c-support .support-wrapper .point4-support-list li .sub-head {
          font-size: clamp(20px, 2vw, 23px);
          font-weight: 700;
          margin-top: 1.5rem; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point4-support-list li .sub-head {
              margin: 1.5rem auto 0;
              text-align: left;
              width: 85%; } }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point4-support-list li img {
            width: 100%; } }
        #c-support .support-wrapper .point4-support-list li p {
          font-size: clamp(14px, 1.4vw, 15px);
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point4-support-list li p {
              margin: 1rem auto 0;
              width: 85%; } }
        @media (max-width: 768px) {
          #c-support .support-wrapper .point4-support-list li + li {
            margin-top: 3rem; } }
      #c-support .support-wrapper .point4-support-list.column-half {
        flex-wrap: wrap; }
        #c-support .support-wrapper .point4-support-list.column-half li {
          width: 47.5%; }
          @media (max-width: 768px) {
            #c-support .support-wrapper .point4-support-list.column-half li {
              width: 100%; } }
          #c-support .support-wrapper .point4-support-list.column-half li:nth-child(3), #c-support .support-wrapper .point4-support-list.column-half li:nth-child(4) {
            margin-top: 3rem; }
  #c-support .etc-support-wrapper {
    margin-top: 5rem;
    /*etc-support-list*/ }
    @media (max-width: 768px) {
      #c-support .etc-support-wrapper {
        margin: 5rem auto 0;
        width: 85%; } }
    #c-support .etc-support-wrapper .head {
      margin: auto;
      width: 440px; }
      @media (max-width: 768px) {
        #c-support .etc-support-wrapper .head {
          width: 315px; } }
    #c-support .etc-support-wrapper .etc-support-list {
      display: flex;
      gap: 0 2%;
      margin-top: 3rem;
      /*li*/ }
      @media (max-width: 768px) {
        #c-support .etc-support-wrapper .etc-support-list {
          display: inherit; } }
      #c-support .etc-support-wrapper .etc-support-list li {
        background: #fff;
        border: 2px solid #b01e2d;
        border-radius: 25px;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
        #c-support .etc-support-wrapper .etc-support-list li p {
          color: #b01e2d;
          font-size: clamp(20px, 2vw, 21px);
          font-weight: 600;
          line-height: 1.3;
          padding: 2.5rem 0;
          text-align: center; }
          @media (max-width: 768px) {
            #c-support .etc-support-wrapper .etc-support-list li p {
              padding: 1.5rem 0; } }
        @media (max-width: 768px) {
          #c-support .etc-support-wrapper .etc-support-list li + li {
            margin-top: 1rem; } }
  #c-support .graduate-wrapper {
    margin-top: 8rem;
    padding: 5rem 0 4rem;
    position: relative;
    /*flex-wrapper*/
    /*gakka-list*/ }
    @media (max-width: 768px) {
      #c-support .graduate-wrapper {
        margin: 4rem 0 3rem;
        padding: 4rem 0 0rem; } }
    #c-support .graduate-wrapper::before {
      content: "";
      background: url("../images/career/c-support/graduate-back.jpg") no-repeat center center;
      background-size: cover;
      height: 88%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper::before {
          background-image: url("../images/career/c-support/graduate-back-sp.jpg");
          height: 100%; } }
    #c-support .graduate-wrapper .head-flex {
      color: #fff; }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .head-flex {
          margin-left: auto;
          margin-right: auto;
          width: 85%; } }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .head-flex .head-square {
          line-height: 1.5; } }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .head-flex .head-square + p {
          margin-top: 1rem; } }
    #c-support .graduate-wrapper .flex-wrapper {
      position: relative; }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .flex-wrapper {
          display: inherit;
          width: 100%; } }
    #c-support .graduate-wrapper .gakka-list {
      margin-top: 6vw;
      width: 30%; }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .gakka-list {
          margin: 3rem auto 0;
          width: 85%; } }
      #c-support .graduate-wrapper .gakka-list li {
        display: flex;
        align-items: center;
        font-size: clamp(14px, 1.6vw, 21px);
        white-space: nowrap; }
        @media (max-width: 768px) {
          #c-support .graduate-wrapper .gakka-list li {
            font-size: 21px; } }
        #c-support .graduate-wrapper .gakka-list li a {
          color: #fff; }
        #c-support .graduate-wrapper .gakka-list li img {
          margin-right: .75rem;
          width: min(2vw, 36px); }
          @media (max-width: 768px) {
            #c-support .graduate-wrapper .gakka-list li img {
              width: 36px; } }
        #c-support .graduate-wrapper .gakka-list li + li {
          margin-top: .5rem; }
    #c-support .graduate-wrapper .image {
      margin-left: 4rem;
      width: 95%; }
      @media (max-width: 768px) {
        #c-support .graduate-wrapper .image {
          margin: 2rem 0 0;
          width: 100%; } }

/*c-support*/
/********************************************************************************
educational-info
********************************************************************************/
#educational-info {
  /*info-wrapper*/
  /*point-num*/ }
  #educational-info .info-wrapper {
    margin-top: 7rem;
    /*btn-list*/ }
    @media (max-width: 768px) {
      #educational-info .info-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #educational-info .info-wrapper .head-flex {
      align-items: center; }
      #educational-info .info-wrapper .head-flex .head-square {
        line-height: 1.3; }
        #educational-info .info-wrapper .head-flex .head-square + p {
          white-space: nowrap; }
          @media (max-width: 768px) {
            #educational-info .info-wrapper .head-flex .head-square + p {
              margin-top: .5rem; } }
    #educational-info .info-wrapper .btn-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      /*align-items: stretch;*/ }
      @media (max-width: 768px) {
        #educational-info .info-wrapper .btn-list {
          /*align-items: center;*/
          display: inherit; } }
      #educational-info .info-wrapper .btn-list li {
        margin-top: 1.5rem;
        width: 47.5%; }
        @media (max-width: 768px) {
          #educational-info .info-wrapper .btn-list li {
            /*display: flex;
            align-items: center;*/
            border: 1px solid #231815;
            margin-top: .75rem;
            /*width: 48.5%;*/
            width: 100%; } }
        #educational-info .info-wrapper .btn-list li a {
          background-color: #fafafa;
          font-size: clamp(14px, 1.8vw, 20px);
          font-weight: 700;
          padding: 1.5rem 3.5rem 1.5rem 1.5rem;
          width: calc(100% - 3.5rem - 0.75rem); }
          @media (max-width: 768px) {
            #educational-info .info-wrapper .btn-list li a {
              border: none;
              /*padding: .75rem 2.5rem .75rem .75rem;*/
              padding: 1.5rem 3rem 1.5rem 1.5rem;
              width: calc(100% - 3rem - 1.5rem) !important; } }
          @media (hover: hover) and (pointer: fine) {
            #educational-info .info-wrapper .btn-list li a:hover {
              background-color: #231815; } }
      #educational-info .info-wrapper .btn-list.single-column {
        display: inherit; }
        #educational-info .info-wrapper .btn-list.single-column li {
          width: 100%; }
    #educational-info .info-wrapper .btn-list-flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start; }
      @media (max-width: 768px) {
        #educational-info .info-wrapper .btn-list-flex {
          display: inherit; } }
      #educational-info .info-wrapper .btn-list-flex .btn-list {
        display: inherit;
        width: 47.5%; }
        @media (max-width: 768px) {
          #educational-info .info-wrapper .btn-list-flex .btn-list {
            width: 100%; } }
        #educational-info .info-wrapper .btn-list-flex .btn-list li {
          width: 100%; }
        @media (max-width: 768px) {
          #educational-info .info-wrapper .btn-list-flex .btn-list + .btn-list {
            margin-top: .75rem; } }
  #educational-info .point-num {
    display: flex;
    align-items: center;
    gap: 0 2%;
    margin-top: 5rem; }
    @media (max-width: 768px) {
      #educational-info .point-num {
        margin: 3rem 0 1rem; } }
    #educational-info .point-num .num {
      background: #b01e2d;
      color: #fff;
      display: flex;
      align-items: center;
      font-family: "Oswald", sans-serif;
      font-size: clamp(40px, 4vw, 46px);
      font-weight: 700;
      padding: .5rem .75rem .75rem;
      white-space: nowrap; }
    #educational-info .point-num .head {
      font-size: clamp(25px, 2.8vw, 30px);
      font-weight: 700; }
      @media (max-width: 768px) {
        #educational-info .point-num .head {
          line-height: 1.3; } }
  @media (max-width: 768px) {
    #educational-info .footer-banner {
      margin-top: 3rem; } }

/*educational-info*/
/********************************************************************************
overview
********************************************************************************/
#overview {
  /*school-info-wrapper*/
  /*founding-the-school-wrapper educational-policy-wrapper*/
  /*educational-policy-wrapper*/
  /*purpose-wrapper*/
  /*ad-policy-wrapper*/
  /*mission-wrapper*/
  /*history-wrapper*/ }
  #overview .school-info-wrapper {
    /*table*/ }
    @media (max-width: 768px) {
      #overview .school-info-wrapper {
        margin: auto;
        width: 85%; } }
    #overview .school-info-wrapper table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      margin-top: 4rem;
      width: 100%; }
      @media (max-width: 768px) {
        #overview .school-info-wrapper table {
          margin-top: 2rem; } }
      #overview .school-info-wrapper table th, #overview .school-info-wrapper table td {
        padding: 1rem; }
        @media (max-width: 768px) {
          #overview .school-info-wrapper table th, #overview .school-info-wrapper table td {
            padding: 1rem .5rem; } }
      #overview .school-info-wrapper table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #overview .school-info-wrapper table th {
            padding-left: .5rem;
            padding-right: .5rem; } }
        #overview .school-info-wrapper table th:last-child {
          border-right: 0; }
      #overview .school-info-wrapper table td {
        background: #fff;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: left; }
        @media (max-width: 768px) {
          #overview .school-info-wrapper table td {
            padding-right: 0;
            padding-left: 1rem; } }
        #overview .school-info-wrapper table td:last-child {
          border-right: 0; }
        #overview .school-info-wrapper table td .indent {
          padding-left: 1rem; }
        #overview .school-info-wrapper table td.gakka-list {
          /*gakka senkouka*/ }
          #overview .school-info-wrapper table td.gakka-list .gakka,
          #overview .school-info-wrapper table td.gakka-list .senkouka {
            margin-left: 1rem;
            /*li*/ }
            #overview .school-info-wrapper table td.gakka-list .gakka li,
            #overview .school-info-wrapper table td.gakka-list .senkouka li {
              display: inline;
              margin-right: 1rem;
              white-space: nowrap; }
              #overview .school-info-wrapper table td.gakka-list .gakka li::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li::before {
                content: "\025a0";
                color: #000;
                margin-right: .25rem;
                vertical-align: bottom; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(1)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(1)::before {
                color: #a85a95; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(2)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(2)::before {
                color: #dc669b; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(3)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(3)::before {
                color: #88a138; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(4)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(4)::before {
                color: #c69700; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(5)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(5)::before {
                color: #28a3ca; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(6)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(6)::before {
                color: #009999; }
              #overview .school-info-wrapper table td.gakka-list .gakka li:nth-child(7)::before,
              #overview .school-info-wrapper table td.gakka-list .senkouka li:nth-child(7)::before {
                color: #706eab; }
            #overview .school-info-wrapper table td.gakka-list .gakka + p,
            #overview .school-info-wrapper table td.gakka-list .senkouka + p {
              margin-top: 1rem; }
          #overview .school-info-wrapper table td.gakka-list .senkouka li::before {
            color: #0086c1 !important; }
          #overview .school-info-wrapper table td.gakka-list p + p {
            margin-top: 1rem; }
  #overview .founding-the-school-wrapper,
  #overview .educational-policy-wrapper {
    margin-top: 7rem;
    padding: 5rem 0;
    position: relative;
    /*inner*/
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #overview .founding-the-school-wrapper,
      #overview .educational-policy-wrapper {
        margin-top: 3rem;
        padding: 4rem 0; } }
    #overview .founding-the-school-wrapper::before,
    #overview .educational-policy-wrapper::before {
      content: "";
      background: #8c1621;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #overview .founding-the-school-wrapper::before,
        #overview .educational-policy-wrapper::before {
          height: 100%; } }
    #overview .founding-the-school-wrapper .inner,
    #overview .educational-policy-wrapper .inner {
      display: flex;
      gap: 0 7%; }
      @media (max-width: 768px) {
        #overview .founding-the-school-wrapper .inner,
        #overview .educational-policy-wrapper .inner {
          display: inherit;
          margin: auto;
          width: 85%; } }
    #overview .founding-the-school-wrapper .text-box,
    #overview .educational-policy-wrapper .text-box {
      color: #fff;
      width: 70%; }
      @media (max-width: 768px) {
        #overview .founding-the-school-wrapper .text-box,
        #overview .educational-policy-wrapper .text-box {
          width: 100%; } }
      #overview .founding-the-school-wrapper .text-box .catch,
      #overview .educational-policy-wrapper .text-box .catch {
        text-align: center;
        margin: 8rem auto 3rem;
        width: 340px; }
        @media (max-width: 768px) {
          #overview .founding-the-school-wrapper .text-box .catch,
          #overview .educational-policy-wrapper .text-box .catch {
            margin: 4rem auto 2rem;
            width: 100%; } }
    #overview .founding-the-school-wrapper .image,
    #overview .educational-policy-wrapper .image {
      width: 25%;
      /*name*/ }
      @media (max-width: 768px) {
        #overview .founding-the-school-wrapper .image,
        #overview .educational-policy-wrapper .image {
          margin: 1.5rem auto 0;
          width: 75%; } }
      #overview .founding-the-school-wrapper .image .name,
      #overview .educational-policy-wrapper .image .name {
        color: #fff;
        font-size: clamp(18px, 1.8vw, 20px);
        margin-top: .5rem;
        text-align: center; }
        #overview .founding-the-school-wrapper .image .name span,
        #overview .educational-policy-wrapper .image .name span {
          font-size: clamp(16px, 1.6vw, 17px); }
        #overview .founding-the-school-wrapper .image .name small,
        #overview .educational-policy-wrapper .image .name small {
          font-size: clamp(13px, 1.3vw, 14px); }
  #overview .educational-policy-wrapper {
    margin-top: 0;
    /*text-box*/ }
    #overview .educational-policy-wrapper::before {
      background: #750c13; }
    #overview .educational-policy-wrapper .text-box .catch {
      margin: 6rem auto 3rem;
      width: 411px; }
      @media (max-width: 768px) {
        #overview .educational-policy-wrapper .text-box .catch {
          margin: 4rem auto 2rem;
          width: 100%; } }
  #overview .purpose-wrapper {
    padding: 8rem 0 37vw;
    position: relative; }
    @media (max-width: 768px) {
      #overview .purpose-wrapper {
        padding: 4rem 0 17rem; } }
    #overview .purpose-wrapper::before {
      content: "";
      background: url("../images/school/overview/purpose-back.jpg") no-repeat 0 100%;
      background-size: 100% auto;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #overview .purpose-wrapper::before {
          background-image: url("../images/school/overview/purpose-back-sp.jpg"); } }
    @media (max-width: 768px) {
      #overview .purpose-wrapper .inner {
        margin: auto;
        width: 85%; } }
    #overview .purpose-wrapper .head {
      background: #b01e2d;
      color: #fff;
      display: inline-block;
      font-size: clamp(18px, 1.8vw, 20px);
      font-weight: 700;
      padding: .75rem 1.5rem; }
      @media (max-width: 768px) {
        #overview .purpose-wrapper .head {
          text-align: center;
          width: calc(100% - 3rem); } }
    #overview .purpose-wrapper .catch {
      margin: 4rem 0;
      width: 420px; }
      @media (max-width: 768px) {
        #overview .purpose-wrapper .catch {
          margin: 3rem 0;
          width: 85%; } }
    #overview .purpose-wrapper .text-box {
      display: flex;
      gap: 0 7%; }
      @media (max-width: 768px) {
        #overview .purpose-wrapper .text-box {
          display: inherit; } }
      #overview .purpose-wrapper .text-box p {
        font-weight: 400;
        line-height: 2;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #overview .purpose-wrapper .text-box p {
            white-space: inherit; } }
        #overview .purpose-wrapper .text-box p + p {
          margin-top: 2rem; }
  #overview .ad-policy-wrapper {
    margin-top: 10rem;
    /*inner*/ }
    @media (max-width: 768px) {
      #overview .ad-policy-wrapper {
        margin-top: 4rem; } }
    @media (max-width: 768px) {
      #overview .ad-policy-wrapper .head-flex {
        margin: auto;
        width: 85%; } }
    #overview .ad-policy-wrapper .head-flex p {
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700; }
      @media (max-width: 768px) {
        #overview .ad-policy-wrapper .head-flex p {
          margin-top: 1rem; } }
    #overview .ad-policy-wrapper .inner {
      background: url("../images/school/overview/admission-policy-back.jpg") no-repeat center center;
      color: #fff;
      padding: 2.5rem;
      position: relative;
      margin-top: 3rem;
      /*&::before{
          content: "";
          background: url("../images/school/overview/admission-policy-back.jpg")no-repeat center center;
          background-size: cover;
          height: 100%;
          width: 100vw;
          position: absolute;
          top: 0;
          right: 0;
          z-index: -1;
      }*/ }
      @media (max-width: 768px) {
        #overview .ad-policy-wrapper .inner {
          background-image: url("../images/school/overview/admission-policy-back-sp.jpg");
          padding-bottom: 4rem; } }
    #overview .ad-policy-wrapper .sub-head {
      border-bottom: 1px solid #fff;
      font-size: clamp(18px, 1.8vw, 20px);
      text-align: center;
      padding-bottom: 1rem; }
    #overview .ad-policy-wrapper ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 3%;
      /*li*/ }
      @media (max-width: 768px) {
        #overview .ad-policy-wrapper ul {
          display: inherit; } }
      #overview .ad-policy-wrapper ul li {
        margin: 3rem 0 0;
        text-align: center;
        width: 31.333%; }
        @media (max-width: 768px) {
          #overview .ad-policy-wrapper ul li {
            margin: 2rem 0 0;
            width: 100%; } }
        #overview .ad-policy-wrapper ul li .num {
          background: #fff1a8;
          color: #b01e2d;
          display: inline-block;
          font-family: "Oswald", sans-serif;
          font-size: clamp(22px, 2.2vw, 24px);
          font-weight: 700;
          padding: .5rem 1rem; }
          @media (max-width: 768px) {
            #overview .ad-policy-wrapper ul li .num {
              padding: .5rem 1.5rem; } }
        #overview .ad-policy-wrapper ul li p {
          font-size: clamp(18px, 1.8vw, 20px);
          font-weight: 700;
          line-height: 1.6;
          margin-top: .5rem; }
        @media (max-width: 768px) {
          #overview .ad-policy-wrapper ul li + li {
            margin-top: 3rem; } }
  #overview .mission-wrapper {
    margin-top: 12rem;
    /*inner*/ }
    @media (max-width: 768px) {
      #overview .mission-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #overview .mission-wrapper .head-square + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #overview .mission-wrapper .head-square + p {
          margin-top: 1rem; } }
    #overview .mission-wrapper .inner {
      display: flex;
      gap: 0 5%;
      margin-top: 3rem;
      /*ul*/ }
      @media (max-width: 768px) {
        #overview .mission-wrapper .inner {
          display: inherit;
          margin-top: 2rem; } }
      #overview .mission-wrapper .inner ul {
        display: flex; }
        @media (max-width: 768px) {
          #overview .mission-wrapper .inner ul {
            display: inherit; } }
        #overview .mission-wrapper .inner ul .sub-head {
          background: #b01e2d;
          color: #fff;
          font-size: clamp(18px, 1.8vw, 20px);
          font-weight: bold;
          padding: 0 2rem;
          margin-right: 2rem;
          text-align: center;
          white-space: nowrap;
          display: flex;
          align-items: center; }
          @media (max-width: 768px) {
            #overview .mission-wrapper .inner ul .sub-head {
              display: inherit;
              text-align: center;
              margin-right: 0;
              padding: 2rem 2rem; } }
        #overview .mission-wrapper .inner ul li {
          /*display: flex;
          align-items: center;
          flex-wrap: wrap;*/ }
        #overview .mission-wrapper .inner ul li:not(.sub-head) {
          color: #b01e2d;
          font-size: clamp(18px, 1.8vw, 20px);
          font-weight: 500;
          text-indent: -2.25rem;
          line-height: 1.8;
          padding-left: 1rem;
          width: 100%; }
          @media (max-width: 768px) {
            #overview .mission-wrapper .inner ul li:not(.sub-head) {
              margin-top: 1rem;
              padding-left: 1.25rem;
              width: auto; } }
          #overview .mission-wrapper .inner ul li:not(.sub-head)::before {
            content: "一、";
            margin-right: .25rem; }
          #overview .mission-wrapper .inner ul li:not(.sub-head).none::before {
            content: none; }
          #overview .mission-wrapper .inner ul li:not(.sub-head).none + li {
            margin-top: .5rem; }
          #overview .mission-wrapper .inner ul li:not(.sub-head) ul {
            display: inherit; }
        @media (max-width: 768px) {
          #overview .mission-wrapper .inner ul + ul {
            margin-top: 3rem; } }
        #overview .mission-wrapper .inner ul + ul li:nth-child(2) ul {
          margin-top: 1.5rem; }
          @media (max-width: 768px) {
            #overview .mission-wrapper .inner ul + ul li:nth-child(2) ul {
              margin-top: 0; } }
  #overview .history-wrapper {
    margin-top: 10rem;
    position: relative;
    /*table*/ }
    @media (max-width: 768px) {
      #overview .history-wrapper {
        margin-top: 4rem; } }
    #overview .history-wrapper::before {
      content: "";
      background: url("../images/school/overview/history-back.jpg") no-repeat center 100%;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #overview .history-wrapper::before {
          background-image: url("../images/school/overview/history-back-sp.jpg"); } }
    #overview .history-wrapper .inner {
      padding-top: 8rem;
      padding-bottom: 20vw; }
      @media (max-width: 768px) {
        #overview .history-wrapper .inner {
          padding-top: 4rem;
          padding-bottom: 52vw;
          margin: auto;
          width: 85%; } }
    #overview .history-wrapper .head-square {
      border-bottom: 1px solid #231815;
      padding-bottom: 2rem; }
    #overview .history-wrapper table {
      margin-top: 2rem; }
      #overview .history-wrapper table th, #overview .history-wrapper table td {
        padding: 1rem 0; }
        @media (max-width: 768px) {
          #overview .history-wrapper table th, #overview .history-wrapper table td {
            display: list-item;
            padding: 0; } }
      #overview .history-wrapper table th {
        color: #b01e2d;
        font-weight: 600;
        vertical-align: top;
        white-space: nowrap; }
      #overview .history-wrapper table td {
        padding-left: 2rem; }
        @media (max-width: 768px) {
          #overview .history-wrapper table td {
            padding: 0 0 1rem 0; } }

/*overview*/
/********************************************************************************
rental
********************************************************************************/
#rental {
  /*lending-wrapper*/
  /*access-map-wrapper*/
  /*each-floor-wrapper*/
  /*flow-wrapper*/
  /*description-wrapper*/ }
  #rental .concept-wrapper {
    border-left: none;
    padding-left: 0; }
  #rental .lending-wrapper {
    display: flex;
    gap: 0 5%;
    margin-top: 5rem;
    /*text-box*/ }
    @media (max-width: 768px) {
      #rental .lending-wrapper {
        display: inherit;
        margin: 2rem auto 0; } }
    #rental .lending-wrapper .text-box {
      /*box*/ }
      @media (max-width: 768px) {
        #rental .lending-wrapper .text-box .text {
          display: none; } }
      #rental .lending-wrapper .text-box .box {
        background: #f4f4ed;
        padding: 1rem 2.5rem;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #rental .lending-wrapper .text-box .box {
            padding: 1.5rem 2.5rem;
            margin-top: 0; } }
        #rental .lending-wrapper .text-box .box .sub-head {
          border-bottom: 1px solid #231815;
          font-size: 13px;
          font-weight: 600;
          padding-bottom: .5rem; }
        #rental .lending-wrapper .text-box .box ul {
          margin-top: 1rem; }
          #rental .lending-wrapper .text-box .box ul li {
            display: flex;
            justify-content: space-between;
            line-height: 1.8;
            position: relative; }
            #rental .lending-wrapper .text-box .box ul li::before {
              content: "";
              border: 1px dotted #231815;
              width: 70%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              z-index: 0; }
            #rental .lending-wrapper .text-box .box ul li p span {
              background: #f4f4ed;
              padding: 0 0 0 .5rem;
              position: relative;
              z-index: 0; }
            #rental .lending-wrapper .text-box .box ul li .th {
              font-size: clamp(15px, 1.6vw, 17px); }
              #rental .lending-wrapper .text-box .box ul li .th::before {
                content: "\025a0";
                color: #b01e2d;
                margin-right: .25rem; }
              #rental .lending-wrapper .text-box .box ul li .th span {
                padding: 0 .5rem 0 0rem; }
  #rental .access-map-wrapper {
    display: flex;
    gap: 0 5%;
    margin-top: 4rem;
    /*text-box*/ }
    @media (max-width: 768px) {
      #rental .access-map-wrapper {
        display: inherit;
        margin: 0rem auto 0; } }
    #rental .access-map-wrapper .map {
      position: relative;
      width: 45%;
      height: 0;
      overflow: hidden;
      margin-top: 4%;
      /*padding-top: 25%;*/
      padding-top: 262px; }
      @media (max-width: 768px) {
        #rental .access-map-wrapper .map {
          padding-top: 60%;
          width: 100%; } }
      #rental .access-map-wrapper .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 43vw;
        margin-top: -12vw; }
        @media (max-width: 768px) {
          #rental .access-map-wrapper .map iframe {
            height: 120vw;
            margin-top: -26vw; } }
    #rental .access-map-wrapper .text-box {
      width: 47%; }
      @media (max-width: 768px) {
        #rental .access-map-wrapper .text-box {
          margin: 3rem auto 0;
          width: 85%; } }
      #rental .access-map-wrapper .text-box .head {
        color: #b01e2d;
        font-size: clamp(20px, 2vw, 23px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #rental .access-map-wrapper .text-box .head {
            text-align: center; } }
      #rental .access-map-wrapper .text-box table {
        border-spacing: 0 1rem;
        width: 100%; }
        #rental .access-map-wrapper .text-box table th {
          background: #f4f4ed;
          color: #fff;
          font-size: clamp(15px, 1.6vw, 17px);
          font-weight: 700;
          padding: 0 1.5rem 0 .75rem;
          position: relative;
          vertical-align: middle;
          text-align: center;
          overflow: hidden; }
          @media (max-width: 768px) {
            #rental .access-map-wrapper .text-box table th {
              display: list-item;
              padding: 1rem 0 .5rem;
              overflow: inherit; } }
          #rental .access-map-wrapper .text-box table th p {
            position: relative;
            z-index: 2; }
          #rental .access-map-wrapper .text-box table th::before, #rental .access-map-wrapper .text-box table th::after {
            position: absolute;
            content: ""; }
          #rental .access-map-wrapper .text-box table th::after {
            top: 0px;
            left: 0px;
            bottom: 0px;
            z-index: -1;
            width: 7em;
            background: #b01e2d;
            border-right: none;
            z-index: 1; }
            @media (max-width: 768px) {
              #rental .access-map-wrapper .text-box table th::after {
                width: 100%; } }
          #rental .access-map-wrapper .text-box table th::before {
            top: 50%;
            right: -1.5em;
            z-index: -1;
            transform: translateY(-50%) scaleX(0.5) rotate(45deg);
            width: 12em;
            height: 12em;
            background: #b01e2d;
            border-left: none;
            border-bottom: none;
            z-index: 1; }
            @media (max-width: 768px) {
              #rental .access-map-wrapper .text-box table th::before {
                top: inherit;
                right: inherit;
                transform: none;
                background: none;
                position: absolute;
                width: 0;
                height: 0;
                bottom: -20px;
                left: 50%;
                transform: translate(-50%, 0);
                border-style: solid;
                border-color: #b01e2d transparent transparent transparent;
                border-width: 20px 43vw 0 43vw;
                z-index: 1; } }
        #rental .access-map-wrapper .text-box table td {
          background: #f4f4ed;
          color: #b01e2d;
          font-size: clamp(17px, 1.7vw, 18px);
          font-weight: 500;
          padding: 1.5rem 1rem 1.5rem 1rem; }
          @media (max-width: 768px) {
            #rental .access-map-wrapper .text-box table td {
              display: list-item;
              padding: 2rem 1rem 1.5rem 1rem;
              text-align: center; } }
  #rental .each-floor-wrapper {
    margin-top: 12rem;
    /*floor-detail*/ }
    @media (max-width: 768px) {
      #rental .each-floor-wrapper {
        margin-top: 4rem; } }
    @media (max-width: 768px) {
      #rental .each-floor-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #rental .each-floor-wrapper .head-square + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #rental .each-floor-wrapper .head-square + p {
          margin: 1rem auto 0;
          width: 85%; } }
    #rental .each-floor-wrapper .floor-detail {
      margin-top: 4rem;
      /*sub-head*/
      /*flex-wrapper*/ }
      @media (max-width: 768px) {
        #rental .each-floor-wrapper .floor-detail {
          margin-top: 3rem; } }
      #rental .each-floor-wrapper .floor-detail .sub-head {
        background: #b01e2d;
        color: #fff;
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        line-height: 1.5;
        padding: .5rem 3rem .5rem 1.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #rental .each-floor-wrapper .floor-detail .sub-head {
            padding: .5rem 3rem .5rem 1rem;
            margin: auto;
            width: calc(85% - 4rem); } }
        #rental .each-floor-wrapper .floor-detail .sub-head span {
          padding-left: 2.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #rental .each-floor-wrapper .floor-detail .sub-head span {
              padding-left: 1.5rem; } }
          #rental .each-floor-wrapper .floor-detail .sub-head span::before {
            content: "\025a0";
            margin-right: .5rem;
            font-size: clamp(14px, 1.8vw, 18px);
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
            @media (max-width: 768px) {
              #rental .each-floor-wrapper .floor-detail .sub-head span::before {
                top: 3px;
                transform: none; } }
        #rental .each-floor-wrapper .floor-detail .sub-head + p {
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #rental .each-floor-wrapper .floor-detail .sub-head + p {
              margin: 1rem auto 0;
              width: 85%; } }
      #rental .each-floor-wrapper .floor-detail .modal-btn {
        transition: .2s; }
        @media (hover: hover) and (pointer: fine) {
          #rental .each-floor-wrapper .floor-detail .modal-btn:hover {
            opacity: .7; } }
      #rental .each-floor-wrapper .floor-detail .flex-wrapper {
        justify-content: space-between;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #rental .each-floor-wrapper .floor-detail .flex-wrapper {
            display: inherit; } }
        #rental .each-floor-wrapper .floor-detail .flex-wrapper ul:not(.atc-list) {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 66%; }
          @media (max-width: 768px) {
            #rental .each-floor-wrapper .floor-detail .flex-wrapper ul:not(.atc-list) {
              display: inherit;
              margin: auto;
              width: 85%; } }
          #rental .each-floor-wrapper .floor-detail .flex-wrapper ul:not(.atc-list) li {
            width: 49%; }
            @media (max-width: 768px) {
              #rental .each-floor-wrapper .floor-detail .flex-wrapper ul:not(.atc-list) li {
                width: 100%; } }
        #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 100%; }
          @media (max-width: 768px) {
            #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list {
              display: inherit;
              margin: auto;
              width: 85%; } }
          #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list li {
            width: 32%; }
            @media (max-width: 768px) {
              #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list li {
                width: 100%; } }
            #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list li p {
              font-size: 14px;
              font-weight: 400;
              margin-top: .5rem; }
            @media (max-width: 768px) {
              #rental .each-floor-wrapper .floor-detail .flex-wrapper ul.atc-list li + li {
                margin-top: 3rem; } }
        #rental .each-floor-wrapper .floor-detail .flex-wrapper .image {
          width: 33%; }
          @media (max-width: 768px) {
            #rental .each-floor-wrapper .floor-detail .flex-wrapper .image {
              width: 100%; } }
      @media (max-width: 768px) {
        #rental .each-floor-wrapper .floor-detail + .floor-detail {
          margin-top: 5rem; } }
  #rental .flow-wrapper {
    margin-top: 12rem;
    /*ul*/ }
    @media (max-width: 768px) {
      #rental .flow-wrapper {
        margin: 6rem auto 0;
        width: 85%; } }
    #rental .flow-wrapper .head-square + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #rental .flow-wrapper .head-square + p {
          margin-top: 1rem; } }
      #rental .flow-wrapper .head-square + p a {
        text-decoration: underline; }
    #rental .flow-wrapper .step-wrapper {
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #rental .flow-wrapper .step-wrapper {
          display: inherit; } }
      #rental .flow-wrapper .step-wrapper .box {
        width: 30%; }
        @media (max-width: 768px) {
          #rental .flow-wrapper .step-wrapper .box {
            width: 100%; } }
        #rental .flow-wrapper .step-wrapper .box .step {
          color: #fff;
          font-family: "Oswald", sans-serif;
          font-size: clamp(30px, 3.2vw, 35px);
          font-weight: 700;
          padding: 1rem 0 1rem 2rem;
          position: relative;
          overflow: hidden; }
          #rental .flow-wrapper .step-wrapper .box .step span {
            position: relative;
            z-index: 2; }
          #rental .flow-wrapper .step-wrapper .box .step small {
            font-size: clamp(18px, 1.8vw, 20px); }
          #rental .flow-wrapper .step-wrapper .box .step::before, #rental .flow-wrapper .step-wrapper .box .step::after {
            position: absolute;
            content: ""; }
          #rental .flow-wrapper .step-wrapper .box .step::after {
            top: 0px;
            left: 0px;
            bottom: 0px;
            z-index: -1;
            width: 3em;
            background: #b01e2d;
            border-right: none;
            z-index: 1; }
          #rental .flow-wrapper .step-wrapper .box .step::before {
            top: 50%;
            left: -6em;
            z-index: -1;
            transform: translateY(-50%) scaleX(0.5) rotate(45deg);
            width: 12em;
            height: 12em;
            background: #b01e2d;
            border-left: none;
            border-bottom: none;
            z-index: 1; }
        #rental .flow-wrapper .step-wrapper .box .text {
          background: #f9f7f0;
          border: 3px solid #b01e2d;
          border-radius: 25px;
          color: #b01e2d;
          font-size: clamp(15px, 1.6vw, 21px);
          font-weight: 600;
          line-height: 1.8;
          margin-top: -2.1rem;
          padding: 3rem 0 2rem;
          text-align: center; }
          @media (max-width: 768px) {
            #rental .flow-wrapper .step-wrapper .box .text {
              font-size: 20px; } }
      #rental .flow-wrapper .step-wrapper .arrow {
        width: 2%; }
        @media (max-width: 768px) {
          #rental .flow-wrapper .step-wrapper .arrow {
            transform: rotate(90deg);
            margin: .5rem auto;
            width: 25px; } }
  #rental .description-wrapper {
    border-top: 1px solid #231815;
    margin-top: 5rem;
    padding-top: 4rem;
    /*head-flex*/
    /*box*/
    /*btn-list*/
    /*contact-box*/ }
    #rental .description-wrapper .head-flex {
      align-items: center; }
      #rental .description-wrapper .head-flex .image {
        margin-left: 0;
        width: 142px; }
      #rental .description-wrapper .head-flex .sub-head {
        font-size: clamp(22px, 2.4vw, 27px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #rental .description-wrapper .head-flex .sub-head {
            font-size: 27px;
            line-height: 1.4;
            margin-top: 1rem; } }
      #rental .description-wrapper .head-flex + p {
        margin: 2rem 0 2rem; }
    #rental .description-wrapper .box {
      /*ul*/ }
      #rental .description-wrapper .box .cross-head {
        font-size: clamp(17px, 1.8vw, 20px);
        font-weight: 500; }
        @media (max-width: 768px) {
          #rental .description-wrapper .box .cross-head {
            font-size: 20px; } }
        #rental .description-wrapper .box .cross-head + .text {
          font-size: clamp(13px, 1.4vw, 15px);
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #rental .description-wrapper .box .cross-head + .text {
              font-size: 15px; } }
      #rental .description-wrapper .box ul {
        margin-top: 1rem; }
        #rental .description-wrapper .box ul li {
          font-size: clamp(13px, 1.4vw, 15px);
          position: relative;
          padding-left: 1.25rem; }
          @media (max-width: 768px) {
            #rental .description-wrapper .box ul li {
              font-size: 15px; } }
          #rental .description-wrapper .box ul li::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: 15px;
            position: absolute;
            top: 0;
            left: 0;
            transform: translate(0, 2%); }
          #rental .description-wrapper .box ul li + li {
            margin-top: .25rem; }
      #rental .description-wrapper .box .sup {
        margin-top: 2rem; }
      #rental .description-wrapper .box + .box {
        margin-top: 3rem; }
    #rental .description-wrapper .btn-list {
      display: flex;
      gap: 0 5%;
      justify-content: center;
      margin: 5rem auto 0;
      max-width: 690px; }
      @media (max-width: 768px) {
        #rental .description-wrapper .btn-list {
          display: inherit;
          margin: 3rem auto 0;
          text-align: center; } }
      @media (max-width: 768px) {
        #rental .description-wrapper .btn-list li a {
          white-space: nowrap; } }
      @media (max-width: 768px) {
        #rental .description-wrapper .btn-list li + li {
          margin-top: 1rem; } }
    #rental .description-wrapper .contact-box {
      background: #f9f7f0;
      border-radius: 12px;
      color: #b01e2d;
      padding: 2.5rem 3.5rem; }
      @media (max-width: 768px) {
        #rental .description-wrapper .contact-box {
          padding: 2.5rem 0rem;
          margin-bottom: 3rem;
          position: relative; } }
      @media (max-width: 768px) {
        #rental .description-wrapper .contact-box::before {
          content: "";
          background: #f9f7f0;
          background-size: cover;
          height: 100%;
          width: 115%;
          position: absolute;
          top: 0;
          left: -7.5%;
          z-index: -1; } }
      #rental .description-wrapper .contact-box .inner {
        margin: auto;
        max-width: 860px;
        width: 80%; }
        @media (max-width: 768px) {
          #rental .description-wrapper .contact-box .inner {
            width: 100%; } }
      #rental .description-wrapper .contact-box .head {
        border-bottom: 1px solid #b01e2d;
        font-size: clamp(17px, 1.8vw, 20px);
        font-weight: 700;
        padding-bottom: .5rem;
        text-align: center; }
        #rental .description-wrapper .contact-box .head span {
          font-size: clamp(13px, 1.4vw, 15px);
          margin-left: 1rem; }
          @media (max-width: 768px) {
            #rental .description-wrapper .contact-box .head span {
              display: none; } }
        @media (max-width: 768px) {
          #rental .description-wrapper .contact-box .head + .sp {
            font-size: 15px;
            margin-top: 1rem;
            text-align: center; } }
      #rental .description-wrapper .contact-box .tel-box {
        display: flex;
        justify-content: space-between; }
        @media (max-width: 768px) {
          #rental .description-wrapper .contact-box .tel-box {
            display: inherit; } }
      #rental .description-wrapper .contact-box .tel,
      #rental .description-wrapper .contact-box .mail {
        color: #b01e2d;
        font-family: "Oswald", sans-serif;
        font-size: clamp(24px, 3vw, 46px);
        font-weight: 700;
        margin-top: 2rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #rental .description-wrapper .contact-box .tel,
          #rental .description-wrapper .contact-box .mail {
            font-size: 40px;
            text-align: center; } }
        #rental .description-wrapper .contact-box .tel small,
        #rental .description-wrapper .contact-box .mail small {
          font-family: "Noto Sans JP", sans-serif;
          font-size: clamp(16px, 1.8vw, 28px); }
          @media (max-width: 768px) {
            #rental .description-wrapper .contact-box .tel small,
            #rental .description-wrapper .contact-box .mail small {
              font-size: 18px; } }
      #rental .description-wrapper .contact-box .mail {
        font-size: clamp(26px, 3vw, 34px); }
        @media (max-width: 768px) {
          #rental .description-wrapper .contact-box .mail {
            font-size: 26px;
            line-height: 1.2;
            margin-top: 1rem; } }
        #rental .description-wrapper .contact-box .mail small {
          font-size: clamp(17px, 18vw, 21px); }
          @media (max-width: 768px) {
            #rental .description-wrapper .contact-box .mail small {
              font-size: 17px; } }

/*rental*/
/********************************************************************************
international
********************************************************************************/
#international {
  /*purpose-wrapper*/
  /*sister-school-wrapper*/
  /*program-wrapper*/
  /*support-money-wrapper*/ }
  #international .purpose-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    margin-top: 9rem;
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #international .purpose-wrapper {
        display: inherit;
        position: relative;
        margin: 4rem 0 3rem; } }
    #international .purpose-wrapper .head-square {
      line-height: 1.3; }
    #international .purpose-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 90%; }
      @media (max-width: 768px) {
        #international .purpose-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #international .purpose-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #international .purpose-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
    #international .purpose-wrapper .image {
      position: relative;
      height: 100%;
      width: 110%; }
      @media (max-width: 768px) {
        #international .purpose-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
      #international .purpose-wrapper .image img {
        max-height: 490px;
        min-height: 380px;
        width: 100%;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          #international .purpose-wrapper .image img {
            max-height: inherit;
            min-height: inherit;
            width: 100%; } }
  #international .sister-school-wrapper {
    /*text-box*/ }
    @media (max-width: 768px) {
      #international .sister-school-wrapper {
        margin: auto;
        width: 85%; } }
    #international .sister-school-wrapper .head-box {
      background: #b01e2d;
      color: #fff;
      display: inline-block;
      font-size: clamp(20px, 2.4vw, 30px);
      font-weight: 700;
      padding: 1rem 1.75rem 1.25rem; }
    #international .sister-school-wrapper .flex-wrapper {
      gap: 0 5%;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #international .sister-school-wrapper .flex-wrapper {
          display: inherit;
          margin-top: 2rem; } }
    #international .sister-school-wrapper .image {
      width: 30vw;
      max-width: 650px; }
      @media (max-width: 768px) {
        #international .sister-school-wrapper .image {
          width: 100%; } }
    #international .sister-school-wrapper .text-box {
      flex: 1;
      /*box*/ }
      #international .sister-school-wrapper .text-box .sub-head {
        font-size: clamp(18px, 2vw, 24px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #international .sister-school-wrapper .text-box .sub-head {
            margin-top: .5rem; } }
        #international .sister-school-wrapper .text-box .sub-head a {
          text-decoration: underline; }
        #international .sister-school-wrapper .text-box .sub-head span {
          border-bottom: 1px solid #231815;
          line-height: 2;
          padding-bottom: .25rem; }
      #international .sister-school-wrapper .text-box .text {
        margin-top: 1.5rem; }
      #international .sister-school-wrapper .text-box .box {
        border: 1px solid #b01e2d;
        padding: 1.5rem;
        margin-top: 2rem; }
        #international .sister-school-wrapper .text-box .box .cross-head {
          background: #b01e2d;
          color: #fff;
          font-size: clamp(15px, 1.6vw, 18px);
          font-weight: 600;
          text-align: center; }
          @media (max-width: 768px) {
            #international .sister-school-wrapper .text-box .box .cross-head {
              font-size: 17px; } }
          #international .sister-school-wrapper .text-box .box .cross-head + p {
            font-size: 14px;
            font-weight: 400;
            margin-top: 1rem; }
  #international .program-wrapper {
    margin-top: 8rem;
    /*flex-wrapper*/
    /*program-swiper-arrow*/ }
    @media (max-width: 768px) {
      #international .program-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #international .program-wrapper .head-box {
      background: #b01e2d;
      color: #fff;
      display: inline-block;
      font-size: clamp(20px, 2.4vw, 30px);
      font-weight: 700;
      padding: 1rem 1.75rem 1.25rem; }
    #international .program-wrapper .head-flex {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #international .program-wrapper .head-flex {
          display: flex;
          margin-top: 2rem; } }
      #international .program-wrapper .head-flex + .text {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #international .program-wrapper .head-flex + .text {
            margin-top: 1rem; } }
    #international .program-wrapper .sub-head {
      font-size: clamp(20px, 2vw, 27px);
      font-weight: 700; }
      @media (max-width: 768px) {
        #international .program-wrapper .sub-head {
          font-size: 24px; } }
      #international .program-wrapper .sub-head::before {
        content: "\025a0";
        color: #b01e2d;
        margin-right: .5rem;
        vertical-align: bottom; }
      #international .program-wrapper .sub-head + p {
        font-size: clamp(13px, 1.4vw, 15px);
        font-weight: 500; }
    #international .program-wrapper .flex-wrapper {
      background: #f4f4ed;
      gap: 0 5%;
      padding: 2rem 0 2rem 3rem;
      position: relative;
      margin-top: 3rem;
      /*text-box*/ }
      @media (max-width: 768px) {
        #international .program-wrapper .flex-wrapper {
          display: inherit;
          margin-top: 2rem;
          padding: 2rem 1rem 1rem 1rem; } }
      #international .program-wrapper .flex-wrapper::before {
        content: "";
        background: #f4f4ed;
        background-size: cover;
        height: 100%;
        width: 76vw;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
      #international .program-wrapper .flex-wrapper .image {
        width: 37%; }
        @media (max-width: 768px) {
          #international .program-wrapper .flex-wrapper .image {
            width: 100%; } }
      #international .program-wrapper .flex-wrapper .text-box {
        width: 54%; }
        @media (max-width: 768px) {
          #international .program-wrapper .flex-wrapper .text-box {
            width: 100%; } }
        #international .program-wrapper .flex-wrapper .text-box .cross-head {
          border-bottom: 1px solid #231815;
          font-size: 13px;
          font-weight: 600; }
        #international .program-wrapper .flex-wrapper .text-box table {
          margin-top: 1rem; }
          #international .program-wrapper .flex-wrapper .text-box table th {
            padding: .25rem 0;
            vertical-align: top;
            white-space: nowrap; }
            #international .program-wrapper .flex-wrapper .text-box table th p {
              background: #fff;
              border: 1px solid #231815;
              display: inline;
              padding: 0 .5rem; }
          #international .program-wrapper .flex-wrapper .text-box table td {
            font-size: clamp(13px, 1.6vw, 19px);
            font-weight: 500;
            padding: .25rem 0 .25rem .5rem; }
            @media (max-width: 768px) {
              #international .program-wrapper .flex-wrapper .text-box table td {
                font-size: 15px; } }
        #international .program-wrapper .flex-wrapper .text-box ul {
          margin-top: 1rem; }
          #international .program-wrapper .flex-wrapper .text-box ul li {
            font-size: clamp(13px, 1.6vw, 19px);
            font-weight: 500;
            position: relative;
            padding-left: 1.25rem; }
            @media (max-width: 768px) {
              #international .program-wrapper .flex-wrapper .text-box ul li {
                font-size: 15px; } }
            #international .program-wrapper .flex-wrapper .text-box ul li::before {
              content: "\025a0";
              color: #b01e2d;
              font-size: 15px;
              position: absolute;
              top: 0;
              left: 0;
              transform: translate(0, 2%); }
            #international .program-wrapper .flex-wrapper .text-box ul li + li {
              margin-top: .25rem; }
      #international .program-wrapper .flex-wrapper + .head-flex {
        margin-top: 8rem; }
        @media (max-width: 768px) {
          #international .program-wrapper .flex-wrapper + .head-flex {
            display: inherit;
            margin-top: 4rem; } }
        @media (max-width: 768px) {
          #international .program-wrapper .flex-wrapper + .head-flex p {
            margin-top: .5rem; } }
      #international .program-wrapper .flex-wrapper + .sup {
        font-size: 14px;
        font-weight: 400; }
      #international .program-wrapper .flex-wrapper.item-center {
        align-items: center; }
    #international .program-wrapper .program-swiper-arrow {
      position: relative;
      width: 38%;
      /*program-swiper-wrapper*/ }
      @media (max-width: 768px) {
        #international .program-wrapper .program-swiper-arrow {
          margin-top: 2rem;
          width: 100%; } }
      #international .program-wrapper .program-swiper-arrow .program-swiper-wrapper {
        overflow: hidden; }
        #international .program-wrapper .program-swiper-arrow .program-swiper-wrapper .program-swiper-pagination {
          padding: 1rem 0;
          text-align: center; }
          #international .program-wrapper .program-swiper-arrow .program-swiper-wrapper .program-swiper-pagination .swiper-pagination-bullet-active {
            background-color: #b01e2d; }
      #international .program-wrapper .program-swiper-arrow .swiper-button-next {
        top: 45%;
        right: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          #international .program-wrapper .program-swiper-arrow .swiper-button-next {
            top: 35%;
            right: var(--swiper-navigation-sides-offset, -28px); } }
        #international .program-wrapper .program-swiper-arrow .swiper-button-next::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px; }
      #international .program-wrapper .program-swiper-arrow .swiper-button-prev {
        top: 45%;
        left: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          #international .program-wrapper .program-swiper-arrow .swiper-button-prev {
            top: 35%;
            left: var(--swiper-navigation-sides-offset, -28px); } }
        #international .program-wrapper .program-swiper-arrow .swiper-button-prev::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px;
          transform: scale(-1, 1); }
  #international .support-money-wrapper {
    margin-top: 8rem;
    /*scholarship-table*/ }
    @media (max-width: 768px) {
      #international .support-money-wrapper {
        margin: 4rem auto 3rem;
        width: 85%; } }
    #international .support-money-wrapper .head-box {
      background: #b01e2d;
      color: #fff;
      display: inline-block;
      font-size: clamp(20px, 2.4vw, 30px);
      font-weight: 700;
      padding: 1rem 1.75rem 1.25rem; }
      #international .support-money-wrapper .head-box + .text {
        margin-top: 2rem; }
    #international .support-money-wrapper .js-scrollable {
      margin-top: 2rem; }
    #international .support-money-wrapper .scholarship-table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      width: 100%; }
      #international .support-money-wrapper .scholarship-table th, #international .support-money-wrapper .scholarship-table td {
        font-weight: 400;
        padding: 1rem 1rem 1rem 1.5rem; }
      #international .support-money-wrapper .scholarship-table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
        white-space: nowrap; }
        #international .support-money-wrapper .scholarship-table th:last-child {
          border-right: 0; }
      #international .support-money-wrapper .scholarship-table td {
        background: #fff;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center; }
        #international .support-money-wrapper .scholarship-table td:last-child {
          border-right: 0; }
      #international .support-money-wrapper .scholarship-table thead th {
        background: #c7626c;
        color: #fff; }
        @media (max-width: 768px) {
          #international .support-money-wrapper .scholarship-table thead th {
            writing-mode: inherit; } }
      #international .support-money-wrapper .scholarship-table tbody th {
        background: #f6e6e8; }
        @media (max-width: 768px) {
          #international .support-money-wrapper .scholarship-table tbody th {
            writing-mode: inherit; } }
      #international .support-money-wrapper .scholarship-table tbody td {
        /*width: 26%;*/
        width: 50%; }

/*international*/
/********************************************************************************
request
********************************************************************************/
#request,
#request2,
#confirm {
  /*form-wrapper*/ }
  #request .concept-wrapper .head,
  #request2 .concept-wrapper .head,
  #confirm .concept-wrapper .head {
    font-size: clamp(27px, 4vw, 47px); }
  #request .form-wrapper,
  #request2 .form-wrapper,
  #confirm .form-wrapper {
    padding: 8rem 0 6rem;
    position: relative; }
    @media (max-width: 768px) {
      #request .form-wrapper,
      #request2 .form-wrapper,
      #confirm .form-wrapper {
        padding: 5rem 0 3rem; } }
    #request .form-wrapper::before,
    #request2 .form-wrapper::before,
    #confirm .form-wrapper::before {
      content: "";
      background: #f4f4ed;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #request .form-wrapper::before,
        #request2 .form-wrapper::before,
        #confirm .form-wrapper::before {
          height: 100%; } }
    @media (max-width: 768px) {
      #request .form-wrapper .head-square,
      #request2 .form-wrapper .head-square,
      #confirm .form-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #request .form-wrapper .border-text,
    #request2 .form-wrapper .border-text,
    #confirm .form-wrapper .border-text {
      border-left: 1px solid #231815;
      padding-left: 3rem;
      margin-top: 5rem; }
      @media (max-width: 768px) {
        #request .form-wrapper .border-text,
        #request2 .form-wrapper .border-text,
        #confirm .form-wrapper .border-text {
          border-left: none;
          padding-left: 0;
          margin: 2rem auto 0;
          width: 85%; } }

/*request*/
#registration .concept-wrapper .head,
#registration2 .concept-wrapper .head,
#registration2026 .concept-wrapper .head,
#registration-confirm .concept-wrapper .head,
#registration-confirm2 .concept-wrapper .head,
#form-test .concept-wrapper .head,
#test-confirm .concept-wrapper .head {
  font-size: clamp(27px, 4vw, 47px); }
@media (max-width: 768px) {
  #registration .oc-box-head,
  #registration2 .oc-box-head,
  #registration2026 .oc-box-head,
  #registration-confirm .oc-box-head,
  #registration-confirm2 .oc-box-head,
  #form-test .oc-box-head,
  #test-confirm .oc-box-head {
    display: block;
    margin: auto;
    width: calc(85% - 3.5rem); } }
@media (max-width: 768px) {
  #registration .border-text,
  #registration2 .border-text,
  #registration2026 .border-text,
  #registration-confirm .border-text,
  #registration-confirm2 .border-text,
  #form-test .border-text,
  #test-confirm .border-text {
    margin: 1rem auto 0;
    width: 85%; } }
#registration .form-content,
#registration2 .form-content,
#registration2026 .form-content,
#registration-confirm .form-content,
#registration-confirm2 .form-content,
#form-test .form-content,
#test-confirm .form-content {
  margin: 0; }
#registration .form-input caption,
#registration2 .form-input caption,
#registration2026 .form-input caption,
#registration-confirm .form-input caption,
#registration-confirm2 .form-input caption,
#form-test .form-input caption,
#test-confirm .form-input caption {
  background: #b01e2d;
  color: #fff;
  font-size: clamp(14px, 1.6vw, 20px);
  font-weight: 700;
  padding: 1rem 0; }
  @media (max-width: 768px) {
    #registration .form-input caption,
    #registration2 .form-input caption,
    #registration2026 .form-input caption,
    #registration-confirm .form-input caption,
    #registration-confirm2 .form-input caption,
    #form-test .form-input caption,
    #test-confirm .form-input caption {
      font-size: 15px; } }

/*registration*/
#taiken-hidden.hidden {
  display: none; }

.input_area .concept-wrapper {
  margin: 11rem auto 4rem; }
  @media (max-width: 768px) {
    .input_area .concept-wrapper {
      margin: 4rem auto 3rem; } }
  .input_area .concept-wrapper.oc-concept {
    margin: 0 auto 4rem; }
    @media (max-width: 768px) {
      .input_area .concept-wrapper.oc-concept {
        margin: 4rem auto 3rem; } }
.input_area .oc-box-head {
  margin-top: 7rem; }
  @media (max-width: 768px) {
    .input_area .oc-box-head {
      margin-top: 3rem; } }
  .input_area .oc-box-head + p {
    margin-top: 2rem; }
    @media (max-width: 768px) {
      .input_area .oc-box-head + p {
        margin-top: 1rem; } }
.input_area .form-input {
  margin-bottom: 3rem; }
  @media (max-width: 768px) {
    .input_area .form-input {
      margin-bottom: 2rem; } }
.input_area .num-badge {
  background: #b01e2d;
  border-radius: 50%;
  color: #fff;
  height: 160px;
  width: 160px;
  position: fixed;
  top: 20%;
  right: 5%;
  z-index: 9; }
  @media (max-width: 768px) {
    .input_area .num-badge {
      top: auto;
      bottom: 15%;
      height: 80px;
      width: 80px; } }
  .input_area .num-badge p {
    font-size: clamp(17px, 1.8vw, 19px);
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1.2;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .input_area .num-badge p {
        font-size: 14px; } }
  .input_area .num-badge #remaining-count {
    font-size: clamp(28px, 3.5vw, 40px);
    font-family: "Oswald", sans-serif;
    font-weight: 700; }
    @media (max-width: 768px) {
      .input_area .num-badge #remaining-count {
        font-size: 20px; } }

/*確認画面と完了画面を非表示*/
.confirm_area,
.thanks_area {
  display: none; }

@media (max-width: 768px) {
  .confirm_area {
    margin: auto; } }
.confirm_area .head-square + p {
  margin-top: 3rem; }
.confirm_area .form-input th {
  width: 250px; }
  @media (max-width: 768px) {
    .confirm_area .form-input th {
      width: auto; } }
.confirm_area .form-input td {
  width: 100%; }
  @media (max-width: 768px) {
    .confirm_area .form-input td {
      border-bottom: none;
      width: auto; } }
.confirm_area .form-input + .form-input {
  margin-top: 3rem; }

.mw_wp_form_input .p-country-name,
.mw_wp_form_confirm .p-country-name {
  display: none; }
.mw_wp_form_input .num-badge,
.mw_wp_form_confirm .num-badge {
  display: none; }

.mw_wp_form_input {
  /*checkbox-gakka*/ }
  .mw_wp_form_input .confirm-head {
    display: none; }
  @media (max-width: 768px) {
    .mw_wp_form_input .concept-wrapper {
      margin-top: 0 !important; } }
  .mw_wp_form_input .taiken,
  .mw_wp_form_input .checkbox-gakka,
  .mw_wp_form_input #douhan,
  .mw_wp_form_input #douhan-1, .mw_wp_form_input #douhan-2, .mw_wp_form_input #douhan-3, .mw_wp_form_input #douhan-4, .mw_wp_form_input #douhan-5 {
    /*input*/ }
    .mw_wp_form_input .taiken label,
    .mw_wp_form_input .checkbox-gakka label,
    .mw_wp_form_input #douhan label,
    .mw_wp_form_input #douhan-1 label, .mw_wp_form_input #douhan-2 label, .mw_wp_form_input #douhan-3 label, .mw_wp_form_input #douhan-4 label, .mw_wp_form_input #douhan-5 label {
      font-weight: 400; }
    @media (hover: hover) and (pointer: fine) {
      .mw_wp_form_input .taiken label:hover,
      .mw_wp_form_input .checkbox-gakka label:hover,
      .mw_wp_form_input #douhan label:hover,
      .mw_wp_form_input #douhan-1 label:hover, .mw_wp_form_input #douhan-2 label:hover, .mw_wp_form_input #douhan-3 label:hover, .mw_wp_form_input #douhan-4 label:hover, .mw_wp_form_input #douhan-5 label:hover {
        cursor: pointer; } }
    .mw_wp_form_input .taiken > span span,
    .mw_wp_form_input .checkbox-gakka > span span,
    .mw_wp_form_input #douhan > span span,
    .mw_wp_form_input #douhan-1 > span span, .mw_wp_form_input #douhan-2 > span span, .mw_wp_form_input #douhan-3 > span span, .mw_wp_form_input #douhan-4 > span span, .mw_wp_form_input #douhan-5 > span span {
      margin-top: 1rem; }
      @media (max-width: 768px) {
        .mw_wp_form_input .taiken > span span,
        .mw_wp_form_input .checkbox-gakka > span span,
        .mw_wp_form_input #douhan > span span,
        .mw_wp_form_input #douhan-1 > span span, .mw_wp_form_input #douhan-2 > span span, .mw_wp_form_input #douhan-3 > span span, .mw_wp_form_input #douhan-4 > span span, .mw_wp_form_input #douhan-5 > span span {
          margin-top: 0; } }
    .mw_wp_form_input .taiken,
    .mw_wp_form_input .checkbox-gakka,
    .mw_wp_form_input #douhan,
    .mw_wp_form_input #douhan-1, .mw_wp_form_input #douhan-2, .mw_wp_form_input #douhan-3, .mw_wp_form_input #douhan-4, .mw_wp_form_input #douhan-5 {
      display: none; }
      .mw_wp_form_input .taiken span,
      .mw_wp_form_input .checkbox-gakka span,
      .mw_wp_form_input #douhan span,
      .mw_wp_form_input #douhan-1 span, .mw_wp_form_input #douhan-2 span, .mw_wp_form_input #douhan-3 span, .mw_wp_form_input #douhan-4 span, .mw_wp_form_input #douhan-5 span {
        margin-top: 1rem; }
      .mw_wp_form_input .taiken + span:not(.error),
      .mw_wp_form_input .checkbox-gakka + span:not(.error),
      .mw_wp_form_input #douhan + span:not(.error),
      .mw_wp_form_input #douhan-1 + span:not(.error), .mw_wp_form_input #douhan-2 + span:not(.error), .mw_wp_form_input #douhan-3 + span:not(.error), .mw_wp_form_input #douhan-4 + span:not(.error), .mw_wp_form_input #douhan-5 + span:not(.error) {
        padding-left: 2rem;
        display: block;
        position: relative; }
        .mw_wp_form_input .taiken + span:not(.error)::after, .mw_wp_form_input .taiken + span:not(.error)::before,
        .mw_wp_form_input .checkbox-gakka + span:not(.error)::after,
        .mw_wp_form_input .checkbox-gakka + span:not(.error)::before,
        .mw_wp_form_input #douhan + span:not(.error)::after,
        .mw_wp_form_input #douhan + span:not(.error)::before,
        .mw_wp_form_input #douhan-1 + span:not(.error)::after,
        .mw_wp_form_input #douhan-1 + span:not(.error)::before, .mw_wp_form_input #douhan-2 + span:not(.error)::after, .mw_wp_form_input #douhan-2 + span:not(.error)::before, .mw_wp_form_input #douhan-3 + span:not(.error)::after, .mw_wp_form_input #douhan-3 + span:not(.error)::before, .mw_wp_form_input #douhan-4 + span:not(.error)::after, .mw_wp_form_input #douhan-4 + span:not(.error)::before, .mw_wp_form_input #douhan-5 + span:not(.error)::after, .mw_wp_form_input #douhan-5 + span:not(.error)::before {
          content: "";
          display: block;
          position: absolute;
          top: 0; }
        .mw_wp_form_input .taiken + span:not(.error)::before,
        .mw_wp_form_input .checkbox-gakka + span:not(.error)::before,
        .mw_wp_form_input #douhan + span:not(.error)::before,
        .mw_wp_form_input #douhan-1 + span:not(.error)::before, .mw_wp_form_input #douhan-2 + span:not(.error)::before, .mw_wp_form_input #douhan-3 + span:not(.error)::before, .mw_wp_form_input #douhan-4 + span:not(.error)::before, .mw_wp_form_input #douhan-5 + span:not(.error)::before {
          border: 1px solid #aaaaaa;
          background-color: #ffffff;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
        .mw_wp_form_input .taiken + span:not(.error)::after,
        .mw_wp_form_input .checkbox-gakka + span:not(.error)::after,
        .mw_wp_form_input #douhan + span:not(.error)::after,
        .mw_wp_form_input #douhan-1 + span:not(.error)::after, .mw_wp_form_input #douhan-2 + span:not(.error)::after, .mw_wp_form_input #douhan-3 + span:not(.error)::after, .mw_wp_form_input #douhan-4 + span:not(.error)::after, .mw_wp_form_input #douhan-5 + span:not(.error)::after {
          border: none;
          background-color: #b01e2d;
          border-radius: 50%;
          height: 12px;
          width: 12px;
          left: 5px;
          top: 50%;
          transform: translateY(-50%);
          display: none; }
      .mw_wp_form_input .taiken:checked + span::after,
      .mw_wp_form_input .checkbox-gakka:checked + span::after,
      .mw_wp_form_input #douhan:checked + span::after,
      .mw_wp_form_input #douhan-1:checked + span::after, .mw_wp_form_input #douhan-2:checked + span::after, .mw_wp_form_input #douhan-3:checked + span::after, .mw_wp_form_input #douhan-4:checked + span::after, .mw_wp_form_input #douhan-5:checked + span::after {
        display: block; }
  .mw_wp_form_input .taiken + span {
    display: inline-block !important; }
  .mw_wp_form_input .form-content .privacy-check input + span {
    display: inline-block; }
  .mw_wp_form_input #douhan-1 + span, .mw_wp_form_input #douhan-2 + span, .mw_wp_form_input #douhan-3 + span, .mw_wp_form_input #douhan-4 + span, .mw_wp_form_input #douhan-5 + span {
    margin-top: 1rem;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .mw_wp_form_input #douhan-1 + span, .mw_wp_form_input #douhan-2 + span, .mw_wp_form_input #douhan-3 + span, .mw_wp_form_input #douhan-4 + span, .mw_wp_form_input #douhan-5 + span {
        line-height: 1;
        margin-top: 0; } }
  .mw_wp_form_input #douhan + span::before,
  .mw_wp_form_input #douhan-1 + span::before, .mw_wp_form_input #douhan-2 + span::before, .mw_wp_form_input #douhan-3 + span::before, .mw_wp_form_input #douhan-4 + span::before, .mw_wp_form_input #douhan-5 + span::before,
  .mw_wp_form_input .privacy-check + span::before {
    border-radius: 0% !important; }
  .mw_wp_form_input #douhan + span::after,
  .mw_wp_form_input #douhan-1 + span::after, .mw_wp_form_input #douhan-2 + span::after, .mw_wp_form_input #douhan-3 + span::after, .mw_wp_form_input #douhan-4 + span::after, .mw_wp_form_input #douhan-5 + span::after,
  .mw_wp_form_input .privacy-check + span::after {
    border-radius: 0% !important; }
  @media (max-width: 768px) {
    .mw_wp_form_input .zokugara-text {
      margin-left: 0 !important;
      margin-top: 1rem !important; } }
  .mw_wp_form_input .privacy-check .error {
    display: block !important;
    padding-left: 0; }
    .mw_wp_form_input .privacy-check .error::before {
      content: none !important; }
  .mw_wp_form_input #taiken-1:disabled + span,
  .mw_wp_form_input #taiken-2:disabled + span,
  .mw_wp_form_input #taiken-3:disabled + span {
    color: #ccc !important; }
    .mw_wp_form_input #taiken-1:disabled + span:hover,
    .mw_wp_form_input #taiken-2:disabled + span:hover,
    .mw_wp_form_input #taiken-3:disabled + span:hover {
      cursor: default; }
  @media (max-width: 768px) {
    .mw_wp_form_input .mwform-tel-field input[type="text"] {
      width: 20%; } }
  .mw_wp_form_input *:required {
    background-color: #f7b0b5; }

/*mw_wp_form_input*/
@media (max-width: 768px) {
  .mw_wp_form_confirm {
    margin: auto; } }
.mw_wp_form_confirm .confirm-head {
  display: block; }
  @media (max-width: 768px) {
    .mw_wp_form_confirm .confirm-head {
      margin: auto;
      width: 85%; } }
  .mw_wp_form_confirm .confirm-head .border-text {
    border: 3px solid #b01e2d !important;
    color: #b01e2d;
    font-size: clamp(16px, 1.6vw, 18px);
    font-weight: 600;
    padding: 1rem !important;
    max-width: calc(1100px - 2rem - 6px); }
    @media (max-width: 768px) {
      .mw_wp_form_confirm .confirm-head .border-text {
        margin-top: 2rem !important;
        width: calc(85% - 2rem - 6px); } }
.mw_wp_form_confirm .input-head,
.mw_wp_form_confirm .num-badge,
.mw_wp_form_confirm .concept-wrapper,
.mw_wp_form_confirm .sup,
.mw_wp_form_confirm .required,
.mw_wp_form_confirm .privacy-wrap,
.mw_wp_form_confirm .privacy-check {
  display: none !important; }
.mw_wp_form_confirm th {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0; }
  .mw_wp_form_confirm th span {
    display: none; }
.mw_wp_form_confirm td {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0;
  padding-left: 1rem; }
.mw_wp_form_confirm .head-square + p {
  margin-top: 3rem; }
.mw_wp_form_confirm .form-input th {
  padding: 1rem 0;
  width: 250px; }
  @media (max-width: 768px) {
    .mw_wp_form_confirm .form-input th {
      width: auto; } }
.mw_wp_form_confirm .form-input td {
  width: 100%; }
  @media (max-width: 768px) {
    .mw_wp_form_confirm .form-input td {
      border-bottom: none;
      width: auto; } }
.mw_wp_form_confirm .form-input + .form-input {
  margin-top: 3rem; }
.mw_wp_form_confirm .prev-btn input[type="submit"] {
  background: #333;
  border: none;
  color: #fff;
  padding: 14px 20px 14px;
  display: block;
  margin: 3rem auto 0; }
  @media (max-width: 768px) {
    .mw_wp_form_confirm .prev-btn input[type="submit"] {
      margin-top: 1rem; } }

/*mw_wp_form_confirm*/
.form-content {
  background: #fff;
  margin: 5rem 0 5rem 4vw;
  padding: 4rem 0;
  position: relative;
  /*checkbox-gakka*/ }
  @media (max-width: 768px) {
    .form-content {
      margin: 2rem auto 0;
      padding: 2rem 0; } }
  .form-content::before {
    content: "";
    background: #fff;
    background-size: cover;
    height: 100%;
    width: 20vw;
    position: absolute;
    bottom: 0;
    left: -72px;
    z-index: -2; }
    @media (max-width: 768px) {
      .form-content::before {
        height: 100%; } }
  .form-content.fixed-width {
    padding-right: 0 !important;
    /*margin-right: 5rem;*/ }
    @media (max-width: 768px) {
      .form-content.fixed-width {
        margin-right: 0; } }
  .form-content .required {
    background: #ed0000;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 0 .5rem;
    text-align: center; }
  .form-content .sup {
    font-size: 14px;
    font-weight: 400; }
    .form-content .sup.red {
      color: #b01e2d; }
  .form-content .vertical-top {
    padding-top: 1rem;
    vertical-align: top; }
  .form-content table {
    padding-right: 72px;
    width: 100%; }
    @media (max-width: 768px) {
      .form-content table {
        /*display: list-item;*/
        padding-right: 0;
        margin: auto;
        width: 85%; } }
  .form-content th {
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
    padding: 2rem 0; }
    @media (max-width: 768px) {
      .form-content th {
        display: list-item;
        font-size: 15px;
        padding: 1rem 0 0; } }
    .form-content th.flex {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .form-content th.flex {
          justify-content: flex-start;
          gap: 0 5%; } }
    .form-content th span {
      padding-right: 1rem; }
      @media (max-width: 768px) {
        .form-content th span {
          padding-right: .5rem; } }
  .form-content td {
    padding: .75rem 0;
    padding-left: 2rem; }
    @media (max-width: 768px) {
      .form-content td {
        display: list-item;
        padding: 0;
        padding-top: .5rem; } }
    .form-content td .flex {
      display: flex; }
      @media (max-width: 768px) {
        .form-content td .flex {
          display: inherit; } }
  .form-content input {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .form-content input[type="text"], .form-content textarea, .form-content input[type="email"], .form-content input[type="tel"] {
    border: none;
    border: 1px solid #a7a3a1;
    border-radius: 5px;
    font-size: 16px;
    padding: 1rem;
    width: calc(100% - 2rem);
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
    @media (max-width: 768px) {
      .form-content input[type="text"], .form-content textarea, .form-content input[type="email"], .form-content input[type="tel"] {
        padding: .5rem .75rem; } }
  .form-content select {
    font-size: 16px;
    border-radius: 5px;
    border-color: #a7a3a1;
    padding: 1rem;
    /*background-image: url("../images/contact/arrow.svg");*/
    background-repeat: no-repeat;
    background-size: 12px auto;
    /* 画像のサイズ（幅 高さ）*/
    background-position: right 12px center;
    width: 100%; }
    @media (max-width: 768px) {
      .form-content select {
        padding: .5rem; } }
  .form-content .taiken,
  .form-content .checkbox-gakka,
  .form-content #douhan,
  .form-content .privacy-check {
    /*input*/ }
    .form-content .taiken .wpcf7-list-item,
    .form-content .checkbox-gakka .wpcf7-list-item,
    .form-content #douhan .wpcf7-list-item,
    .form-content .privacy-check .wpcf7-list-item {
      display: block; }
    .form-content .taiken label,
    .form-content .checkbox-gakka label,
    .form-content #douhan label,
    .form-content .privacy-check label {
      font-weight: 400; }
    @media (hover: hover) and (pointer: fine) {
      .form-content .taiken label:hover,
      .form-content .checkbox-gakka label:hover,
      .form-content #douhan label:hover,
      .form-content .privacy-check label:hover {
        cursor: pointer; } }
    .form-content .taiken > span span,
    .form-content .checkbox-gakka > span span,
    .form-content #douhan > span span,
    .form-content .privacy-check > span span {
      margin-top: 1rem; }
      @media (max-width: 768px) {
        .form-content .taiken > span span,
        .form-content .checkbox-gakka > span span,
        .form-content #douhan > span span,
        .form-content .privacy-check > span span {
          margin-top: 0; } }
    .form-content .taiken input,
    .form-content .checkbox-gakka input,
    .form-content #douhan input,
    .form-content .privacy-check input {
      display: none; }
      .form-content .taiken input span,
      .form-content .checkbox-gakka input span,
      .form-content #douhan input span,
      .form-content .privacy-check input span {
        margin-top: 1rem; }
      .form-content .taiken input + span,
      .form-content .checkbox-gakka input + span,
      .form-content #douhan input + span,
      .form-content .privacy-check input + span {
        padding-left: 2rem;
        display: block;
        position: relative; }
        .form-content .taiken input + span::after, .form-content .taiken input + span::before,
        .form-content .checkbox-gakka input + span::after,
        .form-content .checkbox-gakka input + span::before,
        .form-content #douhan input + span::after,
        .form-content #douhan input + span::before,
        .form-content .privacy-check input + span::after,
        .form-content .privacy-check input + span::before {
          content: "";
          display: block;
          position: absolute;
          top: 0; }
        .form-content .taiken input + span::before,
        .form-content .checkbox-gakka input + span::before,
        .form-content #douhan input + span::before,
        .form-content .privacy-check input + span::before {
          border: 1px solid #aaaaaa;
          background-color: #ffffff;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
        .form-content .taiken input + span::after,
        .form-content .checkbox-gakka input + span::after,
        .form-content #douhan input + span::after,
        .form-content .privacy-check input + span::after {
          border: none;
          background-color: #b01e2d;
          border-radius: 50%;
          height: 12px;
          width: 12px;
          left: 5px;
          top: 50%;
          transform: translateY(-50%);
          display: none; }
      .form-content .taiken input:checked + span::after,
      .form-content .checkbox-gakka input:checked + span::after,
      .form-content #douhan input:checked + span::after,
      .form-content .privacy-check input:checked + span::after {
        display: block; }
  .form-content .taiken .wpcf7-list-item,
  .form-content #douhan .wpcf7-list-item {
    display: inline-block; }
  .form-content #douhan {
    white-space: nowrap; }
    @media (max-width: 768px) {
      .form-content #douhan {
        white-space: inherit; } }
    .form-content #douhan .wpcf7-list-item {
      margin-left: 1.75rem; }
      @media (max-width: 768px) {
        .form-content #douhan .wpcf7-list-item {
          margin-left: 1rem; } }
    .form-content #douhan .wpcf7-list-item:first-child {
      margin-left: 1rem; }
  .form-content #douhan,
  .form-content .privacy-check {
    /*input*/ }
    .form-content #douhan input + span::before,
    .form-content .privacy-check input + span::before {
      border-radius: 0%; }
    .form-content #douhan input + span::after,
    .form-content .privacy-check input + span::after {
      border-radius: 0%; }
  .form-content .zokugara-text {
    margin-top: 3px;
    margin-left: 1rem;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .form-content .zokugara-text {
        display: block;
        margin-top: .5rem; } }
  .form-content #zokugara {
    min-width: 160px;
    width: 40%; }
  .form-content input[type="submit"],
  .form-content input[type="button"].confirm_button {
    -webkit-appearance: button;
    border: none;
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    color: #fff;
    display: block;
    /*font-size: clamp(14px, 2vw, 16px);*/
    font-size: clamp(20px, 2vw, 23px);
    font-weight: 700;
    margin: auto;
    padding: 1.5rem 6rem;
    position: relative; }
    @media screen and (max-width: 768px) {
      .form-content input[type="submit"],
      .form-content input[type="button"].confirm_button {
        margin-bottom: 0px;
        padding: 1.5rem 2rem; } }
    .form-content input[type="submit"]:hover,
    .form-content input[type="button"].confirm_button:hover {
      background: #d51026;
      cursor: pointer; }
  .form-content input[type="button"] {
    background: #333;
    border: none;
    color: #fff;
    padding: 14px 20px 14px;
    display: block;
    margin: 3rem auto 0; }
    .form-content input[type="button"]:hover {
      cursor: pointer; }
  .form-content .jushin-txt {
    margin-top: 4rem;
    padding-right: 4rem; }
    @media (max-width: 768px) {
      .form-content .jushin-txt {
        margin: 3rem auto 0;
        padding: 0;
        width: 85%; } }
    .form-content .jushin-txt small {
      font-size: 14px;
      font-weight: 400; }

/*form-content*/
#select-gakka2 {
  margin-top: 1rem; }

#taiken input[type="radio"]:disabled + span {
  color: #ccc !important; }
  #taiken input[type="radio"]:disabled + span:hover {
    cursor: default; }

.confirm_button:disabled {
  /*background: #ccc!important;*/
  background: #b01e2d !important; }

@media (max-width: 768px) {
  .back_button {
    margin: 1rem auto 0; } }

#confirm th,
#entry-confirm th,
.confirm_area th {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0; }
  #confirm th span,
  #entry-confirm th span,
  .confirm_area th span {
    display: none; }
#confirm td,
#entry-confirm td,
.confirm_area td {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0;
  padding-left: 1rem; }
#confirm .btn-area,
#entry-confirm .btn-area,
.confirm_area .btn-area {
  margin-top: 42px; }

.thanks-wrapper {
  padding-right: 0 !important;
  max-width: inherit !important;
  text-align: center; }
  @media (max-width: 768px) {
    .thanks-wrapper {
      margin: 0 auto 3rem;
      width: 85%; } }
  .thanks-wrapper .cross-head {
    font-size: clamp(20px, 2.4vw, 30px);
    font-weight: 700;
    text-align: center;
    margin: 0 0 1em; }
  .thanks-wrapper .more-btn {
    margin-top: 3rem; }

/********************************************************************************
feature
********************************************************************************/
#feature {
  /*message*/
  /*message-wrapper*/
  /*professional-practice-wrapper*/
  /*characteristics-wrapper*/
  /*human-power-wrapper*/
  /*learning-points*/
  /*learning-points-wrapper*/ }
  #feature #message {
    padding: 0 0 5rem;
    position: relative; }
    @media (max-width: 768px) {
      #feature #message {
        padding: 0 0 3rem; } }
    #feature #message::before {
      content: "";
      background: #f7f4e3;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
  #feature .message-wrapper {
    margin-top: 6rem;
    /*principal-wrapper*/ }
    @media (max-width: 768px) {
      #feature .message-wrapper {
        margin-top: 4rem; } }
    #feature .message-wrapper .principal-wrapper {
      display: flex;
      justify-content: space-between;
      /*catch-wrapper*/ }
      @media (max-width: 768px) {
        #feature .message-wrapper .principal-wrapper {
          display: inherit; } }
      #feature .message-wrapper .principal-wrapper .catch-wrapper {
        width: 54.55%; }
        @media (max-width: 768px) {
          #feature .message-wrapper .principal-wrapper .catch-wrapper {
            position: relative;
            margin: auto;
            width: 230px;
            z-index: 1; } }
        #feature .message-wrapper .principal-wrapper .catch-wrapper .catch img {
          max-width: 317px;
          width: 52.5%; }
          @media (max-width: 768px) {
            #feature .message-wrapper .principal-wrapper .catch-wrapper .catch img {
              width: 230px; } }
      #feature .message-wrapper .principal-wrapper .image {
        max-width: 497px;
        width: 45.45%; }
        @media (max-width: 768px) {
          #feature .message-wrapper .principal-wrapper .image {
            margin: -4rem auto 0;
            width: 85%; } }
      #feature .message-wrapper .principal-wrapper .name-box {
        font-weight: 400;
        margin: 1rem 2rem 0 0;
        margin-top: min(0.25vw, 1rem);
        text-align: right; }
        @media (max-width: 768px) {
          #feature .message-wrapper .principal-wrapper .name-box {
            margin-top: 1rem; } }
        #feature .message-wrapper .principal-wrapper .name-box .school {
          font-size: clamp(15px, 1.6vw, 19px); }
        #feature .message-wrapper .principal-wrapper .name-box .name {
          font-size: clamp(17px, 2vw, 30px);
          margin-top: min(0.25vw, 1rem); }
          @media (max-width: 768px) {
            #feature .message-wrapper .principal-wrapper .name-box .name {
              font-size: 20px;
              margin-top: .5rem; } }
          #feature .message-wrapper .principal-wrapper .name-box .name small {
            font-size: clamp(15px, 1.6vw, 19px);
            margin-right: 1rem; }
    #feature .message-wrapper .text {
      font-size: 14px;
      margin: 3rem 0 0; }
      @media (max-width: 768px) {
        #feature .message-wrapper .text {
          margin: 2rem auto 0;
          width: 85%; } }
      #feature .message-wrapper .text a {
        text-decoration: underline; }
  #feature .professional-practice-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    margin-top: 9rem;
    /*text-box*/
    /*practice-swiper-arrow*/ }
    @media (max-width: 768px) {
      #feature .professional-practice-wrapper {
        display: inherit;
        position: relative;
        margin: 4rem 0 3rem; } }
    #feature .professional-practice-wrapper .text-box {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      width: 60%; }
      @media (max-width: 768px) {
        #feature .professional-practice-wrapper .text-box {
          display: inherit;
          margin: auto;
          width: 85%; } }
      #feature .professional-practice-wrapper .text-box .head-square {
        line-height: 1.2; }
      #feature .professional-practice-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #feature .professional-practice-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
      #feature .professional-practice-wrapper .text-box .badge {
        background: #ce1026;
        background: linear-gradient(270deg, #ce1026 0%, #980c1d 100%);
        color: #fff;
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        line-height: 1.4;
        margin-top: 2rem;
        padding: 1rem 2.5rem;
        text-align: center;
        width: 100%; }
        @media (max-width: 768px) {
          #feature .professional-practice-wrapper .text-box .badge {
            font-size: 25px;
            padding: 1rem 0rem; } }
      #feature .professional-practice-wrapper .text-box .sup {
        font-size: 14px;
        text-indent: -1rem;
        padding-left: 1rem; }
        #feature .professional-practice-wrapper .text-box .sup::before {
          content: "※"; }
    #feature .professional-practice-wrapper .practice-swiper-arrow {
      position: relative;
      width: 45%;
      /*program-swiper-wrapper*/ }
      @media (max-width: 768px) {
        #feature .professional-practice-wrapper .practice-swiper-arrow {
          margin: 0 auto;
          width: 85%; } }
      #feature .professional-practice-wrapper .practice-swiper-arrow .practice-swiper-wrapper {
        overflow: hidden; }
        #feature .professional-practice-wrapper .practice-swiper-arrow .practice-swiper-wrapper .practice-swiper-pagination {
          padding: 1rem 0;
          text-align: center; }
          #feature .professional-practice-wrapper .practice-swiper-arrow .practice-swiper-wrapper .practice-swiper-pagination .swiper-pagination-bullet-active {
            background-color: #b01e2d; }
      #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-next {
        top: 45%;
        right: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-next {
            top: 35%;
            right: var(--swiper-navigation-sides-offset, -28px); } }
        #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-next::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px; }
      #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-prev {
        top: 45%;
        left: var(--swiper-navigation-sides-offset, -17px);
        width: auto; }
        @media (max-width: 768px) {
          #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-prev {
            top: 35%;
            left: var(--swiper-navigation-sides-offset, -28px); } }
        #feature .professional-practice-wrapper .practice-swiper-arrow .swiper-button-prev::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px;
          transform: scale(-1, 1); }
  #feature .characteristics-wrapper {
    background: #f4f4ed;
    margin-top: 5rem;
    padding: 3rem;
    max-width: calc(1100px - 6rem);
    position: relative;
    /*text-box*/ }
    @media (max-width: 768px) {
      #feature .characteristics-wrapper {
        margin-top: 4rem;
        padding: 3rem 0; } }
    #feature .characteristics-wrapper .inner {
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #feature .characteristics-wrapper .inner {
          display: inherit;
          margin: auto;
          width: 85%; } }
    #feature .characteristics-wrapper .text-box {
      /*ul*/ }
      #feature .characteristics-wrapper .text-box .head {
        color: #b01e2d;
        font-size: clamp(20px, 2.4vw, 26px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #feature .characteristics-wrapper .text-box .head {
            font-size: 25px;
            line-height: 1.2;
            text-align: center; } }
      #feature .characteristics-wrapper .text-box ul {
        margin-top: 2rem; }
        #feature .characteristics-wrapper .text-box ul li {
          font-size: clamp(17px, 1.8vw, 19px);
          font-weight: 500;
          padding-left: 1.5rem;
          position: relative; }
          #feature .characteristics-wrapper .text-box ul li::before {
            content: "1.";
            color: #b01e2d;
            position: absolute;
            top: 0;
            left: 0; }
          #feature .characteristics-wrapper .text-box ul li:nth-child(2)::before {
            content: "2."; }
          #feature .characteristics-wrapper .text-box ul li:nth-child(3)::before {
            content: "3."; }
          #feature .characteristics-wrapper .text-box ul li:nth-child(4)::before {
            content: "4."; }
          #feature .characteristics-wrapper .text-box ul li:nth-child(5)::before {
            content: "5."; }
          #feature .characteristics-wrapper .text-box ul li:nth-child(6)::before {
            content: "6."; }
          #feature .characteristics-wrapper .text-box ul li + li {
            margin-top: .5rem; }
      #feature .characteristics-wrapper .text-box .source {
        font-size: 14px;
        font-weight: 400;
        margin-top: 1rem; }
        #feature .characteristics-wrapper .text-box .source a {
          text-decoration: underline; }
    #feature .characteristics-wrapper .arrow {
      margin: 0 2.5rem;
      width: 45px; }
      @media (max-width: 768px) {
        #feature .characteristics-wrapper .arrow {
          transform: rotate(90deg);
          margin: 1rem auto;
          width: 36px; } }
  #feature .human-power-wrapper {
    padding-top: 8rem;
    /*box*/ }
    @media (max-width: 768px) {
      #feature .human-power-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #feature .human-power-wrapper .head-square + .sub-head {
      font-size: clamp(20px, 2.4vw, 25px);
      font-weight: 700;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .head-square + .sub-head {
          margin-top: 1rem; } }
      #feature .human-power-wrapper .head-square + .sub-head + .text {
        margin-top: 2rem; }
    #feature .human-power-wrapper .cross-head {
      font-size: clamp(20px, 2.4vw, 25px);
      font-weight: 700;
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .cross-head {
          font-size: 25px; } }
    #feature .human-power-wrapper .flex-wrapper {
      gap: 0 3%;
      margin-top: 1rem; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .flex-wrapper {
          display: inherit; } }
    #feature .human-power-wrapper .box .title {
      background: #b01e2d;
      color: #fff;
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700;
      padding: .5rem 0;
      text-align: center; }
    #feature .human-power-wrapper .box .list {
      display: flex;
      gap: 0 5vw; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box .list {
          display: inherit; } }
    #feature .human-power-wrapper .box ul {
      margin: 1.75rem 0; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box ul {
          margin: 1rem 0 0; } }
      #feature .human-power-wrapper .box ul li:not(.none) {
        font-size: clamp(17px, 1.8vw, 18px);
        font-weight: 500;
        padding-left: 1.25rem;
        position: relative; }
        #feature .human-power-wrapper .box ul li:not(.none)::before {
          content: "\025a0";
          color: #b01e2d;
          position: absolute;
          top: 0;
          left: 0; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box ul li.none {
          display: none; } }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box ul + ul {
          margin: 0; } }
    #feature .human-power-wrapper .box .images {
      display: flex;
      gap: 0 3%; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box .images {
          display: inherit;
          margin-top: 1rem; } }
      #feature .human-power-wrapper .box .images .image p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        margin-top: .5rem; }
      @media (max-width: 768px) {
        #feature .human-power-wrapper .box .images .image + .image {
          margin-top: 2rem; } }
    @media (max-width: 768px) {
      #feature .human-power-wrapper .box + .box {
        margin-top: 4rem; } }
  #feature #learning-points {
    margin-top: 8rem;
    padding: 6rem 0;
    position: relative; }
    @media (max-width: 768px) {
      #feature #learning-points {
        margin: 4rem auto 3rem;
        padding: 4rem 0; } }
    #feature #learning-points::before {
      content: "";
      background: #f7f4e3;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
  #feature .learning-points-wrapper {
    /*section-wrapper*/ }
    #feature .learning-points-wrapper .head {
      margin: auto;
      width: 70%;
      max-width: 700px; }
    #feature .learning-points-wrapper .section-wrapper {
      margin-top: 5rem;
      /*text-box*/
      /*box*/
      /*.record-list*/
      /*system-list*/
      /*btn-list*/
      /*sec1*/
      /*sec3 4*/
      /*sec5*/ }
      @media (max-width: 768px) {
        #feature .learning-points-wrapper .section-wrapper {
          margin: 4rem auto 0;
          width: 85%; } }
      #feature .learning-points-wrapper .section-wrapper .num {
        /*width: 82px;*/ }
        #feature .learning-points-wrapper .section-wrapper .num img {
          height: 59px;
          width: auto; }
      #feature .learning-points-wrapper .section-wrapper .sub-head {
        font-size: clamp(30px, 3.5vw, 40px);
        font-weight: 700;
        line-height: 1.3;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .sub-head {
            margin-top: 1.5rem; } }
        #feature .learning-points-wrapper .section-wrapper .sub-head + .text {
          margin-top: 2rem; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .sub-head + .text {
              margin-top: 1.5rem; } }
      #feature .learning-points-wrapper .section-wrapper .inner {
        display: flex;
        gap: 0 5%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .inner {
            display: inherit; } }
      #feature .learning-points-wrapper .section-wrapper .box {
        background: #fff;
        padding: 2rem 2rem 1rem;
        position: relative;
        margin-top: 3rem;
        /*ul*/ }
        #feature .learning-points-wrapper .section-wrapper .box .cross-head {
          background: #b01e2d;
          color: #fff;
          font-size: clamp(17px, 1.8vw, 19px);
          font-weight: 600;
          display: inline-block;
          padding: .5rem 2rem;
          position: absolute;
          top: -1rem;
          left: 2rem; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .box .cross-head {
              padding: .5rem 0;
              text-align: center;
              left: 50%;
              transform: translate(-50%, 0);
              width: 85%; } }
        #feature .learning-points-wrapper .section-wrapper .box .border-head {
          border-bottom: 1px solid #b01e2d;
          color: #b01e2d;
          font-size: clamp(17px, 1.8vw, 19px);
          font-weight: 500;
          padding-bottom: .5rem; }
        #feature .learning-points-wrapper .section-wrapper .box ul {
          margin: 1rem 0; }
          #feature .learning-points-wrapper .section-wrapper .box ul li:not(.none) {
            font-size: clamp(17px, 1.8vw, 19px);
            font-weight: 500;
            padding-left: 1.5rem;
            position: relative; }
            @media (max-width: 768px) {
              #feature .learning-points-wrapper .section-wrapper .box ul li:not(.none) {
                font-size: 19px; } }
            #feature .learning-points-wrapper .section-wrapper .box ul li:not(.none)::before {
              content: "\025a0";
              color: #b01e2d;
              position: absolute;
              top: 0;
              left: 0; }
            #feature .learning-points-wrapper .section-wrapper .box ul li:not(.none) + li {
              margin-top: .75rem; }
          #feature .learning-points-wrapper .section-wrapper .box ul.underline li {
            /*text-decoration: underline;
            text-underline-offset: 8px;*/ }
            #feature .learning-points-wrapper .section-wrapper .box ul.underline li a {
              text-decoration: underline; }
      #feature .learning-points-wrapper .section-wrapper .images {
        display: flex;
        gap: 0 3%;
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .images {
            display: inherit; } }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .images li + li {
            margin-top: 2rem; } }
        #feature .learning-points-wrapper .section-wrapper .images p {
          font-size: 14px;
          font-weight: 400; }
      #feature .learning-points-wrapper .section-wrapper .record-list-head {
        font-size: clamp(20px, 2vw, 25px);
        font-weight: 700;
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .record-list-head {
            font-size: 25px; } }
      #feature .learning-points-wrapper .section-wrapper .record-list {
        display: flex;
        margin-top: 1rem;
        justify-content: space-between;
        /*max-width: 820px;*/ }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .record-list {
            display: inherit;
            margin: 1rem auto 0;
            max-width: inherit;
            width: 100%; } }
        #feature .learning-points-wrapper .section-wrapper .record-list .sub-head {
          background: #231815;
          color: #fff;
          font-size: clamp(20px, 2vw, 22px);
          font-weight: 700;
          padding: .25rem 0 .5rem 1rem;
          margin: 0; }
        #feature .learning-points-wrapper .section-wrapper .record-list .detail {
          width: 30%; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .record-list .detail {
              width: 100%; } }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .record-list .detail + .detail {
              margin-top: 3rem; } }
        #feature .learning-points-wrapper .section-wrapper .record-list .num {
          color: #b01e2d;
          font-family: "Oswald", sans-serif;
          font-size: clamp(75px, 8vw, 122px);
          font-weight: 800;
          line-height: 90%;
          margin-top: .5rem;
          white-space: nowrap; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .record-list .num {
              font-size: 122px; } }
          #feature .learning-points-wrapper .section-wrapper .record-list .num small {
            font-size: clamp(65px, 6vw, 92px); }
            @media (max-width: 768px) {
              #feature .learning-points-wrapper .section-wrapper .record-list .num small {
                font-size: 76px; } }
        #feature .learning-points-wrapper .section-wrapper .record-list .sup {
          font-size: 14px;
          font-weight: 400; }
      #feature .learning-points-wrapper .section-wrapper .system-list {
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .system-list {
            margin-top: 3rem; } }
        #feature .learning-points-wrapper .section-wrapper .system-list .flex-wrapper {
          gap: 0 5%; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .system-list .flex-wrapper {
              display: inherit; } }
        #feature .learning-points-wrapper .section-wrapper .system-list .cross-head {
          background: #b01e2d;
          color: #fff;
          font-size: clamp(20px, 2.4vw, 30px);
          font-weight: 600;
          display: inline-block;
          padding: 1rem 2rem 1.25rem; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .system-list .cross-head {
              font-size: 24px;
              line-height: 1.3;
              text-align: center;
              width: calc(100% - 4rem); } }
          #feature .learning-points-wrapper .section-wrapper .system-list .cross-head + p {
            margin-top: 2rem; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .system-list .image {
            margin-top: 2rem; } }
        #feature .learning-points-wrapper .section-wrapper .system-list + .system-list {
          border-top: 1px solid #918c8a;
          padding-top: 3rem; }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .system-list + .system-list {
              border-top: none;
              padding-top: 0; } }
      #feature .learning-points-wrapper .section-wrapper .btn-list {
        display: flex;
        gap: 0 3%;
        justify-content: center;
        margin: 5rem auto 0;
        max-width: 690px; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .btn-list {
            display: inherit;
            margin: 3rem auto 0;
            text-align: center; } }
        #feature .learning-points-wrapper .section-wrapper .btn-list li a {
          width: min(20vw, 200px); }
          @media (max-width: 768px) {
            #feature .learning-points-wrapper .section-wrapper .btn-list li a {
              white-space: nowrap; } }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper .btn-list li + li {
            margin-top: 1rem; } }
      #feature .learning-points-wrapper .section-wrapper.sec1 .text-box {
        width: 50%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec1 .text-box {
            width: 100%; } }
      #feature .learning-points-wrapper .section-wrapper.sec1 .image {
        width: 45%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec1 .image {
            margin-top: 1rem;
            width: 100%; } }
        #feature .learning-points-wrapper .section-wrapper.sec1 .image .sup {
          font-size: 14px;
          margin-top: 1rem;
          text-align: center; }
      #feature .learning-points-wrapper .section-wrapper.sec3 .inner, #feature .learning-points-wrapper .section-wrapper.sec4 .inner {
        margin-top: 4rem; }
      #feature .learning-points-wrapper .section-wrapper.sec3 .box, #feature .learning-points-wrapper .section-wrapper.sec4 .box {
        margin-top: 0; }
      #feature .learning-points-wrapper .section-wrapper.sec3 .text-box:not(.full), #feature .learning-points-wrapper .section-wrapper.sec4 .text-box:not(.full) {
        width: 65%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec3 .text-box:not(.full), #feature .learning-points-wrapper .section-wrapper.sec4 .text-box:not(.full) {
            width: 100%; } }
      #feature .learning-points-wrapper .section-wrapper.sec3 .image, #feature .learning-points-wrapper .section-wrapper.sec4 .image {
        width: 336px; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec3 .image, #feature .learning-points-wrapper .section-wrapper.sec4 .image {
            margin-top: 2rem;
            width: 100%; } }
      #feature .learning-points-wrapper .section-wrapper.sec5 .list1 .text-box,
      #feature .learning-points-wrapper .section-wrapper.sec5 .list2 .text-box {
        width: 100%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec5 .list1 .text-box,
          #feature .learning-points-wrapper .section-wrapper.sec5 .list2 .text-box {
            width: 100%; } }
      #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .text-box {
        width: 45%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .text-box {
            width: 100%; } }
        #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .text-box .more-btn {
          margin-top: 2rem; }
          #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .text-box .more-btn a {
            width: min(20vw, 200px); }
      #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .box {
        width: 50%; }
        @media (max-width: 768px) {
          #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .box {
            margin-top: 2rem;
            width: calc(100% - 4rem); } }
      @media (max-width: 768px) {
        #feature .learning-points-wrapper .section-wrapper.sec5 .list3 .more-btn {
          margin-top: 2rem;
          text-align: center; } }

/*feature*/
/********************************************************************************
applicant
********************************************************************************/
#applicant {
  /*about-school-wrapper*/
  /*menu-list-wrapper*/
  /*op-wrapper*/ }
  #applicant .concept-wrapper {
    border: none;
    display: flex;
    gap: 0 5%;
    position: relative; }
    @media (max-width: 768px) {
      #applicant .concept-wrapper {
        display: inherit; } }
    #applicant .concept-wrapper::before {
      content: "";
      background: #231815;
      width: 1px;
      height: 78%;
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 768px) {
        #applicant .concept-wrapper::before {
          height: 100%; } }
    #applicant .concept-wrapper .image {
      width: 427px; }
      @media (max-width: 768px) {
        #applicant .concept-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
  #applicant .about-school-wrapper {
    padding: 6rem 0 12rem;
    position: relative;
    margin-top: 8rem;
    /*list*/ }
    @media (max-width: 768px) {
      #applicant .about-school-wrapper {
        padding: 4rem 0 6rem;
        margin-top: 4rem; } }
    #applicant .about-school-wrapper::before {
      content: "";
      background: url("../images/users/applicant/img2.jpg") no-repeat center center;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper::before {
          background-image: url("../images/users/applicant/img2-sp.jpg"); } }
    @media (max-width: 768px) {
      #applicant .about-school-wrapper .head-square {
        margin: auto;
        width: 85%; } }
    #applicant .about-school-wrapper .point-box {
      margin-top: 7rem; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .point-box {
          margin-top: 3rem; } }
    #applicant .about-school-wrapper .en {
      color: #b01e2d;
      font-family: "Oswald", sans-serif;
      font-size: clamp(28px, 3vw, 38px);
      font-weight: 700;
      text-align: center; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .en {
          font-size: 34px; } }
    #applicant .about-school-wrapper .box-inner {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 25px;
      padding: 2.5rem 2rem;
      margin-top: -1rem; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .box-inner {
          padding: 2rem 1.5rem 1.5rem;
          margin: -.5rem auto 0;
          width: calc(85% - 3rem); } }
    #applicant .about-school-wrapper .list {
      display: flex;
      gap: 0 3%;
      justify-content: space-between; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .list {
          display: inherit; } }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .list ul + ul {
          margin-top: 1rem; } }
      #applicant .about-school-wrapper .list li {
        font-size: clamp(14px, 1.5vw, 17px);
        font-weight: 500;
        padding-left: 1.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #applicant .about-school-wrapper .list li {
            font-size: 15px; } }
        #applicant .about-school-wrapper .list li::before {
          content: "\025a0";
          color: #b01e2d;
          position: absolute;
          top: 0;
          left: 0; }
        #applicant .about-school-wrapper .list li + li {
          margin-top: .75rem; }
        #applicant .about-school-wrapper .list li .position-sup {
          position: absolute;
          padding-right: 1rem; }
          #applicant .about-school-wrapper .list li .position-sup sup {
            position: absolute;
            top: -4px; }
    #applicant .about-school-wrapper .sup {
      font-size: 14px;
      font-weight: 400;
      position: relative;
      padding-left: 1.5rem;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #applicant .about-school-wrapper .sup {
          margin-top: 1.5rem; } }
      #applicant .about-school-wrapper .sup::before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0; }
  #applicant .menu-list-wrapper {
    margin-top: 10rem;
    /*head-square*/
    /*sub-menu-box*/ }
    @media (max-width: 768px) {
      #applicant .menu-list-wrapper {
        margin-top: 4rem; } }
    #applicant .menu-list-wrapper .head-square {
      font-size: 15px;
      font-weight: 700; }
      #applicant .menu-list-wrapper .head-square .box {
        background: #ce1026;
        background: linear-gradient(270deg, #ce1026 0%, #980c1d 100%);
        color: #fff;
        font-size: clamp(13px, 1.4vw, 15px);
        line-height: 1.4;
        padding: .5rem 2rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #applicant .menu-list-wrapper .head-square .box {
            font-size: 15px;
            padding: .25rem .5rem; } }
      #applicant .menu-list-wrapper .head-square + .sub-menu-title {
        font-size: clamp(32px, 3.4vw, 45px);
        font-weight: 700;
        line-height: 1.6;
        margin: .75rem 0 1rem; }
    #applicant .menu-list-wrapper .sub-menu-box {
      /*sub-menu*/ }
      #applicant .menu-list-wrapper .sub-menu-box .inner-wrapper {
        display: flex;
        gap: 0 5%;
        align-items: flex-end;
        justify-content: center;
        margin: auto; }
        @media (max-width: 768px) {
          #applicant .menu-list-wrapper .sub-menu-box .inner-wrapper {
            display: inherit;
            margin: auto;
            width: 85%; } }
      #applicant .menu-list-wrapper .sub-menu-box .sub-image {
        text-align: right;
        max-width: 355px;
        width: 31%; }
        @media (max-width: 768px) {
          #applicant .menu-list-wrapper .sub-menu-box .sub-image {
            display: none;
            max-width: inherit;
            margin: 0 auto 2rem;
            width: 75%; } }
      #applicant .menu-list-wrapper .sub-menu-box .sub-menu {
        width: 65%;
        /*li*/ }
        @media (max-width: 768px) {
          #applicant .menu-list-wrapper .sub-menu-box .sub-menu {
            width: 100%; } }
        #applicant .menu-list-wrapper .sub-menu-box .sub-menu .flex-wrapper {
          justify-content: space-between; }
          @media (max-width: 768px) {
            #applicant .menu-list-wrapper .sub-menu-box .sub-menu .flex-wrapper {
              display: inherit; } }
        #applicant .menu-list-wrapper .sub-menu-box .sub-menu ul {
          width: 48%; }
          @media (max-width: 768px) {
            #applicant .menu-list-wrapper .sub-menu-box .sub-menu ul {
              width: 100%; } }
          @media (max-width: 768px) {
            #applicant .menu-list-wrapper .sub-menu-box .sub-menu ul + ul {
              margin-top: -1px; } }
        #applicant .menu-list-wrapper .sub-menu-box .sub-menu li a {
          background: url("../images/common/icon-list-arrow.svg") no-repeat 98% center;
          background-size: 25px;
          border-bottom: 1px solid #808080;
          display: block;
          font-size: clamp(13px, 1.4vw, 17px);
          font-weight: 400;
          padding: 1.25rem 0;
          transition: .4s; }
          @media (max-width: 768px) {
            #applicant .menu-list-wrapper .sub-menu-box .sub-menu li a {
              background-size: 18px;
              font-size: 15px;
              padding: .75rem 0; } }
          #applicant .menu-list-wrapper .sub-menu-box .sub-menu li a:hover {
            background-position: 99% center;
            color: #d51026; }
        #applicant .menu-list-wrapper .sub-menu-box .sub-menu li:first-child a {
          border-top: 1px solid #808080; }
    #applicant .menu-list-wrapper + .menu-list-wrapper {
      margin-top: 10rem; }
      @media (max-width: 768px) {
        #applicant .menu-list-wrapper + .menu-list-wrapper {
          margin-top: 4rem; } }
  #applicant .op-wrapper {
    position: relative;
    margin-top: 12rem;
    /*text-box*/ }
    @media (max-width: 768px) {
      #applicant .op-wrapper {
        margin: 4rem 0 3rem; } }
    #applicant .op-wrapper::before {
      content: "";
      background: #6a75ff;
      background: linear-gradient(270deg, #6a75ff 0%, #70f5ce 55%);
      background-size: cover;
      height: 90%;
      width: 100vw;
      position: absolute;
      top: 5%;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #applicant .op-wrapper::before {
          background: linear-gradient(270deg, #6a75ff 0%, #70f5ce 35%); } }
    #applicant .op-wrapper .inner {
      display: flex; }
      @media (max-width: 768px) {
        #applicant .op-wrapper .inner {
          display: inherit; } }
    #applicant .op-wrapper .text-box {
      max-width: 478px; }
      @media (max-width: 768px) {
        #applicant .op-wrapper .text-box {
          margin: auto;
          width: 85%; } }
      #applicant .op-wrapper .text-box .head {
        margin-left: -2.5rem;
        max-width: 478px; }
        @media (max-width: 768px) {
          #applicant .op-wrapper .text-box .head {
            margin: auto;
            width: 320px; } }
      #applicant .op-wrapper .text-box .cross-head {
        color: #4c8cd3;
        font-size: clamp(24px, 2.8vw, 30px);
        font-weight: 700;
        line-height: 1.4;
        margin-top: 2rem; }
      #applicant .op-wrapper .text-box .text {
        margin-top: 1rem;
        width: 85%; }
        @media (max-width: 768px) {
          #applicant .op-wrapper .text-box .text {
            width: 100%; } }
    #applicant .op-wrapper .image {
      max-width: 710px; }
      @media (max-width: 768px) {
        #applicant .op-wrapper .image {
          margin: 2rem 0 0;
          width: 100%; } }
    #applicant .op-wrapper .more-btn {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #applicant .op-wrapper .more-btn {
          text-align: center; } }
      #applicant .op-wrapper .more-btn a {
        width: min(20vw, 200px); }

/*applicant*/
/********************************************************************************
student, graduate
********************************************************************************/
#student,
#graduate {
  /*disaster-wrapper*/
  /*procedure-wrapper*/
  /*infectious-disease-wrapper*/
  /*certificate-wrapper*/
  /*handbook-wrapper*/
  /*alumni-association-wrapper*/ }
  @media (max-width: 768px) {
    #student .disaster-wrapper,
    #graduate .disaster-wrapper {
      margin: auto;
      width: 85%; } }
  #student .disaster-wrapper .head-square + p,
  #graduate .disaster-wrapper .head-square + p {
    margin-top: 2rem; }
    @media (max-width: 768px) {
      #student .disaster-wrapper .head-square + p,
      #graduate .disaster-wrapper .head-square + p {
        margin-top: 1rem; } }
  #student .procedure-wrapper,
  #graduate .procedure-wrapper {
    margin-top: 2rem;
    /*image*/
    /*box*/
    /*square*/ }
    #student .procedure-wrapper + .procedure-wrapper,
    #graduate .procedure-wrapper + .procedure-wrapper {
      margin-top: 6rem; }
      @media (max-width: 768px) {
        #student .procedure-wrapper + .procedure-wrapper,
        #graduate .procedure-wrapper + .procedure-wrapper {
          margin: 4rem auto 0; } }
    #student .procedure-wrapper.back-color,
    #graduate .procedure-wrapper.back-color {
      background: #f9f7ea;
      padding: 0 2rem 2rem 0; }
      @media (max-width: 768px) {
        #student .procedure-wrapper.back-color,
        #graduate .procedure-wrapper.back-color {
          padding: 0 1rem 1rem 0; } }
    #student .procedure-wrapper .head-flex,
    #graduate .procedure-wrapper .head-flex {
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #student .procedure-wrapper .head-flex,
        #graduate .procedure-wrapper .head-flex {
          display: inherit; } }
      #student .procedure-wrapper .head-flex .head-image,
      #graduate .procedure-wrapper .head-flex .head-image {
        margin-right: 2rem;
        width: 134px; }
        @media (max-width: 768px) {
          #student .procedure-wrapper .head-flex .head-image,
          #graduate .procedure-wrapper .head-flex .head-image {
            width: 98px; } }
      @media (max-width: 768px) {
        #student .procedure-wrapper .head-flex .text,
        #graduate .procedure-wrapper .head-flex .text {
          margin-top: 1rem; } }
      #student .procedure-wrapper .head-flex .text .head,
      #graduate .procedure-wrapper .head-flex .text .head {
        color: #b01e2d;
        font-size: clamp(20px, 2.4vw, 28px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #student .procedure-wrapper .head-flex .text .head,
          #graduate .procedure-wrapper .head-flex .text .head {
            margin-left: 1rem; } }
        #student .procedure-wrapper .head-flex .text .head + p,
        #graduate .procedure-wrapper .head-flex .text .head + p {
          color: #b01e2d;
          font-size: 14px;
          font-weight: 400;
          margin-left: 0; }
          @media (max-width: 768px) {
            #student .procedure-wrapper .head-flex .text .head + p,
            #graduate .procedure-wrapper .head-flex .text .head + p {
              margin-left: 1rem; } }
    @media (max-width: 768px) {
      #student .procedure-wrapper .ol-list,
      #graduate .procedure-wrapper .ol-list {
        font-size: 14px; } }
    #student .procedure-wrapper .image,
    #graduate .procedure-wrapper .image {
      margin: 1rem auto 2rem; }
      @media (max-width: 768px) {
        #student .procedure-wrapper .image,
        #graduate .procedure-wrapper .image {
          /*width: 860px;*/ } }
      @media (max-width: 768px) {
        #student .procedure-wrapper .image img,
        #graduate .procedure-wrapper .image img {
          max-width: inherit;
          width: 860px; } }
      #student .procedure-wrapper .image + .square li,
      #graduate .procedure-wrapper .image + .square li {
        font-size: clamp(14px, 1.5vw, 16px);
        font-weight: 500; }
        @media (max-width: 768px) {
          #student .procedure-wrapper .image + .square li,
          #graduate .procedure-wrapper .image + .square li {
            font-size: 15px; } }
        #student .procedure-wrapper .image + .square li a,
        #graduate .procedure-wrapper .image + .square li a {
          text-decoration: underline; }
        #student .procedure-wrapper .image + .square li + li,
        #graduate .procedure-wrapper .image + .square li + li {
          margin-top: .5rem; }
    #student .procedure-wrapper .box,
    #graduate .procedure-wrapper .box {
      padding-left: 3rem;
      margin-top: 1.5rem; }
      @media (max-width: 768px) {
        #student .procedure-wrapper .box,
        #graduate .procedure-wrapper .box {
          padding-left: 1rem;
          margin-top: 1rem; } }
      #student .procedure-wrapper .box .text,
      #graduate .procedure-wrapper .box .text {
        font-size: clamp(15px, 1.5vw, 15px); }
        #student .procedure-wrapper .box .text + p,
        #graduate .procedure-wrapper .box .text + p {
          font-size: 14px;
          margin-top: 1rem; }
          #student .procedure-wrapper .box .text + p strong,
          #graduate .procedure-wrapper .box .text + p strong {
            font-size: 13px;
            font-weight: 600; }
    #student .procedure-wrapper .square li,
    #graduate .procedure-wrapper .square li {
      font-size: clamp(13px, 1.4vw, 15px);
      font-weight: 400;
      padding-left: 1.5rem;
      position: relative; }
      @media (max-width: 768px) {
        #student .procedure-wrapper .square li,
        #graduate .procedure-wrapper .square li {
          font-size: 15px; } }
      #student .procedure-wrapper .square li::before,
      #graduate .procedure-wrapper .square li::before {
        content: "\025a0";
        color: #b01e2d;
        font-size: clamp(11px, 1.2vw, 13px);
        position: absolute;
        top: 0;
        left: 0; }
    #student .procedure-wrapper .sub-head,
    #graduate .procedure-wrapper .sub-head {
      font-size: 13px;
      font-weight: 600;
      margin-top: 2.5rem; }
  #student .infectious-disease-wrapper,
  #graduate .infectious-disease-wrapper {
    margin-top: 8rem;
    /*table*/
    /*td*/ }
    @media (max-width: 768px) {
      #student .infectious-disease-wrapper,
      #graduate .infectious-disease-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #student .infectious-disease-wrapper .head-square + p,
    #graduate .infectious-disease-wrapper .head-square + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #student .infectious-disease-wrapper .head-square + p,
        #graduate .infectious-disease-wrapper .head-square + p {
          margin-top: 1rem; } }
    #student .infectious-disease-wrapper table,
    #graduate .infectious-disease-wrapper table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      margin-top: 3rem;
      width: 100%; }
      @media (max-width: 768px) {
        #student .infectious-disease-wrapper table,
        #graduate .infectious-disease-wrapper table {
          margin-top: 2rem; } }
    #student .infectious-disease-wrapper th, #student .infectious-disease-wrapper td,
    #graduate .infectious-disease-wrapper th,
    #graduate .infectious-disease-wrapper td {
      padding: 1rem 1rem 1rem 1.5rem; }
    #student .infectious-disease-wrapper th,
    #graduate .infectious-disease-wrapper th {
      background: #f9f7f0;
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      padding-left: 2rem;
      padding-right: 2rem;
      text-align: center;
      white-space: nowrap; }
      @media (max-width: 768px) {
        #student .infectious-disease-wrapper th,
        #graduate .infectious-disease-wrapper th {
          white-space: inherit; } }
      #student .infectious-disease-wrapper th:last-child,
      #graduate .infectious-disease-wrapper th:last-child {
        border-right: 0; }
    #student .infectious-disease-wrapper td,
    #graduate .infectious-disease-wrapper td {
      background: #fff;
      border-right: 1px solid #aaabab;
      border-bottom: 1px solid #aaabab;
      font-weight: 400;
      text-align: left; }
      #student .infectious-disease-wrapper td:last-child,
      #graduate .infectious-disease-wrapper td:last-child {
        border-right: 0; }
      #student .infectious-disease-wrapper td strong,
      #graduate .infectious-disease-wrapper td strong {
        font-weight: 500; }
      #student .infectious-disease-wrapper td p + p,
      #graduate .infectious-disease-wrapper td p + p {
        margin-top: .5rem; }
  #student .certificate-wrapper,
  #graduate .certificate-wrapper {
    margin-top: 8rem;
    /*ul*/
    /*table-flex*/
    /*scholarship-table*/ }
    @media (max-width: 768px) {
      #student .certificate-wrapper,
      #graduate .certificate-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #student .certificate-wrapper ul,
    #graduate .certificate-wrapper ul {
      margin-top: 4rem;
      /*li*/ }
      @media (max-width: 768px) {
        #student .certificate-wrapper ul,
        #graduate .certificate-wrapper ul {
          margin-top: 2rem; } }
      #student .certificate-wrapper ul li .click-head,
      #graduate .certificate-wrapper ul li .click-head {
        background: #b01e2d;
        color: #fff;
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        line-height: 1.5;
        padding: 1rem 3rem 1rem 1.5rem;
        position: relative; }
        @media (max-width: 768px) {
          #student .certificate-wrapper ul li .click-head,
          #graduate .certificate-wrapper ul li .click-head {
            padding: .5rem 3rem .5rem 1rem; } }
        #student .certificate-wrapper ul li .click-head p,
        #graduate .certificate-wrapper ul li .click-head p {
          padding-left: 2.5rem;
          position: relative; }
          @media (max-width: 768px) {
            #student .certificate-wrapper ul li .click-head p,
            #graduate .certificate-wrapper ul li .click-head p {
              padding-left: 1.5rem; } }
          #student .certificate-wrapper ul li .click-head p::before,
          #graduate .certificate-wrapper ul li .click-head p::before {
            content: "\025a0";
            margin-right: .5rem;
            font-size: clamp(14px, 1.8vw, 18px);
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
            @media (max-width: 768px) {
              #student .certificate-wrapper ul li .click-head p::before,
              #graduate .certificate-wrapper ul li .click-head p::before {
                top: 3px;
                transform: none; } }
        @media (hover: hover) and (pointer: fine) {
          #student .certificate-wrapper ul li .click-head:hover,
          #graduate .certificate-wrapper ul li .click-head:hover {
            cursor: pointer; } }
        #student .certificate-wrapper ul li .click-head::after,
        #graduate .certificate-wrapper ul li .click-head::after {
          content: "";
          display: block;
          background: url("../images/entrance/scholarship/arrow.svg");
          background-size: cover;
          height: 11px;
          width: 22px;
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translate(0, -50%) rotate(180deg); }
          @media (max-width: 768px) {
            #student .certificate-wrapper ul li .click-head::after,
            #graduate .certificate-wrapper ul li .click-head::after {
              height: 6px;
              widows: 13px; } }
        #student .certificate-wrapper ul li .click-head.active::after,
        #graduate .certificate-wrapper ul li .click-head.active::after {
          transform: rotate(0deg); }
      #student .certificate-wrapper ul li .close-content,
      #graduate .certificate-wrapper ul li .close-content {
        display: none;
        position: relative; }
      #student .certificate-wrapper ul li .mt,
      #graduate .certificate-wrapper ul li .mt {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #student .certificate-wrapper ul li .mt,
          #graduate .certificate-wrapper ul li .mt {
            margin-top: 1rem; } }
        @media (max-width: 768px) {
          #student .certificate-wrapper ul li .mt + .table-flex,
          #graduate .certificate-wrapper ul li .mt + .table-flex {
            margin-top: 1rem; } }
      #student .certificate-wrapper ul li + li,
      #graduate .certificate-wrapper ul li + li {
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #student .certificate-wrapper ul li + li,
          #graduate .certificate-wrapper ul li + li {
            margin-top: 1.5rem; } }
    #student .certificate-wrapper .table-flex,
    #graduate .certificate-wrapper .table-flex {
      display: flex;
      gap: 0 10%;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #student .certificate-wrapper .table-flex,
        #graduate .certificate-wrapper .table-flex {
          display: inherit; } }
      @media (max-width: 768px) {
        #student .certificate-wrapper .table-flex table + table,
        #graduate .certificate-wrapper .table-flex table + table {
          margin-top: 4rem; } }
      @media (max-width: 768px) {
        #student .certificate-wrapper .table-flex th,
        #graduate .certificate-wrapper .table-flex th {
          -ms-writing-mode: inherit !important;
          writing-mode: inherit !important;
          padding-left: 0rem;
          padding-right: 0rem; } }
      #student .certificate-wrapper .table-flex thead th,
      #graduate .certificate-wrapper .table-flex thead th {
        background: #4f4644;
        color: #fff;
        border-right: 1px solid #fff;
        padding: 1rem 1rem 1rem 1.5rem; }
        #student .certificate-wrapper .table-flex thead th:last-child,
        #graduate .certificate-wrapper .table-flex thead th:last-child {
          border-right: 0; }
      #student .certificate-wrapper .table-flex tbody th, #student .certificate-wrapper .table-flex tbody td,
      #graduate .certificate-wrapper .table-flex tbody th,
      #graduate .certificate-wrapper .table-flex tbody td {
        padding: 1rem 1rem 1rem 1.5rem; }
      #student .certificate-wrapper .table-flex tbody td:nth-child(2),
      #graduate .certificate-wrapper .table-flex tbody td:nth-child(2) {
        padding: 0;
        text-align: center; }
    #student .certificate-wrapper .scholarship-table,
    #graduate .certificate-wrapper .scholarship-table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      width: 100%;
      /*td*/
      /*btn-list*/ }
      #student .certificate-wrapper .scholarship-table caption,
      #graduate .certificate-wrapper .scholarship-table caption {
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        margin-bottom: 1.5rem;
        text-align: left; }
        #student .certificate-wrapper .scholarship-table caption::before,
        #graduate .certificate-wrapper .scholarship-table caption::before {
          content: "\025a0";
          color: #b01e2d;
          margin-right: .5rem; }
      #student .certificate-wrapper .scholarship-table .border-right,
      #graduate .certificate-wrapper .scholarship-table .border-right {
        border-right: 1px solid #aaabab; }
      #student .certificate-wrapper .scholarship-table .center,
      #graduate .certificate-wrapper .scholarship-table .center {
        text-align: center; }
      #student .certificate-wrapper .scholarship-table a,
      #graduate .certificate-wrapper .scholarship-table a {
        text-decoration: none; }
      #student .certificate-wrapper .scholarship-table th, #student .certificate-wrapper .scholarship-table td,
      #graduate .certificate-wrapper .scholarship-table th,
      #graduate .certificate-wrapper .scholarship-table td {
        padding: 1.5rem 1rem 1.5rem 1.5rem; }
      #student .certificate-wrapper .scholarship-table th,
      #graduate .certificate-wrapper .scholarship-table th {
        background: #f9f7f0;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table th,
          #graduate .certificate-wrapper .scholarship-table th {
            -ms-writing-mode: inherit !important;
            writing-mode: inherit !important;
            padding-left: 0rem;
            padding-right: 0rem; } }
        #student .certificate-wrapper .scholarship-table th:last-child,
        #graduate .certificate-wrapper .scholarship-table th:last-child {
          border-right: 0; }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table th .vertical,
          #graduate .certificate-wrapper .scholarship-table th .vertical {
            margin-left: 0; } }
      #student .certificate-wrapper .scholarship-table td,
      #graduate .certificate-wrapper .scholarship-table td {
        background: #fff;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        font-weight: 400;
        text-align: left; }
        #student .certificate-wrapper .scholarship-table td:last-child,
        #graduate .certificate-wrapper .scholarship-table td:last-child {
          border-right: 0; }
        #student .certificate-wrapper .scholarship-table td small,
        #graduate .certificate-wrapper .scholarship-table td small {
          font-size: 14px;
          font-weight: 400; }
        #student .certificate-wrapper .scholarship-table td p + p, #student .certificate-wrapper .scholarship-table td p + ol,
        #graduate .certificate-wrapper .scholarship-table td p + p,
        #graduate .certificate-wrapper .scholarship-table td p + ol {
          margin-top: 1rem; }
        #student .certificate-wrapper .scholarship-table td img,
        #graduate .certificate-wrapper .scholarship-table td img {
          display: block;
          max-width: 400px;
          margin: 2rem auto 0; }
        #student .certificate-wrapper .scholarship-table td ol,
        #graduate .certificate-wrapper .scholarship-table td ol {
          counter-reset: number; }
          #student .certificate-wrapper .scholarship-table td ol li,
          #graduate .certificate-wrapper .scholarship-table td ol li {
            /*margin-left: .5rem;*/
            line-height: 2;
            margin-top: 0;
            text-indent: -2rem;
            padding-left: 2rem; }
            #student .certificate-wrapper .scholarship-table td ol li::before,
            #graduate .certificate-wrapper .scholarship-table td ol li::before {
              counter-increment: number 1;
              content: counter(number) "　"; }
            #student .certificate-wrapper .scholarship-table td ol li ol li,
            #graduate .certificate-wrapper .scholarship-table td ol li ol li {
              list-style-type: none;
              text-indent: -2rem; }
              #student .certificate-wrapper .scholarship-table td ol li ol li::before,
              #graduate .certificate-wrapper .scholarship-table td ol li ol li::before {
                content: none; }
        #student .certificate-wrapper .scholarship-table td .square,
        #graduate .certificate-wrapper .scholarship-table td .square {
          margin-left: 1.75rem;
          padding-left: 1.25rem;
          position: relative; }
          #student .certificate-wrapper .scholarship-table td .square::before,
          #graduate .certificate-wrapper .scholarship-table td .square::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: clamp(11px, 1.2vw, 13px);
            position: absolute;
            top: 3px;
            left: 0; }
          #student .certificate-wrapper .scholarship-table td .square + .text,
          #graduate .certificate-wrapper .scholarship-table td .square + .text {
            font-size: 14px;
            margin-top: 0;
            padding-left: 1.5rem;
            text-indent: 0; }
          #student .certificate-wrapper .scholarship-table td .square + .square,
          #graduate .certificate-wrapper .scholarship-table td .square + .square {
            margin-top: .5rem; }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table td.short,
          #graduate .certificate-wrapper .scholarship-table td.short {
            width: 770px; } }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table td.short-irregular,
          #graduate .certificate-wrapper .scholarship-table td.short-irregular {
            width: 84%; } }
      #student .certificate-wrapper .scholarship-table .btn-list,
      #graduate .certificate-wrapper .scholarship-table .btn-list {
        display: flex;
        gap: 0 4%;
        justify-content: center;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table .btn-list,
          #graduate .certificate-wrapper .scholarship-table .btn-list {
            display: inherit;
            padding-top: 2rem;
            text-align: center; } }
        @media (max-width: 768px) {
          #student .certificate-wrapper .scholarship-table .btn-list li a,
          #graduate .certificate-wrapper .scholarship-table .btn-list li a {
            width: 85%; } }
        #student .certificate-wrapper .scholarship-table .btn-list li + li,
        #graduate .certificate-wrapper .scholarship-table .btn-list li + li {
          margin-top: 0; }
          @media (max-width: 768px) {
            #student .certificate-wrapper .scholarship-table .btn-list li + li,
            #graduate .certificate-wrapper .scholarship-table .btn-list li + li {
              margin-top: 1rem; } }
  #student .handbook-wrapper,
  #graduate .handbook-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #student .handbook-wrapper,
      #graduate .handbook-wrapper {
        margin: 4rem auto 3rem;
        width: 85%; } }
    #student .handbook-wrapper .head-flex + p,
    #graduate .handbook-wrapper .head-flex + p {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #student .handbook-wrapper .head-flex + p,
        #graduate .handbook-wrapper .head-flex + p {
          margin-top: 1rem; } }
    #student .handbook-wrapper .pdf-btn,
    #graduate .handbook-wrapper .pdf-btn {
      margin: 4rem 0; }
      @media (max-width: 768px) {
        #student .handbook-wrapper .pdf-btn,
        #graduate .handbook-wrapper .pdf-btn {
          margin: 2rem 0; } }
      #student .handbook-wrapper .pdf-btn a,
      #graduate .handbook-wrapper .pdf-btn a {
        background-color: #fafafa;
        font-size: clamp(16px, 1.8vw, 20px);
        font-weight: 600;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        width: min(30vw, 430px); }
        @media (max-width: 768px) {
          #student .handbook-wrapper .pdf-btn a,
          #graduate .handbook-wrapper .pdf-btn a {
            width: 80%; } }
    #student .handbook-wrapper .sub-head,
    #graduate .handbook-wrapper .sub-head {
      border-bottom: 1px solid #231815;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 1rem; }
      #student .handbook-wrapper .sub-head + p,
      #graduate .handbook-wrapper .sub-head + p {
        font-size: 14px; }
  #student .alumni-association-wrapper,
  #graduate .alumni-association-wrapper {
    margin-top: 8rem;
    padding: 4rem 0;
    position: relative;
    /*text-box*/ }
    @media (max-width: 768px) {
      #student .alumni-association-wrapper,
      #graduate .alumni-association-wrapper {
        margin: 4rem auto 3rem;
        padding: 3rem 0;
        width: 100%; } }
    #student .alumni-association-wrapper::before,
    #graduate .alumni-association-wrapper::before {
      content: "";
      background: #f5f1dc;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #student .alumni-association-wrapper::before,
        #graduate .alumni-association-wrapper::before {
          height: 100%; } }
    #student .alumni-association-wrapper .inner,
    #graduate .alumni-association-wrapper .inner {
      display: flex;
      gap: 0 5%;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #student .alumni-association-wrapper .inner,
        #graduate .alumni-association-wrapper .inner {
          display: inherit;
          margin: 1.5rem auto 0;
          width: 85%; } }
    #student .alumni-association-wrapper .head-box .text,
    #graduate .alumni-association-wrapper .head-box .text {
      margin-top: 2rem; }
    #student .alumni-association-wrapper .head-box .blank-btn,
    #graduate .alumni-association-wrapper .head-box .blank-btn {
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #student .alumni-association-wrapper .head-box .blank-btn,
        #graduate .alumni-association-wrapper .head-box .blank-btn {
          margin-top: 2rem; } }
    #student .alumni-association-wrapper .text-box,
    #graduate .alumni-association-wrapper .text-box {
      /*ul*/ }
      @media (max-width: 768px) {
        #student .alumni-association-wrapper .text-box,
        #graduate .alumni-association-wrapper .text-box {
          margin-top: 3rem; } }
      #student .alumni-association-wrapper .text-box .cross-head,
      #graduate .alumni-association-wrapper .text-box .cross-head {
        border-bottom: 1px solid #231815;
        font-size: 13px;
        font-weight: 600;
        padding-bottom: .5rem; }
      #student .alumni-association-wrapper .text-box ul,
      #graduate .alumni-association-wrapper .text-box ul {
        background: #fff;
        padding: 2.5rem 0rem 2.5rem 3rem;
        position: relative; }
        @media (max-width: 768px) {
          #student .alumni-association-wrapper .text-box ul,
          #graduate .alumni-association-wrapper .text-box ul {
            padding: 2rem 2rem; } }
        #student .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none),
        #graduate .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none) {
          font-size: clamp(15px, 1.5vw, 17px);
          line-height: 1.8;
          padding-left: 1.25rem;
          position: relative;
          white-space: nowrap; }
          #student .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none)::before,
          #graduate .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none)::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: clamp(12px, 1.2vw, 13px);
            position: absolute;
            top: 3px;
            left: 0; }
          #student .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none):nth-child(2),
          #graduate .alumni-association-wrapper .text-box ul li:not(.cross-head):not(.none):nth-child(2) {
            margin-top: 1rem; }
        #student .alumni-association-wrapper .text-box ul::before,
        #graduate .alumni-association-wrapper .text-box ul::before {
          content: "";
          background: #fff;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          right: -90%;
          z-index: -1; }
          @media (max-width: 768px) {
            #student .alumni-association-wrapper .text-box ul::before,
            #graduate .alumni-association-wrapper .text-box ul::before {
              content: none; } }

/*student graduate*/
#graduate .certificate-wrapper {
  margin-top: 0rem; }
  @media (max-width: 768px) {
    #graduate .certificate-wrapper {
      margin: 0rem auto 0; } }

/********************************************************************************
company
********************************************************************************/
#company {
  /*company-info-wrapper*/
  /*recruitment-wrapper*/
  /*contact-box*/ }
  #company .concept-wrapper {
    border: none;
    display: flex;
    justify-content: space-between;
    gap: 0 7%;
    padding: 0; }
    @media (max-width: 768px) {
      #company .concept-wrapper {
        display: inherit;
        width: 85%; } }
    #company .concept-wrapper .text-box {
      width: 52%; }
      @media (max-width: 768px) {
        #company .concept-wrapper .text-box {
          width: 100%; } }
    #company .concept-wrapper .image {
      width: 427px; }
      @media (max-width: 768px) {
        #company .concept-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
  #company .company-info-wrapper {
    margin-top: 6rem;
    padding: 7rem 0 4rem;
    position: relative; }
    @media (max-width: 768px) {
      #company .company-info-wrapper {
        margin-top: 3rem;
        padding: 5rem 0 0rem; } }
    #company .company-info-wrapper::before {
      content: "";
      background: #f4f4ed;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2; }
      @media (max-width: 768px) {
        #company .company-info-wrapper::before {
          height: 100%; } }
    #company .company-info-wrapper .flex-wrapper {
      gap: 0 5%;
      align-items: flex-end; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .flex-wrapper {
          display: inherit;
          margin: 0 auto;
          width: 85%; } }
    #company .company-info-wrapper .text-box {
      width: 85%; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .text-box {
          width: 100%; } }
    #company .company-info-wrapper .text {
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .text {
          margin-top: 2rem; } }
    #company .company-info-wrapper .more-btn,
    #company .company-info-wrapper .btn-list {
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .more-btn,
        #company .company-info-wrapper .btn-list {
          text-align: center; } }
    #company .company-info-wrapper .btn-list {
      display: flex;
      justify-content: space-between;
      gap: 3%; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .btn-list {
          display: inherit; } }
      #company .company-info-wrapper .btn-list a {
        width: auto; }
      @media (max-width: 768px) {
        #company .company-info-wrapper .btn-list li + li {
          margin-top: 1rem; } }
      #company .company-info-wrapper .btn-list + .btn-list {
        margin-top: 1rem; }
    @media (max-width: 768px) {
      #company .company-info-wrapper .image {
        margin-top: 2rem; } }
  #company .recruitment-wrapper,
  #company .lending-wrapper {
    margin-top: 0; }
    @media (max-width: 768px) {
      #company .recruitment-wrapper,
      #company .lending-wrapper {
        padding-top: 5rem; } }
  @media (max-width: 768px) {
    #company .lending-wrapper {
      margin-bottom: 2rem; } }
  #company .contact-box {
    background: #fff;
    border-radius: 12px;
    color: #b01e2d;
    padding: 2.5rem 2.5rem;
    margin-top: 3rem; }
    @media (max-width: 768px) {
      #company .contact-box {
        padding: 2.5rem 0rem;
        margin-bottom: 0rem;
        position: relative; } }
    @media (max-width: 768px) {
      #company .contact-box::before {
        content: "";
        background: #f9f7f0;
        background-size: cover;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: -7.5%;
        z-index: -1; } }
    #company .contact-box .inner {
      margin: auto;
      max-width: 875px;
      width: 90%; }
      @media (max-width: 768px) {
        #company .contact-box .inner {
          width: 100%; } }
    #company .contact-box .head {
      border-bottom: 1px solid #b01e2d;
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700;
      padding-bottom: 1rem;
      text-align: center; }
    #company .contact-box .tel-box {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        #company .contact-box .tel-box {
          display: inherit; } }
    #company .contact-box .tel,
    #company .contact-box .mail {
      color: #b01e2d;
      font-family: "Oswald", sans-serif;
      font-size: clamp(24px, 3.4vw, 46px);
      font-weight: 700;
      margin-top: 2rem;
      white-space: nowrap; }
      @media (max-width: 768px) {
        #company .contact-box .tel,
        #company .contact-box .mail {
          font-size: 36px;
          margin-top: 1.5rem;
          text-align: center; } }
      #company .contact-box .tel small,
      #company .contact-box .mail small {
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(16px, 1.8vw, 28px); }
        @media (max-width: 768px) {
          #company .contact-box .tel small,
          #company .contact-box .mail small {
            font-size: 18px; } }
      #company .contact-box .tel span,
      #company .contact-box .mail span {
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(14px, 1.7vw, 21px); }
        @media (max-width: 768px) {
          #company .contact-box .tel span,
          #company .contact-box .mail span {
            font-size: 16px; } }
    #company .contact-box .mail {
      font-size: clamp(24px, 2.4vw, 34px); }
      @media (max-width: 768px) {
        #company .contact-box .mail {
          font-size: 27px;
          line-height: 1.2;
          margin-top: 1rem; } }
      #company .contact-box .mail small {
        font-size: clamp(17px, 18vw, 21px); }
    #company .contact-box .mail-flex {
      margin-top: 1.5rem;
      display: flex;
      gap: 0 2%;
      align-items: baseline;
      justify-content: center; }
      @media (max-width: 768px) {
        #company .contact-box .mail-flex {
          display: inherit;
          margin-top: 1rem; } }
      #company .contact-box .mail-flex .mail,
      #company .contact-box .mail-flex .reception-time {
        margin-top: 0; }
    #company .contact-box .reception-time {
      font-size: 16px;
      margin-top: 1rem;
      text-align: center; }
      @media (max-width: 768px) {
        #company .contact-box .reception-time {
          font-size: 14px; } }

/*company*/
/********************************************************************************
open campus
********************************************************************************/
.oc-box-head {
  background: #6a75ff;
  background: linear-gradient(90deg, #6a75ff 67%, #70f5ce 100%);
  color: #fff;
  display: inline-block;
  font-size: clamp(24px, 3.5vw, 47px);
  font-weight: 600;
  line-height: 100%;
  padding: .75rem 1.75rem 1rem; }
  @media (max-width: 768px) {
    .oc-box-head {
      text-align: center;
      width: calc(100% - 3.5rem); } }
  .oc-box-head small {
    font-size: 14px;
    font-weight: 400; }

/*oc-box-head*/
#oc,
#oc2025 {
  /*coming-soon-wrapper*/
  /*news-wrapper*/
  /*know-wrapper*/
  /*.participation-list{
      margin-top: 4rem;
      
      @include sp{
          margin: 3rem auto 0;
          width: 85%;
      }
      
      ul:not(.sup-list){
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          
          @include sp{
              display: inherit;
          }
      }
      li{
          background: #fbf5c9;
          border-radius: 18px;
          padding: 3rem;
          position: relative;
          margin: .75rem 0;
          width: calc(49% - 6rem);
          
          @include sp{
              padding: 2rem 2rem 0;
              margin: 2rem 0;
              width: calc(100% - 4rem);
          }
          
          .head{
              color: #4c8cd3;
              font-size: clamp(34px, 3.8vw, 40px);
              font-weight: $b;
              line-height: 1.3;
              text-align: center;
              
              small{
                  display: block;
                  font-size: clamp(18px, 2vw, 22px);
              }
          }
          p{
              margin-top: 2.5rem;
              width: 52%;
              
              @include sp{
                  margin-top: 1rem;
                  width: 100%;
              }
          }
          
          .illust{
              position: absolute;
              bottom: 0;
              
              @include sp{
                  position: relative;
                  bottom: auto;
              }
          }
          &.list1{
              .illust{
                  right: 16px;
                  width: 44%;
                  
                  @include sp{
                      right: auto;
                      margin: 1rem auto 0;
                      width: 72%;
                  }
              }
          }
          &.list2{
              .illust{
                  bottom: -12px;
                  right: -30px;
                  width: 50%;
                  
                  @include sp{
                      right: auto;
                      bottom: auto;
                      margin: 1rem auto 0;
                      width: 72%;
                  }
              }
          }
          &.list3{
              .illust{
                  right: 9%;
                  width: 35%;
                  
                  @include sp{
                      right: auto;
                      margin: 1rem auto 0;
                      width: 60%;
                  }
              }
          }
          &.list4{
              .illust{
                  bottom: 2%;
                  right: -4%;
                  width: 47%;
                  
                  @include sp{
                      right: auto;
                      margin: 0rem auto;
                      padding-bottom: 1rem;
                      width: 81%;
                  }
              }
          }
      }
  }*/
  /*participation-list*/
  /*participation-list*/
  /*regular-wrapper*/
  /*schedule-wrapper*/
  /*special-wrapper*/
  /*schedule-list-wrapper*/
  /*current-student-wrapper*/
  /*benefits-wrapper*/
  /*contact-wrapper*/ }
  #oc .content-wrapper,
  #oc2025 .content-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #oc .content-wrapper,
      #oc2025 .content-wrapper {
        margin-top: 4rem; } }
  #oc .oc-btn-list,
  #oc2025 .oc-btn-list {
    display: flex;
    gap: 5%;
    justify-content: space-between; }
    @media (max-width: 768px) {
      #oc .oc-btn-list,
      #oc2025 .oc-btn-list {
        display: inherit; } }
    #oc .oc-btn-list li,
    #oc2025 .oc-btn-list li {
      width: 50%; }
      @media (max-width: 768px) {
        #oc .oc-btn-list li,
        #oc2025 .oc-btn-list li {
          width: 100%; } }
      @media (max-width: 768px) {
        #oc .oc-btn-list li + li,
        #oc2025 .oc-btn-list li + li {
          margin-top: 1.5rem; } }
  #oc .coming-soon-wrapper,
  #oc2025 .coming-soon-wrapper {
    /*max-width: 840px;*/
    /*margin: auto;*/
    /*coming-swiper-wrapper*/ }
    #oc .coming-soon-wrapper .head,
    #oc2025 .coming-soon-wrapper .head {
      color: #4c8cd3;
      font-size: clamp(24px, 2.8vw, 30px);
      font-weight: 700;
      text-align: center; }
    #oc .coming-soon-wrapper .coming-swiper-wrapper,
    #oc2025 .coming-soon-wrapper .coming-swiper-wrapper {
      margin: 3rem auto 0;
      position: relative;
      /*width: 840px;*/
      width: 780px; }
      @media (max-width: 768px) {
        #oc .coming-soon-wrapper .coming-swiper-wrapper,
        #oc2025 .coming-soon-wrapper .coming-swiper-wrapper {
          margin-top: 42px;
          width: 93%; } }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .coming-swiper-container,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .coming-swiper-container {
        overflow: hidden; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-slide,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-slide {
        /*width: 158px;*/ }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .date-inner,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .date-inner {
        background: #f2fbfa;
        border: 1px solid #22baaa;
        padding-top: .5rem; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .year,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .year {
        font-size: clamp(15px, 1.6vw, 17px);
        font-weight: 700;
        line-height: 1;
        text-align: center; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .oc-date,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .oc-date {
        font-size: clamp(28px, 3.8vw, 46px);
        font-family: "Oswald", sans-serif;
        font-weight: 700;
        line-height: 1.2;
        text-align: center; }
        #oc .coming-soon-wrapper .coming-swiper-wrapper .oc-date span,
        #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .oc-date span {
          display: block;
          font-size: clamp(16px, 1.8vw, 23px);
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 700; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .text,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .text {
        background: #22baaa;
        color: #fff;
        font-size: clamp(15px, 1.6vw, 17px);
        font-weight: 700;
        padding: .5rem 0;
        margin-top: .5rem;
        text-align: center; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next {
        top: 46%;
        right: var(--swiper-navigation-sides-offset, -46px);
        width: auto; }
        @media (max-width: 768px) {
          #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next,
          #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next {
            top: 50%;
            right: var(--swiper-navigation-sides-offset, -9px); } }
        #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next::after,
        #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-next::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px; }
      #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev,
      #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev {
        top: 46%;
        left: var(--swiper-navigation-sides-offset, -46px);
        width: auto; }
        @media (max-width: 768px) {
          #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev,
          #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev {
            top: 50%;
            left: var(--swiper-navigation-sides-offset, -9px); } }
        #oc .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev::after,
        #oc2025 .coming-soon-wrapper .coming-swiper-wrapper .swiper-button-prev::after {
          content: "";
          background: url("../images/gakka/arrow.svg") no-repeat center center;
          background-color: #392f2c;
          background-size: 18px 22px;
          border-radius: 50%;
          height: 33px;
          width: 33px;
          transform: scale(-1, 1); }
    #oc .coming-soon-wrapper .oc-btn-list,
    #oc2025 .coming-soon-wrapper .oc-btn-list {
      margin-top: 6rem; }
      @media (max-width: 768px) {
        #oc .coming-soon-wrapper .oc-btn-list,
        #oc2025 .coming-soon-wrapper .oc-btn-list {
          margin: 3rem auto 0;
          width: 75%; } }
  #oc #news,
  #oc2025 #news {
    padding-top: 6rem; }
    @media (max-width: 768px) {
      #oc #news,
      #oc2025 #news {
        padding-top: 4rem; } }
  #oc .exam-news-wrapper,
  #oc2025 .exam-news-wrapper {
    position: relative;
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #oc .exam-news-wrapper,
      #oc2025 .exam-news-wrapper {
        margin-top: 3rem; } }
    #oc .exam-news-wrapper::before,
    #oc2025 .exam-news-wrapper::before {
      content: "";
      background: #c5f4cb;
      background: linear-gradient(180deg, #c5f4cb 19%, #e9fbeb 85%);
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
  #oc .news-wrapper,
  #oc2025 .news-wrapper {
    padding: 0 0 5rem;
    /*news-list*/ }
    @media (max-width: 768px) {
      #oc .news-wrapper,
      #oc2025 .news-wrapper {
        padding: 0 0 3rem;
        margin: 0 auto;
        width: 85%; } }
    #oc .news-wrapper .head,
    #oc2025 .news-wrapper .head {
      transform: translateY(-1.35rem);
      width: 656px; }
      @media (max-width: 768px) {
        #oc .news-wrapper .head,
        #oc2025 .news-wrapper .head {
          width: 300px; } }
    #oc .news-wrapper .news-list,
    #oc2025 .news-wrapper .news-list {
      display: flex;
      gap: 0 5%;
      margin: 3rem auto 0;
      /*li*/ }
      @media (max-width: 768px) {
        #oc .news-wrapper .news-list,
        #oc2025 .news-wrapper .news-list {
          display: inherit; } }
      #oc .news-wrapper .news-list li,
      #oc2025 .news-wrapper .news-list li {
        width: 30%;
        /*ul*/ }
        @media (max-width: 768px) {
          #oc .news-wrapper .news-list li,
          #oc2025 .news-wrapper .news-list li {
            width: 100%; } }
        #oc .news-wrapper .news-list li img,
        #oc2025 .news-wrapper .news-list li img {
          width: 100%;
          object-position: center;
          object-fit: contain;
          height: 20vw;
          max-height: 248px; }
          @media (max-width: 768px) {
            #oc .news-wrapper .news-list li img,
            #oc2025 .news-wrapper .news-list li img {
              height: 65vw; } }
        @media (hover: hover) and (pointer: fine) {
          #oc .news-wrapper .news-list li a:hover .news-title,
          #oc2025 .news-wrapper .news-list li a:hover .news-title {
            text-decoration: underline; } }
        #oc .news-wrapper .news-list li ul,
        #oc2025 .news-wrapper .news-list li ul {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #oc .news-wrapper .news-list li ul,
            #oc2025 .news-wrapper .news-list li ul {
              flex-wrap: nowrap; } }
          #oc .news-wrapper .news-list li ul .category,
          #oc2025 .news-wrapper .news-list li ul .category {
            border: 1px solid #231815;
            font-size: clamp(14px, 1.5vw, 17px);
            padding: 0 1rem;
            width: auto;
            white-space: nowrap; }
          #oc .news-wrapper .news-list li ul .date,
          #oc2025 .news-wrapper .news-list li ul .date {
            font-size: 14px;
            margin-left: .5rem; }
            @media (max-width: 768px) {
              #oc .news-wrapper .news-list li ul .date,
              #oc2025 .news-wrapper .news-list li ul .date {
                margin-top: 0; } }
        #oc .news-wrapper .news-list li .news-title,
        #oc2025 .news-wrapper .news-list li .news-title {
          font-size: clamp(15px, 1.5vw, 18px);
          font-weight: 500;
          margin-top: .5rem;
          padding-right: 2rem;
          position: relative; }
          #oc .news-wrapper .news-list li .news-title span,
          #oc2025 .news-wrapper .news-list li .news-title span {
            background: #b01e2d;
            border-radius: 50%;
            width: 26px;
            height: 26px;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(0, -50%); }
            #oc .news-wrapper .news-list li .news-title span img,
            #oc2025 .news-wrapper .news-list li .news-title span img {
              height: 18px;
              width: 7px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
        @media (max-width: 768px) {
          #oc .news-wrapper .news-list li + li,
          #oc2025 .news-wrapper .news-list li + li {
            margin-top: 2rem; } }
    #oc .news-wrapper .more-btn,
    #oc2025 .news-wrapper .more-btn {
      margin-top: 3.5rem;
      text-align: right; }
      @media (max-width: 768px) {
        #oc .news-wrapper .more-btn,
        #oc2025 .news-wrapper .more-btn {
          text-align: center; } }
      #oc .news-wrapper .more-btn a,
      #oc2025 .news-wrapper .more-btn a {
        width: auto;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #oc .news-wrapper .more-btn a,
          #oc2025 .news-wrapper .more-btn a {
            width: 65% !important; } }
  #oc .know-wrapper,
  #oc2025 .know-wrapper {
    padding-top: 9rem;
    /*head*/
    /*text-box*/
    /*image*/ }
    @media (max-width: 768px) {
      #oc .know-wrapper,
      #oc2025 .know-wrapper {
        margin: 1rem 0 3rem;
        padding-top: 4rem; } }
    #oc .know-wrapper .flex-wrapper,
    #oc2025 .know-wrapper .flex-wrapper {
      justify-content: space-between;
      gap: 0 5%; }
      @media (max-width: 768px) {
        #oc .know-wrapper .flex-wrapper,
        #oc2025 .know-wrapper .flex-wrapper {
          display: inherit;
          position: relative; } }
    #oc .know-wrapper .flex-head,
    #oc2025 .know-wrapper .flex-head {
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #oc .know-wrapper .flex-head,
        #oc2025 .know-wrapper .flex-head {
          display: inherit; } }
    #oc .know-wrapper .head,
    #oc2025 .know-wrapper .head {
      font-size: clamp(40px, 4.8vw, 51px);
      font-weight: 600;
      line-height: 1.2;
      padding-left: 1.75rem;
      position: relative; }
      @media (max-width: 768px) {
        #oc .know-wrapper .head,
        #oc2025 .know-wrapper .head {
          margin: auto;
          width: 85%; } }
      #oc .know-wrapper .head::before,
      #oc2025 .know-wrapper .head::before {
        content: "";
        background: #b01e2d;
        height: 100%;
        width: 8px;
        position: absolute;
        top: 2px;
        left: 0; }
      #oc .know-wrapper .head + p,
      #oc2025 .know-wrapper .head + p {
        font-size: min(1.125vw, 18px);
        margin-left: 1em; }
        @media (max-width: 768px) {
          #oc .know-wrapper .head + p,
          #oc2025 .know-wrapper .head + p {
            font-size: 14px;
            margin-left: 0;
            margin-top: .5em;
            text-align: center; } }
    #oc .know-wrapper .badge,
    #oc2025 .know-wrapper .badge {
      margin: 3rem 0 0;
      width: 167px; }
    #oc .know-wrapper .sub-head,
    #oc2025 .know-wrapper .sub-head {
      font-size: clamp(28px, 2.8vw, 33px);
      font-weight: 700;
      line-height: 1.2;
      margin-top: 1.5rem; }
    #oc .know-wrapper .text-box,
    #oc2025 .know-wrapper .text-box {
      width: 90%; }
      @media (max-width: 768px) {
        #oc .know-wrapper .text-box,
        #oc2025 .know-wrapper .text-box {
          margin: auto;
          width: 85%; } }
      #oc .know-wrapper .text-box .text,
      #oc2025 .know-wrapper .text-box .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #oc .know-wrapper .text-box .text,
          #oc2025 .know-wrapper .text-box .text {
            font-size: 15px;
            margin-top: 1.5rem; } }
    #oc .know-wrapper .image,
    #oc2025 .know-wrapper .image {
      position: relative;
      height: 100%;
      width: 110%; }
      @media (max-width: 768px) {
        #oc .know-wrapper .image,
        #oc2025 .know-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
      #oc .know-wrapper .image img,
      #oc2025 .know-wrapper .image img {
        max-height: 490px;
        min-height: 380px;
        width: 100%;
        object-fit: cover;
        object-position: center; }
        @media (max-width: 768px) {
          #oc .know-wrapper .image img,
          #oc2025 .know-wrapper .image img {
            max-height: inherit;
            min-height: inherit;
            width: 100%; } }
  #oc .participation-list,
  #oc2025 .participation-list {
    margin-top: 4rem;
    /*ul*/
    /*li*/ }
    @media (max-width: 768px) {
      #oc .participation-list,
      #oc2025 .participation-list {
        margin: 3rem auto 0;
        width: 85%; } }
    #oc .participation-list ul:not(.sup-list),
    #oc2025 .participation-list ul:not(.sup-list) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        #oc .participation-list ul:not(.sup-list),
        #oc2025 .participation-list ul:not(.sup-list) {
          display: inherit; } }
    #oc .participation-list li,
    #oc2025 .participation-list li {
      background: #fbf5c9;
      border-radius: 18px;
      padding: 3rem;
      position: relative;
      margin: .75rem 0;
      width: calc(49% - 6rem); }
      @media (max-width: 768px) {
        #oc .participation-list li,
        #oc2025 .participation-list li {
          padding: 2rem 2rem 0;
          margin: 2rem 0;
          width: calc(100% - 4rem); } }
      #oc .participation-list li .head,
      #oc2025 .participation-list li .head {
        color: #4c8cd3;
        font-size: clamp(34px, 3.8vw, 40px);
        font-weight: 700;
        line-height: 1.3;
        text-align: center; }
        #oc .participation-list li .head small,
        #oc2025 .participation-list li .head small {
          display: block;
          font-size: clamp(18px, 2vw, 22px); }
        #oc .participation-list li .head .line-height-narrow,
        #oc2025 .participation-list li .head .line-height-narrow {
          line-height: 1; }
        #oc .participation-list li .head .cost-down,
        #oc2025 .participation-list li .head .cost-down {
          font-size: clamp(24px, 2.6vw, 30px); }
        #oc .participation-list li .head + .head,
        #oc2025 .participation-list li .head + .head {
          margin-top: -.5rem; }
      #oc .participation-list li p,
      #oc2025 .participation-list li p {
        margin-top: 2.5rem;
        width: 52%; }
        @media (max-width: 768px) {
          #oc .participation-list li p,
          #oc2025 .participation-list li p {
            margin-top: 1rem;
            width: 100%; } }
      #oc .participation-list li .illust,
      #oc2025 .participation-list li .illust {
        position: absolute;
        bottom: 0; }
        @media (max-width: 768px) {
          #oc .participation-list li .illust,
          #oc2025 .participation-list li .illust {
            position: relative;
            bottom: auto; } }
      #oc .participation-list li.list1 .illust,
      #oc2025 .participation-list li.list1 .illust {
        right: 16px;
        width: 44%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list1 .illust,
          #oc2025 .participation-list li.list1 .illust {
            right: auto;
            margin: 1rem auto 0;
            width: 72%; } }
      #oc .participation-list li.list2 .illust,
      #oc2025 .participation-list li.list2 .illust {
        bottom: -12px;
        right: -30px;
        width: 48%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list2 .illust,
          #oc2025 .participation-list li.list2 .illust {
            right: auto;
            bottom: auto;
            margin: 1rem auto 0;
            width: 72%; } }
      #oc .participation-list li.list3 .illust,
      #oc2025 .participation-list li.list3 .illust {
        right: -1%;
        width: 42%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list3 .illust,
          #oc2025 .participation-list li.list3 .illust {
            right: auto;
            margin: 1rem auto 0;
            padding-bottom: 1rem;
            width: 60%; } }
      #oc .participation-list li.list4 .illust,
      #oc2025 .participation-list li.list4 .illust {
        bottom: 2%;
        right: -8%;
        width: 53%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list4 .illust,
          #oc2025 .participation-list li.list4 .illust {
            right: auto;
            margin: 0rem auto;
            padding-bottom: 1rem;
            width: 81%; } }
      @media (max-width: 768px) {
        #oc .participation-list li.list5,
        #oc2025 .participation-list li.list5 {
          padding-bottom: 2rem; } }
      #oc .participation-list li.list5 .illust,
      #oc2025 .participation-list li.list5 .illust {
        top: 33%;
        right: 3%;
        width: 41%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list5 .illust,
          #oc2025 .participation-list li.list5 .illust {
            right: auto;
            margin: 1rem auto;
            width: 81%; } }
      #oc .participation-list li.list6 .illust,
      #oc2025 .participation-list li.list6 .illust {
        right: 4%;
        width: 42%; }
        @media (max-width: 768px) {
          #oc .participation-list li.list6 .illust,
          #oc2025 .participation-list li.list6 .illust {
            right: auto;
            margin: 1rem auto 0;
            width: 60%; } }
    #oc .participation-list .sup-list,
    #oc2025 .participation-list .sup-list {
      padding-left: 1rem;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        #oc .participation-list .sup-list,
        #oc2025 .participation-list .sup-list {
          margin-top: 1rem; } }
      #oc .participation-list .sup-list li,
      #oc2025 .participation-list .sup-list li {
        padding: 0;
        margin: 0;
        width: auto; }
  #oc .regular-wrapper,
  #oc2025 .regular-wrapper {
    padding-top: 6rem;
    /*flex-wrapper*/
    /*ul*/ }
    @media (max-width: 768px) {
      #oc .regular-wrapper,
      #oc2025 .regular-wrapper {
        padding-top: 3rem; } }
    #oc .regular-wrapper .head,
    #oc2025 .regular-wrapper .head {
      width: 712px; }
      @media (max-width: 768px) {
        #oc .regular-wrapper .head,
        #oc2025 .regular-wrapper .head {
          margin: 0 auto;
          width: 85%; } }
    #oc .regular-wrapper .flex-wrapper,
    #oc2025 .regular-wrapper .flex-wrapper {
      gap: 0 3%;
      margin-top: 3rem; }
      @media (max-width: 768px) {
        #oc .regular-wrapper .flex-wrapper,
        #oc2025 .regular-wrapper .flex-wrapper {
          display: inherit; } }
      @media (max-width: 768px) {
        #oc .regular-wrapper .flex-wrapper .image,
        #oc2025 .regular-wrapper .flex-wrapper .image {
          margin: auto;
          width: 85%; } }
      #oc .regular-wrapper .flex-wrapper .text-box,
      #oc2025 .regular-wrapper .flex-wrapper .text-box {
        width: 90%; }
        @media (max-width: 768px) {
          #oc .regular-wrapper .flex-wrapper .text-box,
          #oc2025 .regular-wrapper .flex-wrapper .text-box {
            margin: 0 auto 0;
            width: 85%; } }
        #oc .regular-wrapper .flex-wrapper .text-box .num,
        #oc2025 .regular-wrapper .flex-wrapper .text-box .num {
          width: 85px; }
        #oc .regular-wrapper .flex-wrapper .text-box .sub-head,
        #oc2025 .regular-wrapper .flex-wrapper .text-box .sub-head {
          color: #4c8cd3;
          font-size: clamp(18px, 2vw, 22px);
          font-weight: 700;
          margin: 2rem 0 1rem; }
          @media (max-width: 768px) {
            #oc .regular-wrapper .flex-wrapper .text-box .sub-head,
            #oc2025 .regular-wrapper .flex-wrapper .text-box .sub-head {
              font-size: 22px;
              margin: 0;
              padding-bottom: .25rem; } }
      @media (max-width: 768px) {
        #oc .regular-wrapper .flex-wrapper .num-flex,
        #oc2025 .regular-wrapper .flex-wrapper .num-flex {
          display: flex;
          align-items: flex-end;
          gap: 0 9%;
          margin-top: -1.5rem;
          margin-left: -1rem; } }
      @media (max-width: 768px) {
        #oc .regular-wrapper .flex-wrapper .text,
        #oc2025 .regular-wrapper .flex-wrapper .text {
          margin: 1rem auto 0;
          width: 90%; } }
    #oc .regular-wrapper ul,
    #oc2025 .regular-wrapper ul {
      display: flex;
      gap: 0 4%;
      margin-top: 5rem;
      /*li*/ }
      @media (max-width: 768px) {
        #oc .regular-wrapper ul,
        #oc2025 .regular-wrapper ul {
          display: inherit;
          margin: 2.5rem auto 0;
          width: 85%; } }
      #oc .regular-wrapper ul li,
      #oc2025 .regular-wrapper ul li {
        flex: 1; }
        #oc .regular-wrapper ul li .num-flex,
        #oc2025 .regular-wrapper ul li .num-flex {
          display: flex;
          align-items: flex-end;
          gap: 0 3%;
          margin-top: -.75rem;
          margin-left: -1.5rem; }
          @media (max-width: 768px) {
            #oc .regular-wrapper ul li .num-flex,
            #oc2025 .regular-wrapper ul li .num-flex {
              gap: 0 9%;
              margin-top: -1.5rem;
              margin-left: -1rem; } }
        #oc .regular-wrapper ul li .num,
        #oc2025 .regular-wrapper ul li .num {
          width: 125px; }
        #oc .regular-wrapper ul li .sub-head,
        #oc2025 .regular-wrapper ul li .sub-head {
          color: #4c8cd3;
          font-size: clamp(18px, 2vw, 22px);
          font-weight: 700;
          padding-bottom: .5rem; }
          @media (max-width: 768px) {
            #oc .regular-wrapper ul li .sub-head,
            #oc2025 .regular-wrapper ul li .sub-head {
              font-size: 22px;
              padding-bottom: .25rem; } }
        #oc .regular-wrapper ul li .text,
        #oc2025 .regular-wrapper ul li .text {
          margin-top: 1rem; }
        @media (max-width: 768px) {
          #oc .regular-wrapper ul li + li,
          #oc2025 .regular-wrapper ul li + li {
            margin-top: 2.5rem; } }
  #oc .schedule-wrapper,
  #oc2025 .schedule-wrapper {
    margin-top: 6rem;
    /*example-list*/
    /*infinit-slide*/ }
    @media (max-width: 768px) {
      #oc .schedule-wrapper,
      #oc2025 .schedule-wrapper {
        margin-top: 5rem; } }
    #oc .schedule-wrapper .badge,
    #oc2025 .schedule-wrapper .badge {
      margin-left: -4.5rem;
      width: 225px; }
      @media (max-width: 768px) {
        #oc .schedule-wrapper .badge,
        #oc2025 .schedule-wrapper .badge {
          margin: 0;
          margin-left: auto;
          margin-right: .25rem;
          width: 170px; } }
    #oc .schedule-wrapper .fixed-width,
    #oc2025 .schedule-wrapper .fixed-width {
      display: flex;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      margin-top: -6rem;
      padding-bottom: 6rem; }
      @media (max-width: 768px) {
        #oc .schedule-wrapper .fixed-width,
        #oc2025 .schedule-wrapper .fixed-width {
          display: inherit;
          margin-top: 0rem;
          padding: 12rem 0 4rem; } }
    #oc .schedule-wrapper .example-list,
    #oc2025 .schedule-wrapper .example-list {
      width: 48%; }
      @media (max-width: 768px) {
        #oc .schedule-wrapper .example-list,
        #oc2025 .schedule-wrapper .example-list {
          margin: -6.5rem auto 0;
          width: 85%; } }
      #oc .schedule-wrapper .example-list ul li,
      #oc2025 .schedule-wrapper .example-list ul li {
        max-width: 482px; }
        #oc .schedule-wrapper .example-list ul li + li,
        #oc2025 .schedule-wrapper .example-list ul li + li {
          margin-top: 2rem; }
    #oc .schedule-wrapper .infinit-slide-vertical,
    #oc2025 .schedule-wrapper .infinit-slide-vertical {
      position: absolute;
      top: 0;
      right: 0;
      width: 40%; }
      @media (max-width: 768px) {
        #oc .schedule-wrapper .infinit-slide-vertical,
        #oc2025 .schedule-wrapper .infinit-slide-vertical {
          top: 0;
          right: auto;
          width: 100%;
          z-index: -1; } }
      #oc .schedule-wrapper .infinit-slide-vertical .slide-inner,
      #oc2025 .schedule-wrapper .infinit-slide-vertical .slide-inner {
        overflow: hidden; }
      #oc .schedule-wrapper .infinit-slide-vertical ul,
      #oc2025 .schedule-wrapper .infinit-slide-vertical ul {
        animation: band-vertical 80s linear infinite 0.5s both;
        list-style: none;
        padding: 0; }
      #oc .schedule-wrapper .infinit-slide-vertical img,
      #oc2025 .schedule-wrapper .infinit-slide-vertical img {
        pointer-events: none;
        max-width: inherit;
        /*height: 230px;*/ }
        @media (max-width: 768px) {
          #oc .schedule-wrapper .infinit-slide-vertical img,
          #oc2025 .schedule-wrapper .infinit-slide-vertical img {
            width: 100%; } }
@keyframes band-vertical {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }
  #oc .special-wrapper,
  #oc2025 .special-wrapper {
    margin-top: 10rem;
    padding: 6rem 0 3.5rem;
    position: relative;
    /*program-detail-wrapper*/ }
    @media (max-width: 768px) {
      #oc .special-wrapper,
      #oc2025 .special-wrapper {
        margin-top: 4rem;
        padding: 4.5rem 0 3.5rem; } }
    #oc .special-wrapper::before,
    #oc2025 .special-wrapper::before {
      content: "";
      background: url("../images/oc/oc/special-back.jpg") no-repeat 0 0;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #oc .special-wrapper::before,
        #oc2025 .special-wrapper::before {
          background-image: url("../images/oc/oc/special-back-sp.jpg"); } }
    #oc .special-wrapper .head,
    #oc2025 .special-wrapper .head {
      margin-bottom: 3rem;
      width: 712px; }
      @media (max-width: 768px) {
        #oc .special-wrapper .head,
        #oc2025 .special-wrapper .head {
          margin-bottom: 2.5rem;
          width: 100%; } }
    @media (max-width: 768px) {
      #oc .special-wrapper .fixed-width,
      #oc2025 .special-wrapper .fixed-width {
        margin: auto;
        width: 85%; } }
    #oc .special-wrapper .program-detail-wrapper,
    #oc2025 .special-wrapper .program-detail-wrapper {
      background: #fff;
      padding: 2rem;
      /*text-box*/ }
      @media (max-width: 768px) {
        #oc .special-wrapper .program-detail-wrapper,
        #oc2025 .special-wrapper .program-detail-wrapper {
          padding: 0rem; } }
      #oc .special-wrapper .program-detail-wrapper .flex-wrapper,
      #oc2025 .special-wrapper .program-detail-wrapper .flex-wrapper {
        gap: 0 3%; }
        @media (max-width: 768px) {
          #oc .special-wrapper .program-detail-wrapper .flex-wrapper,
          #oc2025 .special-wrapper .program-detail-wrapper .flex-wrapper {
            display: inherit; } }
      #oc .special-wrapper .program-detail-wrapper .text-box,
      #oc2025 .special-wrapper .program-detail-wrapper .text-box {
        width: 80%; }
        @media (max-width: 768px) {
          #oc .special-wrapper .program-detail-wrapper .text-box,
          #oc2025 .special-wrapper .program-detail-wrapper .text-box {
            padding: 1.5rem;
            width: calc(100% - 3rem); } }
        #oc .special-wrapper .program-detail-wrapper .text-box.flex,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.flex {
          display: flex;
          flex-wrap: wrap;
          align-content: flex-start;
          flex-direction: column; }
          @media (max-width: 768px) {
            #oc .special-wrapper .program-detail-wrapper .text-box.flex,
            #oc2025 .special-wrapper .program-detail-wrapper .text-box.flex {
              display: inherit; } }
          #oc .special-wrapper .program-detail-wrapper .text-box.flex .date-list,
          #oc2025 .special-wrapper .program-detail-wrapper .text-box.flex .date-list {
            margin-top: 1.5em;
            /*margin-top: auto;*/ }
            @media (max-width: 768px) {
              #oc .special-wrapper .program-detail-wrapper .text-box.flex .date-list,
              #oc2025 .special-wrapper .program-detail-wrapper .text-box.flex .date-list {
                margin-top: 2.5rem; } }
        #oc .special-wrapper .program-detail-wrapper .text-box .sub-head,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box .sub-head {
          color: #4c8cd3;
          font-size: clamp(27px, 2.8vw, 30px);
          font-weight: 700;
          line-height: 1.4; }
          #oc .special-wrapper .program-detail-wrapper .text-box .sub-head small,
          #oc2025 .special-wrapper .program-detail-wrapper .text-box .sub-head small {
            font-size: clamp(18px, 1.8vw, 20px);
            display: block; }
        #oc .special-wrapper .program-detail-wrapper .text-box .text,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box .text {
          font-weight: 500;
          font-size: clamp(13px, 1.4vw, 15px);
          margin-top: 2rem; }
          @media (max-width: 768px) {
            #oc .special-wrapper .program-detail-wrapper .text-box .text,
            #oc2025 .special-wrapper .program-detail-wrapper .text-box .text {
              font-size: 15px;
              margin-top: 1.5rem; } }
        #oc .special-wrapper .program-detail-wrapper .text-box .date-list,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box .date-list {
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #oc .special-wrapper .program-detail-wrapper .text-box .date-list,
            #oc2025 .special-wrapper .program-detail-wrapper .text-box .date-list {
              margin-top: 2.5rem; } }
          #oc .special-wrapper .program-detail-wrapper .text-box .date-list img,
          #oc2025 .special-wrapper .program-detail-wrapper .text-box .date-list img {
            height: 113px;
            width: auto; }
            @media (max-width: 768px) {
              #oc .special-wrapper .program-detail-wrapper .text-box .date-list img,
              #oc2025 .special-wrapper .program-detail-wrapper .text-box .date-list img {
                height: auto; } }
        #oc .special-wrapper .program-detail-wrapper .text-box .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box .time {
          margin-top: 1rem;
          /*width: 335px;*/ }
        #oc .special-wrapper .program-detail-wrapper .text-box.program-1 .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.program-1 .time {
          width: 495px; }
        #oc .special-wrapper .program-detail-wrapper .text-box.program-2 .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.program-2 .time {
          width: 254px; }
        #oc .special-wrapper .program-detail-wrapper .text-box.program-3 .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.program-3 .time {
          width: 353px; }
        #oc .special-wrapper .program-detail-wrapper .text-box.program-4 .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.program-4 .time {
          width: 357px; }
        #oc .special-wrapper .program-detail-wrapper .text-box.program-5 .time,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box.program-5 .time {
          width: 250px; }
        #oc .special-wrapper .program-detail-wrapper .text-box .sup,
        #oc2025 .special-wrapper .program-detail-wrapper .text-box .sup {
          font-size: 14px; }
      @media (max-width: 768px) {
        #oc .special-wrapper .program-detail-wrapper .image,
        #oc2025 .special-wrapper .program-detail-wrapper .image {
          margin: 1rem 0 0; } }
      #oc .special-wrapper .program-detail-wrapper .gakka,
      #oc2025 .special-wrapper .program-detail-wrapper .gakka {
        margin-top: 2rem;
        width: 662px; }
      #oc .special-wrapper .program-detail-wrapper + .program-detail-wrapper,
      #oc2025 .special-wrapper .program-detail-wrapper + .program-detail-wrapper {
        margin-top: 2rem; }
      #oc .special-wrapper .program-detail-wrapper .time-schedule,
      #oc2025 .special-wrapper .program-detail-wrapper .time-schedule {
        margin: 3rem auto 0;
        width: 95%; }
        @media (max-width: 768px) {
          #oc .special-wrapper .program-detail-wrapper .time-schedule,
          #oc2025 .special-wrapper .program-detail-wrapper .time-schedule {
            margin-top: 1.5rem; } }
        #oc .special-wrapper .program-detail-wrapper .time-schedule + p,
        #oc2025 .special-wrapper .program-detail-wrapper .time-schedule + p {
          margin: 0.5em auto 0;
          width: 95%; }
  #oc .schedule-list-wrapper,
  #oc2025 .schedule-list-wrapper {
    padding-top: 12rem;
    /*option-wrapper*/
    /*schedule-detail*/ }
    @media (max-width: 768px) {
      #oc .schedule-list-wrapper,
      #oc2025 .schedule-list-wrapper {
        margin: 0rem auto 0;
        padding-top: 4rem;
        width: 85%; } }
    #oc .schedule-list-wrapper .head,
    #oc2025 .schedule-list-wrapper .head {
      width: 496px; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .head,
        #oc2025 .schedule-list-wrapper .head {
          width: 100%; } }
    #oc .schedule-list-wrapper .program-list,
    #oc2025 .schedule-list-wrapper .program-list {
      margin: 5em auto 0;
      width: 860px; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .program-list,
        #oc2025 .schedule-list-wrapper .program-list {
          margin: 2.5em auto 0;
          width: 100%; } }
    #oc .schedule-list-wrapper .time,
    #oc2025 .schedule-list-wrapper .time {
      margin-top: 2.5rem;
      width: 1005px; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .time,
        #oc2025 .schedule-list-wrapper .time {
          width: 100%; } }
    #oc .schedule-list-wrapper .date,
    #oc2025 .schedule-list-wrapper .date {
      margin-top: 4rem;
      /*max-width: 635px;*/
      width: 100%; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .date,
        #oc2025 .schedule-list-wrapper .date {
          margin-top: 2rem; } }
      #oc .schedule-list-wrapper .date + .date,
      #oc2025 .schedule-list-wrapper .date + .date {
        margin-top: 78px;
        max-width: 730px; }
        @media (max-width: 768px) {
          #oc .schedule-list-wrapper .date + .date,
          #oc2025 .schedule-list-wrapper .date + .date {
            margin-top: 42px; } }
    #oc .schedule-list-wrapper .oc-btn-list,
    #oc2025 .schedule-list-wrapper .oc-btn-list {
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .oc-btn-list,
        #oc2025 .schedule-list-wrapper .oc-btn-list {
          margin: 4rem auto 0;
          width: 90%; } }
    #oc .schedule-list-wrapper .option-wrapper,
    #oc2025 .schedule-list-wrapper .option-wrapper {
      display: flex;
      gap: 0 2%; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .option-wrapper,
        #oc2025 .schedule-list-wrapper .option-wrapper {
          display: inherit; } }
      #oc .schedule-list-wrapper .option-wrapper .box,
      #oc2025 .schedule-list-wrapper .option-wrapper .box {
        background: #e6f3ee;
        border-radius: 18px;
        padding: 2rem;
        flex: 1; }
        @media (max-width: 768px) {
          #oc .schedule-list-wrapper .option-wrapper .box,
          #oc2025 .schedule-list-wrapper .option-wrapper .box {
            padding: 1.5rem; } }
        #oc .schedule-list-wrapper .option-wrapper .box .flex-wrapper,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .flex-wrapper {
          gap: 0 5%;
          justify-content: space-between; }
          @media (max-width: 768px) {
            #oc .schedule-list-wrapper .option-wrapper .box .flex-wrapper,
            #oc2025 .schedule-list-wrapper .option-wrapper .box .flex-wrapper {
              display: inherit; } }
        #oc .schedule-list-wrapper .option-wrapper .box .sub-head,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .sub-head {
          color: #4c8cd3;
          font-size: clamp(24px, 2.8vw, 31px);
          font-weight: 700;
          line-height: 1.4; }
          @media (max-width: 768px) {
            #oc .schedule-list-wrapper .option-wrapper .box .sub-head,
            #oc2025 .schedule-list-wrapper .option-wrapper .box .sub-head {
              font-size: 29px; } }
          #oc .schedule-list-wrapper .option-wrapper .box .sub-head small,
          #oc2025 .schedule-list-wrapper .option-wrapper .box .sub-head small {
            display: block;
            font-size: clamp(15px, 1.6vw, 17px); }
            @media (max-width: 768px) {
              #oc .schedule-list-wrapper .option-wrapper .box .sub-head small,
              #oc2025 .schedule-list-wrapper .option-wrapper .box .sub-head small {
                font-size: 16px; } }
        #oc .schedule-list-wrapper .option-wrapper .box .text,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .text {
          font-weight: 500;
          margin-top: 1.5rem; }
        #oc .schedule-list-wrapper .option-wrapper .box .sup,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .sup {
          font-size: 14px; }
        #oc .schedule-list-wrapper .option-wrapper .box .more-btn,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .more-btn {
          margin-top: 3rem; }
          @media (max-width: 768px) {
            #oc .schedule-list-wrapper .option-wrapper .box .more-btn,
            #oc2025 .schedule-list-wrapper .option-wrapper .box .more-btn {
              margin-top: 1rem; } }
        #oc .schedule-list-wrapper .option-wrapper .box .caption,
        #oc2025 .schedule-list-wrapper .option-wrapper .box .caption {
          font-size: 14px;
          text-align: right; }
          @media (max-width: 768px) {
            #oc .schedule-list-wrapper .option-wrapper .box .caption,
            #oc2025 .schedule-list-wrapper .option-wrapper .box .caption {
              font-size: 13px; } }
        @media (max-width: 768px) {
          #oc .schedule-list-wrapper .option-wrapper .box .image,
          #oc2025 .schedule-list-wrapper .option-wrapper .box .image {
            margin-top: 1rem; } }
        @media (max-width: 768px) {
          #oc .schedule-list-wrapper .option-wrapper .box + .box,
          #oc2025 .schedule-list-wrapper .option-wrapper .box + .box {
            margin-top: 1.5rem; } }
    #oc .schedule-list-wrapper .schedule-detail .title,
    #oc2025 .schedule-list-wrapper .schedule-detail .title {
      margin: 5em 0 1em;
      width: 488px; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .schedule-detail .title,
        #oc2025 .schedule-list-wrapper .schedule-detail .title {
          margin: 3em auto 1em;
          width: 187px; } }
    #oc .schedule-list-wrapper .schedule-detail ul,
    #oc2025 .schedule-list-wrapper .schedule-detail ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #oc .schedule-list-wrapper .schedule-detail ul li,
      #oc2025 .schedule-list-wrapper .schedule-detail ul li {
        margin: 0.75% 0;
        width: calc(97% / 6); }
        @media (max-width: 768px) {
          #oc .schedule-list-wrapper .schedule-detail ul li,
          #oc2025 .schedule-list-wrapper .schedule-detail ul li {
            width: calc(98% / 2); } }
    #oc .schedule-list-wrapper .schedule-detail .sup,
    #oc2025 .schedule-list-wrapper .schedule-detail .sup {
      margin-top: .5em;
      width: 530px; }
      @media (max-width: 768px) {
        #oc .schedule-list-wrapper .schedule-detail .sup,
        #oc2025 .schedule-list-wrapper .schedule-detail .sup {
          width: 311px !important; } }
    #oc .schedule-list-wrapper .schedule-detail.date2 .sup,
    #oc2025 .schedule-list-wrapper .schedule-detail.date2 .sup {
      width: 537px; }
  #oc .current-student-wrapper,
  #oc2025 .current-student-wrapper {
    padding-top: 8rem;
    /*nextbtn-wrapper*/
    /*point-swiper-wrapper*/ }
    @media (max-width: 768px) {
      #oc .current-student-wrapper,
      #oc2025 .current-student-wrapper {
        padding-top: 4rem; } }
    #oc .current-student-wrapper .head-flex,
    #oc2025 .current-student-wrapper .head-flex {
      align-items: center;
      justify-content: space-between;
      margin-bottom: 4rem;
      width: 80%; }
      @media (max-width: 768px) {
        #oc .current-student-wrapper .head-flex,
        #oc2025 .current-student-wrapper .head-flex {
          margin: 0 auto 2rem;
          width: 85%; } }
    #oc .current-student-wrapper .head img,
    #oc2025 .current-student-wrapper .head img {
      width: 605px; }
    @media (max-width: 768px) {
      #oc .current-student-wrapper .head,
      #oc2025 .current-student-wrapper .head {
        width: 100%; } }
    #oc .current-student-wrapper .nextbtn-wrapper,
    #oc2025 .current-student-wrapper .nextbtn-wrapper {
      position: relative; }
      @media (max-width: 768px) {
        #oc .current-student-wrapper .nextbtn-wrapper,
        #oc2025 .current-student-wrapper .nextbtn-wrapper {
          width: 100%; } }
      #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide,
      #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide {
        height: auto;
        padding-bottom: 1rem;
        /*inner*/ }
        #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner,
        #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner {
          background: #f2f2ea;
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
          border-radius: 18px;
          display: flex;
          gap: 0 5%;
          padding: 3.25rem 2rem;
          /*width: calc(450px - 4rem);*/
          height: 69%; }
          @media (max-width: 768px) {
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner {
              display: inherit;
              padding: 2rem 1.5rem;
              height: 86%; } }
          @media (max-width: 768px) {
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .image,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .image {
              margin: auto;
              width: 132px; } }
          #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box,
          #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box {
            color: #4c8cd3;
            width: 165%; }
            @media (max-width: 768px) {
              #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box,
              #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box {
                margin-top: 1rem;
                width: 100%; } }
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .name,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .name {
              font-size: clamp(15px, 1.6vw, 17px);
              font-weight: 700; }
              @media (max-width: 768px) {
                #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .name,
                #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .name {
                  font-size: 17px; } }
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .text,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-slide .inner .text-box .text {
              font-size: 15px;
              letter-spacing: 0px;
              margin-top: 1rem; }
      #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-next,
      #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 59%);
        top: 62%;
        width: auto; }
        @media (max-width: 768px) {
          #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-next,
          #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-next {
            right: var(--swiper-navigation-sides-offset, 50px); } }
        #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-next::after,
        #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-next::after {
          content: "";
          background: url("../images/oc/oc/arrow-next.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-next::after,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-next::after {
              height: 28px;
              width: 28px; } }
      #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-prev,
      #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-prev {
        width: auto;
        top: 62%;
        left: var(--swiper-navigation-sides-offset, -15px); }
        @media (max-width: 768px) {
          #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-prev,
          #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-prev {
            left: var(--swiper-navigation-sides-offset, 50px); } }
        #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-prev::after,
        #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-prev::after {
          content: "";
          background: url("../images/oc/oc/arrow-prev.svg") no-repeat 0 0;
          background-size: cover;
          height: 42px;
          width: 42px; }
          @media (max-width: 768px) {
            #oc .current-student-wrapper .nextbtn-wrapper .swiper-button-prev::after,
            #oc2025 .current-student-wrapper .nextbtn-wrapper .swiper-button-prev::after {
              height: 28px;
              width: 28px; } }
    #oc .current-student-wrapper .current-student-swiper-wrapper,
    #oc2025 .current-student-wrapper .current-student-swiper-wrapper {
      overflow: hidden;
      /*padding-right: 40%;*/
      position: relative;
      margin-left: auto;
      margin-top: 24px; }
      @media (max-width: 768px) {
        #oc .current-student-wrapper .current-student-swiper-wrapper,
        #oc2025 .current-student-wrapper .current-student-swiper-wrapper {
          padding-right: 0;
          margin: 0; } }
      #oc .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination,
      #oc2025 .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination {
        margin-top: -.5rem;
        width: 120px; }
        @media (max-width: 768px) {
          #oc .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination,
          #oc2025 .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination {
            margin-top: 2rem;
            text-align: center;
            width: auto; } }
        #oc .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination .swiper-pagination-bullet-active,
        #oc2025 .current-student-wrapper .current-student-swiper-wrapper .current-student-swiper-pagination .swiper-pagination-bullet-active {
          background-color: #5e97d7; }
  #oc .benefits-wrapper,
  #oc2025 .benefits-wrapper {
    margin-top: 8rem;
    padding: 7rem 0 5.5rem;
    position: relative; }
    @media (max-width: 768px) {
      #oc .benefits-wrapper,
      #oc2025 .benefits-wrapper {
        padding: 3rem 0 3.5rem;
        margin-top: 4rem; } }
    #oc .benefits-wrapper::before,
    #oc2025 .benefits-wrapper::before {
      content: "";
      background: url("../images/oc/oc/benefits-back.jpg") no-repeat 0 0;
      background-size: cover;
      height: 100%;
      width: 100vw;
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        #oc .benefits-wrapper::before,
        #oc2025 .benefits-wrapper::before {
          background-image: url("../images/oc/oc/benefits-back-sp.jpg"); } }
    #oc .benefits-wrapper .head,
    #oc2025 .benefits-wrapper .head {
      margin-bottom: 3rem;
      width: 565px; }
      @media (max-width: 768px) {
        #oc .benefits-wrapper .head,
        #oc2025 .benefits-wrapper .head {
          margin: 0 auto 3rem;
          width: 85%; } }
  #oc .contact-wrapper,
  #oc2025 .contact-wrapper {
    margin: 6rem 0 4rem;
    /*tel-wrapper*/ }
    @media (max-width: 768px) {
      #oc .contact-wrapper,
      #oc2025 .contact-wrapper {
        margin: 3rem auto 4rem;
        width: 85%; } }
    #oc .contact-wrapper .flex-wrapper,
    #oc2025 .contact-wrapper .flex-wrapper {
      justify-content: space-between;
      gap: 0 7%; }
      @media (max-width: 768px) {
        #oc .contact-wrapper .flex-wrapper,
        #oc2025 .contact-wrapper .flex-wrapper {
          display: inherit; } }
    #oc .contact-wrapper .tel-wrapper .head,
    #oc2025 .contact-wrapper .tel-wrapper .head {
      font-weight: 500; }
    #oc .contact-wrapper .tel-wrapper .tel,
    #oc2025 .contact-wrapper .tel-wrapper .tel {
      margin-top: 1rem;
      width: 510px; }
      @media (max-width: 768px) {
        #oc .contact-wrapper .tel-wrapper .tel,
        #oc2025 .contact-wrapper .tel-wrapper .tel {
          margin: 1rem auto 0;
          width: 100%; } }
    #oc .contact-wrapper .tel-wrapper ul,
    #oc2025 .contact-wrapper .tel-wrapper ul {
      margin-top: 1.5rem; }
      #oc .contact-wrapper .tel-wrapper ul li,
      #oc2025 .contact-wrapper .tel-wrapper ul li {
        font-size: clamp(17px, 1.8vw, 19px);
        font-weight: 500;
        padding-left: 1.5rem;
        position: relative; }
        #oc .contact-wrapper .tel-wrapper ul li::before,
        #oc2025 .contact-wrapper .tel-wrapper ul li::before {
          content: "\025cf";
          color: #4c8cd3;
          font-size: 15px;
          position: absolute;
          top: 1px;
          left: 0; }
    #oc .contact-wrapper .oc-btn-list,
    #oc2025 .contact-wrapper .oc-btn-list {
      display: inherit;
      gap: 0;
      flex-wrap: wrap; }
      @media (max-width: 768px) {
        #oc .contact-wrapper .oc-btn-list,
        #oc2025 .contact-wrapper .oc-btn-list {
          margin: 3rem auto 0;
          width: 90%; } }
      #oc .contact-wrapper .oc-btn-list li,
      #oc2025 .contact-wrapper .oc-btn-list li {
        width: 100%; }
        #oc .contact-wrapper .oc-btn-list li + li,
        #oc2025 .contact-wrapper .oc-btn-list li + li {
          margin-top: 1.5rem; }

/*#oc*/
#oc2025 {
  /*schedule-list-wrapper*/ }
  #oc2025 .schedule-list-wrapper .date {
    margin-top: 4rem;
    max-width: inherit;
    width: 100%; }
    @media (max-width: 768px) {
      #oc2025 .schedule-list-wrapper .date {
        margin-top: 2rem; } }
    #oc2025 .schedule-list-wrapper .date + .date {
      margin-top: 78px;
      max-width: 730px; }
      @media (max-width: 768px) {
        #oc2025 .schedule-list-wrapper .date + .date {
          margin-top: 42px; } }

/*#oc2025*/
#event .fixed-width {
  margin-right: auto;
  padding-right: 0 !important; }

.oc-event-content {
  padding-top: 8rem;
  /*time-table*/
  /*gakka-list-group*/ }
  @media (max-width: 768px) {
    .oc-event-content {
      padding-top: 3.5rem;
      margin: auto;
      width: 85%; } }
  .oc-event-content .event-inner {
    background: #f7f4e3;
    padding: 3rem; }
    @media (max-width: 768px) {
      .oc-event-content .event-inner {
        padding: 1.5rem; } }
  .oc-event-content .time-table table {
    border-collapse: collapse; }
  .oc-event-content .time-table td:first-child {
    background: #b01e2d;
    border: 1px solid #b01e2d;
    color: #fff;
    font-size: clamp(17px, 2vw, 23px);
    font-weight: 600;
    padding: 1rem 0rem;
    text-align: center; }
    @media (max-width: 768px) {
      .oc-event-content .time-table td:first-child {
        padding: .75rem .5rem; } }
  .oc-event-content .time-table td:last-child {
    background: #fff;
    border: 1px solid #bdbdbd;
    font-size: clamp(20px, 2vw, 23px);
    font-weight: 600;
    padding: 1rem 0 1rem 2rem; }
    @media (max-width: 768px) {
      .oc-event-content .time-table td:last-child {
        padding: .75rem .5rem; } }
  .oc-event-content .oc-event-group {
    border-bottom: 1px solid #bdbdbd;
    padding: 2rem 0; }
    @media (max-width: 768px) {
      .oc-event-content .oc-event-group {
        padding: 1.5rem 0; } }
  .oc-event-content .oc-event-head {
    font-size: clamp(24px, 2.8vw, 30px);
    font-weight: 700;
    padding-left: 1.25rem;
    padding-bottom: .5rem;
    position: relative; }
    @media (max-width: 768px) {
      .oc-event-content .oc-event-head {
        line-height: 1.3;
        padding-bottom: .25rem; } }
    .oc-event-content .oc-event-head::before {
      content: "";
      background: #b01e2d;
      width: 9px;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0; }
    .oc-event-content .oc-event-head + p {
      margin-top: 1rem; }
  .oc-event-content .time-flow-table {
    margin: 1rem 0 0; }
    .oc-event-content .time-flow-table table {
      border: none; }
      .oc-event-content .time-flow-table table td {
        border: none;
        padding: 0; }
        .oc-event-content .time-flow-table table td:first-child {
          vertical-align: top;
          width: 25%; }
          @media (max-width: 768px) {
            .oc-event-content .time-flow-table table td:first-child {
              width: 45%; } }
  .oc-event-content .img-list {
    margin-top: 1rem; }
  .oc-event-content .oc-event-sub-head {
    color: #b01e2d;
    font-size: clamp(15px, 1.6vw, 17px);
    font-weight: 700;
    margin: 1rem 0; }
  .oc-event-content .gakka-list-group {
    padding: 2rem 0;
    /*gakka-title*/ }
    @media (max-width: 768px) {
      .oc-event-content .gakka-list-group {
        padding: 1rem 0; } }
    .oc-event-content .gakka-list-group .gakka-group {
      background: #fff;
      padding: 2.5rem;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        .oc-event-content .gakka-list-group .gakka-group {
          padding: 1.25rem; } }
      .oc-event-content .gakka-list-group .gakka-group .is-layout-flex figure {
        margin: 0; }
      .oc-event-content .gakka-list-group .gakka-group .caption {
        font-size: 14px; }
    .oc-event-content .gakka-list-group .gakka-title {
      font-size: clamp(17px, 1.8vw, 20px);
      font-weight: 700;
      position: relative;
      padding-left: 1.25rem; }
      .oc-event-content .gakka-list-group .gakka-title::before {
        content: "\025a0";
        color: #000;
        font-size: 18px;
        position: absolute;
        top: 0px;
        left: 0; }
      .oc-event-content .gakka-list-group .gakka-title + p {
        padding-left: 1.5rem; }
        @media (max-width: 768px) {
          .oc-event-content .gakka-list-group .gakka-title + p {
            padding-left: 0; } }
        .oc-event-content .gakka-list-group .gakka-title + p + p {
          padding-left: 1.5rem; }
          @media (max-width: 768px) {
            .oc-event-content .gakka-list-group .gakka-title + p + p {
              padding-left: 0; } }
      .oc-event-content .gakka-list-group .gakka-title + p, .oc-event-content .gakka-list-group .gakka-title + ul, .oc-event-content .gakka-list-group .gakka-title + table {
        margin-top: .5rem; }
      .oc-event-content .gakka-list-group .gakka-title.it::before {
        color: #a85a95; }
      .oc-event-content .gakka-list-group .gakka-title.kentiku::before {
        color: #28a3ca; }
      .oc-event-content .gakka-list-group .gakka-title.kikai::before {
        color: #c69700; }
      .oc-event-content .gakka-list-group .gakka-title.doboku::before {
        color: #009999; }
      .oc-event-content .gakka-list-group .gakka-title.denki::before {
        color: #88a138; }
      .oc-event-content .gakka-list-group .gakka-title.audio::before {
        color: #706eab; }
  .oc-event-content .oc-btn {
    margin: -2rem auto 0;
    max-width: 452px;
    width: 85%; }
    @media (max-width: 768px) {
      .oc-event-content .oc-btn {
        margin-top: -1rem; } }

/*oc-event-content*/
/********************************************************************************
video
********************************************************************************/
#video {
  /*video-list-wrapper*/
  /*.learning-wrapper*/ }
  #video .content-wrapper {
    margin-left: 6rem; }
    @media (max-width: 768px) {
      #video .content-wrapper {
        margin-left: auto; } }
  #video .concept-wrapper {
    display: flex;
    gap: 0 5%;
    position: relative; }
    @media (max-width: 768px) {
      #video .concept-wrapper {
        display: inherit; } }
    #video .concept-wrapper .image {
      width: 326px; }
      @media (max-width: 768px) {
        #video .concept-wrapper .image {
          margin: 2rem auto 0;
          width: 100%; } }
  #video .campus-life-wrapper {
    margin-top: 8rem; }
    @media (max-width: 768px) {
      #video .campus-life-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
  #video .interview-wrapper,
  #video .learning-wrapper,
  #video .cm-wrapper,
  #video .etc-wrapper {
    margin-top: 7rem; }
    @media (max-width: 768px) {
      #video .interview-wrapper,
      #video .learning-wrapper,
      #video .cm-wrapper,
      #video .etc-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
  @media (max-width: 768px) {
    #video .etc-wrapper {
      margin-bottom: 3rem; } }
  #video .video-list-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 0 3.5%;
    flex-wrap: wrap;
    margin-top: 3rem;
    /*li*/ }
    @media (max-width: 768px) {
      #video .video-list-wrapper {
        justify-content: space-between;
        margin-top: 1rem; } }
    #video .video-list-wrapper li {
      margin: 1rem 0;
      width: 31%; }
      @media (max-width: 768px) {
        #video .video-list-wrapper li {
          margin: .75rem 0;
          width: 48%; } }
      #video .video-list-wrapper li p {
        font-size: clamp(14px, 1.6vw, 17px);
        font-weight: 500;
        margin-top: .5rem; }
        @media (max-width: 768px) {
          #video .video-list-wrapper li p {
            margin-top: .25rem; } }
    #video .video-list-wrapper .youtube {
      width: 100%;
      aspect-ratio: 16 / 9; }
    #video .video-list-wrapper .youtube iframe {
      width: 100%;
      height: 100%; }
  #video .learning-wrapper .cross-head {
    margin-top: 2.5rem;
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 700;
    position: relative;
    padding-left: 1.5rem; }
    @media (max-width: 768px) {
      #video .learning-wrapper .cross-head {
        margin-top: 1rem; } }
    #video .learning-wrapper .cross-head::before {
      content: "\025a0";
      color: #000;
      font-size: 20px;
      position: absolute;
      top: 1px;
      left: 0; }
      @media (max-width: 768px) {
        #video .learning-wrapper .cross-head::before {
          font-size: 16px;
          top: 0px; } }
    #video .learning-wrapper .cross-head.it::before {
      color: #a85a95; }
    #video .learning-wrapper .cross-head.jyouhou::before {
      color: #dc669b; }
    #video .learning-wrapper .cross-head.denki::before {
      color: #88a138; }
    #video .learning-wrapper .cross-head.kikai::before {
      color: #c69700; }
    #video .learning-wrapper .cross-head.kentiku::before {
      color: #28a3ca; }
    #video .learning-wrapper .cross-head.doboku::before {
      color: #009999; }
    #video .learning-wrapper .cross-head.audio::before {
      color: #706eab; }
  #video .learning-wrapper .video-list-wrapper {
    margin-top: 0rem; }
  #video .learning-wrapper li {
    width: 48%; }

/*video*/
/********************************************************************************
consultation
********************************************************************************/
#consultation {
  /*further-education-wrapper*/
  /*individual-wrapper*/ }
  #consultation .further-education-wrapper {
    margin-top: 10rem;
    /*consultation-table*/ }
    @media (max-width: 768px) {
      #consultation .further-education-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    #consultation .further-education-wrapper .oc-box-head {
      padding: .75rem 1.75rem 0rem; }
      @media (max-width: 768px) {
        #consultation .further-education-wrapper .oc-box-head {
          padding: .75rem 1.75rem .5rem;
          width: calc(100% - 3.5rem); } }
      #consultation .further-education-wrapper .oc-box-head small {
        margin-left: 1rem; }
        @media (max-width: 768px) {
          #consultation .further-education-wrapper .oc-box-head small {
            display: block;
            margin-top: .25rem;
            margin-left: 0; } }
      #consultation .further-education-wrapper .oc-box-head + p {
        margin-top: 1.5rem; }
    #consultation .further-education-wrapper .consultation-table {
      border-collapse: collapse;
      border-top: 1px solid #aaabab;
      margin-top: 3.5rem;
      width: 100%;
      /*thead*/ }
      #consultation .further-education-wrapper .consultation-table caption {
        font-size: clamp(20px, 2.4vw, 27px);
        font-weight: 700;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
        position: relative;
        text-align: left; }
        #consultation .further-education-wrapper .consultation-table caption::before {
          content: "\025a0";
          color: #b01e2d;
          font-size: 18px;
          position: absolute;
          top: 0px;
          left: 0; }
      #consultation .further-education-wrapper .consultation-table .border-right {
        border-right: 1px solid #aaabab; }
      #consultation .further-education-wrapper .consultation-table .center {
        text-align: center; }
      #consultation .further-education-wrapper .consultation-table th, #consultation .further-education-wrapper .consultation-table td {
        padding: 1rem;
        font-weight: 500; }
      #consultation .further-education-wrapper .consultation-table thead {
        /*th*/ }
        #consultation .further-education-wrapper .consultation-table thead th {
          background: #4f4644;
          border-right: 1px solid #fff;
          color: #fff;
          text-align: center; }
          #consultation .further-education-wrapper .consultation-table thead th:last-child {
            border-right: 0; }
        #consultation .further-education-wrapper .consultation-table thead td {
          background: #ebe4c8;
          border-right: 1px solid #aaabab;
          border-bottom: 1px solid #aaabab;
          text-align: center; }
          #consultation .further-education-wrapper .consultation-table thead td:last-child {
            border-right: 0; }
          #consultation .further-education-wrapper .consultation-table thead td.right {
            text-align: right; }
      #consultation .further-education-wrapper .consultation-table tbody th {
        background: #f3efde;
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center; }
        #consultation .further-education-wrapper .consultation-table tbody th:last-child {
          border-right: 0; }
      #consultation .further-education-wrapper .consultation-table tbody td {
        border-right: 1px solid #aaabab;
        border-bottom: 1px solid #aaabab;
        text-align: center; }
        #consultation .further-education-wrapper .consultation-table tbody td:last-child {
          border-right: 0; }
  #consultation .individual-wrapper {
    margin-top: 10rem;
    /*flex-wrapper*/
    /*tokuten-wrapper*/ }
    @media (max-width: 768px) {
      #consultation .individual-wrapper {
        margin: 4rem auto 0;
        width: 85%; } }
    @media (max-width: 768px) {
      #consultation .individual-wrapper .oc-box-head {
        padding: .75rem 1.75rem .5rem;
        width: calc(100% - 3.5rem); } }
    #consultation .individual-wrapper .oc-box-head + p {
      margin-top: 1.5rem; }
    #consultation .individual-wrapper .flex-wrapper {
      gap: 0 5%;
      margin-top: 5rem;
      /*text-box*/ }
      @media (max-width: 768px) {
        #consultation .individual-wrapper .flex-wrapper {
          display: inherit;
          margin-top: 2rem; } }
      #consultation .individual-wrapper .flex-wrapper .text-box {
        /*table*/ }
        #consultation .individual-wrapper .flex-wrapper .text-box table {
          border: 3px solid #b01e2d;
          border-left: none;
          border-right: none;
          padding: .75rem 0;
          /*th*/ }
          #consultation .individual-wrapper .flex-wrapper .text-box table th, #consultation .individual-wrapper .flex-wrapper .text-box table td {
            padding: .25rem 0;
            white-space: nowrap; }
            @media (max-width: 768px) {
              #consultation .individual-wrapper .flex-wrapper .text-box table th, #consultation .individual-wrapper .flex-wrapper .text-box table td {
                white-space: inherit; } }
          #consultation .individual-wrapper .flex-wrapper .text-box table th {
            text-align: center; }
            @media (max-width: 768px) {
              #consultation .individual-wrapper .flex-wrapper .text-box table th {
                vertical-align: top;
                white-space: nowrap; } }
            #consultation .individual-wrapper .flex-wrapper .text-box table th p {
              color: #b01e2d;
              font-size: clamp(15px, 1.6vw, 18px);
              font-weight: 700;
              padding-left: 1.5rem;
              position: relative;
              text-align: left; }
              #consultation .individual-wrapper .flex-wrapper .text-box table th p::before {
                content: "\025a0";
                color: #b01e2d;
                font-size: 13px;
                position: absolute;
                top: 0px;
                left: 0; }
              #consultation .individual-wrapper .flex-wrapper .text-box table th p span {
                margin: 0 .6rem; }
                @media (max-width: 768px) {
                  #consultation .individual-wrapper .flex-wrapper .text-box table th p span {
                    margin: 0 .5rem; } }
          #consultation .individual-wrapper .flex-wrapper .text-box table td {
            font-size: clamp(16px, 1.7vw, 19px);
            font-weight: 700;
            padding-left: 1.5rem; }
          #consultation .individual-wrapper .flex-wrapper .text-box table + .sup-list {
            margin-top: 1rem; }
    @media (max-width: 768px) {
      #consultation .individual-wrapper .image {
        margin-top: 1rem; } }
    #consultation .individual-wrapper .tokuten-wrapper {
      margin-top: 2rem; }
      #consultation .individual-wrapper .tokuten-wrapper .box-text {
        background: #b01e2d;
        color: #fff;
        display: inline-block;
        font-size: clamp(17px, 1.8vw, 21px);
        font-weight: 700;
        padding: .25rem 1.5rem .5rem; }
      #consultation .individual-wrapper .tokuten-wrapper .box {
        background: #f9f7f0;
        border-radius: 18px;
        padding: 2.5rem 3.5rem;
        font-size: clamp(14px, 1.6vw, 17px);
        margin-top: -1.25rem; }
        @media (max-width: 768px) {
          #consultation .individual-wrapper .tokuten-wrapper .box {
            font-size: 15px;
            padding: 2.5rem 2rem 1.5rem; } }
        #consultation .individual-wrapper .tokuten-wrapper .box p + p {
          line-height: 2;
          margin-top: .25rem; }
        #consultation .individual-wrapper .tokuten-wrapper .box p span {
          color: #b01e2d;
          font-weight: 600;
          text-decoration: underline;
          text-underline-offset: 6px;
          text-decoration-thickness: 2px; }
    #consultation .individual-wrapper .contact-wrapper {
      background: #d4f7e8;
      background: linear-gradient(90deg, #d4f7e8 19%, #d1dff5 85%);
      border-radius: 18px;
      padding: 3rem 4rem 2.5rem;
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #consultation .individual-wrapper .contact-wrapper {
          padding: 2rem 2rem 2.5rem;
          margin: 2rem 0 3rem; } }
      #consultation .individual-wrapper .contact-wrapper .head {
        font-size: clamp(14px, 1.4vw, 16px);
        font-weight: 500; }
      #consultation .individual-wrapper .contact-wrapper .flex-wrapper {
        gap: 0 5%;
        margin: 2rem 0 0; }
      #consultation .individual-wrapper .contact-wrapper .tel {
        width: 460px; }
        @media (max-width: 768px) {
          #consultation .individual-wrapper .contact-wrapper .tel {
            width: 100%; } }
      #consultation .individual-wrapper .contact-wrapper .mail {
        width: 434px; }
        @media (max-width: 768px) {
          #consultation .individual-wrapper .contact-wrapper .mail {
            margin-top: 1rem;
            width: 100%; } }

/*consultation*/
/********************************************************************************
news
********************************************************************************/
.news-article-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0 5%;
  max-width: 1100px;
  width: 85%;
  margin: auto;
  padding-top: 8rem;
  /*news-list*/
  /*article-content*/
  /*category-list-wrapper*/ }
  @media (max-width: 768px) {
    .news-article-wrapper {
      display: inherit;
      padding-top: 0rem; } }
  .news-article-wrapper .archive-head {
    border-bottom: 1px solid #231815;
    font-size: clamp(18px, 2.4vw, 34px);
    font-weight: 700;
    padding-bottom: 1.5rem;
    margin-bottom: 4rem; }
    @media (max-width: 768px) {
      .news-article-wrapper .archive-head {
        margin-bottom: 2rem; } }
  .news-article-wrapper .content-wrapper {
    margin: 0;
    max-width: 820px;
    width: 100%; }
  .news-article-wrapper .category-list-wrapper {
    width: 140px; }
    @media (max-width: 768px) {
      .news-article-wrapper .category-list-wrapper {
        margin: 4rem 0 3rem;
        width: 100%; } }
  .news-article-wrapper .news-list {
    /*li*/ }
    .news-article-wrapper .news-list li {
      /*text-box*/ }
      .news-article-wrapper .news-list li a {
        border-bottom: 1px solid #231815;
        display: flex;
        align-items: center;
        gap: 0 5%;
        padding: 1rem 0; }
      @media (max-width: 768px) {
        .news-article-wrapper .news-list li .image {
          width: 30%; } }
      .news-article-wrapper .news-list li .image img {
        object-fit: cover;
        object-position: center;
        height: 136px;
        width: 182px; }
        @media (max-width: 768px) {
          .news-article-wrapper .news-list li .image img {
            height: 80px;
            width: 107px; } }
      .news-article-wrapper .news-list li .text-box {
        width: 70%; }
        .news-article-wrapper .news-list li .text-box .category {
          border: 1px solid #231815;
          font-size: clamp(13px, 1.3vw, 14px);
          font-weight: 500;
          padding: 0 1rem;
          margin-left: 1rem;
          width: auto;
          white-space: nowrap; }
          @media (max-width: 768px) {
            .news-article-wrapper .news-list li .text-box .category {
              margin-left: 0; } }
        .news-article-wrapper .news-list li .text-box .date {
          font-size: 14px;
          font-weight: 600; }
          @media (max-width: 768px) {
            .news-article-wrapper .news-list li .text-box .date {
              margin-top: 0; } }
        .news-article-wrapper .news-list li .text-box .news-title {
          font-size: clamp(15px, 1.5vw, 17px);
          font-weight: 500;
          margin-top: .5rem; }
      .news-article-wrapper .news-list li:last-child a {
        border-bottom: none; }
  .news-article-wrapper .article-content-wrapper {
    /*article-content*/ }
    .news-article-wrapper .article-content-wrapper .title-wrapper .category {
      border: 1px solid #231815;
      font-size: clamp(13px, 1.3vw, 14px);
      font-weight: 500;
      padding: 0 1rem;
      width: auto;
      white-space: nowrap; }
    .news-article-wrapper .article-content-wrapper .title-wrapper .date {
      font-size: 14px;
      font-weight: 600;
      margin-left: .5rem; }
      @media (max-width: 768px) {
        .news-article-wrapper .article-content-wrapper .title-wrapper .date {
          margin-top: 0; } }
    .news-article-wrapper .article-content-wrapper .title-wrapper .news-title {
      border-bottom: 1px solid #231815;
      font-size: clamp(20px, 2.8vw, 32px);
      font-weight: 600;
      line-height: 1.4;
      margin-top: 1.5rem;
      padding-bottom: 1.5rem; }
    .news-article-wrapper .article-content-wrapper .article-content {
      margin-top: 3rem; }
      .news-article-wrapper .article-content-wrapper .article-content figure {
        margin-bottom: 0; }
      .news-article-wrapper .article-content-wrapper .article-content .caption {
        font-size: 14px; }
      .news-article-wrapper .article-content-wrapper .article-content img {
        margin: 1.5rem 0 0; }
      .news-article-wrapper .article-content-wrapper .article-content a {
        color: #1d3994;
        text-decoration: underline; }
      .news-article-wrapper .article-content-wrapper .article-content p + p {
        margin-top: 1rem; }
      .news-article-wrapper .article-content-wrapper .article-content .images-list {
        display: flex;
        justify-content: center;
        gap: 0 2%;
        margin: 2rem 0; }
        @media (max-width: 768px) {
          .news-article-wrapper .article-content-wrapper .article-content .images-list {
            display: inherit;
            margin: 1.5rem auto; } }
        .news-article-wrapper .article-content-wrapper .article-content .images-list li {
          width: 32%; }
          @media (max-width: 768px) {
            .news-article-wrapper .article-content-wrapper .article-content .images-list li {
              width: 90%; } }
          .news-article-wrapper .article-content-wrapper .article-content .images-list li p {
            font-size: 14px; }
          @media (max-width: 768px) {
            .news-article-wrapper .article-content-wrapper .article-content .images-list li img {
              display: block;
              margin: auto;
              width: 100%; } }
          @media (max-width: 768px) {
            .news-article-wrapper .article-content-wrapper .article-content .images-list li + li {
              margin-top: 1rem; } }
      .news-article-wrapper .article-content-wrapper .article-content img[align="left"] {
        margin-right: 1rem; }
      .news-article-wrapper .article-content-wrapper .article-content img[align="right"] {
        margin-left: 1rem; }
    @media (max-width: 768px) {
      .news-article-wrapper .article-content-wrapper .wp-block-columns.is-layout-flex {
        display: inherit; } }
  .news-article-wrapper .category-list-wrapper {
    /*category-list*/ }
    .news-article-wrapper .category-list-wrapper .head {
      border-bottom: 1px solid #231815;
      font-size: 13px;
      font-weight: 700;
      padding-bottom: .5rem; }
    .news-article-wrapper .category-list-wrapper .category-list {
      margin-top: .5rem;
      /*li*/ }
      @media (max-width: 768px) {
        .news-article-wrapper .category-list-wrapper .category-list {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; } }
      .news-article-wrapper .category-list-wrapper .category-list li {
        margin: .25rem 0; }
        @media (max-width: 768px) {
          .news-article-wrapper .category-list-wrapper .category-list li {
            width: 48%; } }
        .news-article-wrapper .category-list-wrapper .category-list li a {
          font-size: clamp(13px, 1.4vw, 15px);
          font-weight: 500;
          position: relative;
          padding: .25rem 0;
          padding-left: 1.25rem; }
          .news-article-wrapper .category-list-wrapper .category-list li a::before {
            content: "\025a0";
            color: #b01e2d;
            font-size: clamp(12px, 1.2vw, 13px);
            position: absolute;
            top: 3px;
            left: 0; }
        .news-article-wrapper .category-list-wrapper .category-list li.it a::before {
          color: #a85a95; }
        .news-article-wrapper .category-list-wrapper .category-list li.denki a::before {
          color: #88a138; }
        .news-article-wrapper .category-list-wrapper .category-list li.kikai a::before {
          color: #c69700; }
        .news-article-wrapper .category-list-wrapper .category-list li.kentiku a::before {
          color: #28a3ca; }
        .news-article-wrapper .category-list-wrapper .category-list li.doboku a::before {
          color: #009999; }
        .news-article-wrapper .category-list-wrapper .category-list li.audiovisual a::before {
          color: #706eab; }
      .news-article-wrapper .category-list-wrapper .category-list + .head {
        margin-top: 5rem; }
        @media (max-width: 768px) {
          .news-article-wrapper .category-list-wrapper .category-list + .head {
            margin-top: 2rem; } }

/*news-article-wrapper*/
/***********************************************************************
sitemap
**********************************************************************/
#sitemap {
  /*sitemap-wrapper*/ }
  #sitemap .sitemap-wrapper {
    /*ul*/ }
    @media (max-width: 768px) {
      #sitemap .sitemap-wrapper {
        margin: 4rem auto 3rem;
        width: 90%; } }
    #sitemap .sitemap-wrapper .head {
      font-size: clamp(20px, 2vw, 27px);
      font-weight: bold; }
      #sitemap .sitemap-wrapper .head::before {
        content: "\025a0";
        color: #b01e2d;
        margin-right: .5rem;
        vertical-align: bottom; }
    #sitemap .sitemap-wrapper ul {
      margin-top: 1.75rem; }
      @media (max-width: 768px) {
        #sitemap .sitemap-wrapper ul {
          display: flex;
          gap: 0 2%;
          flex-wrap: wrap;
          margin-top: .75rem; } }
      #sitemap .sitemap-wrapper ul li {
        display: inline;
        font-size: clamp(14px, 1.4vw, 17px);
        font-weight: 500;
        margin-right: 2rem;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #sitemap .sitemap-wrapper ul li {
            display: inherit;
            letter-spacing: 0;
            margin-right: 0;
            width: 49%;
            white-space: inherit; } }
        #sitemap .sitemap-wrapper ul li a {
          display: inline-block;
          padding: .35rem 0 .35rem 1.25rem;
          position: relative; }
          @media (max-width: 768px) {
            #sitemap .sitemap-wrapper ul li a {
              padding-left: 1rem; } }
          #sitemap .sitemap-wrapper ul li a::before {
            content: "\025cf";
            color: #999;
            position: absolute;
            top: 6px;
            left: 0; }
          @media (hover: hover) and (pointer: fine) {
            #sitemap .sitemap-wrapper ul li a:hover {
              color: #b01e2d;
              opacity: 1; } }
    #sitemap .sitemap-wrapper + .sitemap-wrapper {
      margin-top: 4rem; }
      @media (max-width: 768px) {
        #sitemap .sitemap-wrapper + .sitemap-wrapper {
          margin-top: 2rem; } }

/*sitemap*/
/***********************************************************************
pagenation
**********************************************************************/
.pagination {
  justify-content: center !important;
  margin: 8rem auto 0;
  text-align: center; }
  @media (max-width: 768px) {
    .pagination {
      margin: 3rem auto 0;
      width: 100%; } }
  .pagination .nav-links {
    display: flex;
    justify-content: center !important; }
  .pagination .page-numbers {
    display: inline-block;
    margin-right: .25rem;
    padding: 0.25rem 0.75rem;
    color: #333;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    background: #fff; }
  .pagination .current {
    padding: 0.25rem 0.75rem;
    border: 1px solid #b01e2d;
    background: #b01e2d;
    color: #fff; }
  .pagination .prev,
  .pagination .next {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #333; }
  .pagination .dots {
    background: transparent;
    box-shadow: none; }

@media screen and (min-width: 769px), print {
  .pagination {
    justify-content: center !important; } }
.post-navigation {
  display: flex;
  justify-content: space-around;
  margin-top: 6rem; }
  @media (max-width: 768px) {
    .post-navigation {
      font-size: 13px;
      margin-top: 3rem; } }