@charset "UTF-8";
html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (max-width: 992px) {
  html {
    font-size: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  overflow-x: hidden;
  line-height: 1.42;
  -webkit-font-smoothing: antialiased;
}
body.no_scroll {
  overflow: hidden;
  position: relative;
}

a {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: #000;
}

p {
  letter-spacing: 0.05em;
}

.desc {
  font-size: 1.6rem;
  line-height: 2;
}

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

.u-sp {
  display: none;
}

.u-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .desc {
    line-height: 1.5;
  }
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
}
/* —————————————————
  ヘッダー header
  —————————————————*/
.l-header {
  width: 100%;
  margin: 0 auto;
  height: 13.3rem;
  position: relative;
  z-index: 999;
}

.l-header__top {
  padding: 3.5rem 10.8rem 1rem 6rem;
  height: 13.3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.l-header__top .l-header__wrap {
  width: calc(100% - 4rem);
  max-width: 1240px;
  height: 100%;
  margin: 0 auto;
  -ms-flex-align: center;
      align-items: center;
}

.l-header__logo {
  width: 40%;
}

.l-header__topNav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 3.2rem;
  margin-bottom: 1.8rem;
}
.l-header__topNav .item {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  transition: 0.3s ease;
}
.l-header__topNav .item::before {
  content: "";
  display: block;
  margin-right: 0.6rem;
}
.l-header__topNav .item:hover {
  opacity: 0.7;
}
.l-header__topNav .item_trial::before {
  width: 2.6rem;
  height: 2.6rem;
  background: url("../img/icon_school.svg") no-repeat top left/100%;
}
.l-header__topNav .item_document::before {
  width: 2.6rem;
  height: 2.1rem;
  background: url("../img/icon_book.svg") no-repeat top left/100%;
}
.l-header__topNav .item_access::before {
  width: 2.1rem;
  height: 2.6rem;
  background: url("../img/icon_access.svg") no-repeat top left/100%;
}
.l-header__topNav .item_contact::before {
  width: 2.6rem;
  height: 2.1rem;
  background: url("../img/icon_mail.svg") no-repeat top left/100%;
}

.l-header__gNav {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: sticky;
  top: 0;
}

