@charset "UTF-8";
/*
index
-----------------------------------------------------*/
/*
i-functions
-----------------------------------------------------*/
/*
i-setting
-----------------------------------------------------*/
.-font-serif {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 400;
}

.-font-set-j {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

.-font-set-e {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}

/*
i-mixin
-----------------------------------------------------*/
/* ------------------------- 使い方 ----------------------------------------------------------

    @include sizing(width, wide, 365px, sp, 276px);
    ==> width: clamp(276px, 7.46vw + 248px, 365px);
    （ビューポートがwide(1568px)のとき365px, sp(375px)のとき276pxになる自動補完値を上限下限をつけて設定）

    @include sizing(width, wide, 365px, sp, 276px, noClamp);
    ==> width: calc(7.46vw + 248px);
    （ビューポートがwide(1568px)のとき365px, sp(375px)のとき276pxになる自動補完値を設定）

    @include sizingRem(font-size, wide, 14px, sp, 12px);
    ==> font-size: clamp(0.75rem, 0.17vw + 0.70625rem, 0.875rem;
    （ビューポートがwide(1568px)のとき14px, sp(375px)のとき12pxになる自動補完値をremに変換して設定）
　　
    ※使いたいsassファイル上で@useしてください。
    ※scssファイル上での読みやすさ重視のため、mixinの引数に単位[px]が必要な仕様にしてあります。

// ---------------------------------------------------------------------------------------- */
/*
sub
-----------------------------------------------------*/
.p-sub-hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 0 42px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .p-sub-hero {
    padding: 0;
    padding-left: clamp(56px, 3.48vw + 29.3px, 86px);
    padding-right: clamp(56px, 3.48vw + 29.3px, 86px);
  }
}
.p-sub-hero .-txt {
  position: absolute;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #145329;
  background: #fff;
  font-size: clamp(24px, 0.89vw + 21.2px, 28px);
  padding: 14px 32px 18px 3.2%;
  bottom: 0px;
  min-width: 224px;
  left: 0%;
  z-index: 1;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-sub-hero .-txt {
    font-size: clamp(28px, 0.93vw + 20.8px, 36px);
    padding: 24px 80px 32px 36px;
    bottom: 56px;
    left: clamp(56px, 3.48vw + 29.3px, 86px);
  }
}
.p-sub-hero .-txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #114C25;
  background: -webkit-gradient(linear, left top, right top, from(rgba(17, 76, 37, 0.9)), color-stop(150%, rgba(181, 233, 158, 0.9)));
  background: linear-gradient(90deg, rgba(17, 76, 37, 0.9) 0%, rgba(181, 233, 158, 0.9) 150%);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-sub-hero .-txt::after {
    height: 12px;
  }
}
.p-sub-hero2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 0 42px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 {
    padding: 0;
    padding-left: clamp(56px, 3.48vw + 29.3px, 86px);
    padding-right: clamp(56px, 3.48vw + 29.3px, 86px);
  }
}
.p-sub-hero2 .-txt {
  position: absolute;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #145329;
  background: #fff;
  font-size: clamp(24px, 0.89vw + 21.2px, 28px);
  padding: 14px 32px 18px 3.2%;
  bottom: 0px;
  min-width: 224px;
  left: 0%;
  z-index: 1;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 .-txt {
    position: static;
    font-size: clamp(28px, 0.93vw + 20.8px, 36px);
    padding: 40px 80px 18px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.6em;
  }
}
.p-sub-hero2 .-txt em {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 .-txt em {
    display: block;
  }
}
.p-sub-hero2 .-txt span {
  font-size: clamp(24px, 0.89vw + 21.2px, 28px);
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 .-txt span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(14px, 0vw + 14px, 14px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-sub-hero2 .-txt::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #114C25;
  background: -webkit-gradient(linear, left top, right top, from(rgba(17, 76, 37, 0.9)), color-stop(150%, rgba(181, 233, 158, 0.9)));
  background: linear-gradient(90deg, rgba(17, 76, 37, 0.9) 0%, rgba(181, 233, 158, 0.9) 150%);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 .-txt::after {
    height: 8px;
  }
}
@media screen and (min-width: 768px) {
  .p-sub-hero2 .-txt::after {
    left: clamp(56px, 3.48vw + 29.3px, 86px);
  }
}
.p-sub-faculty {
  position: relative;
  padding-top: 0;
  padding-bottom: 70px;
}
.p-sub-faculty nav {
  -ms-grid-columns: 3fr;
  grid-template-columns: repeat(1, 3fr);
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-sub-faculty nav {
    -ms-grid-columns: 1fr 2.5% 1fr 2.5% 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 32px 2.5%;
  }
}
.p-sub-faculty .-card {
  position: relative;
  border: 1px solid #C4D9C3;
  border-radius: 3px;
  background: #fff;
  padding-bottom: 1.5em;
  -ms-grid-row-span: 4;
  grid-row: span 4;
  gap: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
.p-sub-faculty .-card img {
  border-radius: 3px 3px 0 0;
}
.p-sub-faculty .-card header {
  position: relative;
  margin-top: -1em;
  padding: 1.2em 1.4em;
  width: 94%;
}
.p-sub-faculty .-card header::after {
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  z-index: 0;
  background: #0C4420;
  background: -webkit-gradient(linear, left top, right top, from(rgba(12, 68, 32, 0.9)), to(rgba(51, 155, 87, 0.9)));
  background: linear-gradient(90deg, rgba(12, 68, 32, 0.9) 0%, rgba(51, 155, 87, 0.9) 100%);
}
.p-sub-faculty .-card header h3 {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
  color: #fff;
}
.p-sub-faculty .-card ul {
  padding: 1.9em 2em 3.1em 2em;
}
.p-sub-faculty .-card ul li {
  font-size: 16px;
  color: #145329;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
.p-sub-faculty .-card ul li > a {
  letter-spacing: -0.01em;
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  padding-right: 2em;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  text-decoration: none !important;
  border: none !important;
}
.p-sub-faculty .-card ul li > a::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../img/common/arw-g.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-faculty .-card ul li > a:hover::after {
  right: -3px;
  opacity: 0.8;
}
.p-sub-faculty .-card ul li > a[target=_blank] {
  letter-spacing: -0.01em;
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  padding-right: 1.6em;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
}
.p-sub-faculty .-card ul li > a[target=_blank]::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(../img/common/icon-blank.svg) no-repeat 98% 60%/10px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-faculty .-card ul li > a[target=_blank]:hover::after {
  right: -3px;
  opacity: 0.8;
}
.p-sub-faculty .-card ul li > span {
  letter-spacing: -0.01em;
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 1.6;
  display: inline-block;
  color: #145329;
  padding-left: 1em;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-faculty .-card ul li > span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #2D6540;
  position: absolute;
  left: 0;
  top: 0.56em;
}
.p-sub-faculty .-card ul li + li {
  margin-top: 0.95em;
}
.p-sub-faculty .-card ul.-column-count {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.p-sub-faculty .-card ul.-column-count li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
.p-sub-faculty .-card ul.-min {
  min-height: 170px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.p-sub-faculty .-card h4 {
  padding: 0 2.7em;
  font-size: clamp(10px, 0.15vw + 9.6px, 12px);
  color: #145329;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: 500;
}
.p-sub-faculty .-card h4 + ul {
  padding: 0.6em 2em 1.6em;
}
.p-sub-faculty .-card h4.-first {
  padding-top: 2em;
}
.p-sub-faculty .-card .-more {
  padding-right: 7%;
}
.p-sub-faculty .-card .-more a {
  font-size: clamp(11px, 0.15vw + 10.6px, 13px);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.01em;
  padding-right: 2em;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-faculty .-card .-more a::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/common/arw-g.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-faculty .-card .-more a:hover::after {
  right: -3px;
  opacity: 0.8;
}
.p-sub-otherNav nav {
  -ms-grid-columns: 3fr;
  grid-template-columns: repeat(1, 3fr);
  gap: 20px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
@media screen and (min-width: 768px) {
  .p-sub-otherNav nav {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 32px 2.5%;
  }
}
.p-sub-otherNav nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #C4D9C3;
  color: #145329;
  border-radius: 2px;
  font-weight: 600;
  position: relative;
  padding: 1.1em 2.5em 1.1em 1.2em;
  font-size: clamp(16px, 0.89vw + 13.2px, 20px);
  padding: 1em 1em 1em 1.4em;
  word-break: keep-all;
  overflow-wrap: anywhere;
  min-height: 64px;
}
@media screen and (min-width: 768px) {
  .p-sub-otherNav nav a {
    min-height: 108px;
    font-size: clamp(20px, 0.46vw + 16.5px, 24px);
    padding: 1.1em 2.5em 1.1em 1.2em;
  }
}
.p-sub-otherNav nav a::before {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  background: rgba(113, 168, 108, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(113, 168, 108, 0.9)), to(rgba(17, 76, 37, 0.9)));
  background: linear-gradient(180deg, rgba(113, 168, 108, 0.9) 0%, rgba(17, 76, 37, 0.9) 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.p-sub-otherNav nav a::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/common/arw-g.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0.9em;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-otherNav.-small {
  margin-top: 1.5em;
}
.p-sub-otherNav.-small a {
  font-size: clamp(14px, 0.45vw + 12.5px, 16px);
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
@media screen and (min-width: 768px) {
  .p-sub-otherNav.-small a {
    min-height: 4.5em;
  }
}
.p-sub-otherNav.-small a span {
  padding-right: 1em;
}
@media screen and (min-width: 768px) {
  .p-sub-otherNav.-small a span {
    padding-right: 0;
  }
}
.p-sub-inPage {
  margin: 40px 0 0;
  border-top: 1px solid #9FBAA6;
  border-bottom: 1px solid #9FBAA6;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
@media screen and (min-width: 768px) {
  .p-sub-inPage {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
    padding-bottom: 0;
  }
}
.p-sub-inPage a {
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 1;
  color: #145329;
  padding: 0 1.8em 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-sub-inPage a {
    border-bottom: 1px solid #2D6540;
    padding-bottom: 8px;
  }
}
.p-sub-inPage a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/common/arw-g-down.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0;
  top: 0.8em;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-inLink {
  margin: 1.5em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
@media screen and (min-width: 768px) {
  .p-sub-inLink {
    border: none;
    margin: 1.5em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    gap: 30px;
  }
}
.p-sub-inLink a {
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 1;
  color: #145329;
  padding: 0 1.8em 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-sub-inLink a {
    text-decoration: underline;
    text-underline-offset: 8px;
  }
}
.p-sub-inLink a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/common/arw-g-down.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-sub-contentsTop {
  margin-top: clamp(48px, 10.71vw + 13.7px, 96px);
}
@media screen and (min-width: 768px) {
  .p-sub-contentsTop {
    margin-top: clamp(96px, 5.57vw + 53.2px, 144px);
  }
}
.p-sub-contentsTop p a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contentsTop p a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contentsTop p a[href*="mailto:"],
.p-sub-contentsTop p a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contentsTop dd a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contentsTop dd a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contentsTop dd a[href*="mailto:"],
.p-sub-contentsTop dd a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contentsTop li a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contentsTop li a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contentsTop li a[href*="mailto:"],
.p-sub-contentsTop li a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contentsTop table a {
  padding: 0;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540 !important;
}
.p-sub-contentsTop table a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contentsTop table a[href*="mailto:"],
.p-sub-contentsTop table a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contentsTop img {
  width: auto;
}
.p-sub-contents p a {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contents p a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contents p a[href*="mailto:"],
.p-sub-contents p a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contents dd a {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contents dd a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contents li a {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540;
}
.p-sub-contents li a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contents li a[href*="mailto:"],
.p-sub-contents li a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contents table a {
  padding: 0;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-color: #2D6540 !important;
  color: #145329 !important;
}
.p-sub-contents table a.c-link-border {
  border-bottom: none !important;
}
.p-sub-contents table a[href*="mailto:"],
.p-sub-contents table a[href*="tel:"] {
  text-decoration: none !important;
}
.p-sub-contents img {
  width: auto;
}
.p-sub-column2 {
  position: relative;
  padding: 74px 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px 76px;
}
@media screen and (min-width: 768px) {
  .p-sub-column2 {
    padding: 144px 0 70px;
  }
}
.p-sub-column2 > .-L {
  width: 100%;
}
.p-sub-column2 > .-R {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-sub-column2 {
    padding: 144px 0 70px;
  }
  .p-sub-column2 > .-L {
    width: 167px;
  }
  .p-sub-column2 > .-R {
    width: calc(100% - 243px);
  }
}
.p-sub_map p {
  margin-bottom: 1.5em;
  font-weight: 400;
}
.p-sub_map p.-address {
  text-align: right;
}
.p-sub_map iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.p-sub_map img {
  border: 1px solid #C4D9C3;
}
.p-sub_history {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-sub_history {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
  }
}
.p-sub_history > .-L {
  width: 100%;
}
.p-sub_history > .-L dl {
  font-family: "Noto Sans JP", sans-serif;
}
.p-sub_history > .-L dl > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 35px;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div {
    gap: 0 23px;
  }
}
.p-sub_history > .-L dl > div dt {
  position: relative;
  width: 55px;
  font-family: "Noto Serif JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dt {
    width: 125px;
  }
}
.p-sub_history > .-L dl > div dt span {
  position: relative;
  display: block;
  width: 3.1em;
  font-size: clamp(18px, 0.76vw + 15.6px, 28px);
  font-weight: 600;
}
.p-sub_history > .-L dl > div dt span:after {
  position: absolute;
  right: 0;
  bottom: 0.4em;
  content: "年";
  font-size: clamp(12px, 0.38vw + 10.8px, 17px);
}
.p-sub_history > .-L dl > div dd {
  position: relative;
  width: calc(100% - 78px);
  padding: 1.3em 0;
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dd {
    width: calc(100% - 169px);
  }
}
.p-sub_history > .-L dl > div dd span {
  color: #9B3657;
  font-family: "Noto Serif JP", sans-serif;
  font-size: clamp(15px, 0.38vw + 13.8px, 20px);
  font-weight: 600;
}
.p-sub_history > .-L dl > div dd:before, .p-sub_history > .-L dl > div dd:after {
  position: absolute;
  content: "";
  background: #CEDBCE;
}
.p-sub_history > .-L dl > div dd:before {
  top: 0;
  left: -18px;
  width: 2px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dd:before {
    left: -35px;
  }
}
.p-sub_history > .-L dl > div dd:after {
  left: -21px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dd:after {
    left: -38px;
  }
}
.p-sub_history > .-L dl > div dd.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-sub_history > .-L dl > div dd.-flex > .-L {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dd.-flex > .-L {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-sub_history > .-L dl > div dd.-flex > .-R {
  width: 70%;
  margin: 16px auto 0;
}
@media screen and (min-width: 768px) {
  .p-sub_history > .-L dl > div dd.-flex > .-R {
    max-width: 320px;
    width: 32%;
    margin: 0;
  }
}
.p-sub_history > .-L dl > div:not(:first-of-type) dd {
  border-top: 1px solid #ECF4EC;
  margin-top: -1px;
}
.p-sub_history > .-L dl > div:first-of-type dd:before {
  top: 50%;
  height: 50%;
}
.p-sub_history > .-L dl > div:last-of-type dd:before {
  top: 0;
  height: 50%;
}
.p-sub_anthem {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-sub_anthem {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 50px;
  }
}
.p-sub_anthem p {
  text-align: right;
}
.p-sub_anthem p span {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-sub_anthem p span {
    display: inline-block;
  }
}
.p-sub_anthem p br {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-sub_anthem p br {
    display: none;
  }
}
.p-sub_column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-sub_column2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .p-sub_column2 .-l {
    width: 47.85%;
  }
}
@media screen and (min-width: 768px) {
  .p-sub_column2 .-r {
    width: 48.92%;
  }
}
.p-sub_column2 .-r p,
.p-sub_column2 .-r ol {
  margin-bottom: 1.5em;
}
.p-sub_column2 .-r h4 {
  font-size: clamp(15px, 0.38vw + 13.8px, 20px);
  font-weight: 600;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-sub_sitemap .-hierarchy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-sub_sitemap .-hierarchy h3 {
  width: 100%;
}
.p-sub_sitemap .-hierarchy h3 a {
  padding-left: 1.5em;
  background: url(/shared/img/sitemap/arw.svg) no-repeat 0 0.2em;
  background-size: 24px;
}
.p-sub_sitemap .-hierarchy .-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 94%;
  margin: 0 auto;
}
.p-sub_sitemap .-hierarchy .-flex > ul {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-sub_sitemap .-hierarchy .-flex > ul {
    width: 48%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-sub_sitemap .-hierarchy .-flex > ul li {
  margin-top: 1em;
}
.p-sub_sitemap .-hierarchy .-flex > ul li a {
  padding-left: 1.5em;
  background: url(/shared/img/common/arw-g.svg) no-repeat 0 0.2em;
  background-size: 20px;
}
.p-sub_sitemap .-hierarchy .-flex > ul li > ul {
  margin-left: 0.5em;
  border-left: 1px solid #C4D9C3;
  padding-left: 1em;
}
.p-sub_sitemap .-hierarchy .-flex > ul li > ul li {
  margin-top: 1em;
}
.p-sub_sitemap .-hierarchy .-flex > ul li > ul li a {
  padding-left: 1em;
  background: url(/shared/img/common/arw-next.svg) no-repeat 0 0.6em;
  background-size: 5px;
}

h2.c-title-subTitleH2.-news {
  display: none;
}
@media screen and (min-width: 768px) {
  h2.c-title-subTitleH2.-news {
    display: block;
  }
}

.p-university-top {
  margin: 130px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2em 0;
}
@media screen and (min-width: 768px) {
  .p-university-top {
    margin: 188px 0 0;
  }
}
.p-university-top .-L {
  width: 100%;
  padding-left: 6.4%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-university-top .-L {
    width: 49%;
    padding: 0;
  }
}
.p-university-top .-L .-title {
  padding: 1em 2em;
  position: absolute;
  bottom: calc(100% - 16px);
  left: -1.6%;
  width: 76%;
}
@media screen and (min-width: 768px) {
  .p-university-top .-L .-title {
    left: -32px;
  }
}
.p-university-top .-L .-title::after {
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  z-index: 0;
}
.p-university-top .-L .-title.-green::after {
  background: #0C4420;
  background: -webkit-gradient(linear, left top, right top, from(rgba(12, 68, 32, 0.9)), to(rgba(51, 155, 87, 0.9)));
  background: linear-gradient(90deg, rgba(12, 68, 32, 0.9) 0%, rgba(51, 155, 87, 0.9) 100%);
}
.p-university-top .-L .-title.-orenge::after {
  background: #592D00;
  background: -webkit-gradient(linear, left top, right top, from(rgb(158, 61, 0)), color-stop(120%, rgb(255, 184, 69)));
  background: linear-gradient(90deg, rgb(158, 61, 0) 0%, rgb(255, 184, 69) 120%);
}
.p-university-top .-L .-title.-purple::after {
  background: #180036;
  background: -webkit-gradient(linear, left top, right top, from(rgb(24, 0, 54)), to(rgb(244, 206, 255)));
  background: linear-gradient(90deg, rgb(24, 0, 54) 0%, rgb(244, 206, 255) 100%);
}
.p-university-top .-L .-title h2 {
  color: #fff;
  font-size: clamp(20px, 0.92vw + 17px, 32px);
  font-weight: 600;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
  width: 100%;
}
.p-university-top .-L .-title h2 span {
  font-size: clamp(11px, 0.38vw + 9.8px, 16px);
  font-weight: 500;
  letter-spacing: -0.01em;
  display: block;
}
.p-university-top .-R {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-university-top .-R {
    width: 45%;
  }
}
.p-university-top .-R h3 {
  color: #145329;
  font-size: clamp(18px, 0.46vw + 16.5px, 24px);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.8;
  margin: 0 0 30px;
}
.p-university-top .-R p {
  font-family: "Noto Sans JP", sans-serif;
  color: #145329;
  line-height: 2.1;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.p-university-history {
  background: url(../img/home/overview_sp.jpg) no-repeat 0 50%/cover;
  padding: 32px 6.4% 44px;
}
@media screen and (min-width: 768px) {
  .p-university-history {
    background: url(../img/home/overview.jpg) no-repeat 0 50%/cover;
    padding: 64px 64px 88px;
  }
}
.p-university-history h2 {
  color: #fff;
  font-size: clamp(20px, 0.92vw + 17px, 32px);
  margin-bottom: clamp(24px, 0.92vw + 21px, 36px);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.p-university-history p {
  color: #fff;
  font-weight: 500;
  font-family: "Marcellus", serif;
}
.p-university-sub {
  margin: 94px 0 0;
  -ms-grid-columns: 3fr;
  grid-template-columns: repeat(1, 3fr);
  gap: 24px;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-university-sub {
    -ms-grid-columns: 1fr 2.5% 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 2.5%;
  }
}
@media screen and (min-width: 1280px) {
  .p-university-sub {
    -ms-grid-columns: 1fr 2.5% 1fr 2.5% 1fr 2.5% 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 2.5%;
  }
}
.p-university-sub .-card {
  position: relative;
  border: 1px solid #C4D9C3;
  border-radius: 3px;
  background: #fff;
  padding-bottom: 1.5em;
  -ms-grid-row-span: 4;
  grid-row: span 4;
  gap: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
.p-university-sub .-card img {
  border-radius: 3px 3px 0 0;
  aspect-ratio: 327/115;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-university-sub .-card img {
    aspect-ratio: 277/156;
  }
}
.p-university-sub .-card img.-num2 {
  -o-object-position: 0 -22px;
     object-position: 0 -22px;
}
@media screen and (min-width: 768px) {
  .p-university-sub .-card img.-num2 {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.p-university-sub .-card img.-num3 {
  -o-object-position: 0 -10px;
     object-position: 0 -10px;
}
@media screen and (min-width: 768px) {
  .p-university-sub .-card img.-num3 {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.p-university-sub .-card img.-num4 {
  -o-object-position: 0 -10px;
     object-position: 0 -10px;
}
@media screen and (min-width: 768px) {
  .p-university-sub .-card img.-num4 {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.p-university-sub .-card header {
  position: relative;
  margin-top: -1em;
  padding: 1em 1em;
  width: 94%;
}
.p-university-sub .-card header::after {
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  z-index: 0;
}
.p-university-sub .-card header h3 {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
  color: #fff;
  word-break: break-word;
}
.p-university-sub .-card header.-child-studies02::after {
  background: #669C5B;
}
.p-university-sub .-card header.-child-studies03::after {
  background: #A7863C;
}
.p-university-sub .-card header.-child-studies04::after {
  background: #A55A5D;
}
.p-university-sub .-card header.-child-studies05::after {
  background: #4F5B79;
}
.p-university-sub .-card p {
  padding: 2em 1.3em 3em;
  font-size: 16px;
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  font-family: "Noto Serif JP";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-university-sub .-card p {
    padding: 1.2em 1.1em 2.4em;
  }
}
.p-university-sub .-card .-more {
  padding-right: 7%;
}
.p-university-sub .-card a {
  letter-spacing: -0.01em;
  font-size: 13px;
  line-height: 1;
  color: #145329;
  letter-spacing: -0.01em;
  padding-right: 2em;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-university-sub .-card a::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/common/arw-g.svg) no-repeat 50% 50%/contain;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.p-university-sub .-card a:hover::after {
  right: -3px;
  opacity: 0.8;
}
.p-university-third {
  margin: 32px 0 0;
  -ms-grid-columns: 3fr;
  grid-template-columns: repeat(1, 3fr);
  gap: 24px;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-university-third {
    -ms-grid-columns: 1fr 2.5% 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 2.5%;
  }
}
@media screen and (min-width: 1280px) {
  .p-university-third {
    -ms-grid-columns: 1fr 2.5% 1fr 2.5% 1fr 2.5% 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 2.5%;
  }
}
.p-university-third .-card {
  border: 1px solid #C4D9C3;
  border-radius: 3px;
  background: #fff;
}
.p-university-third .-card h3 {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
  color: #fff;
  background: #A55A5D;
  padding: 0.8em 1.2em 0.8em 1.2em;
}
.p-university-third .-card p {
  padding: 1.6em 1.2em 1.6em 1.2em;
  font-size: 16px;
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  font-family: "Noto Serif JP";
  font-weight: 400;
}
.p-university-manabi {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(180, 211, 183, 0.4)), color-stop(140%, rgba(241, 241, 241, 0.4)));
  background: linear-gradient(180deg, rgba(180, 211, 183, 0.4) 0%, rgba(241, 241, 241, 0.4) 140%);
  margin-top: clamp(100px, 14.51vw + 53.6px, 165px);
}
.p-university-manabi .inner {
  padding: 0 6.4%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-university-manabi .inner {
    padding-left: clamp(142px, 9.98vw + 65.3px, 228px);
    padding-right: clamp(228px, 9.98vw + 151.3px, 314px);
  }
}
.p-university-manabi .inner .inner-block {
  padding: 94px 0;
  position: relative;
}
.p-university-manabi .inner .c-title-gakubu {
  position: absolute;
  bottom: calc(100% - 54px);
  margin-bottom: 0;
}
.p-university-manabi .inner nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px 0;
  padding-top: clamp(48px, 1.22vw + 44.1px, 64px);
}
@media screen and (min-width: 1440px) {
  .p-university-manabi .inner nav {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 24px;
  }
}
@media screen and (min-width: 1080px) {
  .p-university-manabi .inner nav {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
    gap: 32px 2.5%;
  }
}
.p-university-manabi .inner .-card {
  width: 100%;
  margin: 0 auto;
  width: auto;
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  border-radius: 3px;
  background: #fff;
  padding-left: clamp(20px, 0.31vw + 18.9px, 24px);
  padding-right: clamp(20px, 0.31vw + 18.9px, 24px);
  padding-bottom: clamp(26px, 0.46vw + 24.5px, 32px);
  padding-top: clamp(56px, 0.61vw + 54.1px, 64px);
}
@media screen and (min-width: 1080px) {
  .p-university-manabi .inner .-card {
    max-width: unset;
  }
}
@media screen and (min-width: 1440px) {
  .p-university-manabi .inner .-card {
    max-width: unset;
    margin: 0;
  }
}
.p-university-manabi .inner .-card::before {
  content: "";
  width: clamp(40px, 0.53vw + 38.4px, 47px);
  height: auto;
  aspect-ratio: 47/45;
  background: rgba(17, 76, 37, 0.9);
  background: -webkit-gradient(linear, left top, right top, from(rgba(17, 76, 37, 0.9)), color-stop(180%, rgba(181, 233, 158, 0.9)));
  background: linear-gradient(90deg, rgba(17, 76, 37, 0.9) 0%, rgba(181, 233, 158, 0.9) 180%);
  position: absolute;
  top: 0;
  left: clamp(20px, 0.31vw + 18.9px, 24px);
}
.p-university-manabi .inner .-card::after {
  content: "1";
  font-size: clamp(22px, 0.46vw + 20.5px, 28px);
  color: #fff;
  line-height: 1;
  position: absolute;
  top: clamp(18px, 0.15vw + 17.6px, 20px);
  left: clamp(40px, 0.61vw + 38.1px, 48px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-university-manabi .inner .-card.-no2::after {
  content: "2";
}
.p-university-manabi .inner .-card.-no3::after {
  content: "3";
}
.p-university-manabi .inner .-card h2 {
  font-size: clamp(18px, 0.46vw + 16.5px, 24px);
  margin-bottom: clamp(12px, 0.31vw + 10.9px, 16px);
}
.p-university-manabi .inner .-card h2 span {
  font-size: clamp(8px, 0.15vw + 7.6px, 10px);
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01;
  display: block;
  position: relative;
  padding: 10px 0 0 0;
  margin: 6px 0 0 0;
}
.p-university-manabi .inner .-card h2 span::before {
  content: "";
  width: 80%;
  max-width: 189px;
  height: 1px;
  background: #2C6739;
  background: -webkit-gradient(linear, left top, right top, from(rgb(44, 103, 57)), to(rgb(255, 254, 235)));
  background: linear-gradient(90deg, rgb(44, 103, 57) 0%, rgb(255, 254, 235) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.p-university-hukushi {
  margin-top: clamp(24px, 0.61vw + 22.1px, 32px);
  border: 1px solid #C4D9C3;
  border-radius: 3px;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-university-hukushi .-L {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .p-university-hukushi .-L {
    width: 38%;
  }
}
.p-university-hukushi .-R {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
}
@media screen and (min-width: 1280px) {
  .p-university-hukushi .-R {
    width: 56%;
  }
}
.p-university-hukushi .-R p {
  width: calc(100% - 174px);
}
.p-university-hukushi .-R figure {
  width: 150px;
}
.p-university-hukushi h2 {
  font-size: clamp(18px, 0.46vw + 16.5px, 24px);
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.p-university-hukushi h2 span {
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  display: block;
  font-weight: 600;
}
.p-university-kyoiku {
  margin-top: clamp(18px, 0.46vw + 16.5px, 24px);
  border: 1px solid #C4D9C3;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-university-kyoiku .-L {
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .p-university-kyoiku .-L {
    width: 40%;
  }
}
.p-university-kyoiku .-L img {
  aspect-ratio: 400/240;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1080px) {
  .p-university-kyoiku .-L img {
    aspect-ratio: 400/380;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 1440px) {
  .p-university-kyoiku .-L img {
    aspect-ratio: unset;
  }
}
.p-university-kyoiku .-R {
  width: 100%;
  padding: clamp(24px, 0.61vw + 22.1px, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1080px) {
  .p-university-kyoiku .-R {
    width: 60%;
  }
}
.p-university-kyoiku .-R h2 {
  font-size: clamp(18px, 0.46vw + 16.5px, 24px);
  margin-bottom: clamp(18px, 0.46vw + 16.5px, 24px);
  line-height: 1.5;
  color: #145329;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.p-university-kyoiku .-R h2 span {
  font-size: clamp(13px, 0.23vw + 12.3px, 16px);
  display: block;
  font-weight: 600;
}
.p-university-kyoiku .-R p {
  font-size: clamp(12px, 0.15vw + 11.6px, 14px);
}

/*==============================
faqBox
================================ */
.faqBox .acCheck {
  display: none;
}

.faqBox .ac-label,
.faqBox .ac-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.faqBox .ac-content { /*本体*/
  height: 0;
  padding: 0px 25px;
  overflow: hidden;
  background: #fff;
}

.faqBox .acCheck:checked + .ac-label + .ac-content { /*開閉時*/
  height: auto;
  padding: 28px 25px 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.faqBox .acCheck:checked + .ac-label::before {
  -webkit-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
}

.faqBox .ac-label { /*タイトル*/
  padding: 1em;
  display: block;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #333;
  border-bottom: solid 1px #D5D5D5;
  padding-left: 65px;
  padding-right: 30px;
}

.faqBox .ac-label::before { /*タイトル横の矢印*/
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #C40016;
  border-right: 2px solid #C40016;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
  right: 20px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.faqBox .ac-label::after { /*タイトル横の Q */
  content: "";
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_882%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20882%22%20transform%3D%22translate(-208%20-3825)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1044%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201044%22%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%225%22%20transform%3D%22translate(208%203825)%22%20fill%3D%22%23bc0318%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_402%22%20data-name%3D%22%E3%83%91%E3%82%B9%20402%22%20d%3D%22M16.359%2C1.945%2C16.031%2C4.3a18.066%2C18.066%2C0%2C0%2C1-2.543.164%2C5.543%2C5.543%2C0%2C0%2C1-3.164-.7A4.259%2C4.259%2C0%2C0%2C1%2C8.918%2C1.676L8.391.27A6.918%2C6.918%2C0%2C0%2C1%2C2.93-2.777%2C11.179%2C11.179%2C0%2C0%2C1%2C1.2-9.27q0-4.84%2C2.508-7.441a7.251%2C7.251%2C0%2C0%2C1%2C5.484-2.2%2C7.139%2C7.139%2C0%2C0%2C1%2C6.047%2C2.836%2C10.907%2C10.907%2C0%2C0%2C1%2C1.922%2C6.762%2C11.222%2C11.222%2C0%2C0%2C1-1.781%2C6.6A6.663%2C6.663%2C0%2C0%2C1%2C11.367.023l.316.914a1.786%2C1.786%2C0%2C0%2C0%2C.844%2C1.008%2C3.37%2C3.37%2C0%2C0%2C0%2C1.488.258A12.045%2C12.045%2C0%2C0%2C0%2C16.359%2C1.945ZM9.188-16.395a3.8%2C3.8%2C0%2C0%2C0-3.457%2C2%2C9.937%2C9.937%2C0%2C0%2C0-1.1%2C5.1A9.229%2C9.229%2C0%2C0%2C0%2C6.047-3.7a3.741%2C3.741%2C0%2C0%2C0%2C3.141%2C1.57%2C3.779%2C3.779%2C0%2C0%2C0%2C3.445-2.051%2C10.133%2C10.133%2C0%2C0%2C0%2C1.09-5.109%2C9.113%2C9.113%2C0%2C0%2C0-1.406-5.566A3.718%2C3.718%2C0%2C0%2C0%2C9.188-16.395ZM25.826-3.27V.047H22.392V-3.27Z%22%20transform%3D%22translate(213%203852)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
  position: absolute;
  left: 0;
  top: 20px;
}