.l-header__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-transform: translateX(2rem);
      transform: translateX(2rem);
}
.l-header__menu .nav_item {
  position: relative;
  cursor: pointer;
}
.l-header__menu .nav_item > a {
  display: block;
  font-size: 1.6rem;
  padding: 0.4rem 2rem;
  width: 100%;
  text-align: center;
  letter-spacing: 0;
  position: relative;
}
.l-header__menu .nav_item > a::after {
  transition: 0.3s ease;
}
.l-header__menu .nav_item > a:hover::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 98%;
  height: 4px;
  background-color: #BE1A25;
  z-index: 1;
}
.l-header__menu .nav_item:not(:last-child) > a {
  border-right: 1px solid #000;
}
.l-header__menu .drop-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 33rem;
  min-width: 24rem;
  background-color: #fff;
  padding-top: 2rem;
  cursor: initial;
}
.l-header__menu .drop-menu a {
  display: block;
  font-size: 1.4rem;
  padding: 1.2rem 1.6rem 1.2rem 2rem;
  letter-spacing: 0;
}
.l-header__menu .drop-menu a:hover {
  background-color: #BE1A25;
  color: #fff;
}
.l-header__menu li.has-child:hover .drop-menu {
  visibility: visible;
  opacity: 1;
}
.l-header__sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
  width: 28px;
  position: fixed;
  top: 40%;
  left: 16px;
  z-index: 9999;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 992px) {
  .l-header {
    position: fixed;
    height: 12rem;
    background-color: #fff;
  }
  .l-header__top {
    height: 100%;
    padding: 1rem 1.6rem;
  }
  .l-header__top .l-header__wrap {
    width: auto;
  }
  .l-header__top .l-header__logo {
    width: 70%;
  }
  .l-header__topNav {
    display: none;
  }
  .l-header__gNav {
    z-index: 99999;
    width: 100%;
    padding: 2.5rem 0 6rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vh;
    background-color: #fff;
  }
  .l-header__menu {
    display: block;
    -ms-transform: translateX(0);
        transform: translateX(0);
  }
  .l-header__menu .nav_item {
    position: relative;
  }
  .l-header__menu .nav_item > a {
    display: block;
    font-size: 2.8rem;
    margin: 0;
    padding: 1.2rem 2rem;
    text-align: left;
    position: relative;
    font-weight: 700;
  }
  .l-header__menu .nav_item > a::after {
    content: "＋";
    width: auto;
    height: auto;
    background: none;
    bottom: initial;
    right: initial;
    font-size: 4rem;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 24px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .l-header__menu .nav_item > a.is-open::after {
    content: "ー";
  }
  .l-header__menu .nav_item:first-child > a {
    padding: 1.2rem 2rem;
  }
  .l-header__menu .nav_item:not(:last-child) > a {
    border-right: none;
  }
  .l-header__menu .drop-menu {
    opacity: 1;
    visibility: inherit;
    position: static;
    top: 100%;
    left: 0;
    border-top: none;
    width: 100%;
    min-height: inherit;
    background-color: #fff;
    padding: 1rem 0;
    display: none;
    background: rgb(222, 222, 222);
    background: linear-gradient(45deg, rgb(222, 222, 222) 0%, rgba(212, 220, 221, 0.05) 100%);
  }
  .l-header__menu .drop-menu a {
    display: block;
    font-size: 2.8rem;
    padding: 0.8rem 2rem 0.8rem 4rem;
    position: relative;
  }
  .l-header__menu .drop-menu a::after {
    content: "";
    display: block;
    width: 3.6rem;
    height: 2.2rem;
    background: url("../img/icon_arrow.svg") no-repeat top right/100%;
    position: absolute;
    top: 50%;
    right: 28px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .l-header__menu .drop-menu a:hover {
    background: none;
    color: #000;
  }
  .l-header__menu li.has-child:hover .drop-menu {
    visibility: inherit;
    opacity: 1;
  }
  .c-hamburger {
    display: block;
  }
  .c-hamburger {
    transition: all 0.2s;
    width: 12rem;
    height: 12rem;
    z-index: 9999;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-hamburger span {
    z-index: 99999;
    display: inline-block;
    transition: all 0.2s;
    box-sizing: border-box;
    position: absolute;
    height: 5px;
    background-color: #BE1A25;
    border-radius: 4px;
    width: 6.8rem;
    right: 2.4rem;
    transition: 0.3s ease all;
  }
  .c-hamburger span:nth-of-type(1) {
    top: 3.2rem;
  }
  .c-hamburger span:nth-of-type(2) {
    top: 5.2rem;
  }
  .c-hamburger span:nth-of-type(3) {
    top: 7.2rem;
  }
  .c-hamburger.is-active span:nth-of-type(1) {
    -ms-transform: translateY(2rem) rotate(-45deg);
        transform: translateY(2rem) rotate(-45deg);
  }
  .c-hamburger.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  .c-hamburger.is-active span:nth-of-type(3) {
    -ms-transform: translateY(-2rem) rotate(45deg);
        transform: translateY(-2rem) rotate(45deg);
  }
  .l-header__sns {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    position: fixed;
    height: 6rem;
  }
  .l-header__top {
    height: auto;
    padding: 1rem 1.6rem;
  }
  .l-header__top .l-header__wrap {
    width: auto;
  }
  .l-header__top .l-header__logo {
    width: 70%;
  }
  .l-header__topNav {
    display: none;
  }
  .l-header__gNav {
    z-index: 99999;
    width: 100%;
    padding: 2.5rem 0 6rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
    position: absolute;
    top: 100%;
    height: 100vh;
    background-color: #fff;
  }
  .l-header__menu {
    display: block;
  }
  .l-header__menu .nav_item {
    position: relative;
  }
  .l-header__menu .nav_item > a {
    display: block;
    font-size: 1.6rem;
    margin: 0;
    padding: 1.2rem 2rem;
    text-align: left;
    position: relative;
    font-weight: 700;
  }
  .l-header__menu .nav_item > a::after {
    content: "＋";
    font-size: 2rem;
    font-weight: 300;
    background: none;
    width: auto;
    height: auto;
    bottom: initial;
    left: initial;
    position: absolute;
    top: 50%;
    right: 24px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .l-header__menu .nav_item > a:hover::after {
    width: auto;
    height: auto;
    background: none;
    bottom: initial;
    left: initial;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .l-header__menu .nav_item:first-child > a {
    padding: 1.2rem 2rem;
  }
  .l-header__menu .nav_item:not(:last-child) > a {
    border-right: none;
  }
  .l-header__menu .nav_item.is-open > a::after {
    content: "ー";
  }
  .l-header__menu .drop-menu {
    opacity: 1;
    visibility: inherit;
    position: static;
    top: 100%;
    left: 0;
    border-top: none;
    width: 100%;
    min-height: inherit;
    background-color: #fff;
    padding: 1rem 0;
    display: none;
    background: rgb(222, 222, 222);
    background: linear-gradient(45deg, rgb(222, 222, 222) 0%, rgba(212, 220, 221, 0.05) 100%);
  }
  .l-header__menu .drop-menu a {
    display: block;
    font-size: 1.6rem;
    padding: 0.8rem 2rem 0.8rem 4rem;
    position: relative;
  }
  .l-header__menu .drop-menu a::after {
    content: "";
    display: block;
    width: 18px;
    height: 11px;
    background: url("../img/icon_arrow.svg") no-repeat top right/100%;
    position: absolute;
    top: 50%;
    right: 28px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .l-header__menu .drop-menu a:hover {
    background: none;
    color: #000;
  }
  .l-header__menu li.has-child:hover .drop-menu {
    visibility: inherit;
    opacity: 1;
  }
  .c-hamburger {
    display: block;
  }
  .c-hamburger {
    transition: all 0.2s;
    width: 6rem;
    height: 6rem;
    z-index: 9999;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-hamburger span {
    z-index: 99999;
    display: inline-block;
    transition: all 0.2s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    background-color: #BE1A25;
    border-radius: 4px;
    width: 3rem;
    right: 1.2rem;
    transition: 0.3s ease all;
  }
  .c-hamburger span:nth-of-type(1) {
    top: 1.8rem;
  }
  .c-hamburger span:nth-of-type(2) {
    top: 2.6rem;
  }
  .c-hamburger span:nth-of-type(3) {
    top: 3.4rem;
  }
  .c-hamburger.is-active span:nth-of-type(1) {
    -ms-transform: translateY(0.8rem) rotate(-45deg);
        transform: translateY(0.8rem) rotate(-45deg);
  }
  .c-hamburger.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  .c-hamburger.is-active span:nth-of-type(3) {
    -ms-transform: translateY(-0.8rem) rotate(45deg);
        transform: translateY(-0.8rem) rotate(45deg);
  }
}
/* —————————————————
  固定ボタン
  —————————————————*/
.l-fixed__btn {
  position: fixed;
  top: 26%;
  right: 0;
  z-index: 99999;
}
.l-fixed__btn .btn__list .item {
  width: 7.5rem;
  height: 8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  padding: 0.5rem;
  transition: 0.3s ease;
  letter-spacing: 0;
}
.l-fixed__btn .btn__list .item::before {
  content: "";
  display: block;
  margin: 0 auto 0.5rem;
}
.l-fixed__btn .btn__list .item:hover {
  opacity: 0.7;
}
.l-fixed__btn .btn__list .item_trial {
  background-color: #BE1A25;
}
.l-fixed__btn .btn__list .item_trial::before {
  width: 4.2rem;
  height: 4.2rem;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("../img/icon_school.svg");
          mask-image: url("../img/icon_school.svg");
  background-color: #fff;
}
.l-fixed__btn .btn__list .item_document {
  background-color: #fff;
  color: #303030;
}
.l-fixed__btn .btn__list .item_document::before {
  width: 4.2rem;
  height: 3.3rem;
  background: url("../img/icon_book.svg") no-repeat top left/100%;
}
.l-fixed__btn .btn__list .item_contact {
  background-color: #BE1A25;
}
.l-fixed__btn .btn__list .item_contact::before {
  width: 3.8rem;
  height: 3rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("../img/icon_mail.svg");
          mask-image: url("../img/icon_mail.svg");
  background-color: #fff;
}
.l-fixed__btn .btn__list .item_chat {
  background-color: #0C88C8;
}
.l-fixed__btn .btn__list .item_chat::before {
  width: 3.6rem;
  height: 3.6rem;
  background: url("../img/icon_chat.svg") no-repeat top left/100%;
}
.l-fixed__btn .btn__list.list_sp {
  display: none;
}

@media screen and (max-width: 992px) {
  .l-fixed__btn {
    position: fixed;
    top: inherit;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0.5rem 1.6rem;
    background-color: #BE1A25;
  }
  .l-fixed__btn .btn__list.list_sp {
    display: -ms-flexbox;
    display: flex;
  }
  .l-fixed__btn .btn__list.list_sp .item {
    width: 50%;
    height: auto;
    font-weight: 400;
    text-align: center;
    background-color: #BE1A25;
    padding: 0;
    line-height: 1.2;
    font-size: 2.4rem;
  }
  .l-fixed__btn .btn__list.list_sp .item_trial {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
  }
  .l-fixed__btn .btn__list.list_sp .item_access::before {
    width: 3.4rem;
    height: 4rem;
    background: url("../img/icon_access.svg") no-repeat top left/100%;
  }
  .l-fixed__btn .btn__list.list_pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-fixed__btn {
    position: fixed;
    top: inherit;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0.5rem 1.6rem;
    background-color: #BE1A25;
  }
  .l-fixed__btn .btn__list.list_sp {
    display: -ms-flexbox;
    display: flex;
  }
  .l-fixed__btn .btn__list.list_sp .item {
    width: 50%;
    height: auto;
    font-weight: 400;
    text-align: center;
    background-color: #BE1A25;
    padding: 0;
    line-height: 1.2;
    font-size: 1.6rem;
  }
  .l-fixed__btn .btn__list.list_sp .item_trial::before {
    width: 3.2rem;
    height: 3.2rem;
  }
  .l-fixed__btn .btn__list.list_sp .item_document {
    color: #ffffff;
  }
  .l-fixed__btn .btn__list.list_sp .item_document::before {
    width: 3.2rem;
    height: 2.6rem;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    background: none;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    background-color: #ffffff;
    -webkit-mask-image: url("../img/icon_book.svg");
            mask-image: url("../img/icon_book.svg");
  }
  .l-fixed__btn .btn__list.list_sp .item_contact::before {
    width: 2.9rem;
    height: 2.3rem;
  }
  .l-fixed__btn .btn__list.list_sp .item_access::before {
    width: 2.5rem;
    height: 3.1rem;
    background: url("../img/icon_access.svg") no-repeat top left/100%;
  }
  .l-fixed__btn .btn__list.list_pc {
    display: none;
  }
}
/* —————————————————
  フッター footer
  —————————————————*/
.l-footer {
  position: relative;
}

.l-footer__toTop {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  position: fixed;
  bottom: 0;
  right: 0;
  letter-spacing: 0.14em;
  z-index: 99;
  width: 7.2rem;
  margin-bottom: 4rem;
}

.l-footer__top {
  width: calc(100% - 8rem);
  max-width: 1240px;
  margin: 0 auto 8rem;
  border: 3px solid #303030;
  padding: 5.6rem 2rem 3rem;
  position: relative;
  background-color: #F7F7F7;
}
.l-footer__top .c-center {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 2.4rem 0;
}

.l-footer__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 8.8rem;
}
.l-footer__links .item {
  text-align: center;
  font-weight: 700;
  width: 33.3333333333%;
  max-width: 28rem;
}
.l-footer__links .item p {
  font-size: 2rem;
  letter-spacing: 0;
}
.l-footer__links .item .links__btn {
  display: block;
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #fff;
  margin-top: 1.6rem;
  border: 2px solid;
  transition: 0.3s ease;
}
.l-footer__links .item .links__btn.trial {
  background-color: #BE1A25;
  border-color: #BE1A25;
}
.l-footer__links .item .links__btn.document {
  background-color: #ffffff;
  border-color: #303030;
  color: #303030;
}
.l-footer__links .item .links__btn.contact {
  background-color: #303030;
  border-color: #303030;
}
@media (hover: hover) {
  .l-footer__links .item .links__btn.trial:hover {
    background-color: #fff;
    color: #BE1A25;
  }
  .l-footer__links .item .links__btn.document:hover {
    background-color: #303030;
    color: #ffffff;
  }
  .l-footer__links .item .links__btn.contact:hover {
    background-color: #fff;
    color: #303030;
  }
}

.l-footer__tel {
  width: 100%;
  max-width: 80.8rem;
  margin: 0 auto;
  border: 3px solid #BE1A25;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 4rem;
}
.l-footer__tel .text {
  color: #303030;
  font-size: 2rem;
  font-weight: 700;
}
.l-footer__tel .tel__text {
  color: #303030;
  letter-spacing: 0;
}
.l-footer__tel .tel__text a {
  color: #303030;
  font-size: 4rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1.3;
}
.l-footer__tel .tel__text a::before {
  content: "";
  display: inline-block;
  width: 2.3rem;
  height: 3.8rem;
  background: url("../img/icon_tel.svg") no-repeat top left/100%;
  margin-right: 1.6rem;
}
.l-footer__tel .tel__text span {
  display: block;
  text-align: right;
  font-size: 1.4rem;
}

.l-footer__bottom {
  background: url("../img/bg_footer.jpg") no-repeat top center/cover;
  padding: 4rem 0 3rem;
}
.l-footer__bottom .l-footer__wrap {
  width: calc(100% - 6rem);
  max-width: 1240px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-footer__sitemap {
  width: 62.8%;
}
.l-footer__sitemap .sitemap__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.l-footer__sitemap .sitemap__block:not(:first-child) {
  margin-top: 4rem;
}
.l-footer__sitemap .list {
  width: 33.3333333333%;
}
.l-footer__sitemap .list .nav-parent {
  font-size: 2rem;
  font-weight: 700;
  transition: 0.3s ease opacity;
}
.l-footer__sitemap .list .nav-parent:hover {
  opacity: 0.7;
}
.l-footer__sitemap .list .nav-childern {
  margin: 1rem 0 0 1.2rem;
}
.l-footer__sitemap .list .nav-childern a {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 400;
  display: inline-block;
  position: relative;
}
.l-footer__sitemap .list .nav-childern a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #303030;
  bottom: 0;
  -ms-transform: scale(0, 1);
      transform: scale(0, 1);
  -ms-transform-origin: right top;
      transform-origin: right top;
  transition: transform 0.3s;
}
.l-footer__sitemap .list .nav-childern a:hover::after {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.l-footer__contact {
  width: 32.8%;
}
.l-footer__contact .c-address {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 1rem;
}
.l-footer__contact .c-address a:hover {
  text-decoration: underline;
}
.l-footer__contact .sns__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 3.5rem;
  margin: 4rem 0;
}
.l-footer__contact .sns__list a {
  display: inline-block;
  width: 3.2rem;
  transition: 0.3s ease opacity;
}
.l-footer__contact .sns__list a:hover {
  opacity: 0.7;
}
.l-footer__contact .l-footer__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px solid #303030;
  color: #303030;
  font-size: 2.7rem;
  padding: 1.4rem 0;
  text-align: center;
  font-weight: 700;
  transition: 0.3s ease;
}
.l-footer__contact .l-footer__btn:last-of-type {
  margin-top: 2rem;
}
.l-footer__contact .l-footer__btn::before {
  content: "";
  display: inline-block;
  margin-right: 2rem;
  transition: 0.3s ease;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #303030;
}
.l-footer__contact .l-footer__btn.contact::before {
  width: 3.8rem;
  height: 3rem;
  -webkit-mask-image: url("../img/icon_mail.svg");
          mask-image: url("../img/icon_mail.svg");
}
.l-footer__contact .l-footer__btn.document::before {
  width: 4rem;
  height: 3.2rem;
  -webkit-mask-image: url("../img/icon_book.svg");
          mask-image: url("../img/icon_book.svg");
}
.l-footer__contact .l-footer__btn:hover {
  background-color: #303030;
  color: #ffffff;
}
.l-footer__contact .l-footer__btn:hover::before {
  background-color: #ffffff;
}

.l-footer__copy {
  text-align: center;
  background-color: #BE1A25;
  padding: 1.6rem 0;
}
.l-footer__copy small {
  color: #fff;
  font-size: 0.9rem;
}

@media screen and (max-width: 992px) {
  .l-footer__toTop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__top {
    width: calc(100% - 2.4rem);
    margin: 0 auto 4rem;
    padding: 0.5rem;
  }
  .l-footer__top .c-center {
    font-size: 2rem;
    margin: 0.8rem 0;
  }
  .l-footer__links {
    gap: 0.8rem;
  }
  .l-footer__links .item p {
    display: none;
  }
  .l-footer__links .item .links__btn {
    margin-top: 0;
  }
  .l-footer__tel {
    width: 100%;
    max-width: 80.8rem;
    margin: 0 auto;
    padding: 1rem;
    display: block;
  }
  .l-footer__tel .text {
    text-align: center;
    font-size: 1.4rem;
  }
  .l-footer__tel .tel__text {
    margin-top: 1.5rem;
    text-align: center;
  }
  .l-footer__tel .tel__text span {
    text-align: center;
  }
  .l-footer__bottom {
    padding: 2rem 0 8rem;
  }
  .l-footer__bottom .l-footer__wrap {
    width: calc(100% - 2.4rem);
    display: block;
  }
  .l-footer__sitemap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .l-footer__sitemap .sitemap__block {
    display: block;
  }
  .l-footer__sitemap .sitemap__block:not(:first-child) {
    margin-top: 0;
  }
  .l-footer__sitemap .list {
    width: 100%;
    min-height: 14.8rem;
  }
  .l-footer__sitemap .list:not(:first-child) {
    margin-top: 2rem;
  }
  .l-footer__sitemap .list .nav-parent {
    font-size: 1.4rem;
    font-weight: 700;
    transition: 0.3s ease opacity;
  }
  .l-footer__sitemap .list .nav-parent:hover {
    opacity: 0.7;
  }
  .l-footer__sitemap .list .nav-childern {
    margin: 1rem 0 0 1.2rem;
  }
  .l-footer__sitemap .list .nav-childern a {
    font-size: 1rem;
    line-height: 2;
    font-weight: 400;
    display: inline-block;
    position: relative;
  }
  .l-footer__sitemap .list .nav-childern a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    -ms-transform: scale(0, 1);
        transform: scale(0, 1);
    -ms-transform-origin: right top;
        transform-origin: right top;
    transition: transform 0.3s;
  }
  .l-footer__sitemap .list .nav-childern a:hover::after {
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
  .l-footer__contact {
    width: 100%;
    margin-top: 4rem;
  }
  .l-footer__contact .site_name,
  .l-footer__contact .c-address {
    width: 92%;
    margin: 0 auto;
  }
  .l-footer__contact .c-address {
    font-size: 1.2rem;
  }
  .l-footer__contact .sns__list {
    -ms-flex-pack: center;
        justify-content: center;
    gap: 3rem;
  }
  .l-footer__contact .sns__list a {
    width: 2.8rem;
  }
  .l-footer__contact .l-footer__btn {
    font-size: 2rem;
    padding: 1rem 0;
  }
  .l-footer__contact .l-footer__btn:last-of-type {
    margin-top: 1rem;
  }
  .l-footer__contact .l-footer__btn::before {
    margin-right: 2.6rem;
  }
  .l-footer__contact .l-footer__btn.contact::before {
    width: 2.9rem;
    height: 2.4rem;
  }
  .l-footer__contact .l-footer__btn.document::before {
    width: 2.9rem;
    height: 2.4rem;
  }
  .l-footer__contact .l-footer__copy {
    text-align: center;
    margin-top: 1rem;
  }
}
.l-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4rem;
}
.l-container .l-main-contents {
  width: 68%;
  max-width: 750px;
}
.l-container .l-aside-menu {
  width: 32%;
  max-width: 350px;
}

.l-aside-menu .parent__ttl {
  text-align: center;
  width: 100%;
}
.l-aside-menu .parent__ttl a{
  display: block;
  width: 100%;
  background-color: #BE1A25;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  padding: 0.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 6rem;
}
.l-aside-menu .list li a,
.l-aside-menu .list li p {
  display: block;
  width: 100%;
  font-size: 2rem;
  padding: 1rem 1rem 1rem 0.4rem;
  border-bottom: 3px solid #BE1A25;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 6rem;
  transition: 0.3s ease;
}
.l-aside-menu .list li a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url("../img/icon_arrow.svg") no-repeat top right/100%;
  margin-left: 5px;
  transition: 0.3s ease;
}
.l-aside-menu .list li a:hover {
  background-color: rgba(190, 26, 37, 0.26);
}
.l-aside-menu .list li a:hover:after {
  -ms-transform: translateX(3px);
      transform: translateX(3px);
}
.l-aside-menu .list li .sub__menu {
  display: none;
}
.l-aside-menu .list li.active > a {
  background-color: rgba(190, 26, 37, 0.26);
  pointer-events: none;
  font-weight: 700;
}
.l-aside-menu .list li.active > a::after {
  display: none;
}
.l-aside-menu .list li.active .sub__menu {
  display: block;
}
.l-aside-menu .list li.active .sub__menu li a {
  padding-left: 4rem;
}

@media screen and (max-width: 767px) {
  .l-container {
    display: block;
  }
  .l-container .l-main-contents {
    width: 100%;
    max-width: 100%;
  }
  .l-container .l-aside-menu {
    display: none;
  }
}
/* —————————————————
  共通項目
  —————————————————*/
.l-main {
  margin-bottom: 12rem;
}

.l-wrap {
  width: calc(100% - 8rem);
  max-width: 1140px;
  margin: 0 auto;
}

.l-wrap__wide {
  width: calc(100% - 8rem);
  max-width: 1224px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l-main {
    margin-bottom: 4rem;
  }
  .l-wrap {
    width: calc(100% - 2.4rem);
  }
  .l-wrap__wide {
    width: calc(100% - 2.4rem);
  }
}
/* ---  title ---- */
.c-ttl {
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  position: relative;
  padding-left: 3rem;
}
.c-ttl .en {
  font-size: 3.2rem;
  position: relative;
  z-index: 1;
  letter-spacing: 0.05em;
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: italic;
}
.c-ttl .jp {
  font-size: 2rem;
  position: relative;
  z-index: 1;
  letter-spacing: 0.25em;
  line-height: 1;
  margin-right: 0.8rem;
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.c-ttl .bg {
  color: #fff;
  display: inline-block;
  position: relative;
}
.c-ttl .bg::before {
  content: "";
  display: inline-block;
  height: 102%;
  min-width: 6rem;
  background-color: #303030;
  position: absolute;
  top: -2px;
  right: -4px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-ttl {
    padding: 0;
  }
  .c-ttl .en {
    line-height: 0.8;
    font-size: 1.6rem;
  }
  .c-ttl::after {
    left: -3rem;
  }
  .c-ttl .jp {
    font-size: 1.4rem;
  }
  .c-ttl .bg::before {
    min-width: 35px;
  }
}
/* ---  btn ---- */
.c-more {
  text-align: right;
  font-size: 1.4rem;
  margin-top: 2rem;
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
}
.c-more a, .c-more span {
  display: inline-block;
  position: relative;
}
.c-more a::before, .c-more span::before {
  content: "";
  position: absolute;
  left: 0;
  width: calc(100% - 2rem);
  height: 1px;
  background: #303030;
  bottom: 0;
  -ms-transform: scale(0, 1);
      transform: scale(0, 1);
  -ms-transform-origin: right top;
      transform-origin: right top;
  transition: transform 0.3s;
}
.c-more a::after, .c-more span::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url("../img/icon_arrow.svg") no-repeat top right/100%;
  margin-left: 5px;
  transition: 0.3s ease;
}
.c-more a:hover::before {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.c-more a:hover::after {
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}

@media screen and (max-width: 767px) {
  .c-more {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
/* ------ animeation ------ */
.js-fade {
  opacity: 0;
  transition: 1s ease;
}

.js-fade.is-active {
  opacity: 1;
}

.js-fadeUp {
  opacity: 0;
  -ms-transform: translateY(30px);
      transform: translateY(30px);
  transition: 1s ease;
}

.js-fadeUp.is-active {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.js-fadeR {
  opacity: 0;
  -ms-transform: translateX(40px);
      transform: translateX(40px);
  transition: 0.6s cubic-bezier(0, 0.7, 0.22, 1);
}

.js-fadeR.is-active {
  opacity: 1;
  -ms-transform: translateX(0);
      transform: translateX(0);
}

.js-fadeL {
  opacity: 0;
  -ms-transform: translateX(-40px);
      transform: translateX(-40px);
  transition: 0.6s cubic-bezier(0, 0.7, 0.22, 1);
}

.js-fadeL.is-active {
  opacity: 1;
  -ms-transform: translateX(0);
      transform: translateX(0);
}

.js-fadeDown {
  opacity: 0;
  -ms-transform: translateY(-40px);
      transform: translateY(-40px);
  transition: 0.6s cubic-bezier(0, 0.7, 0.22, 1);
}

.js-fadeDown.is-active {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}

/* —————————————————
  トップページ home
  —————————————————*/
/* ----------- main visual -------------- */
.p-mv {
  width: 100%;
  height: 70rem;
  position: relative;
}
.p-mv::before {
  content: "";
  width: calc(100% - 10.8rem);
  height: 100%;
  border-top: 12px solid #BE1A25;
  border-left: 12px solid #BE1A25;
  display: block;
  position: absolute;
  top: -13.3rem;
  left: 0;
  z-index: 1;
}

.p-mv__slide {
  height: 100%;
  padding-left: 6rem;
}
.p-mv__slide .slider__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  height: 100%;
  max-width: 1280px;
}
.p-mv__slide .slider-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.p-mv__slide .p-mv__text {
  width: 100%;
  position: relative;
  z-index: 1;
  color: #fff;
  margin-bottom: 10rem;
}
.p-mv__slide .p-mv__text .p-mv__ttl {
  font-size: 5rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.p-mv__slide .p-mv__text .p-mv__ttl .en {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 5.5rem;
}
.p-mv__slide .p-mv__text .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 2rem;
  max-width: 40rem;
}
.p-mv__slide .p-mv__text .desc .u-bold {
  font-size: 1.7rem;
}
.p-mv__slide .p-mv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.p-mv__slide .p-mv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.p-mv__slide .p-mv__btn {
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  margin-top: 3.2rem;
}
.p-mv__slide .p-mv__btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 50%;
  max-width: 28.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 2rem 1rem;
  transition: 0.3s ease;
}
.p-mv__slide .p-mv__btn a:first-child {
  background-color: #BE1A25;
  color: #fff;
}
.p-mv__slide .p-mv__btn a:first-child:hover {
  background-color: #91141c;
}
.p-mv__slide .p-mv__btn a:last-child {
  background-color: #fff;
}
.p-mv__slide .p-mv__btn a:last-child:hover {
  background-color: #e6e6e6;
}
.p-mv__slide .p-mv__btn.btnLarge {
  gap: 5rem;
}
.p-mv__slide .p-mv__btn.btnLarge .btnColumn {
  width: 62%;
  max-width: 100%;
  font-size: 1.5rem;
}

.p-mv__news {
  width: 46%;
  max-width: 44rem;
  margin: 0 0 0 auto;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
}
.p-mv__news .news__ttl {
  position: relative;
  font-weight: 400;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 1.6rem;
  background-color: #303030;
  color: #fff;
  padding: 2rem 1.4rem;
}
.p-mv__news .news__link {
  font-size: 1.2rem;
  -ms-flex: 1;
      flex: 1;
  letter-spacing: 0.05em;
  transition: 0.3s ease;
}
.p-mv__news .news__link .news__date {
  display: block;
  font-size: 1rem;
  margin-right: 1rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.p-mv__news .news__link .news__txt {
  font-size: 1.2rem;
  font-weight: 700;
}
.p-mv__news .news__link:hover {
  opacity: 0.7;
}

/*---- slider ------*/
.p-mv__slide .slick-num {
  position: absolute;
  bottom: 20px;
  left: 50%;
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.4rem;
  color: #fff;
}

.p-mv__slide.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.p-mv__slide .slick-list,
.p-mv__slide .slick-track {
  height: 100%;
}
.p-mv__slide .slick-dots {
  bottom: 3.2rem;
}
.p-mv__slide .slick-dots li {
  width: 1.2rem;
  height: 1.2rem;
}
.p-mv__slide .slick-dots li button {
  width: 1.2rem;
  height: 1.2rem;
  padding: 0;
}
.p-mv__slide .slick-dots li button:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
  width: 1.2rem;
  height: 1.2rem;
}
.p-mv__slide .slick-dots li.slick-active button:before {
  background-color: #D70246;
  opacity: 1;
}

.add-animation .p-mv__img img {
  animation: zoomOut 8s linear 0s normal both;
}

@keyframes zoomOut {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  .p-mv {
    height: 100%;
    padding-top: 0;
  }
  .p-mv::before {
    display: none;
  }
  .p-mv .l-wrap__wide {
    width: 100%;
  }
  .p-mv__slide {
    height: auto;
    min-height: 40rem;
    padding-top: 6rem;
    padding-left: 0;
  }
  .p-mv__slide .slider__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
    position: relative;
  }
  .p-mv__slide .slider-item {
    height: 100%;
  }
  .p-mv__slide .p-mv__text {
    width: 100%;
    padding: 0 1.2rem;
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
    margin-top: 3rem;
    margin-bottom: 0;
    position: absolute;
    top: 40%;
    left: 0;
  }
  .p-mv__slide .p-mv__text .p-mv__ttl {
    font-size: 2.4rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .p-mv__slide .p-mv__text .p-mv__ttl .en {
    font-size: 3.2rem;
  }
  .p-mv__slide .p-mv__text .desc {
    width: 78%;
    font-size: 1.2rem;
    margin: 0.5rem 0 1rem;
    line-height: 1.5;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  }
  .p-mv__slide .p-mv__text .desc .u-bold {
    font-size: 1.4rem;
  }
  .p-mv__slide .p-mv__img {
    width: 100%;
    height: auto;
    position: static;
  }
  .p-mv__slide .p-mv__img img {
    width: 100%;
    height: auto;
    -o-object-fit: initial;
       object-fit: initial;
  }
  .p-mv__slide .p-mv__btn {
    gap: 1rem;
    margin-top: auto;
    padding: 2rem 1.6rem;
  }
  .p-mv__slide .p-mv__btn a {
    border: 1px solid #D70246;
    font-size: 1.4rem;
    padding: 1.4rem 1rem;
  }
  .p-mv__slide .p-mv__btn.btnLarge {
    gap: 2rem;
  }
  .p-mv__slide .p-mv__btn.btnLarge .btnColumn {
    width: 56%;
    max-width: 100%;
    font-size: 1.4rem;
  }
  .p-mv__slide .p-mv__btn.u-pc {
    display: none;
  }
  .p-mv__news {
    width: 100%;
    position: static;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
  .p-mv__news .news__link {
    padding-right: 1rem;
  }
  .p-mv__news .news__ttl {
    padding: 2rem 1.6rem;
  }
  /* ----- slider ------*/
  .p-mv__slide .slick-dots {
    bottom: 12px;
  }
}
/* ----------- top bnr links-------------- */
.p-top__bnr {
  margin-top: 8rem;
}
.p-top__bnr a {
  transition: 0.3s ease;
}
.p-top__bnr a:hover {
  opacity: 0.7;
}

.p-top__bnr-list {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8rem;
  gap: 2.4rem;
}
.p-top__bnr-list li:nth-child(2) {
  transition-delay: 0.2s;
}
.p-top__bnr-list li:nth-child(3) {
  transition-delay: 0.3s;
}

.p-top__links {
  margin-top: 8rem;
}
.p-top__links .c-fBox {
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}
.p-top__links .links__btn {
  width: 50%;
}
.p-top__links .links__btn:nth-child(2) {
  transition-delay: 0.1s;
}
.p-top__links .links__btn a {
  transition: 0.3s ease;
}
.p-top__links .links__btn a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-top__bnr {
    margin-top: 3.6rem;
  }
  .p-top__bnr.top_bnr2 {
    margin-top: 4rem;
  }
  .p-top__bnr.top_bnr3 {
    margin-top: 2rem;
  }
  .p-top__bnr.top_bnr4 {
    margin-top: 4rem;
  }
  .p-top__links {
    margin-top: 1.6rem;
  }
  .p-top__links .c-fBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.6rem;
  }
  .p-top__links .links__btn {
    width: 100%;
    padding: 0.2rem 0;
  }
  .p-top__bnr-list {
    margin-top: 2rem;
    gap: 0.5rem;
  }
}
/* ----------- home -------------- */
.home-sec {
  margin-top: 8rem;
}
.home-sec .l-wrap,
.home-sec .l-wrap__wide {
  display: -ms-flexbox;
  display: flex;
}
.home-sec .l-wrap.reverse,
.home-sec .l-wrap__wide.reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.home-sec .c-container {
  -ms-flex: 1;
      flex: 1;
}

.home-sec .c-btn {
  margin: 0 auto;
  padding-bottom: 1rem;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  transition: 0.3s ease;
  display: inline-block;
  border-bottom: 1px solid #303030;
}
.home-sec .c-btn::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  -webkit-mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
          mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
  background-color: #303030;
  margin-left: 4px;
  transition: 0.3s ease;
}
.home-sec .c-btn:hover {
  opacity: 0.7;
}
.home-sec .c-btn:hover::after {
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}

@media screen and (max-width: 767px) {
  .home-sec {
    margin-top: 2rem;
  }
  .home-sec .c-container {
    -ms-flex: 1;
        flex: 1;
  }
  .home-sec .c-btn {
    min-height: 4.4rem;
    padding: 0.7rem;
    font-size: 1.4rem;
    text-align: center;
  }
}
/* ----------- top oc -------------- */
.p-top-oc {
  margin-top: 10rem;
  background: url("../img/oc_bg.jpg") no-repeat top left/cover;
  padding: 4.8rem 0;
}
.p-top-oc .l-wrap__wide {
  gap: 6rem;
}

.p-top-oc .c-event__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem 2.4rem;
}
.p-top-oc .c-event__list .c-event__item {
  width: calc(25% - 1.8rem);
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-01 .c-event__category {
  background-color: #c64832;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-02 .c-event__category {
  background-color: #04b19d;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-03 .c-event__category {
  background-color: #FF0000;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-04 .c-event__category {
  background-color: #0899c2;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-05 .c-event__category {
  background-color: #c64832;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-06 .c-event__category {
  background-color: #c64832;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-07 .c-event__category {
  background-color: #c64832;
}
.p-top-oc .c-event__list .c-event__item.opencampus-article--color-08 .c-event__category {
  background-color: #0899c2;
}
.p-top-oc .c-event__list .c-event__img {
  position: relative;
  margin-bottom: 10px;
}
.p-top-oc .c-event__list .c-event__img img {
  width: 100%;
  aspect-ratio: 242/150;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-oc .c-event__list .c-event__category {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 90px;
  color: #fff;
  text-align: center;
  padding: 4px;
  font-weight: 700;
  font-size: 1.2rem;
}
.p-top-oc .c-event__list .c-event__date {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2;
  color: #BE1A25;
}
.p-top-oc .c-event__list .c-event__time {
  font-size: 1.4rem;
  line-height: 2;
}
.p-top-oc .c-event__list .c-event__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .p-top-oc {
    margin-top: 6rem;
    padding: 4rem 0;
  }
  .p-top-oc .l-wrap__wide {
    gap: 2rem;
  }
  .p-top-oc .c-event__list {
    gap: 4rem;
  }
  .p-top-oc .c-event__list .c-event__item {
    width: 100%;
  }
  .p-top-oc .c-event__list .c-event__category {
    min-width: 76px;
    font-size: 1rem;
  }
  .p-top-oc .c-event__list .c-event__date {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .p-top-oc .c-event__list .c-event__time {
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .p-top-oc .c-event__list .c-event__ttl {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
/* ----------- top news -------------- */
.p-top-news {
  margin-top: 10rem;
}
.p-top-news .l-wrap {
  max-width: 1016px;
  gap: 6rem;
}

/* --- news list --- */
.p-top-news .c-news__item {
  display: block;
  width: 100%;
  border-bottom: 1px solid #303030;
}
.p-top-news .c-news__item:not(:last-child) {
  margin-bottom: 1.6rem;
}
.p-top-news .c-news__item a {
  display: block;
  padding: 0 0 1.6rem 0.8rem;
  transition: 0.3s ease;
}
.p-top-news .c-news__item a:hover {
  opacity: 0.7;
}
.p-top-news .c-news__item .c-news__date {
  font-size: 1.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.p-top-news .c-news__item .c-news__ttl {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 0.5rem;
  letter-spacing: 0.05em;
}
.p-top-news .c-news__item .c-news__category {
  background-color: #BE1A25;
  color: #fff;
  font-size: 1rem;
  padding: 2px;
  margin-left: 2rem;
}

@media screen and (max-width: 767px) {
  .p-top-news {
    margin-top: 5rem;
  }
  .p-top-news .l-wrap {
    gap: 2rem;
  }
  .p-top-news .c-news__item:not(:last-child) {
    margin-bottom: 0.8rem;
  }
  .p-top-news .c-news__item a {
    padding-bottom: 1.6rem;
    padding: 0 0 0.8rem 0.8rem;
  }
  .p-top-news .c-news__item .c-news__date {
    font-size: 1.4rem;
  }
  .p-top-news .c-news__item .c-news__ttl {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
  .p-top-news .c-news__item .c-news__category {
    font-size: 1rem;
    padding: 2px;
    margin-left: 0.8rem;
  }
}
/* ----------- top event -------------- */
.p-top-event {
  margin-top: 8rem;
}
.p-top-event .l-wrap {
  max-width: 1030px;
  gap: 5rem;
}

.p-top-event__list {
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.p-top-event__list .p-top-event__item {
  width: 33.3333333333%;
}
.p-top-event__list .p-top-event__item a {
  transition: 0.3s ease;
}
.p-top-event__list .p-top-event__item a:hover {
  opacity: 0.7;
}
.p-top-event__list .p-top-event__item:first-child {
  transition-delay: 0.1s;
}
.p-top-event__list .p-top-event__item:nth-child(2) {
  transition-delay: 0.2s;
}
.p-top-event__list .p-top-event__item:nth-child(3) {
  transition-delay: 0.3s;
}

@media screen and (max-width: 767px) {
  .p-top-event {
    margin-top: 4.5rem;
  }
  .p-top-event .l-wrap {
    gap: 2.4rem;
  }
  .p-top-event__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 1.6rem;
    margin-top: 0;
  }
  .p-top-event__list .p-top-event__item {
    width: 100%;
  }
}
/* ----------- top feature -------------- */
.p-top-feature {
  margin-top: 9rem;
  padding: 8rem 0;
  position: relative;
}
.p-top-feature::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/bg_feature.jpg") no-repeat top left/cover;
  position: absolute;
  top: 0;
  left: -10rem;
  z-index: -1;
}
.p-top-feature .l-wrap__wide {
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  width: 100%;
  max-width: 100%;
  padding-left: 11.2vw;
}
.p-top-feature .c-ttl {
  width: 8%;
}
.p-top-feature .c-container {
  margin-top: 0;
  width: 92%;
}
.p-top-feature .desc {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
}
.p-top-feature .desc:not(:last-of-type) {
  margin-bottom: 4rem;
}
.p-top-feature .c-btn {
  margin-top: 3.2rem;
}
/* .p-top-feature .p-top-feature__block {
  position: relative;
  padding-left: 6.6rem;
  margin-bottom: 2px;
  height: 22.36vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
} */
/* .p-top-feature .p-top-feature__block .feature__img {
  width: 81.25vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-top-feature .p-top-feature__block .feature__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-feature .p-top-feature__block .feature__text {
  width: 100%;
}
.p-top-feature .p-top-feature__block .ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: #fff;
  margin-bottom: 1.6rem;
  line-height: 2;
}
.p-top-feature .p-top-feature__block .list {
  width: 88%;
}
.p-top-feature .p-top-feature__block .list li {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.05em;
} */

.p-top-feature .p-top-feature__block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #F2F2F2;
}

.p-top-feature .p-top-feature__block .feature__img {
  width: 58%;
  height: 100%;
}

.p-top-feature .p-top-feature__block .feature__text {
  width: 52%;
  position: absolute;
  padding: 2rem 3rem;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-top-feature .p-top-feature__block .ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  line-height: 1.5;
}

.p-top-feature .p-top-feature__block .list {
  width: 88%;
}

.p-top-feature .p-top-feature__block .list li {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.p-top-feature .p-top-feature__block:nth-child(even) {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.p-top-feature .p-top-feature__block:nth-child(even) .feature__text {
  right: 42%;
}

@media screen and (max-width: 767px) {
  .p-top-feature {
    margin-top: 4rem;
    padding: 4rem 0 2rem;
  }
  .p-top-feature::before {
    content: "";
    left: -2rem;
  }
  .p-top-feature .l-wrap__wide {
    gap: 2rem;
    width: calc(100% - 20px);
    margin: 0 0 0 auto;
    padding-left: 0;
  }
  .p-top-feature .c-ttl {
    width: auto;
  }
  .p-top-feature .c-container {
    margin-top: 0;
    width: 92%;
  }
  .p-top-feature .desc {
    font-size: 1.8rem;
  }
  .p-top-feature .desc:not(:last-of-type) {
    margin-bottom: 3.5rem;
  }
  .p-top-feature .c-btn {
    margin-top: 2rem;
    text-align: left;
  }
  .p-top-feature .desc {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
  }
  .p-top-feature .desc:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  .p-top-feature .c-btn {
    margin-top: 3.2rem;
  }
  /* .p-top-feature .p-top-feature__block {
    position: relative;
    margin-bottom: 2px;
    padding-left: 0;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .p-top-feature .p-top-feature__block .feature__img {
    width: calc(100% + 1.2rem);
    height: auto;
    position: static;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .p-top-feature .p-top-feature__block .feature__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-top-feature .p-top-feature__block .feature__text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.6rem;
  }
  .p-top-feature .p-top-feature__block .ttl {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
  }
  .p-top-feature .p-top-feature__block .list {
    width: 100%;
  }
  .p-top-feature .p-top-feature__block .list li {
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
  } */
  .p-top-feature .p-top-feature__block {
    position: relative;
    margin-bottom: 2px;
    padding-left: 0;
    height: auto;
    display: block;
    min-height: 26rem;
    overflow: hidden;
  }

  .p-top-feature .p-top-feature__block .feature__img {
    width: calc(100% + 1.2rem);
    height: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .p-top-feature .p-top-feature__block .feature__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-top-feature .p-top-feature__block .feature__text {
    width: 100%;
    position: static;
    -ms-transform: none;
    transform: none;
    padding: 3.6rem 1.4rem 2rem;
  }

  .p-top-feature .p-top-feature__block .ttl {
    font-size: 1.8rem;
    color: #fff;
  }

  .p-top-feature .p-top-feature__block .list {
    width: 100%;
  }

  .p-top-feature .p-top-feature__block .list li {
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
}
/* ----------- top faculty -------------- */
.p-top-faculty {
  margin-top: 8rem;
}
.p-top-faculty .l-wrap__wide {
  gap: 2rem;
  padding-left: 9.6rem;
}
.p-top-faculty .c-container .c-lead {
  padding-left: 6rem;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  width: 96%;
  margin: 0 auto 8rem;
}
.p-top-faculty .c-faculty__block {
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}
.p-top-faculty .c-faculty__block:first-of-type .c-faculty__ttl {
  font-size: 1.6rem;
}
.p-top-faculty .c-faculty__block:not(:last-child) {
  margin-bottom: 8rem;
}
.p-top-faculty .c-faculty__block .item__img {
  width: 43%;
  max-width: 39.4rem;
  position: relative;
}
.p-top-faculty .c-faculty__block .item__text {
  width: 57%;
  margin-top: 1rem;
}
.p-top-faculty .c-faculty__block .item__text .desc {
  font-size: 1.5rem;
  line-height: 2;
}
.p-top-faculty .c-faculty__block .item__text .c-more {
  margin-top: 3rem;
}
.p-top-faculty .c-faculty__block .c-faculty__ttl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(34, 34, 34, 0.8);
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  padding: 2.4rem 0;
  text-align: center;
  letter-spacing: 0.05em;
}
.p-top-faculty .c-faculty__block .c-faculty__ttl-sub {
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 3px solid #BE1A25;
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
  font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 767px) {
  .p-top-faculty {
    margin-top: 4rem;
  }
  .p-top-faculty .l-wrap__wide {
    padding-left: 0;
    gap: 3.8rem;
  }
  .p-top-faculty .c-container {
    margin-top: 0;
  }
  .p-top-faculty .c-container .c-lead {
    padding-left: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 2rem;
  }
  .p-top-faculty .c-faculty__block {
    display: block;
  }
  .p-top-faculty .c-faculty__block:first-of-type .c-faculty__ttl {
    font-size: 1.2rem;
  }
  .p-top-faculty .c-faculty__block:not(:last-child) {
    margin-bottom: 2rem;
  }
  .p-top-faculty .c-faculty__block .item__img {
    width: 100%;
    max-width: 39.4rem;
  }
  .p-top-faculty .c-faculty__block .item__text {
    width: 100%;
    margin-top: 1rem;
  }
  .p-top-faculty .c-faculty__block .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-right: 0;
  }
  .p-top-faculty .c-faculty__block .item__text .c-more {
    font-size: 1.2rem;
    margin-top: 1rem;
  }
  .p-top-faculty .c-faculty__block .c-faculty__ttl {
    font-size: 1.2rem;
    padding: 0.4rem;
  }
  .p-top-faculty .c-faculty__block .c-faculty__ttl-sub {
    font-size: 1.4rem;
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    letter-spacing: 0.03em;
  }
}
/* ----------- top graduates -------------- */
.p-top-graduates {
  padding: 8rem 0;
  position: relative;
}
.p-top-graduates::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/bg_graduates.jpg") no-repeat top left/cover;
  position: absolute;
  top: 0;
  left: -10rem;
  z-index: -1;
}
.p-top-graduates .l-wrap__wide {
  gap: 14.5rem;
}
.p-top-graduates .c-ttl {
  color: #fff;
}
.p-top-graduates .c-ttl .bg {
  color: #303030;
}
.p-top-graduates .c-ttl .bg::before {
  background-color: #fff;
}
.p-top-graduates .c-graduates__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 7.2rem 1.6rem;
  padding-right: 10rem;
}
.p-top-graduates .c-graduates__list .c-graduates__item {
  width: calc(33.3333333333% - 1.1rem);
}
.p-top-graduates .c-graduates__list .c-graduates__item:hover .item__img img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.p-top-graduates .c-graduates__list .c-graduates__item:hover p {
  opacity: 0.7;
}
.p-top-graduates .c-graduates__list .item__img {
  overflow: hidden;
}
.p-top-graduates .c-graduates__list .item__img img {
  aspect-ratio: 280/180;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s ease;
}
.p-top-graduates .c-graduates__list .name {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 1.6rem;
  transition: 0.3s ease;
  color: #fff;
}
.p-top-graduates .c-graduates__list .company {
  font-size: 1.6rem;
  margin-top: 0.8rem;
  transition: 0.3s ease;
  color: #fff;
}
.p-top-graduates .c-graduates__list .company span {
  display: block;
}
.p-top-graduates .c-btn {
  margin-top: 8rem;
  color: #fff;
  border-bottom-color: #fff;
}
.p-top-graduates .c-btn::after {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .p-top-graduates {
    margin-top: 4rem;
    padding: 4rem 0 2rem;
  }
  .p-top-graduates::before {
    content: "";
    left: -2rem;
  }
  .p-top-graduates .l-wrap__wide {
    gap: 2rem;
  }
  .p-top-graduates .c-graduates__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 2rem;
    padding-right: 0;
  }
  .p-top-graduates .c-graduates__list .c-graduates__item {
    width: 100%;
  }
  .p-top-graduates .c-graduates__list .name {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
  .p-top-graduates .c-graduates__list .company {
    font-size: 1.4rem;
    margin-top: 0.4rem;
  }
  .p-top-graduates .c-btn {
    margin-top: 2rem;
  }
}
/* ----------- brn area -------------- */
.p-top__bnrArea {
  margin-top: 8rem;
}
.p-top__bnrArea .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4.8rem 5.8rem;
}
.p-top__bnrArea .list li {
  width: calc(25% - 4.35rem);
}
.p-top__bnrArea .list li a {
  transition: 0.3s ease;
}
.p-top__bnrArea .list li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-top__bnrArea {
    margin-top: 2rem;
  }
  .p-top__bnrArea .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.8rem;
  }
  .p-top__bnrArea .list li {
    width: calc(50% - 0.5rem);
  }
}
/* —————————————————
  下層ページ 共通項目
  —————————————————*/
.l-main {
  margin-bottom: 8rem;
}

.c-heading {
  background: url("../img/page_ttl_bg.png") no-repeat center/cover;
  height: 24rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 8rem;
}
.c-heading .c-page__ttl {
  font-size: 5rem;
  font-weight: 500;
  color: #fff;
}
.c-heading .c-heading__text .desc {
  color: #fff;
}

.c-heading-index {
  margin-bottom: 4rem;
  height: auto;
  -ms-flex-align: start;
      align-items: flex-start;
}
.c-heading-index .l-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.c-heading-index .c-heading__text {
  width: 42%;
  padding-top: 8rem;
}
.c-heading-index .c-heading__text .desc {
  font-size: 1.6rem;
  line-height: 2;
  color: #fff;
  margin-top: 2rem;
}
.c-heading-index .c-heading__img {
  width: 50.8vw;
  height: 100%;
  opacity: 0.7;
  margin-right: calc(50% - 50vw);
}
.c-heading-index .c-heading__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-ttl__circle {
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  font-size: 2rem;
  margin-bottom: 3.8rem;
}
.c-ttl__circle span {
  position: relative;
  display: inline-block;
}
.c-ttl__circle::before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #BE1A25;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: -5.4rem;
  z-index: 0;
}

.c-index__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4.2rem;
}
.c-index__menu .menu__item {
  width: calc(33.3333333333% - 2.8rem);
  max-width: 350px;
}
.c-index__menu .menu__item a {
  display: block;
  width: 100%;
  transition: 0.3s ease;
}
.c-index__menu .menu__item a:hover {
  opacity: 0.8;
}
.c-index__menu .menu__item a:hover .c-more span::before {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.c-index__menu .menu__item a:hover .c-more span::after {
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}
.c-index__menu .menu__item .item__img img {
  aspect-ratio: 350/212;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-index__menu .c-menu__ttl {
  background-color: #BE1A25;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  padding: 0.6rem 0;
  text-align: center;
  letter-spacing: 0.05em;
}
.c-index__menu .c-menu__ttl.has-en {
  padding: 0;
}
.c-index__menu .c-menu__ttl.has-en .jp {
  display: block;
  padding: 0.6rem 0;
}
.c-index__menu .c-menu__ttl.has-en .en {
  background-color: #fff;
  border-bottom: 3px solid #BE1A25;
  color: #000000;
  font-weight: 400;
  line-height: 2;
  display: block;
  padding: 0.8rem 0;
  font-size: 1.4rem;
}
.c-index__menu .c-menu__ttl.c-border {
  background: none;
  border-bottom: 3px solid #BE1A25;
  font-size: 1.4rem;
  color: #000;
  font-weight: 400;
}
.c-index__menu .desc {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 0.8rem;
}
.c-index__menu .c-more {
  margin-top: 0.4rem;
}
.c-index__menu.menu-2 {
  gap: 4rem;
}
.c-index__menu.menu-2 .menu__item {
  width: calc(50% - 2rem);
  max-width: 100%;
}
.c-index__menu.menu-2 .menu__item .item__img img {
  aspect-ratio: 550/245;
}

.c-index-list__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
.c-index-list__links li {
  width: calc(25% - 1.5rem);
}
.c-index-list__links li a {
  font-size: 2rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4px;
  border: 1px solid #BE1A25;
  color: #fff;
  background-color: #BE1A25;
  padding: 1.6rem;
  margin-top: 2rem;
  transition: 0.3s ease;
  width: 100%;
  position: relative;
  margin: 0;
}
.c-index-list__links li a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  -webkit-mask-image: url("../img/icon_arrow.svg");
          mask-image: url("../img/icon_arrow.svg");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 2rem;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.c-index-list__links li a:hover {
  background-color: #fff;
  color: #BE1A25;
}
.c-index-list__links li a:hover::after {
  background-color: #BE1A25;
}
.c-index-list__links.wide li {
  width: 50%;
  max-width: 350px;
}

.c-links-ttl {
  font-weight: 700;
  font-size: 2rem;
  margin: 2rem 0;
}

.c-ttl__border {
  border-bottom: 3px solid #BE1A25;
  font-size: 1.8rem;
  padding-bottom: 1rem;
  margin-bottom: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.c-index__link:not(:last-child) {
  margin-bottom: 8rem;
}
.c-index__link a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 3.6rem;
}
.c-index__link a .item__img {
  width: 50.2%;
  transition: 0.3s ease;
}
.c-index__link a .item__text {
  width: 47.5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 0.8rem;
}
.c-index__link a .item__text .c-more {
  margin-top: auto;
}
.c-index__link a .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}
.c-index__link a:hover .item__img {
  opacity: 0.8;
}
.c-index__link a:hover .c-more span::before {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.c-index__link a:hover .c-more span::after {
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}

.c-page-index:not(:last-child) {
  margin-bottom: 6rem;
}

.c-ttl__box {
  font-size: 2rem;
  font-weight: 700;
  background-color: #BE1A25;
  padding: 0.6rem 1.2rem;
  margin-bottom: 1.2rem;
  color: #fff;
}

.c-num {
  color: #BE1A25;
  font-family: "Impact", sans-serif;
  font-size: 4rem;
}

.u-under {
  text-decoration: underline;
}

.u-bold {
  font-weight: 700;
}

.u-border {
  border-bottom: 3px solid #BE1A25;
  padding-bottom: 0.8rem;
}

@media screen and (max-width: 992px) {
  .l-main {
    padding-top: 12rem;
  }
  body.home .l-main {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-main {
    margin-bottom: 4rem;
    padding-top: 6rem;
  }
  body.home .l-main {
    margin-bottom: 4rem;
    padding-top: 0;
  }
  .c-heading {
    height: 11.1rem;
    margin-bottom: 2rem;
  }
  .c-heading-index {
    background-image: url("../img/page_ttl_bg_sp.png");
    margin-bottom: 1.6rem;
    position: relative;
    min-height: 36.8rem;
  }
  .c-heading-index .c-heading__text {
    width: 63%;
    padding-top: 2rem;
    padding-left: 1rem;
    position: relative;
    z-index: 1;
  }
  .c-heading-index .c-heading__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: justify;
  }
  .c-heading-index .c-heading__img {
    width: 44%;
    height: 100%;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  .c-heading .c-page__ttl {
    font-size: 2.4rem;
  }
  .c-ttl__circle {
    margin-bottom: 3rem;
    padding-left: 2.2rem;
  }
  .c-ttl__circle::before {
    left: -3.2rem;
  }
  .c-index__menu {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 2rem;
  }
  .c-index__menu .menu__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .c-index__menu .item__img img {
    width: 100%;
  }
  .c-index__menu .desc {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 0.8rem;
  }
  .c-index__menu .c-more {
    margin-top: 1rem;
  }
  .c-index__menu.menu-2 .menu__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .c-ttl__border {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  .c-index__link:not(:last-child) {
    margin-bottom: 4rem;
  }
  .c-index__link a {
    display: block;
  }
  .c-index__link a .item__img {
    width: 100%;
  }
  .c-index__link a .item__text {
    width: 100%;
    padding-top: 1.6rem;
  }
  .c-index__link a .item__text .c-more {
    margin-top: 1rem;
  }
  .c-index__link a .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .c-page-index:not(:last-child) {
    margin-bottom: 4rem;
  }
  .c-index-list__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    width: calc(100% - 10rem);
    margin: 0 auto;
  }
  .c-index-list__links li {
    width: 100%;
  }
  .c-index-list__links li a {
    font-size: 2rem;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 4px;
    border: 1px solid #BE1A25;
    color: #fff;
    background-color: #BE1A25;
    padding: 1.6rem;
    margin-top: 2rem;
    transition: 0.3s ease;
    width: 100%;
    position: relative;
    margin: 0;
  }
  .c-index-list__links li a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 10px;
    -webkit-mask-image: url("../img/icon_arrow.svg");
            mask-image: url("../img/icon_arrow.svg");
    -webkit-mask-size: 100%;
            mask-size: 100%;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 2rem;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .c-index-list__links li a:hover {
    background-color: #fff;
    color: #BE1A25;
  }
  .c-index-list__links li a:hover::after {
    background-color: #BE1A25;
  }
  .c-index-list__links.wide li {
    width: 100%;
    max-width: 350px;
  }
  .c-links-ttl {
    margin: 3rem 0 3rem 1rem;
  }
}
/* —————————————————
  about index
  —————————————————*/
.c-message__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4.8rem;
}
.c-message__menu .menu__item {
  width: calc(33.3333333333% - 3.2rem);
  max-width: 348px;
}
.c-message__menu .menu__item a {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  transition: 0.3s ease;
}
.c-message__menu .menu__item a:hover {
  opacity: 0.7;
}
.c-message__menu .menu__item .item__img {
  width: 61%;
}
.c-message__menu .menu__item .item__text {
  width: 39%;
  padding: 2rem;
  position: relative;
}
.c-message__menu .menu__item .item__text::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  -webkit-mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
          mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
  background-color: #fff;
  margin-left: 4px;
  transition: 0.3s ease;
  position: absolute;
  right: 14px;
  bottom: 10px;
}
.c-message__menu .menu__item .message__name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  height: 100%;
}
.c-message__menu .menu__item .message__name .en {
  font-size: 3.2rem;
  display: block;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  padding-bottom: 4px;
  margin-bottom: 4px;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  color: #fff;
}
.c-message__menu .menu__item .message__name .jp {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.25em;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
.c-message__menu .menu__item .message__ttl {
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 1.6rem;
}
.c-message__menu .menu__item.chairman .item__text {
  background-color: #BE1A25;
}
.c-message__menu .menu__item.principal .item__text {
  background-color: #FC9A15;
}
.c-message__menu .menu__item.teacher .item__text {
  background-color: #0C88C8;
}

.p-about-index.index-message {
  margin-bottom: 8rem;
}

.p-about-bnr {
  margin-bottom: 8rem;
}
.p-about-bnr a {
  transition: 0.3s ease;
}
.p-about-bnr a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .c-message__menu {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 2.4rem;
  }
  .c-message__menu .menu__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .c-message__menu .menu__item .item__img {
    width: 61%;
  }
  .c-message__menu .menu__item .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-about-index.index-message {
    margin-bottom: 4rem;
  }
  .p-about-bnr {
    margin-bottom: 6rem;
  }
}
/* ——————————————————————————————————
  about system
  ——————————————————————————————————*/
.l-main-contents section:not(:last-child) {
  margin-bottom: 8rem;
}
.l-main-contents .c-lead {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 1rem;
}
.l-main-contents .c-lead:last-of-type {
  margin-bottom: 2rem;
}

.p-system__block:nth-of-type(even) .c-fBox {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.p-system__block:not(:last-child) {
  margin-bottom: 10rem;
}
.p-system__block .c-fBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 4rem;
}
.p-system__block .c-fBox .item__img {
  width: 40%;
  position: relative;
}
.p-system__block .c-fBox .item__img .c-num {
  margin-bottom: 3rem;
}
.p-system__block .c-fBox .item__text {
  width: 53%;
  padding-top: 3rem;
}
.p-system__block .c-fBox .item__text .ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}
.p-system__block .c-fBox .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}
.p-system__block.block1 {
  margin-bottom: 12rem;
}
.p-system__block.block2 .c-fBox {
  margin-bottom: 10rem;
}
.p-system__block.block2 .c-fBox .item__img {
  position: relative;
}
.p-system__block.block2 .c-fBox .item__img .c-num {
  position: relative;
  z-index: 1;
  left: -3rem;
  top: -1.5rem;
}
.p-system__block.block2 .c-fBox .item__img figure {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.p-system__block.block2 .c-fBox .item__text {
  padding-top: 2rem;
}
.p-system__block.block3 .c-fBox .item__img figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-transform: translateY(-6rem);
      transform: translateY(-6rem);
}
.p-system__block.block3 .grader {
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.8rem;
}
.p-system__block.block3 .p-system__list {
  max-width: 676px;
  margin: 0 auto;
}
.p-system__block.block3 .p-system__list:not(:last-child) {
  margin-bottom: 4rem;
}
.p-system__block.block3 .p-system__list .ttl {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.p-system__block.block3 .p-system__list .desc {
  text-align: center;
}

.p-system__list {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-system__list .item {
  -ms-flex: 1;
      flex: 1;
}
.p-system__list .ttl {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 0.6rem;
}
.p-system__list .desc {
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-system__list .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-system__list .list li {
  position: relative;
  font-size: 1.2rem;
  width: 50%;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.p-system__list .list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 10px;
  height: 5px;
  border-left: 2px solid #BE1A25;
  border-bottom: 2px solid #BE1A25;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .l-main-contents section:not(:last-child) {
    margin-bottom: 2rem;
  }
  .l-main-contents .c-lead {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .l-main-contents .c-lead.u-bold {
    margin-top: 2rem;
  }
  .p-system__block:not(:last-child) {
    margin-bottom: 6rem;
  }
  .p-system__block .c-fBox {
    display: block;
  }
  .p-system__block .c-fBox .item__img {
    width: 100%;
    position: relative;
  }
  .p-system__block .c-fBox .item__img figure {
    width: 90%;
  }
  .p-system__block .c-fBox .item__img .c-num {
    margin-bottom: 3rem;
  }
  .p-system__block .c-fBox .item__text {
    width: 100%;
    padding-top: 1.2rem;
  }
  .p-system__block .c-fBox .item__text .ttl {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
  }
  .p-system__block .c-fBox .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-system__block.block1 {
    margin-bottom: 6rem;
  }
  .p-system__block.block2 .c-fBox {
    margin-bottom: 3rem;
  }
  .p-system__block.block2 .c-fBox .item__img .c-num {
    left: 0;
    top: 0;
    margin-bottom: 0;
  }
  .p-system__block.block2 .c-fBox .item__img figure {
    position: static;
    -ms-transform: none;
        transform: none;
    margin-top: -10rem;
  }
  .p-system__block.block2 .c-fBox .item__text {
    padding-top: 2rem;
  }
  .p-system__block.block3 .c-fBox {
    margin-bottom: 4.6rem;
  }
  .p-system__block.block3 .c-fBox .item__img figure {
    width: 80%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-transform: translateY(0);
        transform: translateY(0);
    margin-top: -6rem;
    margin-bottom: 2.6rem;
  }
  .p-system__block.block3 .c-fBox .item__img figure img {
    width: 100%;
  }
  .p-system__block.block3 .grader {
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .p-system__block.block3 .p-system__list {
    width: 94%;
    max-width: 676px;
    margin: 0 auto;
    gap: 1rem;
  }
  .p-system__block.block3 .p-system__list .item {
    width: 100%;
  }
  .p-system__block.block3 .p-system__list:not(:last-child) {
    margin-bottom: 6rem;
  }
  .p-system__block.block3 .p-system__list .ttl {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .p-system__block.block3 .p-system__list:last-child {
    width: 60%;
  }
  .p-system__list {
    display: -ms-flexbox;
    display: flex;
    gap: 2.8rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-system__list .item {
    -ms-flex: auto;
        flex: auto;
    width: calc(50% - 2.8rem);
  }
}
/* ——————————————————————————————————
  about shop
  ——————————————————————————————————*/
.p-about__info {
  border: 3px solid #BE1A25;
  padding: 1.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 4rem;
}
.p-about__info .item__img {
  width: 46%;
}
.p-about__info .item__text {
  width: 52%;
}
.p-about__info .item__text .info__ttl {
  color: #BE1A25;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 1.2rem;
  font-weight: 700;
}
.p-about__info .item__text dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.p-about__info .item__text dl dt {
  font-weight: 700;
  font-size: 1.6rem;
  width: 90px;
}
.p-about__info .item__text dl dd {
  font-size: 1.6rem;
  width: calc(100% - 90px);
  line-height: 2;
}

.p-about__gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}
.p-about__gallery li {
  width: calc(25% - 2.25rem);
}

.p-shop__flow {
  margin-top: 6rem;
}
.p-shop__flow .flow__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  margin-bottom: 8rem;
}
.p-shop__flow .flow__item .item__img {
  width: 44%;
  position: relative;
}
.p-shop__flow .flow__item .item__img .c-num {
  position: absolute;
  top: -2.6rem;
  left: 0;
}
.p-shop__flow .flow__item .item__text {
  width: 53%;
}
.p-shop__flow .flow__item .item__text .flow__ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.p-shop__flow .flow__item .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}

.p-students__message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.p-students__message .item__text {
  position: relative;
  background-color: rgba(190, 26, 37, 0.26);
  padding: 2rem;
  width: 74%;
}
.p-students__message .item__text .c-ttl__border {
  text-align: center;
  font-size: 1.6rem;
}
.p-students__message .item__text::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 33px solid rgba(190, 26, 37, 0.26);
  border-right: 0;
  position: absolute;
  top: 2rem;
  right: -3.3rem;
}
.p-students__message .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}
.p-students__message .item__text .desc:not(:last-child) {
  margin-bottom: 1.8rem;
}
.p-students__message .item__img {
  width: 24%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.p-students__message .item__img .couse {
  font-size: 1rem;
}
.p-students__message .item__img .name {
  font-size: 1.6rem;
}

.p-about-show .p-shop__flow .flow__item:last-child {
  margin-bottom: 4rem;
}
.p-about-show .other__lesson {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  margin-bottom: 8rem;
}
.p-about-show .other__lesson .item__img {
  width: 44%;
  position: relative;
}
.p-about-show .other__lesson .item__text {
  width: 53%;
}
.p-about-show .other__lesson .item__text .ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.p-about-show .other__lesson .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .p-about__info {
    display: block;
    margin-bottom: 2rem;
  }
  .p-about__info .item__img {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .p-about__info .item__text {
    width: 100%;
  }
  .p-about__info .item__text .info__ttl {
    line-height: 1.4;
  }
  .p-about__info .item__text dl dd {
    line-height: 1.5;
  }
  .p-about__gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.2rem;
    padding: 0 1.2rem;
  }
  .p-about__gallery li {
    width: calc(50% - 0.6rem);
  }
  .p-shop__flow {
    margin-top: 6rem;
  }
  .p-shop__flow .flow__item {
    display: block;
    margin-bottom: 4rem;
  }
  .p-shop__flow .flow__item .item__img {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .p-shop__flow .flow__item .item__text {
    width: 100%;
  }
  .p-shop__flow .flow__item .item__text .flow__ttl {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .p-shop__flow .flow__item .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-students__message {
    display: block;
    background-color: rgba(190, 26, 37, 0.26);
    padding: 2rem 0;
  }
  .p-students__message .item__text {
    position: relative;
    padding: 0;
    width: 100%;
    background: none;
  }
  .p-students__message .item__text .c-ttl__border {
    font-size: 1.4rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .p-students__message .item__text::before {
    display: none;
  }
  .p-students__message .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0 2rem;
  }
  .p-students__message .item__img {
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 2rem;
    margin-top: 1rem;
  }
  .p-students__message .item__img img {
    width: 9.2rem;
  }
  .p-students__message .item__img .profile {
    margin-top: -3rem;
  }
  .p-students__message .item__img .couse {
    font-size: 1rem;
  }
  .p-students__message .item__img .name {
    font-size: 1.6rem;
  }
  .p-about-show .other__lesson {
    display: block;
    margin-bottom: 4rem;
  }
  .p-about-show .other__lesson .item__img {
    width: 100%;
    position: relative;
  }
  .p-about-show .other__lesson .item__text {
    width: 100%;
  }
  .p-about-show .other__lesson .item__text .ttl {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .p-about-show .other__lesson .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* ——————————————————————————————————
  about message
  ——————————————————————————————————*/
.l-main-contents .p-about-message:not(:last-child) {
  margin-bottom: 4rem;
}

.p-message__block {
  clear: both;
}
.p-message__block .message__ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}
.p-message__block .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-message__block .message__profile {
  float: right;
  width: 22rem;
  margin: 1rem 0 0 2rem;
}
.p-message__block .message__profile p {
  font-weight: 700;
  -moz-text-align-last: center;
       text-align-last: center;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.p-message__block .message__profile p.name {
  font-size: 1.8rem;
  margin-top: 0.6rem;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.p-message__teacher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem 4.2rem;
}
.p-message__teacher .teacher__item {
  width: calc(33.3333333333% - 2.8rem);
}
.p-message__teacher .message__profile {
  margin-bottom: 0.8rem;
}
.p-message__teacher .message__profile p {
  font-weight: 700;
  -moz-text-align-last: center;
       text-align-last: center;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.p-message__teacher .message__profile p.name {
  font-size: 1.8rem;
  margin-top: 0.6rem;
}
.p-message__teacher .desc {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .l-main-contents .p-about-message:not(:last-child) {
    margin-bottom: 4rem;
  }
  .p-message__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-align: center;
        align-items: center;
  }
  .p-message__block .message__ttl {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0.8rem;
  }
  .p-message__block .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-message__block .message__profile {
    float: none;
    width: 22rem;
    max-width: 100%;
    margin: 2rem 0 0;
  }
  .p-message__teacher {
    gap: 1.2rem;
  }
  .p-message__teacher .teacher__item {
    width: calc(50% - 0.6rem);
  }
  .p-message__teacher .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* ——————————————————————————————————
  about history
  ——————————————————————————————————*/
.p-history__block {
  clear: both;
}
.p-history__block .history__ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}
.p-history__block .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-history__block .history__profile {
  float: right;
  max-width: 46rem;
  margin: 1rem 0 0 2.4rem;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.p-history__block .history__profile p {
  font-weight: 700;
  -moz-text-align-last: center;
       text-align-last: center;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.p-history__block .history__profile p.name {
  font-size: 1.8rem;
  margin-top: 0.6rem;
}

.p-history__list {
  margin-top: 4.8rem;
}
.p-history__list dl {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #BE1A25;
  padding-bottom: 0.8rem;
  margin-bottom: 1rem;
}
.p-history__list dl dt {
  font-weight: 700;
  font-size: 1.2rem;
  width: 16rem;
}
.p-history__list dl dd {
  font-size: 1.2rem;
  font-weight: 400;
  width: calc(100% - 16rem);
}

.p-about-schoolsong {
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
.p-about-schoolsong .p-schoolsong__item {
  width: 50%;
}
.p-about-schoolsong .p-schoolsong__item .item__movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.p-about-schoolsong .p-schoolsong__item .item__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-about-schoolsong .p-schoolsong__item .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 1rem;
}
.p-about-schoolsong .p-schoolsong__item .detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
.p-about-schoolsong .p-schoolsong__item .detail span {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .p-history__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-align: center;
        align-items: center;
  }
  .p-history__block .history__ttl {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0.8rem;
  }
  .p-history__block .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-history__block .history__profile {
    float: none;
    margin: 2rem 0 0;
  }
  .p-history__list {
    margin-top: 3rem;
  }
  .p-history__list dl {
    display: block;
  }
  .p-history__list dl dt {
    width: 100%;
    margin-bottom: 1rem;
  }
  .p-history__list dl dd {
    width: 100%;
    font-size: 1.2rem;
  }
  .p-about-schoolsong {
    display: block;
  }
  .p-about-schoolsong .p-schoolsong__item {
    width: 100%;
  }
  .p-about-schoolsong .p-schoolsong__item:first-child {
    margin-bottom: 2rem;
  }
}
/* ——————————————————————————————————
  about access
  ——————————————————————————————————*/
.p-access__block:first-child .c-ttl__border {
  margin-top: 4rem;
}
.p-access__block .c-ttl__border {
  margin-top: 8rem;
}
.p-access__block .desc {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 2rem;
}
.p-access__block .item__img {
  text-align: center;
}
.p-access__block .c-btn {
  margin-top: 4rem;
}
.p-access__block .c-btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  max-width: 41rem;
  padding: 2rem 1rem;
  margin: 0 auto;
  border: 2px solid #BE1A25;
  color: #BE1A25;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  transition: 0.3s ease;
}
.p-access__block .c-btn a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  -webkit-mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
          mask: url("../img/icon_arrow.svg") no-repeat top right/100%;
  background-color: #BE1A25;
  margin-left: 4px;
  transition: 0.3s ease;
}
.p-access__block .c-btn a:hover {
  background-color: #BE1A25;
  color: #fff;
}
.p-access__block .c-btn a:hover::after {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .p-access__block .c-ttl__border {
    margin-top: 4rem;
  }
  .p-access__block .desc {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  .p-access__block .item__img {
    text-align: center;
  }
}
/* —————————————————
  course index
  —————————————————*/
@media screen and (max-width: 767px) {
  .c-heading__course .c-heading__text {
    width: 78%;
  }
}
/* ——————————————————————————————————
  course professional
  ——————————————————————————————————*/
.p-course-intro .note {
  font-size: 1.2rem;
  margin: 0 0 2rem;
}
.p-course-intro .p-course__block {
  clear: both;
}
.p-course-intro .p-course__block .item__img {
  float: right;
  width: 37rem;
  padding: 0 0 0 2rem;
  background-color: #fff;
}
.p-course-intro .p-support__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 2rem;
  gap: 2rem;
}
.p-course-intro .p-support__block:last-of-type {
  margin-bottom: 8rem;
}
.p-course-intro .p-support__block .item__text {
  width: 72%;
}
.p-course-intro .p-support__block .item__text .c-ttl__border {
  color: #BE1A25;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.p-course-intro .p-support__block .item__text .list {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.p-course-intro .p-support__block .item__img {
  width: 24%;
  float: none;
  padding: 0;
}
.p-course-intro .p-support__block.no-img .item__text {
  width: 100%;
}
.p-course-intro .p-support__block.img-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}
.p-course-intro .p-support__block.img-bottom .item__img {
  -ms-transform: translateY(4rem);
      transform: translateY(4rem);
}
.p-course-intro .p-support__block.img-top {
  -ms-flex-align: start;
      align-items: flex-start;
}
.p-course-intro .p-support__block.img-top .item__img {
  -ms-transform: translateY(-4rem);
      transform: translateY(-4rem);
}

.c-list-square li {
  font-size: 1.6rem;
  line-height: 2;
}
.c-list-square li::before {
  content: "■";
  display: inline-block;
  font-size: 1rem;
  color: #BE1A25;
  vertical-align: middle;
  margin-bottom: 1px;
  margin-right: 4px;
}

.p-course__block .c-list-square li .desc {
  font-weight: 400;
  padding-left: 2rem;
  margin-bottom: 2rem;
}
.p-course__block .desc {
  font-size: 1.6rem;
}
.p-course__block .desc:not(:last-child) {
  margin-bottom: 1rem;
}
.p-course__block .sec__img {
  max-width: 620px;
  margin: 6rem auto 3rem;
}

.p-course__list .p-course__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}
.p-course__list .p-course__item .item__img {
  width: 44%;
  position: relative;
}
.p-course__list .p-course__item .item__img .c-num {
  position: absolute;
  top: -2.6rem;
  left: 0;
}
.p-course__list .p-course__item .item__text {
  width: 53%;
}
.p-course__list .p-course__item .item__text .ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}
.p-course__list .p-course__item .item__text .ttl span {
  background-color: #BE1A25;
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  padding: 2px 4px;
}
.p-course__list .p-course__item .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}
.p-course__list.list__master .item__text {
  width: 100%;
}

.p-subject-other {
  border: 3px solid #BE1A25;
  padding: 2rem 4rem;
}
.p-subject-other .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  text-align: center;
}
.p-subject-other .desc {
  font-size: 1.6rem;
  line-height: 2;
}

.p-curriculum__box {
  margin-top: 2rem;
}
.p-curriculum__box .curriculm__box__item {
  background-color: #EFEFEF;
  padding: 2rem 3.4rem;
}
.p-curriculum__box .curriculm__box__item:last-child {
  margin-top: 2rem;
}
.p-curriculum__box .curriculm__box__item .grade__ttl {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.8rem;
  position: relative;
}
.p-curriculum__box .curriculm__box__item .grade__ttl .note {
  font-size: 8px;
  position: absolute;
  bottom: 2px;
  font-weight: 400;
  margin-left: 2px;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list {
  display: -ms-flexbox;
  display: flex;
  gap: 3.4rem;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list:last-of-type {
  margin-top: 1.6rem;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .item {
  -ms-flex: 1;
      flex: 1;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .ttl {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 0.4rem;
  font-weight: 700;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .ttl.u-center {
  text-align: center;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .desc {
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .list li {
  position: relative;
  font-size: 1.6rem;
  line-height: 2;
  padding-left: 2rem;
  margin-bottom: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 10px;
  height: 5px;
  border-left: 2px solid #BE1A25;
  border-bottom: 2px solid #BE1A25;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.p-curriculum__box .curriculm__box__item .p-curriculum__list .list li span {
  font-size: 1.2rem;
}
.p-curriculum__box .note {
  font-size: 1rem;
  text-align: right;
  margin-top: 1rem;
}

.p-course__timetable .timetable__ttl {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
}
.p-course__timetable .course__ttl {
  font-size: 1.7rem;
  font-weight: 700;
  margin-top: 1rem;
}
.p-course__timetable .course__ttl::before {
  content: "■";
  display: inline-block;
  font-size: 1rem;
  color: #BE1A25;
  vertical-align: middle;
  margin-bottom: 1px;
  margin-right: 4px;
}
.p-course__timetable .course__ttl + .c-time-schedule {
  margin-top: 1rem;
}
.p-course__timetable .course__ttl.advisor {
  margin-top: 6rem;
}

.c-time-schedule {
  width: 98.4%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 6px;
  margin-top: 3.4rem;
}
.c-time-schedule tbody {
  width: 100%;
}
.c-time-schedule tr th, .c-time-schedule tr td {
  padding: 1rem 2px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}
.c-time-schedule tr th {
  width: 16.6666666667%;
  background-color: #ECCECF;
  border: 1px solid #ECCECF;
  line-height: 1.5;
}
.c-time-schedule tr th.ttl {
  background-color: #BE1A25;
  color: #fff;
}
.c-time-schedule tr th span {
  font-size: 1.2rem;
  display: block;
  text-align: center;
}
.c-time-schedule tr td {
  border: 1px solid #BE1A25;
  vertical-align: middle;
}
.c-time-schedule tr td.course_respective {
  background-color: #FCE9E8;
}
.c-time-schedule tr td.sm {
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .l-main-contents section.p-course__block:not(:last-child) {
    margin-bottom: 4rem;
  }
  .p-course-intro .c-list-square li {
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-course-intro .c-list-square li::before {
    font-size: 0.8rem;
    margin-bottom: 2px;
  }
  .p-course-intro .p-course__block {
    clear: both;
  }
  .p-course-intro .p-course__block .item__img {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 6rem;
  }
  .p-course-intro .p-support__block {
    display: block;
    margin-bottom: 4rem;
  }
  .p-course-intro .p-support__block:first-of-type {
    margin-top: 1rem;
  }
  .p-course-intro .p-support__block .item__text {
    width: 100%;
  }
  .p-course-intro .p-support__block .item__text .c-ttl__border {
    font-size: 1.8rem;
  }
  .p-course-intro .p-support__block .item__text .list {
    line-height: 1.5;
  }
  .p-course-intro .p-support__block .item__img {
    width: 50%;
    margin: 2rem auto 0;
  }
  .p-course-intro .p-support__block.img-bottom .item__img {
    -ms-transform: none;
        transform: none;
  }
  .p-course-intro .p-support__block.img-top .item__img {
    -ms-transform: none;
        transform: none;
  }
  .p-course__block .desc {
    font-size: 1.4rem;
  }
  .p-course__block .desc.u-bold {
    font-size: 1.6rem;
  }
  .p-course__block .sec__img {
    margin: 2rem auto;
  }
  .p-course__list .p-course__item {
    display: block;
    margin-bottom: 2rem;
  }
  .p-course__list .p-course__item .item__img {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .p-course__list .p-course__item .item__text {
    width: 100%;
  }
  .p-course__list .p-course__item .item__text .ttl {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .p-course__list .p-course__item .item__text .ttl span {
    font-size: 1rem;
  }
  .p-course__list .p-course__item .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-subject-other {
    padding: 2rem;
  }
  .p-subject-other .ttl {
    font-size: 1.4rem;
  }
  .p-subject-other .desc {
    font-size: 1.4rem;
  }
  .p-curriculum__box .curriculm__box__item {
    padding: 2rem 0;
  }
  .p-curriculum__box .curriculm__box__item .grade__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .p-curriculum__box .curriculm__box__item .grade__ttl .note {
    margin-left: 0;
    position: static;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list {
    display: block;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .item {
    width: 100%;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .item:not(:last-child) {
    margin-bottom: 2rem;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .ttl {
    text-align: center;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .list {
    padding-left: 1rem;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .list li {
    padding-left: 1.6rem;
  }
  .p-curriculum__box .curriculm__box__item .p-curriculum__list .list li::before {
    top: 50%;
    -ms-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%);
  }
  .p-course__timetable .timetable__ttl {
    font-size: 1.8rem;
  }
  .c-time-schedule {
    width: 100%;
    border-spacing: 3px;
    margin-top: 2rem;
  }
  .c-time-schedule tr th,
  .c-time-schedule tr td {
    padding: 4px 0;
    text-align: center;
    font-size: min(2.133vw, 8px);
    font-weight: 700;
  }
  .c-time-schedule tr th span {
    font-size: 1rem;
    font-size: min(2.133vw, 8px);
  }
  .c-time-schedule tr td.sm {
    font-size: 1rem;
    font-size: min(2.133vw, 8px);
  }
}
/* ——————————————————————————————————
  course schedule
  ——————————————————————————————————*/
.p-course-schedule {
  padding-left: 5.6rem;
}
.p-course-schedule .c-ttl__circle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1rem;
}
.p-course-schedule .c-ttl__circle span {
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
}
.p-course-schedule .c-ttl__circle::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #BE1A25;
  display: inline-block;
  margin-left: 1.2rem;
}
.p-course-schedule .p-schedule__block:not(:last-child) {
  margin-bottom: 2rem;
}
.p-course-schedule .p-schedule__block:first-child {
  margin-bottom: 4rem;
}
.p-course-schedule .p-schedule__block .wrap {
  padding-left: 4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
}
.p-course-schedule .p-schedule__block .wrap .schedule__list {
  padding-left: 2rem;
  width: 58%;
  line-height: 2;
  margin-top: 1rem;
  letter-spacing: 0.05em;
  display: block;
}
.p-course-schedule .p-schedule__block .wrap .schedule__list li {
  font-size: 1.6rem;
  list-style-type: disc;
}
.p-course-schedule .p-schedule__block .wrap .schedule__list li.u-color {
  font-weight: 700;
  color: #BE1A25;
}
.p-course-schedule .p-schedule__block .wrap figure {
  width: 42%;
  max-width: 272px;
}

.p-master__teacher {
  border: 3px solid #BE1A25;
  padding: 3rem 2.4rem;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-top: 4rem;
}
.p-master__teacher .item__img {
  width: 42%;
}
.p-master__teacher .item__img .name {
  font-size: 1.4rem;
  margin-top: 1rem;
}
.p-master__teacher .item__text {
  width: 58%;
}
.p-master__teacher .item__text .ttl {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.p-master__teacher .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}

.p-course__block.master__block .item__img {
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .p-course-schedule {
    padding-left: 0;
  }
  .p-course-schedule .c-ttl__circle {
    padding-left: 1rem;
  }
  .p-course-schedule .c-ttl__circle::before {
    left: -4.5rem;
  }
  .p-course-schedule .p-schedule__block:not(:last-child) {
    margin-bottom: 2rem;
  }
  .p-course-schedule .p-schedule__block:first-child {
    margin-bottom: 4rem;
  }
  .p-course-schedule .p-schedule__block .wrap {
    display: block;
  }
  .p-course-schedule .p-schedule__block .wrap .schedule__list {
    width: 100%;
  }
  .p-course-schedule .p-schedule__block .wrap .schedule__list li {
    font-size: 1.4rem;
  }
  .p-course-schedule .p-schedule__block .wrap figure {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
  }
  .p-master__teacher {
    padding: 2rem 2.4rem;
    display: block;
    gap: 2rem;
    margin-top: 2rem;
  }
  .p-master__teacher .item__img {
    width: 100%;
  }
  .p-master__teacher .item__img .name {
    font-size: 1.2rem;
    margin-top: 0.6rem;
  }
  .p-master__teacher .item__text {
    width: 100%;
    margin-top: 2rem;
  }
  .p-master__teacher .item__text .ttl {
    font-size: 1.6rem;
  }
  .p-master__teacher .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* ——————————————————————————————————
  work business
  ——————————————————————————————————*/
/* --- work intro ---*/
.p-work-intro .p-work-intro__flow {
  margin-top: 6rem;
}
.p-work-intro .p-work-intro__flow .flow__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  margin-bottom: 8rem;
}
.p-work-intro .p-work-intro__flow .flow__item .item__img {
  width: 44%;
  position: relative;
}
.p-work-intro .p-work-intro__flow .flow__item .item__img .c-num {
  position: absolute;
  top: -2.6rem;
  left: 0;
}
.p-work-intro .p-work-intro__flow .flow__item .item__text {
  width: 53%;
}
.p-work-intro .p-work-intro__flow .flow__item .item__text .flow__ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.p-work-intro .p-work-intro__flow .flow__item .item__text .u-color {
  color: #BE1A25;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.p-work-intro .p-work-intro__flow .flow__item .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .p-work-intro .p-work-intro__flow {
    margin-top: 6rem;
  }
  .p-work-intro .p-work-intro__flow .flow__item {
    display: block;
    margin-bottom: 6rem;
  }
  .p-work-intro .p-work-intro__flow .flow__item .item__img {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .p-work-intro .p-work-intro__flow .flow__item .item__text {
    width: 100%;
  }
  .p-work-intro .p-work-intro__flow .flow__item .item__text .flow__ttl {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .p-work-intro .p-work-intro__flow .flow__item .item__text .u-color {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
  .p-work-intro .p-work-intro__flow .flow__item .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* --- work job ---*/
.p-work-job__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-work-job__block .course__label {
  color: #BE1A25;
  font-weight: bold;
  border: solid 2px #BE1A25;
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 50%;
  padding: 5px 0;
  font-size: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}
.p-work-job__block .course__label::after {
  content: "";
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../img/icon_arrow.svg");
          mask-image: url("../img/icon_arrow.svg");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -ms-transform: rotate(90deg) scale(1, -1);
      transform: rotate(90deg) scale(1, -1);
  background-color: #BE1A25;
  margin-left: 5px;
}
.p-work-job__block input[name=course__switch] {
  display: none;
}
.p-work-job__block input:checked + .course__label {
  color: #fff;
  background-color: #BE1A25;
}
.p-work-job__block input:checked + .course__label::after {
  background-color: #fff;
}
.p-work-job__block .course__content {
  -ms-flex: 100%;
      flex: 100%;
  display: none;
  overflow: hidden;
  border: 1px solid #BE1A25;
  border-top: none;
}
.p-work-job__block .course__content .p-work-job__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem 2rem;
  padding: 2.4rem;
}
.p-work-job__block .course__content .p-work-job__list .item {
  width: calc(33.3333333333% - 1.4rem);
}
.p-work-job__block .course__content .p-work-job__list .ttl {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 700;
  text-align: center;
}
.p-work-job__block .course__content .p-work-job__list .desc {
  line-height: 1.5;
}
.p-work-job__block .course__content .list__licensed {
  list-style-type: disc;
  padding: 1.2rem 2.4rem 2.4rem;
}
.p-work-job__block .course__content .list__licensed li {
  font-size: 1.6rem;
  line-height: 2;
  margin-left: 2.4rem;
}

#course1:checked ~ #course1_content,
#course2:checked ~ #course2_content {
  display: block;
}

.p-work-job__trend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  margin-top: 4rem;
}
.p-work-job__trend .item__img {
  width: 30%;
}
.p-work-job__trend .item__text {
  width: 70%;
}
.p-work-job__trend .item__text .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.p-work-job__trend .item__text .desc {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .p-work-job__block .course__label {
    font-size: 1.4rem;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .p-work-job__block .course__label:nth-of-type(1) {
    width: 36%;
  }
  .p-work-job__block .course__label:nth-of-type(2) {
    width: 64%;
  }
  .p-work-job__block .course__label::after {
    margin-left: 0;
    margin-top: 8px;
  }
  .p-work-job__block .course__content .p-work-job__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    padding: 20px 5px;
  }
  .p-work-job__block .course__content .p-work-job__list .item {
    width: calc(50% - 6px);
  }
  .p-work-job__block .course__content .p-work-job__list .ttl {
    margin: 8px 0 10px;
  }
  .p-work-job__block .course__content .p-work-job__list .desc {
    font-size: 1.4rem;
  }
  .p-work-job__block .course__content .list__licensed {
    padding: 10px 12px 20px;
  }
  .p-work-job__block .course__content .list__licensed li {
    font-size: 1.4rem;
    line-height: 2;
    margin-left: 2rem;
  }
  .p-work-job__trend {
    display: block;
    margin-bottom: 4rem;
  }
  .p-work-job__trend .item__img {
    margin: 2rem auto 0;
    width: 60%;
  }
  .p-work-job__trend .item__text {
    width: 100%;
  }
  .p-work-job__trend .item__text .ttl {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .p-work-job__trend .item__text .desc {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
/* --- work licensed ---*/
.p-work-licensed__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4rem;
  gap: 4rem 2rem;
}
.p-work-licensed__block .block__item {
  width: calc(50% - 1rem);
}
.p-work-licensed__block .ttl {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.p-work-licensed__block .desc {
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-work-licensed__block .u-list {
  list-style-type: disc;
  padding-left: 2rem;
  margin-top: 1rem;
}
.p-work-licensed__block .u-list li {
  font-size: 1.2rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .p-work-licensed__block {
    margin-top: 2rem;
    gap: 2rem;
  }
  .p-work-licensed__block .block__item {
    width: 100%;
  }
}
/* ——————————————————————————————————
  work support
  ——————————————————————————————————*/
.p-work-support__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 1.8rem;
  margin-bottom: 8rem;
}
.p-work-support__block .block__item {
  width: calc(50% - 0.9rem);
}
.p-work-support__block .block__item .ttl {
  font-size: 1.2rem;
  text-align: center;
  margin: 1rem 0;
}
.p-work-support__block .block__item .desc {
  font-size: 1.2rem;
  line-height: 1.5;
}

.p-schedule__block {
  margin-bottom: 2rem;
}
.p-schedule__block .grade {
  background-color: #BE1A25;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.p-schedule__block .schedule__list {
  padding-left: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-schedule__block .schedule__list dt {
  width: 100%;
  font-size: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 1.2rem;
}
.p-schedule__block .schedule__list dt::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
  height: 2px;
  background-color: #BE1A25;
  display: block;
}
.p-schedule__block .schedule__list dt.term {
  width: 40px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 1rem;
}
.p-schedule__block .schedule__list dt.term::after {
  display: none;
}
.p-schedule__block .schedule__list dt.term .line {
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
  margin: 0 auto;
}
.p-schedule__block .schedule__list dd {
  width: calc(100% - 4rem);
  margin: 0 0 0 auto;
  padding: 0.5rem 0 0.5rem 1.2rem;
}
.p-schedule__block .schedule__list dd .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.p-schedule__block .schedule__list dd .desc {
  line-height: 1.5;
}
.p-schedule__block .schedule__list dd.term__detail {
  width: calc(100% - 40px);
  border-top: 2px solid #BE1A25;
  margin-top: 10px;
}
.p-schedule__block .schedule__list dd.term__detail .ttl {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-work-support__block {
    gap: 2rem;
    margin-bottom: 4rem;
  }
  .p-work-support__block .block__item {
    width: 100%;
  }
  .p-schedule__block {
    margin-bottom: 2rem;
  }
  .p-schedule__block .grade {
    margin: 2rem auto;
  }
  .p-schedule__block .schedule__list {
    padding-left: 0;
  }
  .p-schedule__block .schedule__list dt {
    width: 100%;
    font-size: 1.8rem;
  }
  .p-schedule__block .schedule__list dd {
    padding: 0 0 0 1rem;
  }
  .p-schedule__block .schedule__list dd .ttl {
    font-size: 1.6rem;
  }
  .p-schedule__block .schedule__list dd .desc {
    font-size: 1.4rem;
  }
  .p-schedule__block .schedule__list dd.term__detail .ttl {
    margin-top: 10px;
  }
}
/* ——————————————————————————————————
  work employment
  ——————————————————————————————————*/
.p-work-employment__block {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-work-employment__block .block__item {
  width: 33.3333333333%;
}
.p-work-employment__block .employment__list {
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.p-work-employment__block .employment__list dt {
  font-size: 1.4rem;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 12px;
}
.p-work-employment__block .employment__list dt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #000;
}
.p-work-employment__block .employment__list dd {
  width: calc(100% - 12px);
}
.p-work-employment__block .employment__list dd ul {
  margin-top: -0.5em;
}
.p-work-employment__block .employment__list dd ul li {
  font-size: 1.4rem;
  line-height: 2;
}
.p-work-employment__block .employment__list dd ul li::before {
  content: "・";
}

@media screen and (max-width: 767px) {
  .p-work-employment__block {
    display: block;
    padding: 0 4.5rem;
  }
  .p-work-employment__block .block__item {
    width: 100%;
  }
}
/* ——————————————————————————————————
  work progress
  ——————————————————————————————————*/
.p-work-progress .c-ttl__box {
  margin-bottom: 2rem;
}

.p-work-progress__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 1.2rem;
}
.p-work-progress__block:not(:last-child) {
  border-bottom: 3px solid #BE1A25;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.p-work-progress__block .block__img {
  width: 30%;
}
.p-work-progress__block .block__text {
  width: 70%;
}
.p-work-progress__block .block__text dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.p-work-progress__block .block__text .desc {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 0.8rem;
}
.p-work-progress__block .block__text .course {
  font-size: 1.2rem;
  text-align: right;
  margin-top: 0.8rem;
}
.p-work-progress__block .block__text .name {
  font-size: 1.6rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .p-work-progress__block {
    display: block;
  }
  .p-work-progress__block .block__img {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 2rem;
  }
  .p-work-progress__block .block__text {
    width: 100%;
  }
  .p-work-progress__block .block__text dl {
    font-size: 1.4rem;
  }
  .p-work-progress__block .block__text .desc {
    font-size: 1.4rem;
  }
}
/* ——————————————————————————————————
  work interivew
  ——————————————————————————————————*/
.p-work-itnerview__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.p-work-itnerview__list .item {
  width: calc(33.3333333333% - 2.7rem);
}
.p-work-itnerview__list .item__img img {
  aspect-ratio: 221/249;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-work-itnerview__list .name {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 5px;
}
.p-work-itnerview__list .history {
  font-size: 1.6rem;
}
.p-work-itnerview__list .history span {
  display: block;
}

/* pagenation */
ul.page-numbers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 4rem;
  gap: 8px;
}

.page-numbers li .page-numbers {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #D9D9D9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.2rem;
  transition: 0.3s ease;
  font-weight: 700;
}

.page-numbers li a.page-numbers:hover {
  opacity: 0.7;
}

.page-numbers li .current {
  background-color: #BE1A25;
  color: #fff;
}

.page-numbers.prev,
.page-numbers.next {
  display: none;
}

.page-numbers li .page-numbers.dots {
  background: none;
  width: auto;
}

@media screen and (max-width: 767px) {
  .p-work-itnerview__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
  }
  .p-work-itnerview__list .item {
    width: calc(50% - 1rem);
  }
  .p-work-itnerview__list .name {
    font-size: 1.6rem;
  }
  .p-work-itnerview__list .history {
    font-size: 1.4rem;
  }
}
/* ——————————————————————————————————
  work interivew article
  ——————————————————————————————————*/
.p-work-interview__article .interview__detail {
  border: 3px solid #BE1A25;
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 2rem;
}
.p-work-interview__article .interview__detail .interview__profile {
  -ms-flex: 1;
      flex: 1;
}
.p-work-interview__article .interview__detail p {
  font-size: 1.6rem;
}
.p-work-interview__article .interview__detail .company {
  font-weight: 700;
}
.p-work-interview__article .interview__detail .position {
  font-weight: 700;
}
.p-work-interview__article .interview__detail .name {
  font-weight: 700;
}
.p-work-interview__article .interview__detail .history {
  font-size: 1.4rem;
}
.p-work-interview__article .interview__detail .interview__movie {
  width: 28%;
}
.p-work-interview__article .interview__detail .interview__movie iframe {
  width: 100%;
}
.p-work-interview__article .interview__body {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 3rem;
}
.p-work-interview__article .interview__body p {
  margin: 2rem 0;
}
.p-work-interview__article .interview__imgList {
  margin-top: 2rem;
}
.p-work-interview__article .interview__imgList li {
  margin: 0 6px;
}
.p-work-interview__article .interview__imgList img {
  aspect-ratio: 242/136;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-work-interview__article .interview__company {
  margin-top: 4rem;
}
.p-work-interview__article .interview__company .company__name {
  padding-bottom: 8px;
}
.p-work-interview__article .interview__company .wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 1.2rem;
}
.p-work-interview__article .interview__company .map {
  -ms-flex: 1;
      flex: 1;
}
.p-work-interview__article .interview__company .map iframe {
  width: 100%;
  height: 232px;
}
.p-work-interview__article .interview__company .adress {
  width: 44%;
}
.p-work-interview__article .interview__company .adress dl {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.5;
}
.p-work-interview__article .interview__company .adress dl:not(:last-child) {
  margin-bottom: 8px;
}
.p-work-interview__article .interview__company .adress dl dt {
  font-weight: 400;
}
.p-work-interview__article .interview__company .adress p {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-work-interview__article .interview__detail {
    padding: 1.2rem;
    display: block;
    margin-top: 2rem;
  }
  .p-work-interview__article .interview__detail p {
    font-size: 1.4rem;
  }
  .p-work-interview__article .interview__detail .history {
    font-size: 1.2rem;
  }
  .p-work-interview__article .interview__detail .interview__movie {
    width: 56%;
    margin: 1rem auto 0;
  }
  .p-work-interview__article .interview__detail .interview__movie iframe {
    width: 100%;
    aspect-ratio: 178/134;
  }
  .p-work-interview__article .interview__body {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 2rem;
  }
  .p-work-interview__article .interview__body p {
    margin: 14px 0;
  }
  .p-work-interview__article .interview__imgList {
    width: 100vw;
    margin: 2rem calc(50% - 50vw);
  }
  .p-work-interview__article .interview__imgList li {
    margin: 0 5px;
  }
  .p-work-interview__article .interview__imgList img {
    aspect-ratio: 242/136;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-work-interview__article .interview__imgList .slick-dots {
    bottom: -20px;
  }
  .p-work-interview__article .interview__imgList .slick-dots li {
    width: 5px;
    height: 5px;
  }
  .p-work-interview__article .interview__imgList .slick-dots li button {
    width: 5px;
    height: 5px;
    padding: 0;
  }
  .p-work-interview__article .interview__imgList .slick-dots li button:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #D9D9D9;
    border-radius: 50%;
    opacity: 1;
  }
  .p-work-interview__article .interview__imgList .slick-dots li.slick-active button:before {
    background-color: #BE1A25;
  }
  .p-work-interview__article .interview__company {
    margin-top: 6rem;
  }
  .p-work-interview__article .interview__company .company__name {
    padding-bottom: 8px;
  }
  .p-work-interview__article .interview__company .wrap {
    display: block;
    gap: 1.2rem;
  }
  .p-work-interview__article .interview__company .map {
    -ms-flex: 1;
        flex: 1;
  }
  .p-work-interview__article .interview__company .map iframe {
    width: 100%;
    height: 232px;
  }
  .p-work-interview__article .interview__company .adress {
    width: 100%;
    margin-top: 2rem;
  }
  .p-work-interview__article .interview__company .adress dl {
    font-size: 1.4rem;
  }
  .p-work-interview__article .interview__company .adress p {
    font-size: 1.4rem;
  }
}
/* ——————————————————————————————————
  work internship
  ——————————————————————————————————*/
.p-work-internship .c-ttl__border {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.p-work-internship .internship__list {
  font-size: 1.6rem;
  line-height: 2;
}

/* ——————————————————————————————————
  contact
  ——————————————————————————————————*/
.p-contact__block .reception {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.6rem;
}
.p-contact__block .reception dt {
  background-color: rgba(190, 26, 37, 0.26);
  padding: 1rem;
  width: 20%;
  border: 1px solid #eee;
}
.p-contact__block .reception dd {
  padding: 1rem;
  border: 1px solid #eee;
  border-left: none;
  width: 80%;
}
.p-contact__block .desc {
  line-height: 1.5;
  margin: 1rem 0;
}
.p-contact__block .contact__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 3.6rem;
  margin-top: 4rem;
}
.p-contact__block .contact__block .block__item {
  background-color: #BE1A25;
  width: 50%;
  height: 30rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #fff;
  font-weight: 700;
  padding: 1rem;
}
.p-contact__block .contact__block .block__item:nth-child(1), .p-contact__block .contact__block .block__item:nth-child(3) {
  width: 30%;
}
.p-contact__block .contact__block .block__item:nth-child(2) {
  width: 40%;
}
.p-contact__block .contact__block .block__item:first-child img {
  width: 7.6rem;
}
.p-contact__block .contact__block .block__item:nth-child(2) img {
  width: 7rem;
}
.p-contact__block .contact__block .block__item a,
.p-contact__block .contact__block .block__item .num {
  color: #fff;
  font-size: 4rem;
  line-height: 1;
  display: inline-block;
  margin-top: 1rem;
}
.p-contact__block .contact__block .block__item .ttl {
  font-size: 1.6rem;
  margin-top: 1.6rem;
}
.p-contact__block .contact__block .block__item .note {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
.p-contact__block .mail__block {
  gap: 2rem;
  margin-top: 8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.p-contact__block .mail__block .block__text {
  width: 66%;
}
.p-contact__block .mail__block .block__img {
  width: 33%;
}
.p-contact__block .mail__block p {
  font-size: 1.6rem;
}
.p-contact__block .mail__block .u-bold {
  font-weight: 700;
}
.p-contact__block .mail__block .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 1rem;
  max-width: 600px;
  margin: 1rem 0;
}
.p-contact__block .mail__block .notice {
  font-size: 1.2rem;
  line-height: 1.4;
}

.p-contact-index .c-lead {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
.p-contact-index .list-ttl {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 4rem;
}
.p-contact-index .contact__list {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-contact-index .contact__list li {
  background-color: rgba(190, 26, 37, 0.26);
  padding: 2px 20px;
  font-size: 2rem;
  font-weight: 700;
  min-height: 66px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.p-contact-index .contact__list li span {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-contact__block .reception {
    font-size: 1.4rem;
  }
  .p-contact__block .reception dt {
    width: 30%;
    padding-right: 0;
  }
  .p-contact__block .reception dd {
    width: 70%;
  }
  .p-contact__block .desc {
    line-height: 1.5;
    margin: 1rem 0;
    font-size: 1.4rem;
  }
  .p-contact__block .contact__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    margin-top: 3rem;
  }
  .p-contact__block .contact__block .block__item {
    height: auto;
    padding: 2rem 1rem 4rem;
    width: 100%;
  }
  .p-contact__block .contact__block .block__item:nth-child(1), .p-contact__block .contact__block .block__item:nth-child(3) {
    width: 100%;
  }
  .p-contact__block .contact__block .block__item:nth-child(2) {
    width: 100%;
  }
  .p-contact__block .contact__block .block__item a.mail {
    font-size: 3rem;
  }
  .p-contact__block .contact__block .block__item .ttl {
    font-size: 1.6rem;
  }
  .p-contact__block .mail__block {
    gap: 1.6rem;
    margin-top: 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-contact__block .mail__block .block__text {
    width: 100%;
  }
  .p-contact__block .mail__block .block__img {
    width: 100%;
  }
  .p-contact__block .mail__block .c-ttl__border {
    text-align: center;
  }
  .p-contact__block .mail__block p {
    font-size: 1.4rem;
  }
  .p-contact__block .mail__block .list {
    font-size: 1.4rem;
  }
  .p-contact-index .c-lead {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  .p-contact-index .list-ttl {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 4rem;
  }
  .p-contact-index .contact__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    width: calc(100% - 6rem);
    margin: 0 auto;
  }
  .p-contact-index .contact__list li {
    padding: 8px 10px;
    min-height: 45px;
    font-size: 1.6rem;
    width: 100%;
  }
  .p-contact-index .contact__list li span {
    font-size: 1.4rem;
  }
}
/* —————————————————
  admission graduated
  —————————————————*/
/* ————見出し————*/
.p-graduated__border {
  font-size: 2.8rem;
  text-align: center;
  line-height: 2;
  padding-bottom: 0;
  max-width: 610px;
  margin: 0 auto 4rem;
}

.p-graduated__arrow {
  position: relative;
  font-size: 2.8rem;
  margin-bottom: 7rem;
  text-align: center;
  padding: 0.6rem 1.2rem;
  background-color: #BE1A25;
  color: #fff;
  font-weight: 700;
}
.p-graduated__arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 5rem;
  background-color: #BE1A25;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 0;
  bottom: -4.9rem;
}
.p-graduated__arrow .sm {
  display: block;
  font-size: 1.6rem;
}
.p-graduated__arrow .mid {
  display: block;
  font-size: 2rem;
}

.l-main-contents.contents__graduated section {
  margin-bottom: 0;
}

.p-graduated-heading .graduated-heading__ttl {
  text-align: center;
  font-size: 2.4rem;
}
.p-graduated-heading .graduated-heading__ttl .sm {
  font-size: 1.6rem;
  display: block;
  margin-bottom: 0.8rem;
}
.p-graduated-heading .graduated-heading__ttl .bg {
  background-color: #fff;
  color: #BE1A25;
  font-size: 2rem;
  padding: 5px 10px;
  margin: 0 5px;
  min-width: 8.2rem;
  display: inline-block;
}
.p-graduated-heading .p-graduated__border {
  margin-bottom: 2rem;
}
.p-graduated-heading .p-graduated__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.p-graduated-heading .p-graduated__block .possible__list {
  width: 65%;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-graduated-heading .p-graduated__block .possible__list .possible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 12rem;
  padding-top: 2rem;
  width: 33.3333333333%;
  font-size: 1.8rem;
  font-weight: 700;
  color: #BE1A25;
  text-align: center;
  background: url("../img/admission/graduated_bg.svg") no-repeat bottom left/100%;
}
.p-graduated-heading .p-graduated__block .item__img {
  width: 32%;
}

.p-graduated-support .c-ttl__box {
  text-align: center;
}
.p-graduated-support .c-ttl__border {
  color: #BE1A25;
  margin-bottom: 1rem;
  line-height: 2;
}
.p-graduated-support .p-support__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 4rem;
}
.p-graduated-support .p-support__block:first-of-type {
  margin-top: 2rem;
}
.p-graduated-support .p-support__block .item__text {
  width: 73.2%;
}
.p-graduated-support .p-support__block .item__img {
  width: 24%;
}
.p-graduated-support .p-learn__more .c-ttl__border {
  text-align: center;
}

.p-graduated-worry {
  margin-top: 4rem;
}
.p-graduated-worry .p-worry__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  padding: 0 1rem 0 4rem;
  margin-bottom: 4rem;
}
.p-graduated-worry .p-worry__block .item__img {
  width: 17%;
}
.p-graduated-worry .p-worry__block .item__text {
  width: 55%;
  background-color: rgba(190, 26, 37, 0.26);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 2rem;
}
.p-graduated-worry .p-worry__block .item__text ul li {
  font-size: 1.6rem;
}
.p-graduated-worry .p-worry__block .item__text ul li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.p-graduated-worry .p-worry__block .item__text ul li::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1rem;
  border-left: 2px solid #BE1A25;
  border-bottom: 2px solid #BE1A25;
  -ms-transform: rotate(-35deg);
      transform: rotate(-35deg);
  margin-right: 1.2rem;
}
.p-graduated-worry .p-graduated__arrow {
  margin-bottom: 9rem;
}
.p-graduated-worry .p-graduated__box:not(:last-child) {
  margin-bottom: 4rem;
}
.p-graduated-worry .p-graduated__box .ttl {
  background-color: #BE1A25;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.6rem 1rem;
}
.p-graduated-worry .p-graduated__box .inner {
  border: 1px solid #BE1A25;
  padding: 2rem;
}
.p-graduated-worry .p-graduated__box .list li::before {
  content: "・";
  display: inline-block;
  margin-right: 4px;
}
.p-graduated-worry .p-graduated__box.box1 .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem 2rem;
}
.p-graduated-worry .p-graduated__box.box1 .list li {
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-graduated-worry .p-graduated__box.box2 .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.p-graduated-worry .p-graduated__box.box2 .list li {
  font-size: 1.4rem;
  line-height: 2;
}
.p-graduated-worry .p-graduated__box.box2 .list li.more {
  text-align: right;
}
.p-graduated-worry .p-graduated__box.box2 .list li.more::before {
  display: none;
}

.p-graduated__interview {
  margin-top: 4rem;
}
.p-graduated__interview .p-interview__block {
  clear: both;
  background-color: #EFEFEF;
  padding: 2rem;
}
.p-graduated__interview .p-interview__block .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 1.2rem;
  letter-spacing: 0.05em;
  color: #BE1A25;
}
.p-graduated__interview .p-interview__block .profile {
  float: right;
  max-width: 32.8rem;
  margin: -4rem -2rem 0 2.4rem;
  position: relative;
}
.p-graduated__interview .p-interview__block .profile .name {
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
}
.p-graduated__interview .p-interview__block .profile .text__up {
  font-size: 1.6rem;
  text-align: center;
  width: 9.8rem;
  height: 9.8rem;
  border-radius: 50%;
  background-color: #BE1A25;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: 700;
  position: absolute;
  top: -5rem;
  right: 1rem;
}
.p-graduated__interview .bnr__list {
  display: -ms-flexbox;
  display: flex;
  gap: 1.4rem;
  margin-top: 4rem;
}
.p-graduated__interview .bnr__list a {
  transition: 0.3s ease;
}
.p-graduated__interview .bnr__list a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  /* ————見出し————*/
  .p-graduated__border {
    font-size: 2.2rem;
    margin: 0 auto 2rem;
  }
  .p-graduated__arrow {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 0.6rem;
  }
  .p-graduated__arrow .sm {
    font-size: 2rem;
  }
  .l-main-contents.contents__graduated section {
    margin-bottom: 0;
  }
  .p-graduated-heading .graduated-heading__ttl {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 2rem;
    padding: 1rem 0;
  }
  .p-graduated-heading .graduated-heading__ttl .sm {
    margin-bottom: 0.5rem;
  }
  .p-graduated-heading .graduated-heading__ttl .bg {
    margin: 0 4px;
  }
  .p-graduated-heading .p-graduated__block {
    display: block;
  }
  .p-graduated-heading .p-graduated__block .possible__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  .p-graduated-heading .p-graduated__block .possible__list .possible {
    height: 8.5rem;
    font-size: 1.3rem;
    padding-top: 1.6rem;
  }
  .p-graduated-heading .p-graduated__block .item__img {
    width: 70%;
    margin: 0 auto;
  }
  .p-graduated-support .c-ttl__box {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .p-graduated-support .c-ttl__border {
    margin-bottom: 1rem;
    line-height: 2;
  }
  .p-graduated-support .p-support__block {
    display: block;
    margin-bottom: 4rem;
  }
  .p-graduated-support .p-support__block:first-of-type {
    margin-top: 1rem;
  }
  .p-graduated-support .p-support__block .item__text {
    width: 100%;
  }
  .p-graduated-support .p-support__block .item__text .c-ttl__border {
    font-size: 1.8rem;
  }
  .p-graduated-support .p-support__block .item__img {
    width: 50%;
    margin: 2rem auto 0;
  }
  .p-graduated-support .p-learn__more .c-ttl__border {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }
  .p-graduated-worry {
    margin-top: 4rem;
  }
  .p-graduated-worry .p-worry__block {
    display: block;
    padding: 0;
    margin-bottom: 0;
    position: relative;
  }
  .p-graduated-worry .p-worry__block .item__img {
    width: 16%;
    position: absolute;
    bottom: -1%;
    right: 14%;
    z-index: 1;
  }
  .p-graduated-worry .p-worry__block .item__img:last-child {
    width: 24%;
    right: -1rem;
    z-index: 0;
  }
  .p-graduated-worry .p-worry__block .item__text {
    -ms-flex-order: 1;
        order: 1;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 2rem;
  }
  .p-graduated-worry .p-graduated__arrow {
    margin-bottom: 7rem;
  }
  .p-graduated-worry .p-graduated__box:not(:last-child) {
    margin-bottom: 1.6rem;
  }
  .p-graduated-worry .p-graduated__box .ttl {
    padding: 0.2rem 1rem;
  }
  .p-graduated-worry .p-graduated__box .inner {
    padding: 0.8rem 1rem;
  }
  .p-graduated-worry .p-graduated__box .list li {
    width: 100%;
  }
  .p-graduated-worry .p-graduated__box .list li::before {
    margin-right: 2px;
  }
  .p-graduated-worry .p-graduated__box.box2 .inner {
    display: block;
  }
  .p-graduated__interview {
    margin-top: 4rem;
  }
  .p-graduated__interview .p-interview__block {
    padding: 0.8rem 0.8rem 2rem;
  }
  .p-graduated__interview .p-interview__block .ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
    letter-spacing: 0.05em;
    color: #BE1A25;
  }
  .p-graduated__interview .p-interview__block .profile {
    float: none;
    width: calc(100% + 1.6rem);
    max-width: calc(100% + 1.6rem);
    margin: 0 0 1rem -0.8rem;
  }
  .p-graduated__interview .p-interview__block .profile .name {
    margin-top: 0.8rem;
  }
  .p-graduated__interview .bnr__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
}
/* —————————————————
  admission common
  —————————————————*/
.p-admission-sec .mt10 {
  margin-top: 10px;
}
.p-admission-sec .mt30 {
  margin-top: 30px;
}
.p-admission-sec .c-link {
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.p-admission-sec .c-btn-arrow::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  -webkit-mask-image: url("../img/icon_arrow.svg");
          mask-image: url("../img/icon_arrow.svg");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #BE1A25;
  margin-left: 1rem;
}
.p-admission-sec .c-table {
  width: 100%;
  line-height: 1.5;
}
.p-admission-sec p {
  font-size: 1.6rem;
  line-height: 1.8;
}
.p-admission-sec p:not(:last-of-type) {
  margin-bottom: 10px;
}
.p-admission-sec ul, .p-admission-sec ol {
  font-size: 1.6rem;
  line-height: 1.8;
}
.p-admission-sec ul li:not(:last-child), .p-admission-sec ol li:not(:last-child) {
  margin-bottom: 10px;
}
.p-admission-sec ul a, .p-admission-sec ol a {
  color: #BE1A25;
  text-decoration: underline;
}
.p-admission-sec ol.list_decimal {
  padding-left: 1.6rem;
}
.p-admission-sec ol.list_decimal > li {
  list-style-type: decimal;
  text-indent: -2.4rem;
  padding-left: 2.4rem;
}
.p-admission-sec ol.list_parentheses > li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  text-indent: -2.4rem;
  padding-left: 2.4rem;
}
.p-admission-sec ol.list_parentheses > li ol li, .p-admission-sec ol.list_parentheses > li ul li {
  padding-left: 0;
  text-indent: 0;
}
.p-admission-sec ol.list_parentheses > li::before {
  display: marker;
  content: "(" counter(cnt) ") ";
}
.p-admission-sec .font12 {
  font-size: 1.2rem;
}
.p-admission-sec .note {
  font-size: 1.2rem;
}
.p-admission-sec .text_r {
  text-align: right;
}
.p-admission-sec .c-fBox {
  display: -ms-flexbox;
  display: flex;
}
.p-admission-sec .c-fBox .box__item.w30 {
  width: 30%;
}
.p-admission-sec .c-fBox .box__item.w70 {
  width: 70%;
}
.p-admission-sec .c-fBox.ao__block .box__item:first-child {
  padding-right: 1rem;
  margin-right: 2rem;
  border-right: 1px solid #BE1A25;
}
.p-admission-sec .c-fBox.ao__block .box__item:first-child .ttl {
  font-weight: 700;
  color: #BE1A25;
  padding-top: 4rem;
}
.p-admission-sec .c-box-border {
  border: 1px solid #BE1A25;
  margin: 2rem 0;
  padding: 1rem 1.6rem;
}
.p-admission-sec .c-list-disc {
  list-style-type: disc;
  padding-left: 1.6rem;
}
.p-admission-sec .c-list-disc li {
  font-size: 1.6rem;
}
.p-admission-sec .c-list-disc li:not(:last-child) {
  margin-bottom: 10px;
}
.p-admission-sec .font_red {
  color: #BE1A25;
}
.p-admission-sec p a {
  color: #BE1A25;
  border-bottom: 1px solid #BE1A25;
}
.p-admission-sec .c-table thead th {
  background-color: #ECCECF;
  color: #000;
  font-weight: bold;
  font-size: 1.4rem;
}
.p-admission-sec .c-table thead th:not(:last-child) {
  border-right-color: #fff;
}
.p-admission-sec .c-table th {
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 15px 15px 11px;
  font-weight: normal;
  text-align: left;
  font-size: 1.4rem;
}
.p-admission-sec .c-table td {
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 15px 15px 11px;
  text-align: left;
  font-size: 1.4rem;
}
.p-admission-sec .c-table + .note {
  margin-top: 1rem;
  font-size: 1.2rem;
}
.p-admission-sec h4 {
  font-weight: 700;
  font-size: 1.6rem;
}
.p-admission-sec .c-table .center {
  text-align: center;
}
.p-admission-sec .c-table .red {
  color: #BE1A25;
}
.p-admission-sec .c-table thead.center th, .p-admission-sec .c-table thead.center td {
  text-align: center;
}
.p-admission-sec .c-btn-box {
  margin: 0 auto 2rem 0;
  max-width: 100%;
  max-width: 320px;
}
.p-admission-sec .c-ttl__border:not(:first-of-type) {
  margin-top: 4rem;
}
.p-admission-sec .c-box-bg {
  background-color: rgba(190, 26, 37, 0.26);
  padding: 20px;
  margin: 2rem 0;
}
.p-admission-sec .p-faq__list {
  max-width: 1360px;
  margin: 0 auto;
}
.p-admission-sec .p-faq__list .faq__item:not(:last-child) {
  margin-bottom: 3.2rem;
}
.p-admission-sec .p-faq__list .faq__item {
  padding: 2rem;
  border: 1px solid #BE1A25;
}
.p-admission-sec .p-faq__list .faq__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2.4rem;
  border-bottom: 1px solid #BE1A25;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.p-admission-sec .p-faq__list .faq__ttl .num {
  font-size: 2rem;
  width: 45px;
  min-width: 45px;
  height: 45px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #BE1A25;
  color: #fff;
}
.p-admission-sec .p-faq__list .faq__answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 1.8rem;
  gap: 2.4rem;
}
.p-admission-sec .p-faq__list .faq__answer .num {
  font-size: 2rem;
  width: 45px;
  min-width: 45px;
  height: 45px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #aaa;
  color: #fff;
}

/* —————————————————
  donation ao
  —————————————————*/
#section-download .text_c{
  text-align: center;
}

#section-download .mb50{
  margin-bottom: 50px;
}
.attention-box {
  background-color: #8080800f;
}

.attention-text {
  color: red;
}

.attention-list li {
  color: red;
  font-size: 14px;
}

.sub-text {
  font-size: 14px;
}

.sub-text1 {
  font-size: 14px;
  text-align: center;
}

.button-box {
  text-align: center;
}

a.btn_04 {

  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 120px;
  margin: auto;
  padding: 1rem 4rem;
  font-weight: bold;
  border: 2px solid #27acd9;
  background: orange;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}

a.btn_04:hover {
  color: #27acd9;
  background: #fff;
}

.donation img {
  width: initial !important;
  /* 初期状態にリセット */
}

.donation_main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}



.donation_wrap1 {
  background-image: url(../img/donation/donation_back1.png);
  background-position: bottom;
  background-repeat: no-repeat;
  line-height: 200%;
  padding: 40px 50px 150px 50px;

}

/*flex-wrap: wrap;*/

.donation_flex1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 700px;
  margin: 60px auto 0;

}

.donation_flex_box1 {
  width: 48%;
}

.donation_flex_box1 img {
  width: 100%;

}



.donation_t2 {
  margin-top: 40px;

}

.donation_table1 {}

.donation_table1 table {
  width: 100%;
  margin-top: 40px;
  border-collapse: separate;
  border-spacing: 0;
}

.donation_table1 th {
  width: 30%;
  background: #BDE6C4;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  padding: 10px;
  border-bottom: #fff 5px solid !important;
  border-right: #fff 5px solid !important;
  border-top: none !important;
  border-left: none !important;

}

.donation_table1 td {
  padding: 10px;
  background: #F6F6F6;
  vertical-align: middle;
  border-bottom: #fff 5px solid !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;

}


.donation_dt1 {
  width: 140px;
  background: #BDE6C4;
  text-align: center;
  padding: 10px 0;
  float: left;
}

.donation_dd1 {
  margin-left: 145px;
  background: #F6F6F6;
}


.donation_step {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  margin: 40px auto 0;

}

.donation_step_l {
  width: 112px;

}

.donation_step_l img {
  width: 100%;

}

.donation_step_r {
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;

}

.donation_box1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 0;
  background: #F9F9F9;
  padding: 10px;
  font-size: 18px;

}

.donation_box1_1 {
  width: 20%;
  border-right: #EAEAEA 2px solid;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

.donation_box1_2 {
  width: 39%;
  padding: 10px 0;
  text-align: center;

}

.donation_box1_3 {
  width: 640px;
  padding: 10px 0;

}


.donation_box1_3 ul li {
  list-style: disc;
  margin-left: 1em;

}

.donation_box2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 40px auto 0;
  padding: 10px;
  font-size: 18px;

}

.donation_box2_1 {
  width: 15%;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

.donation_box2_2 {
  padding: 10px 0;

}

.donation_mark1 {
  width: 24px !important;
  margin-right: 5px;
}

.donation_yajirushi {
  margin-top: 40px;
  border-top: #2baa38 1px solid;
  text-align: center;
}

.donation_yajirushi img {
  width: 69px !important;
}



.donation_box3 {
  margin: 40px auto 0;
  padding: 20px 10px;
  font-size: 18px;
  text-align: center;
  background: #F9F9F9;
  font-weight: bold;

}

.donation_box4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 0;
  padding: 10px;


}

.donation_box4_1 {
  width: 50%;
  border-right: #EAEAEA 2px solid;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.donation_box4_2 {
  width: 45%;
  padding: 10px 0;

}

.donation_box4_2 ul li {
  list-style: disc;
  margin-left: 1em;

}


.donation_img1 {
  margin-top: 40px;
}


@media screen and (max-width: 782px) {
  /* 768pxまでの幅の場合に適応される */

  .donation_wrap1 {
    padding: 20px 10px;

  }

  .donation_flex1 {
    width: 100%;
    margin: 30px auto 0;

  }

  .donation_flex_box1 {
    width: 80%;
    margin: 20px auto 0;
  }

  .donation_flex_box1 img {
    width: 100%;

  }


  .donation_t1 {
    width: 30% !important;

  }

  .donation_t2 {
    margin-top: 20px;
    width: 70% !important;

  }

  .donation_table1 table {
    margin-top: 20px;
  }

  .donation_table1 th {
    font-size: 16px;

  }

  .donation_step {
    margin: 10px auto 0;
  }

  .donation_step_l {
    width: 112px;
    margin: 20px auto 0;

  }


  .donation_step_r {
    font-size: 18px;
    width: 100%;
    margin-top: 10px;
    margin-left: auto;

  }

  .donation_box1_1 {
    width: 100%;
    border-right: none;
    border-bottom: #EAEAEA 2px solid;

  }

  .donation_box1_2,
  .donation_box1_3,
  .donation_box1_4 {
    width: 100%;

  }

  .donation_box2_1 {
    width: 100%;
    border-right: none;
    border-bottom: #EAEAEA 2px solid;
  }

  .donation_yajirushi {
    margin-top: 20px;
  }


  .donation_img1 {
    margin-top: 20px;
    width: 100% !important;


  }

  .donation_box4_1 {
    width: 100%;
    border-right: none;
    border-bottom: #EAEAEA 2px solid;
  }

  .donation_box4_2 {
    width: 100%;

  }


  a.btn_04 {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 120px;
    margin: auto;
    padding: 1rem 2rem;
    font-weight: bold;
    border: 2px solid #27acd9;
    background: orange;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
  }

}

/* —————————————————
  admission ao
  —————————————————*/
.p-admission__step,
.p-ao__step,
.p-ao__entry,
.p-ao__plan {
  margin-top: 4rem;
}
.p-admission__step .ao__ttl,
.p-ao__step .ao__ttl,
.p-ao__entry .ao__ttl,
.p-ao__plan .ao__ttl {
  background-color: #BE1A25;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 2;
  margin-bottom: 2rem;
  padding: 8px;
}
.p-admission__step .step__box,
.p-ao__step .step__box,
.p-ao__entry .step__box,
.p-ao__plan .step__box {
  border: 1px solid #BE1A25;
  border-radius: 16px;
  padding: 1.6rem 1.6rem 2rem;
  position: relative;
}
.p-admission__step .step__box .c-btn-box,
.p-ao__step .step__box .c-btn-box,
.p-ao__entry .step__box .c-btn-box,
.p-ao__plan .step__box .c-btn-box {
  margin: 2rem auto;
}
.p-admission__step .step__box .text_bbul,
.p-ao__step .step__box .text_bbul,
.p-ao__entry .step__box .text_bbul,
.p-ao__plan .step__box .text_bbul {
  color: #BE1A25;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.p-admission__step .step__box:not(:last-child),
.p-ao__step .step__box:not(:last-child),
.p-ao__entry .step__box:not(:last-child),
.p-ao__plan .step__box:not(:last-child) {
  margin-bottom: 5rem;
}
.p-admission__step .step__box:not(:last-child)::after,
.p-ao__step .step__box:not(:last-child)::after,
.p-ao__entry .step__box:not(:last-child)::after,
.p-ao__plan .step__box:not(:last-child)::after {
  content: "";
  display: block;
  width: 3.6rem;
  height: 1.8rem;
  background-color: #BE1A25;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 50%;
  bottom: -3rem;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.p-ao__entry,
.p-ao__plan {
  border: 1px solid #BE1A25;
  border-radius: 16px;
  overflow: hidden;
}
.p-ao__entry .wrap,
.p-ao__plan .wrap {
  padding: 0 2rem 2rem;
}

/* —————————————————
  admission apartment
  —————————————————*/
.p-apartment__block {
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}
.p-apartment__block .container03 {
  width: 50%;
}
.p-apartment__block .container02 {
  padding: 0 8px 8px;
}

/* —————————————————
  admission lifestyle
  —————————————————*/
.lifestyle_box_new {
  display: table;
  width: 100%;
  margin: 0 auto 45px;
}

.lifestyle_box_new .lifestyle_box_l {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}

.lifestyle_box_new .lifestyle_box_l img {
  max-width: 500px;
  width: 100%;
  height: auto;
}

.lifestyle_box_new .lifestyle_box_l .tmessage_p1 {
  line-height: 1.2em;
  margin-left: 20%;
}

.lifestyle_box_new .lifestyle_box_l .tmessage_p1 .font12 {
  display: block;
}

.lifestyle_box_new .lifestyle_box_r {
  display: table-cell;
  width: 70%;
  vertical-align: top;
}

.lifestyle_box_r b {
  margin-top: 40px;
  color: #51B1BF;
}

.lifestyle_box_new .lifestyle_box_r img {
  display: block;
  max-width: 580px;
  width: 60%;
  height: auto;
  margin: 0 auto;
}

.lifestyle_schedule {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.lifestyle_schedule img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 750px) {
  .lifestyle_box_new p {
    margin-bottom: -10px;
    margin-top: 15px;
  }
  .lifestyle_box_new .lifestyle_box_l {
    display: block;
    width: 100%;
  }
  .lifestyle_box_new .lifestyle_box_l p {
    display: inline-block;
    width: 58%;
    vertical-align: top;
    margin-left: 0%;
  }
  .lifestyle_box_new .lifestyle_box_l .tmessage_p1 .font12 {
    line-height: 1.4em;
  }
  .lifestyle_box_new .lifestyle_box_r {
    width: 70%;
    padding-bottom: 0px;
  }
  .lifestyle_box_r b {
    font-size: 0.9rem;
  }
  .lifestyle_box_new {
    display: block;
    width: 100%;
    margin: 0 auto 45px;
  }
  .lifestyle_box_new .lifestyle_box_l img {
    max-width: 40%;
    height: auto;
    display: inline-block;
  }
  .lifestyle_box_new .lifestyle_box_r img {
    width: 80%;
    margin-top: 20px;
  }
  .lifestyle_schedule img {
    margin-top: -20px;
  }
}
/*==2019.04_lifestyle==*/
.instagramCheck_img2 img {
  max-width: 600px;
}

.instagramCheck_box {
  /*width: 900px;*/
  margin: 0 auto;
  background: #f4f2ee;
  padding: 5px 5px 20px;
}

.instagramCheck_box.instagramCheck_boxSize {
  width: 700px;
}

.instagramCheck_box .instagramCheck_title {
  min-width: 376px;
  padding: 10px;
}

.instagramCheck_box .instagramCheck_title img {
  width: 100%;
  max-width: 376px;
}

p.instagramCheck_title {
  margin-bottom: 0;
}

.instagramCheck_box .instagramCheck_img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 1rem;
}

.instagramCheck_box .instagramCheck_img figure {
  width: calc(33.3333333333% - 1rem);
}

.instagramCheck_box .instagramCheck_img figure img {
  width: 100%;
  aspect-ratio: 480/460;
  -o-object-fit: cover;
     object-fit: cover;
}

.instagramCheck_box .instagramCheck_img figure figcaption {
  width: 100%;
  max-width: 250px;
  font-size: 14px;
  /*  font-weight: bold;*/
}

@media screen and (max-width: 1000px) {
  .instagramCheck_box.instagramCheck_3box {
    width: 95%;
  }
  .instagramCheck_box .instagramCheck_img figure {
    min-width: 200px;
  }
  .instagramCheck_box .instagramCheck_img figure img {
    max-width: 200px;
  }
  .instagramCheck_box .instagramCheck_img figure figcaption {
    max-width: 200px;
  }
}
@media screen and (max-width: 782px) {
  .instagramCheck_box {
    width: 95%;
  }
  .instagramCheck_box.instagramCheck_boxSize {
    width: 460px;
  }
  .instagramCheck_box .instagramCheck_img figure {
    min-width: 150px;
  }
  .instagramCheck_box .instagramCheck_img figure img {
    max-width: 150px;
  }
  .instagramCheck_box .instagramCheck_img figure figcaption {
    max-width: 150px;
    font-size: 11px;
  }
}
@media screen and (max-width: 550px) {
  .instagramCheck_box.instagramCheck_boxSize {
    width: 95%;
  }
  .instagramCheck_box .instagramCheck_title {
    min-width: 200px;
  }
  .instagramCheck_box .instagramCheck_title {
    text-align: center;
  }
  .instagramCheck_box .instagramCheck_img {
    display: block;
    text-align: center;
  }
  .instagramCheck_box .instagramCheck_img figure {
    width: 100%;
    min-width: 250px;
    margin-bottom: 20px;
  }
  .instagramCheck_box .instagramCheck_img figure img {
    max-width: 350px;
  }
  .instagramCheck_box .instagramCheck_img figure figcaption {
    max-width: 350px;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .lifestyle_box_new .lifestyle_box_l {
    height: 200px;
    overflow: hidden;
  }
  .lifestyle_box_new .lifestyle_box_l p {
    width: 49%;
  }
  .lifestyle_box_new .lifestyle_box_l .tmessage_img {
    width: 50%;
    margin: 0px;
    position: relative;
  }
  .lifestyle_box_new .lifestyle_box_l img {
    max-width: 300px;
    width: 200%;
    position: absolute;
    top: -20px;
    left: 50%;
    -ms-transform: translateX(-55%);
        transform: translateX(-55%);
  }
  .lifestyle_box_new .lifestyle_box_r img {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 550px) {
  .instagramCheck_box .instagramCheck_img figure {
    width: 90%;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 500px) {
  .lifestyle_box_new .lifestyle_box_l {
    height: 150px;
  }
  .lifestyle_box_new .lifestyle_box_l .tmessage_img {
    width: 40%;
  }
  .lifestyle_box_new .lifestyle_box_l img {
    top: -20px;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 300%;
  }
  .lifestyle_box_new .lifestyle_box_l p {
    width: 58%;
  }
}
/* ——————————————————————————————————
  opencampus index
  ——————————————————————————————————*/
.p-opencampus-index .c-index__menu {
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 8rem;
}
.p-opencampus-index .c-index__menu .c-menu__ttl {
  position: relative;
}
.p-opencampus-index .c-index__menu .c-menu__ttl::after {
  content: "";
  display: block;
  width: 16px;
  height: 10px;
  -webkit-mask-image: url("../img/icon_arrow.svg");
          mask-image: url("../img/icon_arrow.svg");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 12px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .p-opencampus-index .c-index__menu {
    margin-bottom: 4rem;
  }
}
/* ——————————————————————————————————
opencampus event
——————————————————————————————————*/
/* --- event intro ---*/
.p-opencampus-intro .c-lead {
  line-height: 1.5;
}
.p-opencampus-intro .p-opencampus-intro__block {
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}
.p-opencampus-intro .p-opencampus-intro__block .block__item {
  width: 50%;
}
.p-opencampus-intro .p-opencampus-intro__block .c-ttl__border {
  text-align: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-top: 1.6rem;
}
.p-opencampus-intro .p-opencampus-intro__block .desc {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .p-opencampus-intro .p-opencampus-intro__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.8rem;
  }
  .p-opencampus-intro .p-opencampus-intro__block .block__item {
    width: 100%;
  }
  .p-opencampus-intro .p-opencampus-intro__block .c-ttl__border {
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-top: 1.6rem;
  }
  .p-opencampus-intro .p-opencampus-intro__block .desc {
    font-size: 1.2rem;
  }
}
/* --- event oc ---*/
.p-oc__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 2.2rem;
}
.p-oc__list .oc__item {
  width: calc(50% - 1.1rem);
}
.p-oc__list .oc__item .oc__ttl {
  font-weight: 700;
  font-size: 1.6rem;
  margin-top: 8px;
}
.p-oc__list .oc__item .oc__tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 8px;
}
.p-oc__list .oc__item .oc__tag li {
  font-size: 1.2rem;
  color: #BE1A25;
  border: 1px solid #BE1A25;
  border-radius: 5px;
  padding: 2px 4px;
}
.p-oc__list .oc__item .oc__img img {
  aspect-ratio: 362/204;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-oc__list .oc__item .oc__info {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  margin-top: 8px;
}
.p-oc__list .oc__item .oc__info dt {
  width: 22%;
}
.p-oc__list .oc__item .oc__info dd {
  width: 78%;
}

.c-btn-box {
  font-size: 1.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4px;
  border: 1px solid #BE1A25;
  color: #BE1A25;
  padding: 1.6rem;
  margin-top: 2rem;
  transition: 0.3s ease;
  max-width: 296px;
  margin: 2rem auto 0;
}
.c-btn-box::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  -webkit-mask-image: url("../img/icon_arrow.svg");
          mask-image: url("../img/icon_arrow.svg");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #BE1A25;
}
.c-btn-box:hover {
  background-color: #BE1A25;
  color: #fff;
}
.c-btn-box:hover::after {
  background-color: #fff;
}

.p-opencampus-event__link .item__img img {
  /* aspect-ratio: 376/226; */
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  /* --- event oc ---*/
  .p-oc__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4rem;
  }
  .p-oc__list .oc__item {
    width: 100%;
  }
  .p-opencampus-event__link {
    margin-top: 4rem;
  }
  .p-opencampus-event__link .item__img img {
    aspect-ratio: initial;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* --- opencampus online ---*/
.p-opencampus-online__block {
  margin-top: 3rem;
}
.p-opencampus-online__block .block__item {
  margin: 0 6px;
}
.p-opencampus-online__block .block__item figure {
  min-height: 106px;
}
.p-opencampus-online__block .block__item figure img {
  margin: 0 auto;
}
.p-opencampus-online__block .block__item .c-ttl__border {
  text-align: center;
  margin-top: 2rem;
}
.p-opencampus-online__block .block__item .desc {
  line-height: 1.5;
}

.p-opencampus-online__flow {
  margin-top: 4rem;
}
.p-opencampus-online__flow .wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 1.8rem;
}
.p-opencampus-online__flow .flow__text {
  width: 58%;
}
.p-opencampus-online__flow .flow__text li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem;
  position: relative;
}
.p-opencampus-online__flow .flow__text li:not(:last-child) {
  margin-bottom: 3rem;
}
.p-opencampus-online__flow .flow__text li:not(:last-child)::after {
  content: "";
  display: block;
  width: 33px;
  height: 18px;
  background-color: #BE1A25;
  -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0);
          clip-path: polygon(50% 50%, 0 0, 100% 0);
  position: absolute;
  bottom: -25px;
  left: 60%;
}
.p-opencampus-online__flow .flow__text li .desc {
  line-height: 1.5;
  font-size: 1.6rem;
}
.p-opencampus-online__flow .flow__img {
  width: 42%;
}
.p-opencampus-online__flow .c-notice {
  font-size: 1.2rem;
  color: #BE1A25;
}

.p-opencampus-online .c-lead {
  line-height: 1.5;
}
.p-opencampus-online .c-fBox {
  display: -ms-flexbox;
  display: flex;
  gap: 2.2rem;
  margin: 2rem 0;
}
.p-opencampus-online .c-fBox .item {
  width: 33.3333333333%;
}

@media screen and (max-width: 767px) {
  .p-opencampus-online__block {
    width: 100vw;
    margin: 3rem calc(50% - 50vw) 0;
  }
  .p-opencampus-online__block .block__item {
    margin: 0 1rem;
  }
  .p-opencampus-online__block .slick-dots {
    bottom: -20px;
  }
  .p-opencampus-online__block .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 8px;
  }
  .p-opencampus-online__block .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
  }
  .p-opencampus-online__block .slick-dots li button:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border-radius: 50%;
    opacity: 1;
  }
  .p-opencampus-online__block .slick-dots li.slick-active button:before {
    background-color: #BE1A25;
  }
  .p-opencampus-online__block .slick-prev,
  .p-opencampus-online__block .slick-next {
    top: 20%;
  }
  .p-opencampus-online__block .slick-prev {
    left: 18%;
  }
  .p-opencampus-online__block .slick-prev::before {
    content: "<";
    color: #BE1A25;
    font-size: 3rem;
  }
  .p-opencampus-online__block .slick-next {
    right: 18%;
  }
  .p-opencampus-online__block .slick-next::before {
    content: ">";
    color: #BE1A25;
    font-size: 3rem;
  }
  .p-opencampus-online__flow {
    margin-top: 8rem;
  }
  .p-opencampus-online__flow .c-ttl__border {
    text-align: center;
  }
  .p-opencampus-online__flow .wrap {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    gap: 3.6rem;
  }
  .p-opencampus-online__flow .flow__text {
    width: 100%;
  }
  .p-opencampus-online__flow .flow__text li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 1rem;
    position: relative;
  }
  .p-opencampus-online__flow .flow__text li:not(:last-child) {
    margin-bottom: 3rem;
  }
  .p-opencampus-online__flow .flow__text li:not(:last-child)::after {
    content: "";
    display: block;
    width: 33px;
    height: 18px;
    background-color: #BE1A25;
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0);
            clip-path: polygon(50% 50%, 0 0, 100% 0);
    position: absolute;
    bottom: -25px;
    left: 50%;
  }
  .p-opencampus-online__flow .flow__text li .desc {
    line-height: 1.5;
    font-size: 1.6rem;
  }
  .p-opencampus-online__flow .flow__img {
    width: 96%;
    margin: 0 auto;
  }
  .p-opencampus-online .c-lead {
    line-height: 1.5;
  }
  .p-opencampus-online .c-fBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.2rem;
    margin: 2rem 0;
  }
  .p-opencampus-online .c-fBox .item {
    width: 100%;
  }
}
/* --- opencampus festival ---*/
.p-opencampus-festival .c-lead {
  line-height: 1.5;
}
.p-opencampus-festival .c-lead:not(:last-of-type) {
  margin-bottom: 0;
}
.p-opencampus-festival .c-lead.u-color {
  color: #BE1A25;
}
.p-opencampus-festival .en-text {
  margin-bottom: 8px;
}
.p-opencampus-festival .c-ttl__border {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-opencampus__gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}
.p-opencampus__gallery li {
  width: calc(25% - 2.25rem);
}

.p-feastival__detail {
  margin-bottom: 2rem;
}
.p-feastival__detail dl {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  border-bottom: 1px solid #BE1A25;
  padding-bottom: 8px;
}
.p-feastival__detail dl:not(:last-child) {
  margin-bottom: 8px;
}
.p-feastival__detail dl dt {
  width: 20%;
}
.p-feastival__detail dl dd {
  width: 80%;
}

.p-opencampus-festival__block {
  margin-top: 8rem;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}
.p-opencampus-festival__block .block__item {
  width: 50%;
}
.p-opencampus-festival__block .c-ttl__border {
  text-align: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-top: 1.6rem;
}
.p-opencampus-festival__block .desc {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .p-opencampus-festival:not(:last-child) {
    margin-bottom: 4rem !important;
  }
  .p-opencampus-festival .en-text {
    max-width: 58%;
    margin: 0 auto 8px;
  }
  .p-opencampus-festival .c-ttl__box {
    text-align: center;
  }
  .p-opencampus__gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.2rem;
    padding: 0 1.2rem;
  }
  .p-opencampus__gallery li {
    width: calc(50% - 0.6rem);
  }
  .p-feastival__detail dl dt {
    width: 28%;
  }
  .p-feastival__detail dl dd {
    width: 72%;
  }
  .p-opencampus-festival__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.8rem;
    margin-top: 4rem;
  }
  .p-opencampus-festival__block .block__item {
    width: 100%;
  }
}
/* ——————————————————————————————————
  opencampus event article
  ——————————————————————————————————*/
.p-work-event__article .event__head {
  margin: 2rem 0 3rem;
}
.p-work-event__article .date {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.p-work-event__article .event__ttl {
  font-size: 2rem;
  font-weight: 700;
}
.p-work-event__article .event__body {
  font-size: 1.6rem;
  line-height: 1.5;
}
.p-work-event__article .event__body p {
  margin-top: 2rem;
}
.p-work-event__article .event__detail {
  margin-top: 4rem;
}
.p-work-event__article .event__detail .detail__block {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-work-event__article .event__detail .detail__block .block__img {
  width: 35%;
}
.p-work-event__article .event__detail .detail__block .block__text {
  width: 65%;
}
.p-work-event__article .event__detail .detail__block .oc__tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.p-work-event__article .event__detail .detail__block .oc__tag li {
  font-size: 1.2rem;
  color: #BE1A25;
  border: 1px solid #BE1A25;
  border-radius: 5px;
  padding: 2px 4px;
}
.p-work-event__article .event__detail .detail__block dl {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.5;
}
.p-work-event__article .event__detail .detail__block dl:not(:last-child) {
  margin-bottom: 8px;
}
.p-work-event__article .event__detail .detail__block dl dt {
  font-weight: 400;
}
.p-work-event__article .event__detail .detail__block .c-btn-box {
  margin: 2rem auto 0 0;
}
.p-work-event__article .event__detail .u-attention {
  font-size: 1.2rem;
  color: #e60012;
  margin-top: 2rem;
}
.p-work-event__article .event__detail .tokuten {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 1.4rem;
  gap: 1rem;
  margin-top: 2rem;
}
.p-work-event__article .event__detail .tokuten span {
  display: block;
  color: #fff;
  background-color: #ff00ff;
  padding: 4px;
  border-radius: 3px;
  line-height: 1.5;
  width: 160px;
  text-align: center;
}
.p-work-event__article .event__detail .tokuten p {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-work-event__article .event__head {
    margin: 2rem 0;
  }
  .p-work-event__article .date {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .p-work-event__article .event__ttl {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  .p-work-event__article .event__body {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .p-work-event__article .event__body p {
    margin: 14px 0;
  }
  .p-work-event__article .event__detail .detail__block {
    display: block;
  }
  .p-work-event__article .event__detail .detail__block .block__img {
    width: 100%;
    margin-bottom: 2rem;
  }
  .p-work-event__article .event__detail .detail__block .block__img img {
    width: 100%;
  }
  .p-work-event__article .event__detail .detail__block .block__text {
    width: 100%;
  }
  .p-work-event__article .event__detail .detail__block .c-btn-box {
    margin: 2rem auto 0;
  }
  .p-work-event__article .event__detail .u-attention {
    font-size: 1.2rem;
    color: #e60012;
    margin-top: 2rem;
  }
  .p-work-event__article .event__detail .tokuten {
    display: block;
    margin-top: 2rem;
  }
  .p-work-event__article .event__detail .tokuten span {
    display: inline-block;
    padding: 4px;
    line-height: 1.5;
    width: auto;
    margin-bottom: 8px;
    font-size: 1.3rem;
  }
  .p-work-event__article .event__detail .tokuten span br {
    display: none;
  }
  .p-work-event__article .event__detail .tokuten p {
    font-size: 1.4rem;
  }
}
/* ——————————————————————————————————
  opencampus kengaku
  ——————————————————————————————————*/
.p-opencampus-kengaku__contact .reception {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.6rem;
}
.p-opencampus-kengaku__contact .reception dt {
  background-color: rgba(190, 26, 37, 0.26);
  padding: 1rem;
  width: 20%;
  border: 1px solid #eee;
}
.p-opencampus-kengaku__contact .reception dd {
  padding: 1rem;
  border: 1px solid #eee;
  border-left: none;
  width: 80%;
}
.p-opencampus-kengaku__contact .desc {
  line-height: 1.5;
  margin: 1rem 0;
}
.p-opencampus-kengaku__contact .contact__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 1.6rem;
  margin-top: 4rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item {
  background-color: #BE1A25;
  width: 50%;
  height: 20rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #fff;
  font-weight: 700;
  padding: 1rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item:first-child img {
  width: 7.6rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item:nth-child(2) img {
  width: 7rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item a {
  color: #fff;
  font-size: 3.6rem;
  line-height: 1;
  display: inline-block;
  margin-top: 1rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item .ttl {
  font-size: 1.6rem;
  margin-top: 1.6rem;
}
.p-opencampus-kengaku__contact .contact__block .block__item .note {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
.p-opencampus-kengaku__contact .mail__block {
  gap: 1.6rem;
  margin-top: 4rem;
}
.p-opencampus-kengaku__contact .mail__block p {
  font-size: 1.6rem;
}
.p-opencampus-kengaku__contact .mail__block .u-bold {
  font-weight: 700;
}
.p-opencampus-kengaku__contact .mail__block .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 1rem;
  max-width: 600px;
  margin: 1rem 0;
}
.p-opencampus-kengaku__contact .mail__block .notice {
  font-size: 1.2rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .p-opencampus-kengaku__contact .reception {
    font-size: 1.4rem;
  }
  .p-opencampus-kengaku__contact .reception dt {
    width: 30%;
    padding-right: 0;
  }
  .p-opencampus-kengaku__contact .reception dd {
    width: 70%;
  }
  .p-opencampus-kengaku__contact .desc {
    line-height: 1.5;
    margin: 1rem 0;
    font-size: 1.4rem;
  }
  .p-opencampus-kengaku__contact .contact__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.6rem;
    margin-top: 3rem;
  }
  .p-opencampus-kengaku__contact .contact__block .block__item {
    height: auto;
    padding: 2rem 1rem;
    width: 100%;
  }
  .p-opencampus-kengaku__contact .contact__block .block__item:first-child img {
    width: 5rem;
  }
  .p-opencampus-kengaku__contact .contact__block .block__item:nth-child(2) img {
    width: 4rem;
  }
  .p-opencampus-kengaku__contact .contact__block .block__item a {
    font-size: 3.2rem;
    margin-top: 1rem;
  }
  .p-opencampus-kengaku__contact .contact__block .block__item .ttl {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
  .p-opencampus-kengaku__contact .mail__block {
    gap: 1.6rem;
    margin-top: 3rem;
  }
  .p-opencampus-kengaku__contact .mail__block p {
    font-size: 1.4rem;
  }
  .p-opencampus-kengaku__contact .mail__block .list {
    font-size: 1.4rem;
  }
}
/* ——————————————————————————————————
  news blog
  ——————————————————————————————————*/
.p-post .p-post-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 40px;
}
.p-post .p-post-container {
  width: calc(100% - 25rem - 40px);
}
.p-post .p-post-side {
  width: 25rem;
}
.p-post-list li:not(:last-child) {
  margin-bottom: 60px;
}

.p-post-block .p-post-head .date {
  font-size: 1.4rem;
  margin-bottom: 8px;
  font-weight: 700;
}
.p-post-block .p-post-block__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4rem;
}
.p-post-block .p-post-block__img {
  width: 40%;
  max-width: 250px;
}
.p-post-block .p-post-block__img img {
  aspect-ratio: 250/180;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-post-block .p-post-block__text {
  width: 60%;
  font-size: 1.6rem;
}
.p-post-block .p-post-block__text .c-more {
  margin-top: 40px;
}
.p-post-block a:hover .c-more::before {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.p-post .page-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 8px;
  margin-top: 8rem;
}
.p-post .page-numbers {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #D9D9D9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.2rem;
  transition: 0.3s ease;
  font-weight: 700;
}
.p-post a.page-numbers:hover {
  opacity: 0.7;
}
.p-post .page-numbers.current {
  background-color: #BE1A25;
  color: #fff;
}
.p-post .page-numbers.prev,
.p-post .page-numbers.next {
  display: none;
}
.p-post .page-numbers li .page-numbers.dots {
  background: none;
  width: auto;
}

.p-post-side aside:not(:last-child) {
  margin-bottom: 50px;
}
.p-post-side aside h2 {
  margin-bottom: 15px;
}
.p-post-side aside ul {
  font-size: 1.6rem;
}
.p-post-side aside ul li:not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .p-post .p-post-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 100px;
  }
  .p-post .p-post-container {
    width: 100%;
  }
  .p-post .p-post-side {
    width: 100%;
  }
  .p-post-list li:not(:last-child) {
    margin-bottom: 60px;
  }
  .p-post-block .p-post-head .date {
    font-size: 1.4rem;
    margin-bottom: 8px;
    font-weight: 700;
  }
  .p-post-block .p-post-block__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .p-post-block .p-post-block__img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .p-post-block .p-post-block__img img {
    aspect-ratio: 250/180;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-post-block .p-post-block__text {
    width: 1000%;
    font-size: 1.4rem;
  }
  .p-post-block .p-post-block__text .c-more {
    margin-top: 30px;
  }
  .p-post-block .p-post-block__text .c-more span::before {
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
  .p-post-block a:hover .c-more span::before {
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
}
/* ——————————————————————————————————
  news blog article
  ——————————————————————————————————*/
.p-post-article .p-post-article__head .date {
  font-size: 1.4rem;
  margin-bottom: 8px;
  font-weight: 700;
}
.p-post-article .p-post-article__body {
  font-size: 1.6rem;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.p-post-article .p-post-article__body p {
  margin: 20px 0;
}
.p-post-article .p-post-article__body img {
  max-width: 100%;
  height: auto;
  margin: 5px 0;
}
.p-post-article .p-post-article__body a {
  color: #BE1A25;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.p-post-article p {
  font-size: 1.4rem;
}
.p-post-article .pager {
  margin-top: 30px;
}
.p-post-article .pager ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.p-post-article .pager ul li {
  width: 45%;
  font-size: 1.6rem;
}

/* —————————————————
  special
  —————————————————*/
/* ——————— special header ——————*/
.l-header-special .l-header__top {
  height: 12rem;
}
.l-header-special .c-hamburger {
  display: block;
  background-color: #000;
}
.l-header-special .l-header__gNav {
  z-index: 99999;
  width: 100%;
  max-width: 600px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
}
.l-header-special .l-header__menu {
  display: block;
  padding: 3rem 0;
}
.l-header-special .l-header__menu .nav_item {
  position: relative;
}
.l-header-special .l-header__menu .nav_item a {
  display: block;
  font-size: 2.8rem;
  margin: 0;
  padding: 1.2rem 3rem;
  text-align: left;
  position: relative;
  font-weight: 700;
  transition: 0.3s ease;
  border: none;
}
.l-header-special .l-header__menu .nav_item a::after {
  display: none;
}
.l-header-special .l-header__menu .nav_item a:hover {
  background-color: #BE1A25;
  color: #fff;
}
.l-header-special .l-header__contact {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #BE1A25;
  height: 8.2rem;
}
.l-header-special .l-header__contact li {
  width: 33.3333333333%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.l-header-special .l-header__contact .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.5rem;
  transition: 0.3s ease;
  letter-spacing: 0;
  height: auto;
  font-weight: 700;
  text-align: center;
  padding: 0;
  line-height: 1.2;
  width: 100%;
  padding: 0.8rem 0;
}
.l-header-special .l-header__contact .item::before {
  content: "";
  display: block;
  margin: 0 auto 0.5rem;
}
.l-header-special .l-header__contact .item:hover {
  opacity: 0.7;
}
.l-header-special .l-header__contact .item_trial::before {
  width: 4.2rem;
  height: 4.2rem;
  background: url("../img/icon_school.svg") no-repeat top left/100%;
}
.l-header-special .l-header__contact .item_document::before {
  width: 4.2rem;
  height: 3.3rem;
  background: url("../img/icon_book.svg") no-repeat top left/100%;
}
.l-header-special .l-header__contact .item_contact::before {
  width: 4.3rem;
  height: 3.5rem;
  background: url("../img/icon_mail.svg") no-repeat top left/100%;
}
.l-header-special .c-hamburger {
  transition: all 0.2s;
  width: 12rem;
  height: 12rem;
  z-index: 9999;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.l-header-special .c-hamburger span {
  z-index: 99999;
  display: inline-block;
  transition: all 0.2s;
  box-sizing: border-box;
  position: absolute;
  height: 5px;
  background-color: #fff;
  border-radius: 4px;
  width: 6.8rem;
  right: 2.4rem;
  transition: 0.3s ease all;
}
.l-header-special .c-hamburger span:nth-of-type(1) {
  top: 3.2rem;
}
.l-header-special .c-hamburger span:nth-of-type(2) {
  top: 5.2rem;
}
.l-header-special .c-hamburger span:nth-of-type(3) {
  top: 7.2rem;
}
.l-header-special .c-hamburger.is-active span:nth-of-type(1) {
  -ms-transform: translateY(2rem) rotate(-45deg);
      transform: translateY(2rem) rotate(-45deg);
}
.l-header-special .c-hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}
.l-header-special .c-hamburger.is-active span:nth-of-type(3) {
  -ms-transform: translateY(-2rem) rotate(45deg);
      transform: translateY(-2rem) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .l-header-special .l-header__top {
    height: 6rem;
  }
  .l-header-special .l-header__gNav {
    height: auto;
    display: none;
    padding: 0;
  }
  .l-header-special .l-header__menu {
    display: block;
    padding: 1rem 0;
  }
  .l-header-special .l-header__menu .nav_item a {
    font-size: 1.8rem;
    padding: 1rem 2.5rem;
  }
  .l-header-special .l-header__contact {
    height: 7rem;
  }
  .l-header-special .l-header__contact .item_trial::before {
    width: 3.2rem;
    height: 3.2rem;
  }
  .l-header-special .l-header__contact .item_document::before {
    width: 3.2rem;
    height: 2.6rem;
  }
  .l-header-special .l-header__contact .item_contact::before {
    width: 2.9rem;
    height: 2.3rem;
  }
  .l-header-special .c-hamburger {
    transition: all 0.2s;
    width: 6rem;
    height: 6rem;
    z-index: 9999;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .l-header-special .c-hamburger span {
    z-index: 99999;
    display: inline-block;
    transition: all 0.2s;
    box-sizing: border-box;
    position: absolute;
    height: 5px;
    background-color: #fff;
    border-radius: 4px;
    width: 3.4rem;
    right: 1.2rem;
    transition: 0.3s ease all;
  }
  .l-header-special .c-hamburger span:nth-of-type(1) {
    top: 1.6rem;
  }
  .l-header-special .c-hamburger span:nth-of-type(2) {
    top: 2.6rem;
  }
  .l-header-special .c-hamburger span:nth-of-type(3) {
    top: 3.6rem;
  }
  .l-header-special .c-hamburger.is-active span:nth-of-type(1) {
    -ms-transform: translateY(1rem) rotate(-45deg);
        transform: translateY(1rem) rotate(-45deg);
  }
  .l-header-special .c-hamburger.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  .l-header-special .c-hamburger.is-active span:nth-of-type(3) {
    -ms-transform: translateY(-1rem) rotate(45deg);
        transform: translateY(-1rem) rotate(45deg);
  }
}
.l-main-special {
  margin-bottom: 6rem;
}

.p-special-ttl__block {
  font-size: 3rem;
  text-align: center;
  font-weight: 700;
  border: 1px solid #BE1A25;
  padding: 1.2rem;
  background-color: rgba(190, 26, 37, 0.1);
}

.p-special__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 5rem;
  margin-top: 6rem;
}
.p-special__btn a {
  display: block;
  width: 100%;
  transition: 0.3s ease;
}
.p-special__btn a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-special-ttl__block {
    font-size: 1.6rem;
    padding: 1rem;
  }
  .p-special__btn {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0.6rem;
    margin-top: 3rem;
  }
}
/* ——————— special mv ——————*/
.p-special-mv {
  margin-bottom: 8rem;
}
.p-special-mv .p-special__nav {
  background-color: #000;
  padding: 2rem 0;
}
.p-special-mv .p-special__nav .text {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
.p-special-mv .p-special__nav .list {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.p-special-mv .p-special__nav .list a {
  transition: 0.3s ease;
}
.p-special-mv .p-special__nav .list a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .l-main-special .l-wrap {
    width: calc(100% - 4rem);
  }
  .p-special-mv {
    margin-bottom: 2rem;
  }
  .p-special-mv .p-special__nav .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 2rem;
  }
  .p-special-mv .p-special__nav .list li {
    width: 72%;
    margin: 0 auto;
  }
  .p-special-mv .p-special__nav .list a {
    transition: 0.3s ease;
  }
  .p-special-mv .p-special__nav .list a:hover {
    opacity: 0.7;
  }
}
/* ——————— special feature ——————*/
.p-special-feature {
  margin-bottom: 12rem;
}

.p-special-feature__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 4.8rem;
  margin-top: 5rem;
}
.p-special-feature__block .block__item {
  width: 33.3333333333%;
}
.p-special-feature__block .block__item .item__text {
  margin-top: 2rem;
}
.p-special-feature__block .block__item .ttl {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.p-special-feature__block .block__item .desc .u-color {
  color: #BE1A25;
  font-weight: 700;
}

/*incubate collection*/
.p-spacial-incubate {
  max-width: 960px;
  margin: 9rem auto 0;
}
.p-spacial-incubate .p-incubate__container {
  background: #C01920;
  padding: 4.5rem 5rem 4rem;
}
.p-spacial-incubate .p-incubate__ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #000000;
  line-height: 1.7;
  margin-bottom: 3rem;
}
.p-spacial-incubate .p-incubate__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto;
  color: #FFFFFF;
  margin-top: 4rem;
}
.p-spacial-incubate .p-incubate__block .item__text {
  width: 60%;
}
.p-spacial-incubate .p-incubate__block .item__prof {
  width: 30%;
}
.p-spacial-incubate .p-incubate__block .item__prof img {
  width: 100%;
}
.p-spacial-incubate .p-incubate__block .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 3rem;
}
.p-spacial-incubate .p-incubate__block .desc {
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 500;
}
.p-spacial-incubate .p-incubate__block .course {
  font-size: 1.2rem;
  margin-top: 1rem;
  font-weight: 500;
  line-height: 2;
}
.p-spacial-incubate .p-incubate__block .course .name {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-special-feature {
    margin-bottom: 4rem;
  }
  .p-special-feature__block {
    display: block;
    margin-top: 0;
  }
  .p-special-feature__block .block__item {
    width: 100%;
    margin-top: 3rem;
  }
  .p-special-feature__block .block__item .item__text {
    margin-top: 2rem;
  }
  .p-special-feature__block .block__item .ttl {
    font-size: 2.2rem;
  }
  .p-special-feature__block .block__item .desc {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: -0.025em;
  }
  .p-spacial-incubate {
    margin: 3rem auto 0;
  }
  .p-spacial-incubate .p-incubate__container {
    padding: 2rem 1rem 4rem;
  }
  .p-spacial-incubate .p-incubate__ttl {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .p-spacial-incubate p.u-center {
    width: 42%;
    margin: 0 auto;
  }
  .p-spacial-incubate .p-incubate__block {
    display: block;
    margin-top: 3rem;
  }
  .p-spacial-incubate .p-incubate__block .item__text {
    width: 100%;
  }
  .p-spacial-incubate .p-incubate__block .item__prof {
    width: 84%;
    margin: 2rem auto 0;
  }
  .p-spacial-incubate .p-incubate__block .ttl {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .p-spacial-incubate .p-incubate__block .desc {
    line-height: 1.5;
    font-size: 1.4rem;
  }
  .p-spacial-incubate .p-incubate__block .course {
    line-height: 1.5;
  }
}
/* ——————— special course ——————*/
.p-special-course {
  margin-bottom: 12rem;
}

.p-special-course__block {
  margin-top: 8rem;
}
.p-special-course__block .course__ttl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 2rem 2.2rem;
  margin-bottom: 3rem;
}
.p-special-course__block .course__detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 3rem;
}
.p-special-course__block .course__detail:not(:last-child) {
  margin-bottom: 4.5rem;
}
.p-special-course__block .course__detail .detail__block {
  width: 50%;
}
.p-special-course__block .course__detail p {
  font-size: 1.8rem;
}
.p-special-course__block .course__detail .ttl {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin-bottom: 2rem;
}
.p-special-course__block .course__detail .desc {
  font-size: 1.8rem;
  line-height: 1.77;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.p-special-course__block .course__detail .ttl__bg {
  font-size: 2.2rem;
  font-weight: 700;
  padding: 0.6rem 1.5rem;
  margin-bottom: 2rem;
}
.p-special-course__block .course__detail .list__licensed li {
  font-size: 1.8rem;
  line-height: 1.7;
}
.p-special-course__block .course__detail .list__licensed li::before {
  content: "●";
}
.p-special-course__block .course__detail .list__job li {
  border: 1px solid;
  text-align: center;
  font-weight: 500;
  font-size: 2.2rem;
  padding: 0.5rem;
  letter-spacing: 0;
  margin-bottom: 0.8rem;
}
.p-special-course__block.professional .course__ttl {
  background-color: #D37985;
}
.p-special-course__block.professional .course__detail .ttl__bg {
  background-color: rgba(211, 121, 133, 0.5);
}
.p-special-course__block.professional .course__detail .list__job li {
  background-color: rgba(211, 121, 133, 0.1);
  border-color: #D37985;
}
.p-special-course__block.styling .course__ttl {
  background-color: #91C3A1;
}
.p-special-course__block.styling .course__detail .ttl__bg {
  background-color: rgba(145, 195, 161, 0.5);
}
.p-special-course__block.styling .course__detail .list__job li {
  background-color: rgba(145, 195, 161, 0.1);
  border-color: #91C3A1;
}
.p-special-course__block.styling .course__styling p.u-center {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin-bottom: 1.4rem;
}
.p-special-course__block.styling .course__styling .styling__block {
  border: 4px solid rgba(145, 195, 161, 0.4);
  padding: 1rem 2rem;
}
.p-special-course__block.styling .course__styling .styling__block .wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 1rem;
}
.p-special-course__block.styling .course__styling .styling__block .wrap .desc {
  width: 78%;
}
.p-special-course__block.styling .course__styling .styling__block .wrap figure {
  width: 20%;
  text-align: center;
}
.p-special-course__block.styling .course__styling .styling__ttl {
  color: #91C3A1;
  font-size: 2.4rem;
  font-feature-settings: "palt";
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #91C3A1;
  padding-bottom: 0.6rem;
  margin-bottom: 1.2rem;
}
.p-special-course__block.master .course__ttl {
  background-color: #8EABD9;
}
.p-special-course__block.master .course__detail .ttl__bg {
  background-color: rgba(142, 171, 217, 0.5);
}
.p-special-course__block.master .course__detail .list__job li {
  background-color: rgba(142, 171, 217, 0.1);
  border-color: #91C3A1;
}

@media screen and (max-width: 767px) {
  .p-special-course {
    margin-bottom: 6rem;
  }
  .p-special-course .p-special__btn {
    margin-top: 7rem;
  }
  .p-special-course__block {
    margin-top: 2rem;
  }
  .p-special-course__block:not(:first-of-type) {
    margin-top: 6rem;
  }
  .p-special-course__block .course__ttl {
    display: block;
    padding: 1.2rem;
    margin-bottom: 1rem;
  }
  .p-special-course__block .course__ttl .en {
    display: none;
  }
  .p-special-course__block .course__detail {
    display: block;
  }
  .p-special-course__block .course__detail:not(:last-child) {
    margin-bottom: 2rem;
  }
  .p-special-course__block .course__detail .detail__block {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .p-special-course__block .course__detail p {
    font-size: 1.2rem;
  }
  .p-special-course__block .course__detail .ttl {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .p-special-course__block .course__detail .desc {
    font-size: 1.4rem;
  }
  .p-special-course__block .course__detail .item__img {
    margin-top: 2rem;
  }
  .p-special-course__block .course__detail .ttl__bg {
    font-size: 1.5rem;
    padding: 0.4rem 1rem;
    margin-bottom: 1rem;
  }
  .p-special-course__block .course__detail .list__licensed li {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .p-special-course__block .course__detail .list__job li {
    font-size: 1.4rem;
    padding: 0.5rem;
  }
  .p-special-course__block.styling .course__detail .ttl {
    font-size: 1.7rem;
  }
  .p-special-course__block.styling .course__styling {
    margin-bottom: 2rem;
  }
  .p-special-course__block.styling .course__styling p.u-center {
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 1.4rem;
  }
  .p-special-course__block.styling .course__styling .styling__block {
    padding: 0.5rem 1rem 1rem;
    border-width: 2px;
  }
  .p-special-course__block.styling .course__styling .styling__block .wrap .desc {
    font-size: 1.4rem;
  }
  .p-special-course__block.styling .course__styling .styling__block .wrap figure {
    text-align: center;
  }
  .p-special-course__block.styling .course__styling .styling__ttl {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
  }
}
/* ——————— support course ——————*/
.p-special-support {
  margin-bottom: 12rem;
}
.p-special-support .c-lead {
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 700;
  margin-top: 2.5rem;
  font-feature-settings: "palt";
}
.p-special-support .p-support__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
  margin-top: 3rem;
}
.p-special-support .p-support__block .item {
  width: calc(50% - 2rem);
}
.p-special-support .p-support__block .item .ttl {
  font-size: 3rem;
  background-color: #BE1A25;
  color: #fff;
  padding: 1.2rem 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.p-special-support .p-support__block .item .desc {
  letter-spacing: 0;
  text-align: justify;
  font-size: 1.8rem;
  line-height: 1.7;
  font-feature-settings: "palt";
}
.p-special-support .p-suport-training {
  margin-top: 8rem;
}
.p-special-support .p-suport-training .training__ttl {
  font-size: 3rem;
  text-align: center;
  font-weight: 700;
  color: #BE1A25;
  border: 1px solid #BE1A25;
  padding: 1.2rem;
}
.p-special-support .p-suport-training .p-training__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 3rem;
  gap: 3rem;
}
.p-special-support .p-suport-training .p-training__block .item .ttl {
  color: #BE1A25;
  font-weight: 700;
  font-size: 2.4rem;
}
.p-special-support .p-suport-training .p-training__block .item .list {
  margin-top: 1rem;
}
.p-special-support .p-suport-training .p-training__block .item .list li {
  font-size: 1.8rem;
  line-height: 1.7;
}
.p-special-support .p-support-voice {
  margin-top: 8rem;
}
.p-special-support .p-support-voice .p-voice__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 4rem;
  gap: 4rem;
}
.p-special-support .p-support-voice .p-voice__block {
  width: calc(50% - 2rem);
  background-color: rgba(190, 26, 37, 0.1);
  padding: 2rem;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 2rem;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .desc {
  font-size: 1.8rem;
  letter-spacing: 1.7;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text {
  width: 68%;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text p {
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .name {
  color: #BE1A25;
  font-size: 1.6rem;
  font-weight: 700;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .name span {
  font-size: 2.6rem;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .company {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: 0.8rem;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .course {
  font-size: 1.6rem;
  margin-top: 0.8rem;
}
.p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__img {
  width: 32%;
}

@media screen and (max-width: 767px) {
  .p-special-support {
    margin-bottom: 4rem;
  }
  .p-special-support .c-lead {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 1.6rem;
  }
  .p-special-support .p-support__block {
    display: block;
    margin-top: 2rem;
  }
  .p-special-support .p-support__block .item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .p-special-support .p-support__block .item .ttl {
    font-size: 1.6rem;
    padding: 1rem 1.4rem;
    margin-bottom: 1rem;
  }
  .p-special-support .p-support__block .item .desc {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .p-special-support .p-suport-training {
    margin-top: 4rem;
  }
  .p-special-support .p-suport-training .training__ttl {
    font-size: 1.6rem;
    padding: 1rem;
  }
  .p-special-support .p-suport-training .p-training__block {
    display: block;
    margin-top: 3rem;
  }
  .p-special-support .p-suport-training .p-training__block .item {
    margin-top: 1rem;
  }
  .p-special-support .p-suport-training .p-training__block .item .ttl {
    font-size: 1.8rem;
  }
  .p-special-support .p-suport-training .p-training__block .item .list li {
    font-size: 1.4rem;
  }
  .p-special-support .p-support-voice {
    margin-top: 6rem;
  }
  .p-special-support .p-support-voice .p-voice__list {
    display: block;
    margin-top: 2rem;
  }
  .p-special-support .p-support-voice .p-voice__block {
    width: 100%;
    padding: 1.2rem 2.8rem 2rem;
    margin-top: 3rem;
  }
  .p-special-support .p-support-voice .p-voice__block .desc {
    font-size: 1.4rem;
    text-align: justify;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof {
    display: block;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 2rem;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .name {
    font-size: 1.2rem;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .name span {
    font-size: 1.8rem;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .company {
    font-size: 1.4rem;
    margin-top: 0;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__text .course {
    font-size: 1.2rem;
    margin-top: 0;
  }
  .p-special-support .p-support-voice .p-voice__block .p-voice__prof .item__img {
    width: 60%;
    margin: 0 auto;
  }
}
/* ——————— special graduate ——————*/
.p-special-graduate .p-special-graduate__block {
  background-color: rgba(190, 26, 37, 0.05);
  padding: 1.4rem;
  margin-top: 4rem;
}
.p-special-graduate .p-special-graduate__block .inner {
  border: 2px dashed #BE1A25;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 3rem;
  padding: 1rem 2.6rem 1.5rem 1rem;
}
.p-special-graduate .p-special-graduate__block .inner .item__img {
  width: 23.5%;
}
.p-special-graduate .p-special-graduate__block .inner .item__img img {
  border-radius: 4px;
  overflow: hidden;
}
.p-special-graduate .p-special-graduate__block .inner .item__text {
  width: 74%;
  padding-top: 1rem;
}
.p-special-graduate .p-special-graduate__block .inner .ttl {
  font-weight: 700;
  font-size: 2.4rem;
  color: #BE1A25;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin-bottom: 1rem;
}
.p-special-graduate .p-special-graduate__block .inner .desc {
  font-size: 1.8rem;
  line-height: 1.77;
  letter-spacing: -0.02em;
  font-feature-settings: "palt";
  text-align: justify;
}
.p-special-graduate .p-special-graduate__block .inner .prof .name {
  color: #BE1A25;
  font-size: 1.6rem;
  font-weight: 700;
}
.p-special-graduate .p-special-graduate__block .inner .prof .name span {
  font-size: 2.6rem;
}
.p-special-graduate .p-special-graduate__block .inner .prof .company {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: 0.8rem;
}
.p-special-graduate .p-special-graduate__block .inner .prof .course {
  font-size: 1.6rem;
  margin-top: 0.8rem;
}

@media screen and (max-width: 767px) {
  .p-special-graduate .p-special-graduate__block {
    padding: 1rem;
    margin-top: 3rem;
  }
  .p-special-graduate .p-special-graduate__block .inner {
    display: block;
    gap: 3rem;
    padding: 1rem 1.6rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .item__img {
    width: 60%;
    margin: 0 auto 1rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .item__text {
    width: 100%;
    padding-top: 1rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .ttl {
    font-size: 1.6rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .desc {
    font-size: 1.2rem;
    line-height: 1.77;
    letter-spacing: -0.02em;
    font-feature-settings: "palt";
    text-align: justify;
  }
  .p-special-graduate .p-special-graduate__block .inner .prof .name {
    font-size: 1.1rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .prof .name span {
    font-size: 1.6rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .prof .company {
    font-size: 1.3rem;
    letter-spacing: 0;
    font-feature-settings: "palt";
    margin-top: 1.4rem;
  }
  .p-special-graduate .p-special-graduate__block .inner .prof .course {
    font-size: 1rem;
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .l-special__cta {
    background-color: #EBD5DC;
  }
  .l-special__cta .cta {
    display: block;
    width: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    background-color: #EBD5DC;
  }
  .l-special__cta .cta ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
  }
  .l-special__cta .cta ul li {
    width: 50%;
    text-align: center;
    font-size: 10px;
    height: 45px;
  }
  .l-special__cta .cta ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 28px;
    line-height: 1.5;
    text-decoration: none;
    color: #000;
    font-size: 1.3rem;
  }
  .l-special__cta .cta ul li a:before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: block;
    text-align: center;
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    text-decoration: none;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 7px;
  }
  .l-special__cta .cta ul li.opencampus a:before {
    background-image: url("../img/special/footer_icon_opencampus.png");
  }
  .l-special__cta .cta ul li.request a:before {
    background-image: url("../img/special/footer_icon_request.png");
  }
}
/* ---------------------------------------------------
    column
  --------------------------------------------------- */
/* ----------- column card common  ----------- */
.p-column-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}

.p-column-card,
.p-column-card .p-column-card__thumbnail {
  position: relative;
  width: 100%;
  transition: all 0.2s;
}

.p-column-card .p-column-card__thumbnail {
  height: auto;
  overflow: hidden;
}
@media (hover) {
  .p-column-card .p-column-card__thumbnail:hover img {
    -ms-transform: scale(1.05);
        transform: scale(1.05);
  }
}

.p-column-card .p-column-card__thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 350/212;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}

.p-column-card .p-column-card__category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 15px;
  margin-top: 24px;
  color: #1A1311;
}

.p-column-card .p-column-card__title {
  margin: 8px 0;
  transition: opacity 0.3s;
  line-height: 1.8;
  font-size: 1.6rem;
  font-weight: 500;
}

.p-column-card .p-column-card__date {
  font-size: 1.4rem;
  margin: 8px;
}

.p-column-card__tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

@media screen and (max-width: 767px) {
  .c-heading-column .c-heading__text {
    width: 64%;
  }
  .p-column-card .p-column-card__category {
    gap: 10px;
    margin-top: 20px;
  }
  .p-column-card .p-column-card__title {
    font-size: 1.5rem;
  }
  .p-column-card .p-column-card__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
  }
}
/* ----------- column pick up  ----------- */
.p-column-section.p-column-pickup .l-wrap {
  padding-bottom: 80px;
}
.p-column-section.p-column-pickup .c-btn-box {
  margin-top: 60px;
}

.p-column-pickup__list {
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
}

.p-column-pickup__item {
  width: 33.3333333333%;
}

@media screen and (max-width: 767px) {
  .p-column-pickup {
    padding: 50px 0 0;
  }
  .p-column-pickup .p-heading-title {
    font-size: 25px;
  }
  .p-column-pickup__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 40px;
  }
  .p-column-pickup__item {
    width: 100%;
  }
}
/* ----------- column category  ----------- */
.c-columncat {
  padding: 2px 4px;
  font-size: 1.2rem;
  color: #BE1A25;
  transition: all 0.3s;
  border: 1px solid #BE1A25;
  border-radius: 4px;
}
@media (hover: hover) {
  .c-columncat:hover {
    background-color: #BE1A25;
    color: #fff;
  }
}

/* ----------- column tag  ----------- */
.c-columntag {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  transition: all 0.3s;
  display: inline-block;
}
@media (hover: hover) {
  .c-columntag:hover {
    background-color: #202B3D;
    color: #fff;
  }
}

.c-columntag:before {
  content: "#";
}

/* ----------- column list common  ----------- */
.p-column-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto 80px;
}
.p-column-container .p-column__btn {
  margin-top: 80px;
}

.p-column-list,
.p-column-article__container {
  width: 64%;
}

.p-column-side__container {
  width: 32%;
  max-width: 350px;
  margin-top: 6rem;
}

.p-column-article .p-column-side__container {
  margin-top: 0;
}

.p-column-card__large .p-column-card {
  height: auto;
}
.p-column-card__large .p-column-card:not(:last-child) {
  margin-bottom: 60px;
}
.p-column-card__large .p-column-card__thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 732/290;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  .p-column-container {
    display: block;
    margin: 0 auto 60px;
  }
  .p-column-container .p-heading-title {
    font-size: 24px;
  }
  .p-column-list,
  .p-column-article__container {
    width: 100%;
  }
  .p-column-side__container {
    width: 100%;
    margin-top: 60px;
  }
  .p-column-card__large .p-column-card__thumbnail img {
    aspect-ratio: 3/2;
  }
}
/* ----------- column side  ----------- */
.p-column-side__ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #BE1A25;
  color: #fff;
  padding: 6px 10px;
}

.p-column-side__item {
  padding-bottom: 40px;
}
.p-column-side__item:not(:last-child) {
  margin-bottom: 40px;
}

.p-column-side__item .category__list li:not(:last-child) {
  margin-bottom: 25px;
}

.p-column-side__item .category__list li a {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  color: #1A1311;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  border-bottom: 3px solid #BE1A25;
  transition: 0.3s ease;
}
.p-column-side__item .category__list li a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url("../img/icon_arrow.svg") no-repeat top right/100%;
  margin-left: 5px;
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  right: 10px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
@media (hover: hover) {
  .p-column-side__item .category__list li a:hover {
    opacity: 0.7;
  }
  .p-column-side__item .category__list li a:hover::after {
    right: 14px;
  }
}

.p-column-side__item .tag__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 20px;
}

.p-column-side__item .monthly__list__more {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 35px;
}

.p-column-side__item .monthly__list {
  gap: 8px;
}
.p-column-side__item .monthly__list li:not(:last-child) {
  margin-bottom: 25px;
}
.p-column-side__item .monthly__list li a {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  color: #1A1311;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  border-bottom: 3px solid #BE1A25;
}
.p-column-side__item .monthly__list li a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url("../img/icon_arrow.svg") no-repeat top right/100%;
  margin-left: 5px;
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  right: 10px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
@media (hover: hover) {
  .p-column-side__item .monthly__list li a:hover::before {
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
}

/* ---------- column popular list ----------- */
.p-column-card__side .p-column-card:not(:last-child) {
  margin-bottom: 40px;
}
.p-column-card__side .p-column-card a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}
.p-column-card__side .p-column-card__wrap {
  width: 48%;
}
.p-column-card__side .p-column-card__thumbnail {
  width: 52%;
  max-width: 180px;
  overflow: hidden;
}
.p-column-card__side .p-column-card__thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 180/120;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .p-column-card__side .p-column-card__thumbnail:hover img {
    -ms-transform: scale(1.05);
        transform: scale(1.05);
  }
}
.p-column-card__side .p-column-card__category {
  margin-top: 8px;
  gap: 8px;
}
.p-column-card__side .p-column-card__title {
  margin: 0;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-column-card__side .p-column-card {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 10px;
  }
  .p-column-card__side .p-column-card:not(:last-child) {
    margin-bottom: 40px;
  }
  .p-column-card__side .p-column-card__wrap {
    width: 100%;
  }
  .p-column-card__side .p-column-card__thumbnail {
    width: 100%;
    max-width: 100%;
  }
  .p-column-card__side .p-column-card__thumbnail img {
    width: 100%;
    height: 100%;
    aspect-ratio: 220/148;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-column-card__side .p-column-card__category {
    margin-top: 8px;
    gap: 8px;
  }
  .p-column-card__side .p-column-card__title {
    margin: 0;
    font-size: 1.4rem;
  }
  .p-column-side__ttl {
    margin-bottom: 30px;
  }
  .p-column-side__item {
    margin-bottom: 50px;
  }
  .p-column-card__thumbnail img {
    aspect-ratio: 686/427;
  }
}
/* ===================================================
 column article
==================================================== */
.p-column-article {
  margin-top: 80px;
}

.p-column-article .p-column-article__header {
  margin-bottom: 30px;
}
.p-column-article .p-column-article__header .date {
  font-size: 1.4rem;
  margin: 8px 0;
}

.p-column-article__thumbnail {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-editor-content {
  font-size: 1.6rem;
}

.p-editor-content p {
  margin-bottom: 0.5em;
  line-height: 1.8;
  font-size: 1.6rem;
}

.p-editor-content {
  padding-top: 40px;
  border-bottom: 1px solid #EEF1F6;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

/* ----- 目次 ---- */
.p-toc-block {
  background-color: #fff;
  border: none;
  margin-top: 40px;
  overflow: hidden;
}

.p-toc-block__title {
  position: relative;
  gap: 8px;
  background-color: #BE1A25;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 24px;
  color: #fff;
  margin: 0 !important;
}
.p-toc-block__title.is-close::after {
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.p-toc-block__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #fff;
  border-bottom: 0;
  position: absolute;
  top: 50%;
  right: 24px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.p-toc-block ul {
  padding: 16px 24px 24px;
  margin: 0;
  border: 1px solid #706F6F;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.p-toc-block li {
  padding-left: 0;
  font-size: 16px;
  line-height: 1.8;
}

.p-toc-block li::before {
  display: none;
}

.p-toc-block li a {
  transition: 0.3s ease;
}

.p-toc-block li.h2 {
  margin-bottom: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-toc-block li.h2:first-child {
  margin-top: 0;
}

.p-toc-block li.h2:last-child {
  margin-bottom: 0;
}

.p-toc-block li.h3 {
  font-size: 1.6rem;
  padding-left: 20px;
  margin-bottom: 4px;
  line-height: 1.3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
}
.p-toc-block li.h3:not(:last-child) {
  margin-bottom: 8px;
}
.p-toc-block li.h3::before {
  content: "";
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 2px;
  background-color: #BE1A25;
  font-size: 1.4rem;
  margin-top: 8px;
}

.p-toc-block li.h2:last-child {
  margin-bottom: 0;
}

.p-toc-block li a {
  color: #222;
}

@media (hover) {
  .p-toc-block li a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-toc-block {
    margin-top: 50px;
    border-radius: 5px;
  }
  .p-toc-block__title {
    padding: 10px 10px 10px 24px;
  }
  .p-toc-block ul {
    padding: 16px 20px 30px 24px;
    margin: 0;
  }
  .p-toc-block li.h2 {
    margin-bottom: 20px;
    margin: 20px 0;
  }
}
.p-editor-content img {
  display: block;
  margin-top: 40px;
  width: 100%;
  max-width: 500px;
  margin: 40px auto;
}

/* ----- 見出し ---- */
.p-editor-content h2 {
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 3px solid #BE1A25;
  margin-bottom: 16px;
}

.p-editor-content h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 1.8rem;
  margin-top: 40px;
  margin-bottom: 16px;
  gap: 10px;
  font-weight: 700;
}
.p-editor-content h3::before {
  content: "";
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 2px;
  background-color: #BE1A25;
  font-size: 1.4rem;
  margin-top: 12px;
}

.p-editor-content h4 {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .p-editor-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
/* ----- 執筆者 ---- */
.p-writer-block {
  padding: 24px 32px;
  margin-top: 64px;
  border: 1px solid #BE1A25;
}
.p-writer-block .ttl {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.p-writer-block__wrap {
  display: grid;
  grid-template-areas: "icon name" "icon overview";
  grid-template-rows: auto 1fr;
  grid-template-columns: 100px 1fr;
  gap: 10px 15px;
}

.p-writer-block .p-writer-block__icon {
  grid-area: icon;
  width: 80px;
  height: 80px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}

.p-writer-block .p-writer-block__name {
  grid-area: name;
  align-self: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-writer-block .p-writer-block__overview {
  grid-area: overview;
  line-height: 1.75;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-writer-block__wrap {
    grid-template-rows: auto 1fr;
    grid-template-columns: 64px 1fr;
  }
  .p-writer-block .p-writer-block__icon {
    width: 64px;
    height: 64px;
  }
}
/* ----- 執筆者 消す---- */
.writer-block {
  padding: 24px 32px;
  margin-top: 64px;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}
.writer-block .ttl {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.writer-block__wrap {
  display: grid;
  grid-template-areas: "icon name" "icon overview";
  grid-template-rows: auto 1fr;
  grid-template-columns: 100px 1fr;
  gap: 10px 15px;
}

@media screen and (max-width: 767px) {
  .writer-block {
    grid-template-areas: "icon name" "overview overview";
    grid-template-rows: 64px 1fr;
    grid-template-columns: 64px 1fr;
    gap: 20px 8px;
    padding: 12px;
    background-color: #f4f8fd;
  }
}
.writer-block .writer-block__icon {
  grid-area: icon;
  width: 80px;
  height: 80px;
  margin: 0;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .writer-block .writer-block__icon {
    width: 64px;
    height: 64px;
  }
}
.writer-block .writer-block__name {
  grid-area: name;
  align-self: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.writer-block .writer-block__overview {
  grid-area: overview;
  line-height: 1.75;
  font-size: 1.4rem;
}

/* ----- ブロック ---- */
.p-column__block {
  background-color: #EEF1F6;
  margin-top: 40px;
  padding: 24px;
}
.p-column__block h2,
.p-column__block h3,
.p-column__block h4 {
  margin-top: 24px;
}
.p-column__block img {
  margin: 0;
  max-width: 100%;
}
.p-column__block img:not(:first-child) {
  margin-top: 24px;
}
.p-column__block .connection-page {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 30px;
  gap: 0;
}
.p-column__block .connection-page .link {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 20px;
  margin-bottom: 0;
}
.p-column__block .connection-page .link a {
  font-size: 1.6rem;
  color: #242424;
}
.p-column__block .connection-page.pattern01 .ttl {
  background-color: #202B3D;
  font-size: 1.6rem;
  width: 160px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 0;
}
.p-column__block .connection-page.pattern01 .link {
  width: calc(100% - 160px);
}
.p-column__block .connection-page.pattern02 .check {
  background-color: #202B3D;
  position: relative;
  width: 62px;
}
.p-column__block .connection-page.pattern02 .check::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 14px);
  left: 50%;
  width: 26px;
  height: 14px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -ms-transform: rotate(-45deg) translate(-50%, -50%);
      transform: rotate(-45deg) translate(-50%, -50%);
}
.p-column__block .connection-page.pattern02 .link {
  width: calc(100% - 62px);
}

@media screen and (max-width: 767px) {
  .p-column__block {
    padding: 12px;
  }
  .p-column__block .connection-page .link a {
    font-size: 1.4rem;
  }
  .p-column__block .connection-page.pattern01 .ttl {
    width: 80px;
    font-size: 1.4rem;
  }
  .p-column__block .connection-page.pattern01 .link {
    width: calc(100% - 80px);
  }
  .p-column__block .connection-page.pattern02 .check {
    width: 60px;
  }
  .p-column__block .connection-page.pattern02 .check::before {
    top: calc(50% - 10px);
    left: 50%;
    width: 18px;
    height: 10px;
  }
  .p-column__block .connection-page.pattern02 .link {
    width: calc(100% - 62px);
  }
}
/* ----- バナー ---- */
.p-column-bnr__document {
  margin: 40px auto 0;
  transition: 0.3s ease;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background-color: #F8E8E9;
  padding: 20px;
}
.p-column-bnr__document a {
  width: 50%;
  display: block;
}
.p-column-bnr__document a img {
  margin: 0;
}
.p-column-bnr__document a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-column-bnr__document {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }
  .p-column-bnr__document a {
    width: 100%;
  }
}
/* ----- 吹き出し wp ---- */
.wp-block-word-balloon-word-balloon-block.blue .w_b_talk_L,
.wp-block-word-balloon-word-balloon-block.blue .w_b_talk_R {
  background-color: #EDF4FC !important;
  border: none !important;
}

.wp-block-word-balloon-word-balloon-block.blue .w_b_talk_L:before {
  border-top-color: #EDF4FC !important;
  border-right-color: #EDF4FC !important;
}

.wp-block-word-balloon-word-balloon-block.blue .w_b_talk_R:before {
  border-top-color: #EDF4FC !important;
  border-left-color: #EDF4FC !important;
}

.w_b_talk:after {
  border: none !important;
}

.wp-block-word-balloon-word-balloon-block.pink .w_b_talk_L,
.wp-block-word-balloon-word-balloon-block.pink .w_b_talk_R {
  background-color: #FEF0E7 !important;
  border: none !important;
}

.wp-block-word-balloon-word-balloon-block.pink .w_b_talk_L:before {
  border-top-color: #FEF0E7 !important;
  border-right-color: #FEF0E7 !important;
}

.wp-block-word-balloon-word-balloon-block.pink .w_b_talk_R:before {
  border-top-color: #FEF0E7 !important;
  border-left-color: #FEF0E7 !important;
}

.wp-block-word-balloon-word-balloon-block.green .w_b_talk_L,
.wp-block-word-balloon-word-balloon-block.green .w_b_talk_R {
  background-color: #EEFAE6 !important;
  border: none !important;
}

.wp-block-word-balloon-word-balloon-block.green .w_b_talk_L:before {
  border-top-color: #EEFAE6 !important;
  border-right-color: #EEFAE6 !important;
}

.wp-block-word-balloon-word-balloon-block.green .w_b_talk_R:before {
  border-top-color: #EEFAE6 !important;
  border-left-color: #EEFAE6 !important;
}

/* ----- 目次 wp ---- */
.p-editor-content #toc_container {
  padding: 0;
  width: 100%;
  font-size: 100%;
  background: none;
  display: block;
  border: none;
  border: none;
  border: none;
  margin-top: 40px;
  overflow: hidden;
}
.p-editor-content p.toc_title {
  position: relative;
  gap: 8px;
  background-color: #BE1A25;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 24px !important;
  color: #fff;
  text-align: left !important;
  margin: 0 !important;
}
.p-editor-content #toc_container p.toc_title + ul.toc_list {
  padding: 16px 24px 24px;
  margin: 0;
  border: 1px solid #706F6F;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.p-editor-content #toc_container ul.toc_list li {
  padding-left: 0;
  font-size: 16px;
  line-height: 1.8;
}
.p-editor-content #toc_container ul.toc_list li::before {
  display: none;
}
.p-editor-content #toc_container ul.toc_list li a {
  transition: 0.3s ease;
}
.p-editor-content #toc_container ul.toc_list li a:hover {
  border-bottom: none;
  opacity: 0.6;
}
.p-editor-content #toc_container ul.toc_list li {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}
.p-editor-content #toc_container ul.toc_list li ul {
  margin-left: 0;
}
.p-editor-content #toc_container ul.toc_list li ul li {
  font-size: 1.6rem;
  padding-left: 20px;
  line-height: 1.3;
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  font-weight: 400;
}
.p-editor-content #toc_container ul.toc_list li ul li:not(:last-child) {
  margin-bottom: 8px;
}
.p-editor-content #toc_container ul.toc_list li ul li::before {
  content: "";
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 2px;
  background-color: #BE1A25;
  font-size: 1.4rem;
  margin-top: 8px;
}
.p-editor-content #toc_container ul.toc_list li a {
  color: #222;
}

@media (hover) {
  .p-toc-block li a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-toc-block {
    margin-top: 50px;
    border-radius: 5px;
  }
  .p-toc-block__title {
    padding: 10px 10px 10px 24px;
  }
  .p-toc-block ul {
    padding: 16px 20px 30px 24px;
    margin: 0;
  }
  .p-toc-block li.h2 {
    margin-bottom: 20px;
    margin: 20px 0;
  }
}
.p-other-column {
  margin-top: 16rem;
}

.p-other-column__list {
  margin-top: 80px;
}

.p-other-column__ttl {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
}

.p-other-column__list {
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.p-other-column__list .p-other-column__item {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .p-other-column {
    margin-top: 8rem;
  }
  .p-other-column__list {
    margin-top: 80px;
  }
  .p-other-column__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 40px;
  }
  .p-other-column__list .p-other-column__item {
    width: 100%;
  }
}