@charset "UTF-8";
/*!
foundation > breakpoint
------------------------------
*/
/*!
foundation > color
------------------------------
*/
:root {
  --fonts-color: #231815;
  --background-base-color: #ffffff;
  --background-footer-color: #edf1ef;
  --background-about-mana-color: #ffffe4;
  --background-about-mana-color_02: #ffffee;
  --color-accent: #ffeb41;
  --color-green: #91cd00;
  --color-green_02: #d6e8af;
  --color-blue: #468FFF;
  --color-blue_02: #edfdfe;
  --color-pink: #ffa9c7;
  --color-info-line: #908b89;
  --color-gray: #c7c7c7;
  --color-gray_02: #E8EDEA;
  --color-orange: #ff5a11;
}

/*!
foundation > content-width
------------------------------
*/
:root {
  --layout-width-inner: 1500px;
  --layout-width-inner_01: 1280px;
  --layout-width-inner_02: 1240px;
  --layout-width-inner_03: 1140px;
  --layout-width-inner_04: 1180px;
}

/*!
foundation > typography
------------------------------
*/
:root {
  /* Gen-Jyuu-Gothic */
  --font-family-gj-ex-l: "GenJyuuGothic-ExtraLight", "メイリオ", Meiryo, "ヒラギノ角ゴ pro", "Hiragino Kaku Gothic Pro", sans-serif;
  --font-family-gj-l: "GenJyuuGothic-Light", "メイリオ", Meiryo, "ヒラギノ角ゴ pro", "Hiragino Kaku Gothic Pro", sans-serif;
  --font-family-gj-n: "GenJyuuGothic-Normal", "メイリオ", Meiryo, "ヒラギノ角ゴ pro", "Hiragino Kaku Gothic Pro", sans-serif;
  --font-family-gj-m: "GenJyuuGothic-Medium", "メイリオ", Meiryo, "ヒラギノ角ゴ pro", "Hiragino Kaku Gothic Pro", sans-serif;
  --font-family-gj-b: "GenJyuuGothic-Bold", "メイリオ", Meiryo, "ヒラギノ角ゴ pro", "Hiragino Kaku Gothic Pro", sans-serif;
  /* Montserrat */
  --font-family-mont: "Montserrat", sans-serif;
  /* base */
  --font-size-base: 1.8rem;
  --font-weight-base: 400;
}

/*!
foundation > c-button
------------------------------
*/
.util-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 5.4rem;
  background: transparent;
  border: 4px solid var(--fonts-color);
  border-radius: 5rem;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease 0s;
}
.util-button:focus, .util-button:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .util-button {
    width: 37rem;
    height: 8.2rem;
    border: 6px solid var(--fonts-color);
  }
}

.util-button__link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.util-button__text {
  font-size: 2rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .util-button__text {
    font-size: 3rem;
  }
}

.util-button__arrow {
  margin-left: 1.2rem;
  line-height: 1;
}
@media screen and (max-width: 751px) {
  .util-button__arrow img {
    width: 2rem;
    height: 2.3rem;
  }
}

/*!
foundation > c-title
------------------------------
*/
.util-title__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.util-title__main {
  display: inline-block;
  font-size: 4.4rem;
  font-family: var(--font-family-mont);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
}

.util-title__sub {
  display: inline-block;
  font-size: 1.8rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.02em;
  line-height: 1;
  margin-top: 1.7rem;
}

/*!
foundation > reset
------------------------------
*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

article, aside, footer, header, nav, section, main, figure, figcaption {
  display: block;
}

ul, ol {
  list-style: none;
  list-style-type: none;
}

code, kbd, pre, samp {
  font-family: monospace, sans-serif;
  font-size: inherit;
}

blockquote, q {
  quotes: none;
}

blockquote::after, blockquote::before, q::after, q::before {
  content: "";
  content: none;
}

address {
  font-style: normal;
}

/*!
foundation > base
------------------------------
*/
html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-family-gj-n);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--fonts-color);
  background: var(--background-base-color);
  line-height: 1.67;
  letter-spacing: 0.02em;
}
@media screen and (min-width:751px) and (max-width:1500px) {
  body {
    width: 100%;
    min-width: 150rem;
    height: auto;
  }
}
@media screen and (min-width:320px) and (max-width:750px) {
  body {
    width: 100%;
    min-width: 75rem;
    height: auto;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

a {
  color: var(--fonts-color);
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* Gen-Jyuu-Gothic Font-setting
========================================================== */
@font-face {
  font-family: "GenJyuuGothic-ExtraLight";
  src: url("../fonts/GenJyuuGothic-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Light";
  src: url("../fonts/GenJyuuGothic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Normal";
  src: url("../fonts/GenJyuuGothic-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Medium";
  src: url("../fonts/GenJyuuGothic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GenJyuuGothic-Bold";
  src: url("../fonts/GenJyuuGothic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* 共通
========================================================== */
.main {
  background: var(--background-base-color);
  overflow: hidden;
}

/* body-fadeIn
========================================================== */
.fade-in_body {
  display: none;
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* header-fadeIn
========================================================== */
#js-header.UpMove {
  animation: UpAnime 0.4s ease-in-out 0s 1 normal forwards;
}

@keyframes UpAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#js-header.DownMove {
  animation: DownAnime 0.4s ease-in-out 0s 1 normal forwards;
}

@keyframes DownAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*!
layout > l-drawer
------------------------------
*/
@media screen and (max-width: 751px) {
  /* drawer-menu
  ========================================================== */
  #js-drawer__menu.panelActive {
    top: 0;
  }
  .drawer__menu {
    position: fixed;
    z-index: 98;
    width: 100%;
    height: 100%;
    top: -120%;
    left: 0;
    background: var(--background-base-color);
    overflow: hidden;
    transition: all 0.4s;
  }
  .drawer__list {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
  }
  .drawer__item {
    list-style: none;
    text-align: center;
  }
  .drawer__item:nth-child(n+2) {
    margin-top: 2.5rem;
  }
  .drawer__item a {
    display: block;
    text-decoration: none;
    font-size: 2.8rem;
    font-family: var(--font-family-gj-m);
    letter-spacing: 0.08em;
    transition: 0.3s;
  }
  /* drawer-button
  ========================================================== */
}
@media screen and (max-width: 751px) and (max-width: 751px) {
  .drawer__item a {
    font-family: var(--font-family-gj-b);
  }
}
@media screen and (max-width: 751px) {
  .drawer__item a:focus, .drawer__item a:hover {
    color: var(--color-blue);
  }
}
@media screen and (max-width: 751px) {
  .drawer__button {
    position: relative;
    display: inline-block;
    z-index: 99;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    min-width: 5rem;
    height: 5rem;
    margin-left: auto;
    transition: 0.1s ease-out;
  }
  .drawer__button:focus .drawer__button_center, .drawer__button:hover .drawer__button_center {
    width: 50%;
  }
  .drawer__button:focus .drawer__button_down, .drawer__button:hover .drawer__button_down {
    width: 25%;
  }
  .drawer__button span {
    display: inline-block;
    transition: 0.2s;
    position: absolute;
    top: 0;
    right: 0;
    height: 0.28rem;
    background: var(--fonts-color);
    width: 78%;
  }
  .drawer__button span:nth-of-type(1) {
    top: 1rem;
  }
  .drawer__button span:nth-of-type(2) {
    top: 2.3rem;
  }
  .drawer__button span:nth-of-type(3) {
    top: 3.7rem;
  }
  .drawer__button.is-active span:nth-of-type(1) {
    top: 1.9rem;
    right: 0;
    transform: translateY(6px) rotate(135deg);
    width: 78%;
  }
  .drawer__button.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  .drawer__button.is-active span:nth-of-type(3) {
    top: 3.1rem;
    right: 0;
    transform: translateY(-6px) rotate(45deg);
    width: 78%;
  }
}
/*!
layout > l-footer
------------------------------
*/
.footer {
  background: var(--background-footer-color);
  padding: 11.6rem 0 19rem;
}
@media screen and (max-width: 751px) {
  .footer {
    padding: 8rem 0;
  }
}

@media screen and (max-width: 751px) {
  .footer-logo__wrap {
    display: flex;
    justify-content: flex-start;
    margin-left: 4rem;
  }
}

.footer__wrap {
  display: flex;
  align-items: flex-start;
  margin-top: 8.8rem;
}
@media screen and (max-width: 751px) {
  .footer__wrap {
    justify-content: center;
    margin-top: 8rem;
  }
}

/* nav-setting
========================================================== */
.footer-nav__unit {
  min-width: 16rem;
  margin-left: 1.4rem;
}
@media screen and (max-width: 751px) {
  .footer-nav__unit {
    display: none;
  }
}

.footer-nav__item:nth-child(n+2) {
  margin-top: 1.5rem;
}
.footer-nav__item a {
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.12em;
  transition: all 0.3s ease 0s;
}
.footer-nav__item a:focus, .footer-nav__item a:hover {
  color: var(--color-blue);
}

/* copy-right
========================================================== */
.footer-copy {
  font-size: 1.1rem;
  font-family: var(--font-family-gj-m);
  margin-top: 16rem;
}

.footer-copy__link {
  transition: 0.3s ease 0s;
}
.footer-copy__link:focus, .footer-copy__link:hover {
  opacity: 0.6;
}

.footer-copy__sp {
  font-size: 2.2rem;
  font-family: var(--font-family-gj-m);
  text-align: center;
  margin-top: 8rem;
}

/* footer-class-setting
========================================================== */
.footer-class__unit {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 751px) {
  .footer-class__unit {
    flex-direction: column;
  }
}

@media screen and (max-width: 751px) {
  .footer-class__heading__wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
}

.footer-class__map__link {
  transition: 0.3s ease 0s;
}
.footer-class__map__link:focus, .footer-class__map__link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .footer-class__map__link img {
    width: 5.6rem;
  }
}

.footer-class__heading {
  margin-top: 0.5rem;
}
@media screen and (max-width: 751px) {
  .footer-class__heading {
    width: 21rem;
    margin-top: 0;
  }
}

.footer-class__head {
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.09em;
}
@media screen and (max-width: 751px) {
  .footer-class__head {
    font-size: 2.1rem;
  }
}

.footer-class__date__wrap {
  margin-top: 0.8rem;
}
@media screen and (max-width: 751px) {
  .footer-class__date__wrap {
    margin-top: 0.1rem;
  }
}

.footer-class__date {
  font-family: var(--font-family-gj-m);
  font-size: 1.4rem;
  line-height: 2.1;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 751px) {
  .footer-class__date {
    font-size: 2.1rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 751px) {
  .footer-class__tel__wrap {
    margin-top: -0.5rem;
  }
}

.footer-class__tel {
  font-family: var(--font-family-gj-m);
  font-size: 1.4rem;
  line-height: 2.1;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 751px) {
  .footer-class__tel {
    font-size: 2.1rem;
  }
  .footer-class__tel:nth-child(n+2) {
    margin-top: -1.5rem;
  }
}
.footer-class__tel a {
  transition: 0.3s ease 0s;
}
.footer-class__tel a:focus, .footer-class__tel a:hover {
  opacity: 0.6;
}

.footer-class__item {
  width: 21.5rem;
}
@media screen and (max-width: 751px) {
  .footer-class__item {
    width: 29rem;
  }
}

.footer-class__left {
  margin-left: 14rem;
}
@media screen and (max-width: 751px) {
  .footer-class__left {
    margin-left: 0;
  }
}

.footer-class__left__list {
  display: grid;
  place-items: start;
  justify-items: start;
  box-sizing: border-box;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem 5.5rem;
}
@media screen and (max-width: 751px) {
  .footer-class__left__list {
    gap: 4rem 4.3rem;
  }
}

.footer-class__right {
  margin-left: 5.5rem;
}
@media screen and (max-width: 751px) {
  .footer-class__right {
    margin-left: 0;
  }
}

.footer-class__right__list {
  display: grid;
  place-items: start;
  justify-items: start;
  box-sizing: border-box;
  grid-template-columns: repeat(1, 1fr);
  gap: 5rem 5.5rem;
}
@media screen and (max-width: 751px) {
  .footer-class__right__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 4.3rem;
    margin-top: 5rem;
  }
}

/*!
layout > l-header
------------------------------
*/
.l-header {
  position: fixed;
  width: 100%;
  height: 9.6rem;
  top: 0;
  left: 0;
  z-index: 99;
  background: var(--background-base-color);
}
@media screen and (max-width: 751px) {
  .l-header {
    height: 10rem;
  }
}

.l-header__container {
  display: flex;
  align-items: center;
  min-width: 124rem;
  height: 100%;
}
@media screen and (max-width: 751px) {
  .l-header__container {
    min-width: 73.5rem;
  }
}

.l-header-logo img {
  object-fit: cover;
}

.l-header-logo__link {
  transition: 0.3s ease 0s;
}
.l-header-logo__link:focus, .l-header-logo__link:hover {
  opacity: 0.6;
}

.l-header-nav {
  margin-top: 1.5rem;
  margin-left: auto;
}
@media screen and (max-width: 751px) {
  .l-header-nav {
    margin-top: 0;
  }
}

.l-header-nav__list {
  display: flex;
  align-items: center;
  width: 100%;
}

.l-header-nav__item {
  position: relative;
  transition: all 0.3s;
  margin-left: 3rem;
}
.l-header-nav__item a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 1.6rem;
  font-family: var(--font-family-gj-m);
  transition: 0.3s ease 0s;
}
.l-header-nav__item a:focus, .l-header-nav__item a:hover {
  color: var(--color-blue);
}

.current {
  color: var(--color-blue);
}

/*!
layout > l-img-line
------------------------------
*/
.l-img-line__container {
  width: 100%;
  margin: 0 auto;
}

.l-img-line__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.l-img-line__item {
  width: 100%;
}
.l-img-line__item img {
  width: 100%;
  object-fit: cover;
}

.l-img-line_top {
  margin-top: 23rem;
}
@media screen and (max-width: 751px) {
  .l-img-line_top {
    margin-top: 17.5rem;
  }
}

.l-img-line__mana_aboutus {
  margin-top: 19rem;
  position: relative;
}
@media screen and (max-width: 751px) {
  .l-img-line__mana_aboutus {
    margin-top: 6rem;
  }
}
.l-img-line__mana_aboutus::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_aboutus/mana_aboutus_illust_flower_02.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 26.7rem;
  height: 18.3rem;
  line-height: 18.3rem;
  top: -16.3rem;
  right: 6.8%;
}
@media screen and (max-width: 751px) {
  .l-img-line__mana_aboutus::after {
    max-width: 20rem;
    height: 13.7rem;
    line-height: 13.7rem;
    top: -11.3rem;
    right: 3rem;
  }
}

/*!
layout > inner
------------------------------
*/
.w-container_01 {
  width: 100%;
  max-width: var(--layout-width-inner_01);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}
@media screen and (max-width: 751px) {
  .w-container_01 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}

.w-container_02 {
  width: 100%;
  max-width: var(--layout-width-inner_02);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}
@media screen and (max-width: 751px) {
  .w-container_02 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}

.w-container_03 {
  width: 100%;
  max-width: var(--layout-width-inner_03);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}
@media screen and (max-width: 751px) {
  .w-container_03 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}

.w-container_04 {
  width: 100%;
  max-width: var(--layout-width-inner_04);
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}
@media screen and (max-width: 751px) {
  .w-container_04 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}

/*!
page > top > p-about-mana (common)
------------------------------
*/
.p-about-mana {
  padding: 8.2rem 0 12.2rem;
}
@media screen and (max-width: 751px) {
  .p-about-mana {
    padding: 16rem 0 22.9rem;
  }
}

.p-about-mana__container {
  position: relative;
  z-index: 0;
}
.p-about-mana__container::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/about_mana_img_left.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 33.9rem;
  height: 41.4rem;
  line-height: 41.4rem;
  top: 9.5rem;
  left: -2%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-about-mana__container::before {
    max-width: 22rem;
    height: 26.8rem;
    line-height: 26.8rem;
    top: -10.5rem;
    left: -4.2rem;
  }
}
.p-about-mana__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/about_mana_img_right.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 13.9rem;
  height: 25rem;
  line-height: 25rem;
  top: 0;
  right: 11%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-about-mana__container::after {
    max-width: 9.2rem;
    height: 16.5rem;
    line-height: 16.5rem;
    top: -1rem;
    right: 4.3rem;
  }
}

.p-concept__mana-about__title {
  margin-bottom: 12.5rem;
}

.p-about-mana-message__wrap {
  display: flex;
  justify-content: center;
  margin-top: 9.5rem;
}

.p-about-mana-message__unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-blue_02);
  width: 100%;
  max-width: 105rem;
  border-radius: 3.69rem;
  padding: 6.1rem 5.4rem 4.9rem;
}
@media screen and (max-width: 751px) {
  .p-about-mana-message__unit {
    max-width: 60rem;
  }
}

.p-about-mana-messages {
  width: 68.5%;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-about-mana-messages {
    width: 100%;
  }
}

@media screen and (max-width: 751px) {
  .p-about-mana-message__head__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.p-about-mana-message__head {
  display: flex;
  justify-content: flex-start;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 751px) {
  .p-about-mana-message__head {
    flex-direction: column;
  }
}

@media screen and (max-width: 751px) {
  .p-about-mana-message__head__item {
    font-size: 2.6rem;
  }
  .p-about-mana-message__head__item:nth-child(n+2) {
    margin-top: 0.5rem;
  }
}

.p-about-mana-message__text {
  margin-top: 2.2rem;
  line-height: 2;
}
@media screen and (max-width: 751px) {
  .p-about-mana-message__text {
    font-size: 2.6rem;
  }
}

.p-about-mana-message__image {
  width: 26.5%;
}
.p-about-mana-message__image img {
  object-fit: cover;
}

.p-about-mana-message__image_sp {
  width: 50%;
}
.p-about-mana-message__image_sp img {
  object-fit: cover;
}

/*!
page > top > p-c-form (common)
------------------------------
*/
.p-c-form {
  padding: 8.5rem 0 10rem;
}
@media screen and (max-width: 751px) {
  .p-c-form {
    padding: 6.5rem 0 10rem;
  }
}

.p-c-form__unit {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-c-form__unit {
    max-width: 68.5rem;
  }
}

.p-c-form__heading {
  margin-bottom: 11rem;
}
@media screen and (max-width: 751px) {
  .p-c-form__heading {
    margin-bottom: 6rem;
  }
}

.p-c-form__heading__text {
  font-size: 1.5rem;
}

.contact__form__wrap {
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
}
@media screen and (max-width: 751px) {
  .contact__form__wrap {
    max-width: 60rem;
  }
}

.contact__table {
  width: 100%;
}
.contact__table th {
  display: inline-block;
  text-align: left;
  min-width: 27rem;
}
@media screen and (max-width: 751px) {
  .contact__table th {
    min-width: 0;
    font-size: 2.2rem;
  }
}
.contact__table td {
  display: inline-block;
  width: 100%;
}

.postal__icon {
  margin-right: 1rem;
}
@media screen and (max-width: 751px) {
  .postal__icon {
    font-size: 2.2rem;
  }
}

.form__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 751px) {
  .form__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.form__item_01 {
  margin-top: 2.5rem;
  align-items: center;
}
@media screen and (max-width: 751px) {
  .form__item_01 {
    align-items: flex-start;
  }
}

.form__item_02 {
  margin-top: 3.7rem;
  align-items: flex-start;
}

@media screen and (max-width: 751px) {
  .input-label {
    margin-bottom: 1rem;
  }
}

.input-field_postal {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  max-width: 27rem;
}

.input_postal {
  margin-left: 2rem;
}

.input-field {
  font-size: 1.8rem;
}

textarea:focus {
  box-shadow: none;
  outline: none;
}

#form input:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--background-base-color) inset;
}

input[type=text],
input[type=email],
input[type=tel] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5rem;
  padding: 1rem 2rem;
  background: var(--color-gray_02);
  border: none;
  color: var(--fonts-color);
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: inherit;
}
@media screen and (max-width: 751px) {
  input[type=text],
input[type=email],
input[type=tel] {
    height: 7rem;
  }
}
input[type=text]:focus, input[type=text]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=tel]:focus,
input[type=tel]:hover {
  border-bottom: 2px solid var(--fonts-color);
  opacity: 0.6;
  box-shadow: none;
  outline: none;
}

textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 31.5rem;
  padding: 1rem 2rem;
  background: var(--color-gray_02);
  border: none;
  background-image: none;
  border-radius: 0.5rem;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
textarea:focus, textarea:hover {
  border-bottom: 2px solid var(--fonts-color);
  opacity: 0.6;
  box-shadow: none;
  outline: none;
}

/*フォーカス時*/
input#name:focus,
input#name-kana:focus,
input[type=email]:focus,
input[type=checkbox]:focus,
input[type=tel]:focus {
  background-color: #E9F0FE;
  border-bottom: 2px solid #3E4154;
}

/*エラー時*/
.is-error input#name,
.is-error input#name-kana,
.is-error input[type=email],
.is-error input[type=checkbox],
.is-error input[type=tel] {
  background-color: #FEE9E9;
  border-bottom: 2px solid #FF4646;
}

.contact__button {
  display: flex;
  justify-content: center;
  margin-top: 12.8rem;
}

.button_action {
  display: block;
  text-align: center;
  min-width: 28.5rem;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-family: var(--font-family-gj-n);
  color: var(--background-base-color);
  background: var(--color-orange);
  border-radius: 0.5rem;
  transition: 0.3s ease 0s;
  cursor: pointer;
  text-decoration: none;
  border: none;
  outline: none;
  padding: 1.3rem 1rem;
}
.button_action:focus, .button_action:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .button_action {
    min-width: 32rem;
    font-size: 1.6rem;
  }
}

/*!
page > sub > p-info (common)
------------------------------
*/
.p-caution {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

.p-caution__container {
  display: grid;
  justify-items: center;
  align-content: center;
  height: 100%;
}

.p-caution__item {
  width: 100%;
  max-width: 70rem;
}

.p-caution__link__button {
  font-size: 1.7rem;
  color: var(--color-green);
  transition: 0.3s ease 0s;
}
.p-caution__link__button:focus, .p-caution__link__button:hover {
  opacity: 0.6;
}

.p-caution__body {
  margin-top: 5rem;
}

.p-caution__title {
  font-size: 1.7rem;
}

.p-caution__text {
  font-size: 1.7rem;
  line-height: 1.8;
}

/*!
page > top > p-contact-tel (common)
------------------------------
*/
.p-contact-tel {
  padding: 19.6rem 0 0;
}
@media screen and (max-width: 751px) {
  .p-contact-tel {
    padding: 20rem 0 0;
  }
}

.p-contact-tel__unit {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
  border-bottom: 1px solid var(--color-gray);
}
@media screen and (max-width: 751px) {
  .p-contact-tel__unit {
    max-width: 68.5rem;
  }
}

.p-contact-tel__heading__text {
  font-size: 1.5rem;
}

.p-contact-tel__number {
  margin-top: 3rem;
  margin-bottom: 5.5rem;
}

.p-contact-tel__link {
  font-size: 2.6rem;
  letter-spacing: 0.08em;
}
.p-contact-tel__link a {
  transition: 0.3s ease 0s;
}
.p-contact-tel__link a:focus, .p-contact-tel__link a:hover {
  opacity: 0.6;
}

/*!
page > top > p-events (common)
------------------------------
*/
.p-events {
  padding: 12.5rem 0 12.2rem;
  background: url(../assets/img/mana_about/mana_about_events_back.png) no-repeat center center/cover;
}
@media screen and (max-width: 751px) {
  .p-events {
    padding: 14.6rem 0 20rem;
    background: url(../assets/img/mana_about/mana_about_events_back_sp.png) no-repeat top center/cover;
    position: relative;
    z-index: 0;
  }
  .p-events::before {
    position: absolute;
    content: "";
    background: url(../assets/img/mana_about/mana_illust_event_sp.svg) no-repeat center center/cover;
    width: 65.7rem;
    height: 32.4rem;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}

.p-events__container {
  position: relative;
  z-index: 0;
}
.p-events__container::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/mana_illust_event_left.svg) no-repeat center center/cover;
  width: 29rem;
  height: 17.9rem;
  top: -5rem;
  left: 7%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-events__container::before {
    display: none;
  }
}
.p-events__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/mana_illust_event_right.svg) no-repeat center center/cover;
  width: 29.2rem;
  height: 17.6rem;
  top: -3.3rem;
  right: 4.5%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-events__container::after {
    display: none;
  }
}

.p-events__heading {
  text-align: center;
  margin-top: 6rem;
}
@media screen and (max-width: 751px) {
  .p-events__heading {
    width: 100%;
    max-width: 60rem;
    text-align: left;
    margin-top: 15.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-events__heading__text {
  font-family: var(--font-family-gj-m);
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 751px) {
  .p-events__heading__text {
    font-size: 2.43rem;
    line-height: 1.8;
  }
}

.p-events-card__unit__container {
  width: 100%;
  max-width: 112rem;
  margin: 6rem auto 0;
}

.p-events-card__unit_02 {
  margin-top: 5rem;
}
@media screen and (max-width: 751px) {
  .p-events-card__unit_02 {
    margin-top: 16rem;
  }
}

.p-events-card__heading {
  display: inline-block;
  position: relative;
  z-index: 0;
  margin-left: 3rem;
}
@media screen and (max-width: 751px) {
  .p-events-card__heading {
    display: block;
    text-align: center;
    margin-left: 0;
  }
}

.color_p::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/mana_evet_title_back_01.svg) no-repeat center center/cover;
  width: 15.7rem;
  height: 5.1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .color_p::before {
    width: 23.4rem;
    height: 7.5rem;
  }
}

.color_b::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/mana_evet_title_back_02.svg) no-repeat center center/cover;
  width: 15.7rem;
  height: 5.1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .color_b::before {
    width: 26rem;
    height: 9.7rem;
  }
}

.p-events-card__heading__text {
  font-size: 2.6rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.12em;
}
@media screen and (max-width: 751px) {
  .p-events-card__heading__text {
    font-size: 4rem;
  }
}

.p-events-card__list {
  display: grid;
  place-content: center;
  place-items: end;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 3rem 1.5%;
  margin-top: 1.2rem;
}
@media screen and (max-width: 751px) {
  .p-events-card__list {
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
    gap: 5rem 3%;
    margin-top: 10rem;
  }
}

.p-events-card-item {
  text-align: center;
}

.p-events-card-item__title {
  margin-top: 0.5rem;
}

.p-events-card-item__title__text {
  font-size: 2.1rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.12em;
}

@media screen and (max-width: 751px) {
  .p-events-card-item__image img {
    width: 26rem;
  }
}

/*!
page > top > p-facility (common)
------------------------------
*/
.p-facility {
  padding: 11rem 0 0;
}

.p-facility__container {
  position: relative;
  z-index: 0;
}
.p-facility__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/mana_illust_bird_mana.svg) no-repeat center center/cover;
  width: 23.3rem;
  height: 18.1rem;
  top: -5.5rem;
  right: 18rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-facility__container::after {
    width: 15.7rem;
    height: 12.4rem;
    top: 6rem;
    right: 6%;
  }
}

.p-facility__unit {
  width: 100%;
  max-width: 89.7rem;
  margin: 9.8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-facility__unit {
    margin: 16rem auto 0;
  }
}

.p-facility-item {
  width: 100%;
}
.p-facility-item:nth-child(n+2) {
  margin-top: 9.4rem;
}

.p-facility-item__heading__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__wrap {
    justify-content: center;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 751px) {
  .p-facility-item__heading__icon {
    width: 40%;
  }
  .p-facility-item__heading__icon img {
    width: 100%;
  }
}

.p-facility-item__heading__body {
  margin-left: 3.6rem;
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__body {
    width: 55%;
    margin-left: 2rem;
  }
}

.p-facility-item__heading__name {
  font-size: 2.5rem;
  font-family: var(--font-family-gj-m);
}

.p-facility-item__heading__date {
  font-size: 2.5rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__date {
    line-height: 1.4;
  }
}

.p-facility-item__heading__body_tel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__body_tel {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-facility-item__heading__body_tel {
  margin-top: 0.4rem;
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__body_tel {
    margin-top: 1rem;
  }
}

.p-facility-item__heading_tel__item {
  display: flex;
  align-items: center;
}
.p-facility-item__heading_tel__item span {
  background: var(--fonts-color);
  color: var(--background-base-color);
  font-size: 1.96rem;
  line-height: 1;
  letter-spacing: 0.11em;
  padding: 0 0.3rem 0 0.5rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading_tel__item span {
    font-size: 2.4rem;
  }
}
.p-facility-item__heading_tel__item a {
  font-size: 2.5rem;
  font-family: var(--font-family-gj-m);
  line-height: 1;
  letter-spacing: 0.11em;
  margin-left: 0.4rem;
  transition: 0.3s ease 0s;
}
.p-facility-item__heading_tel__item a:focus, .p-facility-item__heading_tel__item a:hover {
  opacity: 0.6;
}

.tel__item_02 {
  margin-left: 2rem;
}
@media screen and (max-width: 751px) {
  .tel__item_02 {
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

.tel__item_sp {
  margin-top: 1rem;
}

.p-facility-item__heading__body__table {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap; /* 折り返さない */
  max-width: 100%;
  overflow-x: visible; /* モバイル対策：スクロール可能に */
  margin-top: 1.3rem;
}

/* モバイル時は縦並びに変更（折り返して中央寄せ、スクロールなし） */
@media screen and (max-width: 751px) {
  .p-facility-item__heading__body__table {
    flex-direction: column;    /* 縦並び */
    flex-wrap: wrap;           /* 折り返し可能（ただし不要かも） */
    align-items: flex-start;       /* 左寄せ */
    overflow-x: visible;       /* スクロールさせない */
  }
}

.p-facility-item__heading__table__link {
  display: inline-block;
  text-align: center;
  padding: 0.6em 1.5em; /* 上下・左右の余白を設定（ボタンサイズ感） */
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-family: var(--font-family-gj-n);
  color: var(--background-base-color);
  background: var(--color-green);
  border: 2px solid var(--color-green);
  border-radius: 4px; /* 任意：角丸 */
  transition: 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap; /* 複数行を防ぐ（改行させたくない場合） */
}
@media screen and (max-width: 751px) {
  .p-facility-item__heading__table__link {
    font-size: 2.2rem;
    padding: 0.8em 1.8em;
  }
}

.p-facility-item__heading__table__link:focus,.p-facility-item__heading__table__link:hover {
  background: var(--background-base-color);
  color: var(--color-green);
}

.table_color_y {
  color: var(--fonts-color);
  background: var(--color-accent);
  border: 2px solid var(--color-accent);
}
.table_color_y:focus, .table_color_y:hover {
  background: var(--background-base-color);
  color: var(--color-accent);
}

.p-facility-item_map__wrap {
  margin-top: 1.8rem;
}

.p-facility-item_map {
  width: 100%;
  height: 31.3rem;
}
.p-facility-item_map iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-facility-item__image__unit {
  margin-top: 1rem;
}

.p-facility-item__image__list {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-width: 751px) {
  .p-facility-item__image__list {
    justify-content: space-around;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
  }
}

.p-facility-item__images:nth-child(n+2) {
  margin-left: 1.3rem;
}
@media screen and (max-width: 751px) {
  .p-facility-item__images:nth-child(n+2) {
    margin-left: 0.5rem;
  }
}

.p-facility-item__img img {
  object-fit: cover;
}
@media screen and (max-width: 751px) {
  .p-facility-item__img img {
    width: 19.2rem;
  }
}

.p-facility_map_street__wrap {
  margin-top: 18.4rem;
}
@media screen and (max-width: 751px) {
  .p-facility_map_street__wrap {
    margin-top: 15.4rem;
  }
}

.p-facility_map_street {
  width: 100%;
  max-width: 95.1rem;
  margin: 0 auto;
}
@media screen and (max-width: 751px) {
  .p-facility_map_street {
    max-width: 60rem;
  }
}
.p-facility_map_street img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  overflow: hidden;
}

.p-facility_bottom__unit {
  margin-top: 2rem;
}

.p-facility_bottom__img {
  display: block;
  width: 100%;
  text-align: center;
}
.p-facility_bottom__img img {
  object-fit: cover;
}

/*!
page > sub > p-sub-flow (common)
------------------------------
*/
.p-flow {
  padding: 9rem 0 11.5rem;
}

.p-flow__wrap {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-flow__wrap {
    max-width: 68.5rem;
  }
}

.p-flow-counter__unit:nth-child(n+2) {
  margin-top: 4rem;
}

.p-flow-counter__heading {
  font-size: 1.8rem;
  font-family: var(--font-family-gj-m);
}

.counter__list {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
  margin-top: 0.8rem;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

.sub-counter__list {
  font-size: 1.8rem;
  letter-spacing: 0.08rem;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 751px) {
  .sub-counter__list {
    flex-direction: column;
    align-items: flex-start;
    font-size: 2.2rem;
    font-family: var(--font-family-gj-m);
  }
}

.counter__item {
  text-indent: -1.9rem;
  padding-left: 1.9rem;
}
.counter__item::before {
  counter-increment: item;
  content: "";
  padding-right: 1rem;
  padding-left: 1rem;
}

.sub-counter__item {
  text-indent: -1.9rem;
  padding-left: 1.9rem;
}
.sub-counter__item::before {
  counter-increment: item;
  content: "";
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 751px) {
  .sub-counter__item::before {
    display: none;
  }
}
.sub-counter__item:nth-child(n+2) {
  margin-left: 5rem;
}
@media screen and (max-width: 751px) {
  .sub-counter__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.sub-counter__item a {
  transition: 0.3s ease 0s;
}
.sub-counter__item a:focus, .sub-counter__item a:hover {
  opacity: 0.6;
}

.p-flow__button__wrap {
  margin-top: 6rem;
}

.p-flow__button {
  display: flex;
  justify-content: center;
}

.p-flow__button__link {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 46.4rem;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-family: var(--font-family-gj-n);
  color: var(--background-base-color);
  background: var(--color-orange);
  border: 2px solid var(--color-orange);
  transition: 0.4s ease 0s;
  cursor: pointer;
  text-decoration: none;
  padding: 1rem;
}
.p-flow__button__link:focus, .p-flow__button__link:hover {
  background: var(--background-base-color);
  color: var(--color-orange);
}
@media screen and (max-width: 751px) {
  .p-flow__button__link {
    max-width: 32rem;
    font-size: 1.6rem;
  }
}

/*!
page > sub > p-info (common)
------------------------------
*/
.p-info {
  padding: 13.2rem 0 9rem;
  background: url(../assets/img/mana_aboutus/mana_aboutus_info_back.png) no-repeat top center/cover;
}
@media screen and (max-width: 751px) {
  .p-info {
    padding: 16rem 0 9rem;
    background: url(../assets/img/mana_aboutus/mana_aboutus_info_back_sp.png) no-repeat top center/cover;
  }
}

.p-info__wrap {
  width: 100%;
  max-width: 98.5rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-info__wrap {
    max-width: 60rem;
    margin: 18rem auto 0;
  }
}

.p-info__dlist {
  display: flex;
  align-items: flex-start;
  font-size: 1.7rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.15em;
  border-bottom: 2px solid var(--color-info-line);
  padding-bottom: 2.5rem;
}
.p-info__dlist:nth-child(n+2) {
  margin-top: 3.1rem;
}
@media screen and (max-width: 751px) {
  .p-info__dlist:nth-child(n+2) {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 751px) {
  .p-info__dlist {
    flex-direction: column;
    border-bottom: 3px solid var(--color-info-line);
    padding-bottom: 4.5rem;
  }
}

.dlist__class__bottom {
  margin-bottom: 4rem;
}

.dlist_border_none {
  border-bottom: none;
}

.p-info__dlist__border {
  text-align: end;
  margin-top: -2rem;
}
@media screen and (max-width: 751px) {
  .p-info__dlist__border {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 751px) {
  .p-info__dlist__border img {
    margin: 0 auto;
  }
}

.dlist__class_p_01 {
  padding-bottom: 3.9rem;
  margin-bottom: 4rem;
}

.dlist__class_p_02 {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}

.p-info__term {
  min-width: 18.6rem;
  text-align: end;
}
@media screen and (max-width: 751px) {
  .p-info__term {
    min-width: 0;
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 2rem;
  }
}

.p-info__term__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 18.6rem;
}
@media screen and (max-width: 751px) {
  .p-info__term__wrap {
    font-size: 2.4rem;
    min-width: 0;
    flex-direction: column;
    margin-bottom: 5rem;
  }
}

.term__wrap_second {
  margin-left: 2.5rem;
}
@media screen and (max-width: 751px) {
  .term__wrap_second {
    margin-left: 0;
    margin-top: 1rem;
  }
}

.p-info__desc__wrap {
  margin-left: 7rem;
}
@media screen and (max-width: 751px) {
  .p-info__desc__wrap {
    margin-left: 2rem;
  }
}

.desc__wrap__class:nth-child(n+2) {
  margin-top: 4.5rem;
}
@media screen and (max-width: 751px) {
  .desc__wrap__class:nth-child(n+2) {
    margin-top: 7.5rem;
  }
}

@media screen and (max-width: 751px) {
  .p-info__desc {
    font-size: 2.2rem;
  }
}
.p-info__desc a {
  transition: 0.3s ease 0s;
}
.p-info__desc a:focus, .p-info__desc a:hover {
  opacity: 0.6;
}

/*!
page > top > p-lecturer (common)
------------------------------
*/
.p-lecturer {
  padding: 7rem 0 15rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer {
    padding: 8rem 0 18rem;
    position: relative;
    z-index: 0;
  }
  .p-lecturer::after {
    position: absolute;
    content: "";
    background: url(../assets/img/mana_about/mana_illust_flower_sp_03.svg) no-repeat center center/cover;
    width: 100%;
    max-width: 52.1rem;
    height: 70.4rem;
    line-height: 70.4rem;
    bottom: 3.5rem;
    right: 0;
    z-index: -1;
  }
}

.p-lecturer__container {
  position: relative;
}
.p-lecturer__container::before {
  content: "";
  position: absolute;
  background: url(../assets/img/mana_about/mana_illust_flower.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 148.9rem;
  height: 178.2rem;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1501px) {
  .p-lecturer__container::before {
    background: url(../assets/img/mana_about/mana_illust_flower_bg.png) no-repeat center center/cover;
    min-width: 156.2rem;
    height: 185.5rem;
  }
}
@media screen and (max-width: 751px) {
  .p-lecturer__container::before {
    content: none;
  }
}

.p-lecturer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 751px) {
  .p-lecturer__inner {
    position: relative;
    z-index: 0;
  }
  .p-lecturer__inner::after {
    position: absolute;
    content: "";
    background: url(../assets/img/mana_about/mana_illust_flower_sp_01.svg) no-repeat center center/cover;
    width: 100%;
    max-width: 39.3rem;
    height: 65.1rem;
    line-height: 65.1rem;
    top: 16rem;
    right: 2rem;
    z-index: -1;
  }
}

@media screen and (max-width: 751px) {
  .item_02 {
    position: relative;
    z-index: 0;
  }
  .item_02::before {
    position: absolute;
    content: "";
    background: url(../assets/img/mana_about/mana_illust_flower_sp_02.png) no-repeat center center/cover;
    width: 100%;
    max-width: 14.7rem;
    height: 26.1rem;
    line-height: 26.1rem;
    top: 30.2rem;
    left: -7.5rem;
    z-index: -1;
  }
}

.p-lecturer__wrap {
  width: 100%;
  max-width: 97.9rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer__wrap {
    max-width: 60rem;
  }
}

.p-lecturer-item:nth-child(n+2) {
  margin-top: 8rem;
}

@media screen and (max-width: 751px) {
  .p-lecturer-item__title {
    text-align: center;
  }
}
.p-lecturer-item__title p {
  font-size: 2.7rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__title p {
    font-size: 3.6rem;
  }
}

.p-lecturer-item__body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2.4rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__body {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5rem;
  }
}

.p-lecturer-item__image {
  width: 27.7%;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__image {
    width: 100%;
    max-width: 40rem;
    margin: 0 auto;
  }
}
.p-lecturer-item__image img {
  object-fit: cover;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__image img {
    width: 100%;
    max-width: 40rem;
  }
}

.p-lecturer-item__intro {
  margin-top: 1.4rem;
  margin-left: 4.2rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__intro {
    margin-top: 9.5rem;
    margin-left: 0;
  }
}

.p-lecturer-item__intro__heading {
  display: inline-block;
  font-family: var(--font-family-gj-m);
  background: var(--color-pink);
  line-height: 1.3;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__intro__heading {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 751px) {
  .intro__heading_02 {
    margin-top: 1rem;
  }
}

.p-lecturer-item__intro__name {
  font-family: var(--font-family-gj-m);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__intro__name {
    font-size: 2.6rem;
  }
}

.p-lecturer-item__intro__text__wrap {
  margin-top: 0.5rem;
}

.p-lecturer-item__intro__text {
  font-family: var(--font-family-gj-m);
  line-height: 1.8;
}
@media screen and (max-width: 751px) {
  .p-lecturer-item__intro__text {
    font-size: 2.6rem;
  }
}

.intro__text__padding {
  padding-left: 1em;
}

/* p-lecturer-effect
========================================================== */
.p-lecturer-effect__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--background-about-mana-color);
  border-radius: 4rem;
  margin-top: 5.8rem;
  padding: 5.4rem 7rem 5.1rem 8.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__unit {
    padding: 5.4rem 4rem 5.1rem;
  }
}

.p-lecturer-effect__title {
  display: inline-block;
}
.p-lecturer-effect__title h4 {
  font-size: 2.6rem;
  font-family: var(--font-family-gj-m);
  background: var(--color-accent);
  line-height: 1.2;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__title h4 {
    font-size: 3rem;
  }
}

.p-lecturer-effect__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 4rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__list {
    margin-top: 8rem;
  }
}

.p-lecturer-effect__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 41rem;
}
.p-lecturer-effect__item:nth-child(n+3) {
  margin-top: 2rem;
}
.p-lecturer-effect__item:nth-child(1) {
  width: 44.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item:nth-child(1) {
    width: 100%;
  }
}
.p-lecturer-effect__item:nth-child(2) {
  width: 33rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item:nth-child(2) {
    width: 100%;
  }
}
.p-lecturer-effect__item:nth-child(3) {
  width: 44.5rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item:nth-child(3) {
    width: 100%;
  }
}
.p-lecturer-effect__item:nth-child(4) {
  width: 37rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item:nth-child(4) {
    width: 100%;
  }
}
.p-lecturer-effect__item:nth-child(5) {
  width: 58rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item:nth-child(5) {
    width: 100%;
  }
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item {
    width: 100%;
  }
  .p-lecturer-effect__item:nth-child(n+2) {
    margin-top: 4rem;
  }
}

.p-lecturer-effect__item__illust {
  min-width: 11.5rem;
  text-align: center;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item__illust {
    min-width: 13.8rem;
  }
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item__illust img {
    width: 100%;
  }
}

@media screen and (max-width: 751px) {
  .p-lecturer-effect__item__text {
    margin-left: 2rem;
  }
}
.p-lecturer-effect__item__text p {
  font-size: 1.9rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__item__text p {
    font-size: 2.6rem;
  }
}

.p-lecturer-effect__intro {
  background: var(--background-about-mana-color_02);
  width: 100%;
  max-width: 74.5rem;
  margin-top: 3rem;
}

.p-lecturer-effect__intro__text {
  font-family: var(--font-family-gj-m);
  padding: 2.4rem 3.3rem 2.6rem;
}
@media screen and (max-width: 751px) {
  .p-lecturer-effect__intro__text {
    font-size: 2.6rem;
    padding: 4.4rem 2.8rem 4.3rem;
  }
}

/*!
page > sub > p-message (common)
------------------------------
*/
.p-message {
  padding: 8.3rem 0 13.8rem;
  background: url(../assets/img/mana_aboutus/mana_aboutus_message_back.png) no-repeat center bottom/cover;
}
@media screen and (max-width: 751px) {
  .p-message {
    padding: 14.5rem 0 21rem;
    background: url(../assets/img/mana_aboutus/mana_aboutus_message_back_sp.png) no-repeat center bottom/cover;
  }
}

.p-message__wrap {
  width: 100%;
  max-width: 96.6rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-message__wrap {
    max-width: 68.5rem;
    margin: 15rem auto 0;
  }
}

.p-message__heading__unit {
  text-align: center;
  position: relative;
  z-index: 0;
}
.p-message__heading__unit::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_aboutus/mana_illust_aboutus_message_left.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 20.8rem;
  height: 23.6rem;
  line-height: 23.6rem;
  bottom: -5rem;
  left: -7.8%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-message__heading__unit::before {
    max-width: 18.6rem;
    height: 21.1rem;
    line-height: 21.1rem;
    bottom: -5rem;
    left: -4rem;
  }
}
.p-message__heading__unit::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_aboutus/mana_illust_aboutus_message_right.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 20.9rem;
  height: 22.3rem;
  line-height: 22.3rem;
  top: -18rem;
  right: -9.8%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-message__heading__unit::after {
    max-width: 19.5rem;
    height: 20.8rem;
    line-height: 20.8rem;
    top: -28rem;
    right: -1rem;
  }
}

.p-message__heading {
  font-size: 3.6rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 751px) {
  .p-message__heading {
    font-size: 3.2rem;
  }
}

.p-message__heading__text {
  margin-top: 4rem;
}
@media screen and (max-width: 751px) {
  .p-message__heading__text {
    margin-top: 8rem;
  }
}
.p-message__heading__text p {
  font-size: 2rem;
  font-family: var(--font-family-gj-m);
  line-height: 2;
}
@media screen and (max-width: 751px) {
  .p-message__heading__text p {
    font-size: 2.8rem;
  }
}

.p-message__heading__name__wrap {
  text-align: end;
  margin-top: 5.5rem;
}
@media screen and (max-width: 751px) {
  .p-message__heading__name__wrap {
    margin-top: 7.5rem;
    margin-right: 4rem;
  }
}

.p-message__heading__sub__name {
  font-size: 1.4rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-message__heading__sub__name {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.p-message__heading__name {
  font-size: 2.6rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 751px) {
  .p-message__heading__name {
    font-size: 3.2rem;
  }
}

.p-message__profile__unit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10rem;
}
@media screen and (max-width: 751px) {
  .p-message__profile__unit {
    width: 100%;
    max-width: 60rem;
    margin: 8rem auto 0;
  }
}

.p-message__profile__img {
  width: 28%;
}

.p-message__profile__img_sp {
  width: 38%;
}

.p-message__profile__body {
  width: 68%;
  margin-left: 5rem;
}
@media screen and (max-width: 751px) {
  .p-message__profile__body {
    width: 100%;
    margin-left: 0;
  }
}

.p-message__profile__heading {
  margin-bottom: 0.4rem;
}

.p-message__profile__heading__text {
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-message__profile__heading__text {
    font-size: 2rem;
  }
}

.p-message__profile__text {
  font-size: 1.7rem;
  font-family: var(--font-family-gj-m);
  line-height: 2;
}
@media screen and (max-width: 751px) {
  .p-message__profile__text {
    font-size: 2rem;
  }
}

.profile__text_01 {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 751px) {
  .profile__text_01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (max-width: 751px) {
  .p-message__result__sp__wrap {
    text-align: center;
  }
}

.p-message__result__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid var(--fonts-color);
  margin-top: 7.5rem;
  font-size: 1.7rem;
  font-family: var(--font-family-gj-m);
  padding: 3rem 2.3rem 3.6rem 3.6rem;
}
@media screen and (max-width: 751px) {
  .p-message__result__wrap {
    display: inline-flex;
    text-align: start;
    border: none;
    border-top: 3px solid var(--fonts-color);
    border-bottom: 3px solid var(--fonts-color);
    padding: 3rem 0 3.6rem;
    margin-top: 4rem;
  }
}

.p-message__result__unit {
  display: flex;
  align-items: flex-start;
  max-width: 37rem;
}
@media screen and (max-width: 751px) {
  .p-message__result__unit {
    flex-direction: column;
    max-width: 60rem;
  }
}

.unit_02 {
  margin-left: 10%;
}
@media screen and (max-width: 751px) {
  .unit_02 {
    margin-left: 3rem;
  }
}

.p-message__result__unit__heading {
  margin-right: 4rem;
}
@media screen and (max-width: 751px) {
  .p-message__result__unit__heading {
    margin-right: 0;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }
}

.p-message__result__item:nth-child(n+2) {
  margin-top: 1rem;
}
@media screen and (max-width: 751px) {
  .p-message__result__item:nth-child(n+2) {
    margin-top: 0.2rem;
  }
}

@media screen and (max-width: 751px) {
  .p-message__result__item__text {
    font-size: 2.1rem;
  }
}

/*!
page > top > p-policy (common)
------------------------------
*/
.p-policy__heading__text {
  font-size: 1.5rem;
  font-family: var(--font-family-gj-n);
}

.p-policy__unit {
  margin-top: 3rem;
}

.p-policy__unit_01 {
  margin-top: 5rem;
}

.p-policy-counter__heading {
  font-size: 1.5rem;
  font-family: var(--font-family-gj-m);
  line-height: 1;
}

.p-policy-counter__list {
  font-size: 1.5rem;
  letter-spacing: 0.08rem;
  margin-top: 0.8rem;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 751px) {
  .p-policy-counter__list {
    font-size: 1.4rem;
  }
}

.p-policy-sub-counter__list {
  font-size: 1.5rem;
  letter-spacing: 0.08rem;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  margin-top: 1rem;
}
@media screen and (max-width: 751px) {
  .p-policy-sub-counter__list {
    font-size: 1.4rem;
  }
}

.p-policy-counter__item {
  text-indent: 0;
  padding-left: -1rem;
}

.p-policy-sub-counter__item {
  text-indent: -1.9rem;
  padding-left: 1.9rem;
  margin-top: 0.1rem;
}
.p-policy-sub-counter__item::before {
  counter-increment: item;
  content: "・";
  padding-right: 0.5rem;
}

.p-policy__form__wrap {
  margin-top: 5.5rem;
}

.p-policy__form__unit {
  text-align: center;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + span {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 3rem;
  position: relative;
  font-size: 1.6rem;
  font-family: var(--font-family-gj-l);
}
@media screen and (max-width: 751px) {
  input[type=checkbox] + span {
    font-size: 1.5rem;
  }
}

input[type=checkbox] + span::before {
  -webkit-transform: translateY(-50%);
  background: var(--background-base-color);
  border: 1px solid var(--color-gray);
  border-radius: 0.5rem;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
}

input[type=checkbox] + span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid var(--fonts-color);
  border-left: 3px solid var(--fonts-color);
  content: "";
  display: block;
  height: 0.6em;
  left: 0.2rem;
  margin-top: -0.2em;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.3s ease 0s;
  width: 1em;
}

input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.p-policy__button__wrap {
  margin-top: 4.7rem;
}

.p-policy__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.p-policy__button__link_top {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 28.5rem;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-family: var(--font-family-gj-n);
  color: var(--background-base-color);
  background: var(--color-orange);
  border-radius: 0.5rem;
  transition: 0.3s ease 0s;
  cursor: pointer;
  text-decoration: none;
  padding: 1.3rem 1rem;
}
.p-policy__button__link_top:focus, .p-policy__button__link_top:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .p-policy__button__link_top {
    max-width: 32rem;
    font-size: 1.6rem;
  }
}

.p-policy__button__link_second {
  display: block;
  text-align: center;
  min-width: 28.5rem;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-family: var(--font-family-gj-n);
  color: var(--fonts-color);
  border: 1px solid var(--fonts-color);
  background: var(--background-base-color);
  border-radius: 0.5rem;
  transition: 0.3s ease 0s;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  padding: 1.3rem 1rem;
  margin-top: 1.2rem;
}
.p-policy__button__link_second:focus, .p-policy__button__link_second:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .p-policy__button__link_second {
    min-width: 32rem;
    font-size: 1.6rem;
  }
}

/*!
page > sub > p-single (common)
------------------------------
*/
.p-single {
  padding: 19.6rem 0 10rem;
}
@media screen and (max-width: 751px) {
  .p-single {
    padding: 20rem 0 18rem;
  }
}

.p-single__unit {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-single__unit {
    max-width: 65rem;
  }
}

.p-single_day {
  font-family: var(--font-family-mont);
  font-weight: 500;
  letter-spacing: 0.12em;
}

.p-single__title__wrap {
  margin-top: 1rem;
}

.p-single__title {
  display: inline-block;
  border-bottom: 2px solid var(--fonts-color);
}

.p-single__title__text {
  font-size: 2.2rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.03em;
}

.p-single__body__wrap {
  margin-top: 4rem;
}

.p-single__body {
  font-size: 1.8rem;
}

/* post-links
========================================================== */
.post-links {
  display: flex;
  margin-top: 5rem;
}

.post-link {
  width: 50%;
}
.post-link a {
  font-size: 1.8rem;
  color: var(--fonts-color);
  text-decoration: none;
  transition: 0.3s ease 0s;
}
.post-link a:focus, .post-link a:hover {
  opacity: 0.6;
}

.post-link__prev a {
  font-family: var(--font-family-gj-m);
  color: var(--fonts-color);
  margin-right: 1rem;
}

.post-link__next {
  text-align: right;
}
.post-link__next a {
  font-family: var(--font-family-gj-m);
  color: var(--fonts-color);
  margin-left: 1rem;
}

/*!
page > sub > p-staff (common)
------------------------------
*/
.p-staff {
  padding: 11rem 0 16rem;
}
@media screen and (max-width: 751px) {
  .p-staff {
    padding: 13.8rem 0 10rem;
  }
}

.p-staff__container {
  position: relative;
  z-index: 0;
}
.p-staff__container::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_aboutus/mana_aboutus_flower_01.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 35.5rem;
  height: 40.1rem;
  line-height: 40.1rem;
  top: -5.5rem;
  left: -8.7%;
  z-index: -1;
}
@media screen and (min-width: 1501px) {
  .p-staff__container::before {
    background: url(../assets/img/mana_aboutus/mana_aboutus_flower_01_bg.png) no-repeat center center/cover;
    max-width: 47.5rem;
    height: 40.1rem;
    line-height: 40.1rem;
    top: -6rem;
    left: -23rem;
  }
}
@media screen and (max-width: 751px) {
  .p-staff__container::before {
    background: url(../assets/img/mana_aboutus/mana_illust_flower_sp_01.svg) no-repeat center center/cover;
    width: 20.5rem;
    height: 19.6rem;
    line-height: 19.6rem;
    top: -3rem;
    left: 0rem;
  }
}
.p-staff__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_aboutus/mana_staff_illust_pc_bottom.svg) no-repeat center center/cover;
  width: 93.9rem;
  height: 39.4rem;
  line-height: 39.4rem;
  bottom: 0;
  right: -6.2%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-staff__container::after {
    background: url(../assets/img/mana_aboutus/mana_staff_sp_bottom_flower.svg) no-repeat center center/cover;
    max-width: 18.8rem;
    height: 16.9rem;
    line-height: 16.9rem;
    bottom: -3rem;
    right: 0;
  }
}

.p-staff__wrap {
  width: 100%;
  max-width: 100rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-staff__wrap {
    max-width: 60rem;
    margin: 11rem auto 0;
  }
}

.p-staff-card__list {
  display: grid;
  place-content: center;
  place-items: center;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(181px, 1fr));
  gap: 5rem 1.5%;
}
@media screen and (max-width: 751px) {
  .p-staff-card__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 5rem;
  }
}

@media screen and (max-width: 751px) {
  .p-staff-card__item {
    min-width: 27rem;
  }
}

@media screen and (max-width: 751px) {
  .p-staff-card__img img {
    width: 27rem;
  }
}

.p-staff-card__body {
  text-align: center;
  margin-top: 1.8rem;
  min-width: 18.1rem;
}

.card__position__text {
  font-size: 1.3rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .card__position__text {
    font-size: 2rem;
  }
}

.p-staff-card__name {
  margin-top: 0.5rem;
}

.card__name__text {
  font-size: 1.7rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 751px) {
  .card__name__text {
    font-size: 3rem;
  }
}

.p-staff-sp-bottom__wrap {
  margin-top: 8rem;
}

/*!
page > sub > p-sub-kv (common)
------------------------------
*/
.p-sub-kv {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 9.6rem;
}
@media screen and (max-width: 751px) {
  .p-sub-kv {
    margin-top: 10rem;
  }
}

.mana-about-kv {
  background: var(--background-about-mana-color);
}

.p-sub-kv__container {
  display: block;
  text-align: center;
}
.p-sub-kv__container img {
  object-fit: cover;
}

.mana-about-kv__container {
  background: var(--background-about-mana-color);
  padding-bottom: 1%;
}

/*!
page > sub > p-sub-news (common)
------------------------------
*/
.p-sub-news {
  padding: 19.6rem 0 10rem;
}
@media screen and (max-width: 751px) {
  .p-sub-news {
    padding: 20rem 0 18rem;
  }
}

.p-sub-news__unit {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-sub-news__unit {
    max-width: 65rem;
  }
}

.p-sub-news__list {
  width: 100%;
}

.p-sub-news__item {
  border-bottom: 2px solid var(--fonts-color);
  padding: 0 2rem 2rem;
}
.p-sub-news__item:nth-child(n+2) {
  margin-top: 2.6rem;
}
@media screen and (max-width: 751px) {
  .p-sub-news__item {
    padding: 0 1rem 2rem;
  }
}

.p-sub-news__item__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.3s ease 0s;
}
.p-sub-news__item__wrap:focus, .p-sub-news__item__wrap:hover {
  opacity: 0.6;
}
@media screen and (max-width: 751px) {
  .p-sub-news__item__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-sub-news__date__wrap {
  min-width: 20rem;
}
@media screen and (max-width: 751px) {
  .p-sub-news__date__wrap {
    min-width: 0;
    margin-bottom: 0.8rem;
  }
}

.p-sub-news__date {
  font-family: var(--font-family-mont);
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 751px) {
  .p-sub-news__date {
    font-size: 2.2rem;
  }
}

.p-sub-news__text {
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-sub-news__text {
    font-size: 2.4rem;
  }
}

/* page-nav
========================================================== */
.page-navi {
  margin-top: 8rem;
  text-align: left;
}
@media screen and (max-width: 751px) {
  .page-navi {
    margin-top: 6rem;
  }
}

.current,
.page {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  padding: 1rem;
  margin-left: 1rem;
}
.current:first-child,
.page:first-child {
  margin-left: 0;
}
@media screen and (max-width: 751px) {
  .current,
.page {
    font-size: 2.4rem;
  }
}

.current {
  background: var(--fonts-color);
  color: var(--background-base-color);
  transition: all 0.3s ease 0s;
}
.current:focus, .current:hover {
  opacity: 0.6;
}

.page {
  color: var(--fonts-color);
  transition: all 0.3s ease 0s;
}
.page:focus, .page:hover {
  opacity: 0.6;
}

.dots {
  background: transparent;
  border: none;
}

/*!
page > sub > p-sub-recruit (common)
------------------------------
*/
.p-sub-recruit {
  padding: 8.2rem 0 8rem;
}
@media screen and (max-width: 751px) {
  .p-sub-recruit {
    padding: 4rem 0;
  }
}

.p-sub-recruit__wrap {
  width: 100%;
  max-width: 98rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 751px) {
  .p-sub-recruit__wrap {
    max-width: 68.5rem;
  }
}

.p-sub-recruit__dlist {
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.15em;
  width: 100%;
  height: 10.8rem;
  background: var(--color-green_02);
}
.p-sub-recruit__dlist:nth-child(n+2) {
  margin-top: 0.2rem;
}

.p-sub-recruit__term {
  min-width: 26.2rem;
  font-size: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 751px) {
  .p-sub-recruit__term {
    min-width: 16rem;
    font-size: 1.4rem;
  }
}

.p-sub-recruit__desc__wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 10.8rem;
  border: 1px solid var(--color-gray);
  background: var(--background-base-color);
}

.p-sub-recruit__desc {
  font-size: 1.5rem;
  margin-left: 2.4rem;
  padding-right: 0.5rem;
}

/*!
page > top > p-WeDo (common)
------------------------------
*/
.p-WeDo {
  padding: 10rem 0 16.3rem;
  background: url(../assets/img/background_gray_waves.png) no-repeat center bottom/cover;
}
@media screen and (max-width: 751px) {
  .p-WeDo {
    padding: 10rem 0 19.3rem;
    background: url(../assets/img/background_gray_waves_sp.png) no-repeat center bottom/cover;
  }
}

.p-WeDo__unit {
  margin-top: 7.5rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo__unit {
    margin-top: 15rem;
  }
}

.p-WeDo__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-WeDo-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 88.4rem;
  height: 22.2rem;
  background: var(--background-base-color);
  border-radius: 2rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item {
    max-width: 60rem;
    height: 30rem;
    padding: 2rem;
    border-radius: 5rem;
  }
}
.p-WeDo-item:nth-child(n+2) {
  margin-top: 3.5rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item:nth-child(n+2) {
    margin-top: 17.5rem;
  }
}

.p-WeDo-item__number {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -9rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__number {
    width: 13.3rem;
    top: 0;
    left: 4rem;
  }
}

.p-WeDo-item__number_01 {
  left: -9.5rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__number_01 {
    width: 15rem;
    top: 0;
    left: 4rem;
  }
}

.p-WeDo-item__number_02 {
  left: -10rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__number_02 {
    width: 15.8rem;
    top: 0;
    left: 4rem;
  }
}

.p-WeDo-item__number_03 {
  left: -16rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__number_03 {
    width: 21rem;
    top: 0;
    left: -3.5rem;
  }
}

.p-WeDo-item_01 {
  position: relative;
  z-index: 0;
}
.p-WeDo-item_01::before {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/wedo_illust_01.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 16.4rem;
  height: 17.8rem;
  line-height: 17.8rem;
  top: -12rem;
  left: -18%;
  z-index: 1;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item_01::before {
    max-width: 13.4rem;
    height: 14.5rem;
    line-height: 14.5rem;
    top: -18rem;
    left: -4rem;
    z-index: -1;
  }
}
.p-WeDo-item_01::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/wedo_illust_02.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 29.7rem;
  height: 17.9rem;
  line-height: 17.9rem;
  top: 5.5rem;
  right: -13.5%;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item_01::after {
    max-width: 26.2rem;
    height: 15.9rem;
    line-height: 15.9rem;
    top: 22rem;
    right: -5.5rem;
  }
}

.p-WeDo-item_02 {
  position: relative;
  z-index: 0;
}
.p-WeDo-item_02::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/wedo_illust_03.svg) no-repeat center center/cover;
  width: 100%;
  max-width: 24.6rem;
  height: 13.8rem;
  line-height: 13.8rem;
  top: 9.3rem;
  right: -8%;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item_02::after {
    top: 21rem;
    right: -5%;
  }
}

.p-WeDo-item_03 {
  width: 100%;
  max-width: 91.6rem;
  height: 23rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item_03 {
    max-width: 60rem;
    height: 53rem;
    padding: 2rem 2rem 2rem 4rem;
  }
}

.p-WeDo-item_04 {
  position: relative;
  z-index: 0;
}
.p-WeDo-item_04::after {
  position: absolute;
  content: "";
  background: url(../assets/img/mana_about/wedo_illust_05.svg) no-repeat center center/cover;
  width: 35.1rem;
  height: 13.5rem;
  line-height: 13.5rem;
  top: 15rem;
  right: -1%;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item_04::after {
    top: 26rem;
  }
}

.p-WeDo-item__body {
  width: 70.3rem;
  margin-left: 13.6rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__body {
    width: 100%;
    margin-left: 0;
  }
}

.p-WeDo-item__body_03 {
  width: 70rem;
  margin-left: 15.1rem;
}
@media screen and (max-width: 751px) {
  .p-WeDo-item__body_03 {
    width: 100%;
    margin-left: 0;
  }
}

.p-WeDo-item__text {
  font-size: 2.4rem;
  font-family: var(--font-family-gj-m);
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.p-WeDo-item__text_accent {
  background: var(--color-accent);
}

/*!
page > top > p-class (common)
------------------------------
*/
.p-class {
  padding: 11rem 0 9.3rem;
  background: url(../assets/img/background_gray_waves.png) no-repeat center center/cover;
}
@media screen and (max-width: 751px) {
  .p-class {
    background: url(../assets/img/background_gray_waves_sp.png) no-repeat center bottom/cover;
    padding: 15rem 0 13rem;
  }
}

.p-class__container {
  position: relative;
  z-index: 0;
}
.p-class__container::before {
  position: absolute;
  content: "";
  background: url(../assets/img/top_class_illust-left.svg) no-repeat center center/cover;
  width: 24rem;
  height: 13rem;
  top: -4.5rem;
  left: 6%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-class__container::before {
    width: 17.9rem;
    height: 9.6rem;
    top: -11rem;
    left: 6%;
  }
}
.p-class__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/top_class_illust-right.svg) no-repeat center center/cover;
  width: 21.5rem;
  height: 13rem;
  top: 2.5rem;
  right: 7.5%;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-class__container::after {
    width: 15.7rem;
    height: 9.8rem;
    top: 8.5rem;
    right: 6%;
  }
}

.p-class-card__unit_01 {
  text-align: center;
  margin-top: 11.2rem;
}
@media screen and (max-width: 751px) {
  .p-class-card__unit_01 {
    margin-top: 14.4rem;
  }
}

.p-class-card__unit_02 {
  text-align: center;
  margin-top: 5rem;
}
@media screen and (max-width: 751px) {
  .p-class-card__unit_02 {
    margin-top: 16.4rem;
  }
}

.p-class-card__heading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17.5rem;
  height: 5.9rem;
  border-radius: 5rem;
}
@media screen and (max-width: 751px) {
  .p-class-card__heading {
    width: 18.8rem;
    height: 6.4rem;
  }
}

.color_g {
  background: var(--color-green);
}

.color_y {
  background: var(--color-accent);
}

.p-class-card__heading__text {
  font-size: 2.6rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-class-card__heading__text {
    font-size: 3rem;
  }
}

.p-class-card__list {
	max-width: 1195px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.1rem;
	flex-wrap: wrap;
  gap: 30px 0;
}
@media screen and (max-width: 751px) {
  .p-class-card__list {
    flex-wrap: wrap;
    margin-top: 6rem;
	  gap: 0;
  }
}

.p-class-card__item {
  flex: 0 0 23.25%;
}
@media screen and (max-width: 751px) {
  .p-class-card__item {
    flex: 0 0 63.8%;
  }
}
.p-class-card__item:nth-child(n+2) {
  margin-left: 2.8rem;
}
@media screen and (max-width: 751px) {
  .p-class-card__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 3.9rem;
  }
}

.p-class-card__item__img {
  width: 100%;
}
.p-class-card__item__img img {
  width: 100%;
  object-fit: cover;
}

.p-class__button {
  text-align: center;
  margin-top: 6.6rem;
  position: relative;
}
.p-class__button::before {
  position: absolute;
  content: "";
  background: url(../assets/img/illust_bird.svg) no-repeat center center/cover;
  width: 11.8rem;
  height: 10.6rem;
  top: 50%;
  left: 24%;
  transform: translateY(-50%);
}
@media screen and (max-width: 751px) {
  .p-class__button::before {
    top: -7rem;
    left: 6%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 751px) {
  .p-class__button {
    margin-top: 13.6rem;
  }
}

/*!
page > top > p-concept (common)
------------------------------
*/
.p-concept__wrap {
  position: relative;
  background: url(../assets/img/concept_illust.png) no-repeat center center/cover;
  width: 100%;
  max-width: 150rem;
  height: 72rem;
  margin: 0 auto;
  z-index: 0;
}
@media screen and (min-width: 1501px) {
  .p-concept__wrap {
    background: url(../assets/img/concept_illust_bg.png) no-repeat top center/cover;
    min-width: 171.4rem;
  }
}
@media screen and (max-width: 751px) {
  .p-concept__wrap {
    background: none;
    margin: 19rem auto 48rem;
  }
}
@media screen and (max-width: 751px) {
  .p-concept__wrap::before {
    position: absolute;
    content: "";
    background: url(../assets/img/sp_concept_illust_01.svg) no-repeat center center/cover;
    width: 100%;
    max-width: 72.8rem;
    height: 28.7rem;
    line-height: 28.7rem;
    top: -11rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}

.p-concept__body__top {
  text-align: center;
  margin-top: 5.6rem;
}
@media screen and (max-width: 751px) {
  .p-concept__body__top {
    margin-top: 15.6rem;
  }
}

.p-concept__body {
  text-align: center;
  margin-top: 5.6rem;
}

.p-concept__heading {
  font-size: 3.3rem;
  font-family: var(--font-family-gj-m);
  line-height: 1.74;
  letter-spacing: 0.03em;
}
.p-concept__heading span {
  display: inline-block;
  position: relative;
  z-index: 0;
  line-height: 1.74;
}

.p-concept__accent_01 {
  margin-right: 1.6rem;
}
@media screen and (max-width: 751px) {
  .p-concept__accent_01 {
    margin-right: 1.2rem;
  }
}
.p-concept__accent_01::before {
  position: absolute;
  content: "";
  background: url(../assets/img/rectangle-y.svg) no-repeat center center/cover;
  width: 10.5rem;
  height: 4.3rem;
  top: 48%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: -1;
  display: inline-block;
}

.p-concept__accent_02::before {
  position: absolute;
  content: "";
  background: url(../assets/img/rectangle-y.svg) no-repeat center center/cover;
  width: 17.5rem;
  height: 4.3rem;
  top: 48%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: -1;
  display: inline-block;
}

.p-concept__text__wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 751px) {
  .p-concept__text__wrap {
    margin-top: 9rem;
  }
}

.p-concept__text {
  font-size: 2rem;
  font-family: var(--font-family-gj-m);
  line-height: 2;
}
@media screen and (max-width: 751px) {
  .p-concept__text {
    font-size: 3rem;
    line-height: 1.8;
  }
}

.p-concept__button {
  margin-top: 4.6rem;
}
@media screen and (max-width: 751px) {
  .p-concept__button {
    margin-top: 15rem;
  }
}

.p-concept__image__wrap {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.p-concept__image {
  width: 100%;
}
.p-concept__image img {
  width: 100%;
  object-fit: cover;
}

.sp__p-concept__image__wrap {
  position: absolute;
  bottom: -48rem;
  z-index: -1;
}

/*!
page > top > p-contact (common)
------------------------------
*/
.p-contact {
  padding: 5.5rem 0 6rem;
  background: url(../assets/img/background_gray.svg) no-repeat center center/cover;
}
@media screen and (max-width: 751px) {
  .p-contact {
    padding: 16rem 0 20rem;
    background: url(../assets/img/mana_top_recruit_back_sp.png) no-repeat center center/cover;
  }
}

.p-contact__container {
  position: relative;
  z-index: 0;
}
.p-contact__container::before {
  position: absolute;
  content: "";
  background: url(../assets/img/contact_illust_01.svg) no-repeat center center/cover;
  width: 17.5rem;
  height: 29rem;
  top: 16rem;
  left: -1.5rem;
  z-index: 1;
}
@media screen and (max-width: 751px) {
  .p-contact__container::before {
    top: -20.5rem;
    left: 4.5rem;
  }
}
.p-contact__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/contact_illust_02.svg) no-repeat center center/cover;
  width: 21rem;
  height: 18.2rem;
  bottom: 5rem;
  right: -15rem;
}
@media screen and (max-width: 751px) {
  .p-contact__container::after {
    background: url(../assets/img/contact_illust_sp_02.svg) no-repeat center center/cover;
    width: 21rem;
    height: 18.2rem;
    bottom: -22rem;
    right: 2.5rem;
  }
}

.p-contact__unit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 751px) {
  .p-contact__unit {
    flex-direction: column;
    text-align: center;
  }
}

.p-contact__heading__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 27.7rem;
}
@media screen and (max-width: 751px) {
  .p-contact__heading__wrap {
    min-width: 24rem;
  }
}

.p-contact__heading__back {
  object-fit: cover;
}

.p-contact__heading {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-contact__head {
  font-size: 4.4rem;
  font-family: var(--font-family-mont);
  font-weight: 500;
}

.p-contact__sub__head {
  font-size: 1.6rem;
}
@media screen and (max-width: 751px) {
  .p-contact__sub__head {
    font-size: 2.8rem;
  }
}

.p-contact__body {
  width: 68.9%;
  margin-left: 4.6rem;
}
@media screen and (max-width: 751px) {
  .p-contact__body {
    width: 100%;
    margin-left: 0;
    margin-top: 6.8rem;
  }
}

.p-contact__body__text {
  font-size: 3rem;
  font-family: var(--font-family-gj-m);
}

.p-contact__body__tel__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.6rem;
}
@media screen and (max-width: 751px) {
  .p-contact__body__tel__wrap {
    flex-direction: column;
    margin-top: 4.6rem;
  }
}

.p-contact__body__tel__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.3s ease 0s;
}
.p-contact__body__tel__link:focus, .p-contact__body__tel__link:hover {
  opacity: 0.6;
}

.p-contact__body__tel__head {
  background: var(--fonts-color);
  font-family: var(--font-family-mont);
  font-size: 4rem;
  font-weight: 500;
  color: var(--background-base-color);
  width: 9.4rem;
  height: 4.6rem;
  line-height: 4.6rem;
  text-align: center;
}
@media screen and (max-width: 751px) {
  .p-contact__body__tel__head {
    font-size: 5.4rem;
    width: 12.7rem;
    height: 6.1rem;
    line-height: 6.1rem;
  }
}

.p-contact__body__tel__number {
  font-family: var(--font-family-gj-m);
  font-size: 3.8rem;
  font-weight: 400;
  letter-spacing: 0.09em;
  margin-left: 1rem;
}
@media screen and (max-width: 751px) {
  .p-contact__body__tel__number {
    font-size: 5.4rem;
  }
}

.p-contact__body__button {
  margin-left: 2.2rem;
}
@media screen and (max-width: 751px) {
  .p-contact__body__button {
    margin-left: 0;
    margin-top: 6rem;
  }
}

.button__p-contact {
  width: 28.1rem;
  height: 5.5rem;
}
@media screen and (max-width: 751px) {
  .button__p-contact {
    width: 41.2rem;
    height: 8.2rem;
    border: 6px solid var(--fonts-color);
  }
}

/*!
page > top > p-main-title (common)
------------------------------
*/
.main-title {
  padding: 11rem 0 8.8rem;
}
@media screen and (max-width: 751px) {
  .main-title {
    padding: 13.5rem 0 5rem;
  }
}

.main-title__container {
  text-align: center;
}

.main-title__text {
  font-size: 3rem;
  font-family: var(--font-family-gj-m);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 751px) {
  .main-title__text {
    font-size: 3.6rem;
    line-height: 2;
  }
}
.main-title__text:nth-child(n+2) {
  margin-top: 1.9rem;
}
.main-title__text span {
  display: inline-block;
  line-height: 1.67;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.main-title__accent_01::before {
  position: absolute;
  content: "";
  background: url(../assets/img/rectangle-y.svg) no-repeat center center/cover;
  width: 11rem;
  height: 4.3rem;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
  display: inline-block;
}
@media screen and (max-width: 751px) {
  .main-title__accent_01::before {
    width: 12.4rem;
    height: 4.6rem;
  }
}

.main-title__accent_02::before {
  position: absolute;
  content: "";
  background: url(../assets/img/rectangle-y.svg) no-repeat center center/cover;
  width: 11rem;
  height: 4.3rem;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .main-title__accent_02::before {
    width: 12.4rem;
    height: 4.6rem;
  }
}

.main-title__video {
  margin-top: 7.2rem;
}
@media screen and (max-width: 751px) {
  .main-title__video {
    margin-top: 13rem;
  }
}
.main-title__video video {
  border-radius: 3.6rem;
  object-fit: cover;
  overflow: hidden;
}
@media screen and (max-width: 751px) {
  .main-title__video video {
    width: 70rem;
  }
}

/*!
page > top > p-news (common)
------------------------------
*/
.p-news {
  padding: 5.2rem 0 5.4rem;
}
@media screen and (max-width: 751px) {
  .p-news {
    padding: 13.6rem 0 20rem;
  }
}

.p-news__container {
  position: relative;
}
.p-news__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/news_illust.svg) no-repeat center center/cover;
  width: 19rem;
  height: 13.1rem;
  bottom: -5.5rem;
  right: -0.5rem;
}
@media screen and (max-width: 751px) {
  .p-news__container::after {
    bottom: -20rem;
    right: 4rem;
  }
}

.p-news__unit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 751px) {
  .p-news__unit {
    flex-direction: column;
    text-align: center;
  }
}

.p-news__heading__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 27.7rem;
}
@media screen and (max-width: 751px) {
  .p-news__heading__wrap {
    min-width: 25.8rem;
  }
}

.p-news__heading__back {
  object-fit: cover;
}

.p-news__heading {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-news__head {
  font-size: 4.4rem;
  font-family: var(--font-family-mont);
  font-weight: 500;
}

.p-news__sub__head {
  font-size: 1.6rem;
}
@media screen and (max-width: 751px) {
  .p-news__sub__head {
    font-size: 2.8rem;
  }
}

.p-news__body {
  width: 68.9%;
  margin-left: 4.6rem;
}
@media screen and (max-width: 751px) {
  .p-news__body {
    width: 89%;
    margin-left: 0;
    margin-top: 5.8rem;
  }
}

.p-news__item {
  border-bottom: 2px solid var(--fonts-color);
  padding: 0 1rem 0.4rem;
}
.p-news__item:nth-child(n+2) {
  margin-top: 2.6rem;
}

.p-news__item__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  transition: 0.3s ease 0s;
}
@media screen and (max-width: 751px) {
  .p-news__item__wrap {
    flex-direction: column;
  }
}
.p-news__item__wrap:focus, .p-news__item__wrap:hover {
  opacity: 0.6;
}

.p-news__date__wrap {
  min-width: 15rem;
}
@media screen and (max-width: 751px) {
  .p-news__date__wrap {
    min-width: 0;
  }
}

.p-news__date {
  font-family: var(--font-family-mont);
  font-weight: 500;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 751px) {
  .p-news__date {
    font-size: 2.4rem;
  }
}

.p-news__text {
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-news__text {
    font-size: 2.6rem;
  }
}

/*!
page > top > p-recruit (common)
------------------------------
*/
.p-recruit {
  padding: 6.2rem 0 5.6rem;
  background: url(../assets/img/background_gray.svg) no-repeat center center/cover;
}
@media screen and (max-width: 751px) {
  .p-recruit {
    padding: 16rem 0 0;
    background: url(../assets/img/mana_top_recruit_back_sp.png) no-repeat center center/cover;
  }
}

.p-recruit__container {
  position: relative;
  z-index: 0;
}
.p-recruit__container::after {
  position: absolute;
  content: "";
  background: url(../assets/img/recruit_illust_pc.svg) no-repeat center center/cover;
  width: 46.1rem;
  height: 30.2rem;
  bottom: -3rem;
  right: -3rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-recruit__container::after {
    display: none;
  }
}

.p-recruit__unit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 751px) {
  .p-recruit__unit {
    flex-direction: column;
    text-align: center;
  }
}

.p-recruit__heading__wrap {
  position: relative;
  min-width: 27.7rem;
}

.p-recruit__heading__back {
  object-fit: cover;
}

.p-recruit__heading {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-recruit__head {
  font-size: 4.4rem;
  font-family: var(--font-family-mont);
  font-weight: 500;
}

.p-recruit__sub__head {
  font-size: 1.6rem;
}
@media screen and (max-width: 751px) {
  .p-recruit__sub__head {
    font-size: 3rem;
  }
}

.p-recruit__body {
  width: 65.2%;
  margin-left: 4.6rem;
}
@media screen and (max-width: 751px) {
  .p-recruit__body {
    width: 100%;
    margin-left: 0;
    margin-top: 5.8rem;
  }
}

.p-recruit__body__text {
  font-size: 3rem;
  font-family: var(--font-family-gj-m);
}

.p-recruit__body__button {
  margin-top: 2.2rem;
}
@media screen and (max-width: 751px) {
  .p-recruit__body__button {
    margin-top: 5.2rem;
  }
}

.p-recruit-sp-bottom__wrap {
  text-align: center;
  margin-top: 7.4rem;
}

/*!
page > top > p-support (common)
------------------------------
*/
.p-support {
  padding: 8.2rem 0 13.5rem;
}
@media screen and (max-width: 751px) {
  .p-support {
    padding: 14.3rem 0 25.6rem;
  }
}

.p-support__unit {
  margin-top: 6.3rem;
}

.p-support__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 751px) {
  .p-support__item {
    flex-direction: column;
  }
}
.p-support__item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 751px) {
  .p-support__item:nth-child(even) {
    flex-direction: column;
  }
}
.p-support__item:nth-child(n+2) {
  margin-top: 15rem;
}

.p-support__item__image {
  width: 51.5%;
}
@media screen and (max-width: 751px) {
  .p-support__item__image {
    width: 100%;
    text-align: center;
  }
}

.p-support__item__body {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 43.9%;
}
@media screen and (max-width: 751px) {
  .p-support__item__body {
    width: 100%;
    margin-top: 8rem;
  }
}

.p-support__item__heading {
  text-align: center;
}

.p-support__item__head {
  display: inline-block;
  font-size: 3.4rem;
  font-family: var(--font-family-gj-m);
  line-height: 1;
  background: var(--color-accent);
  padding: 0.4rem 0.8rem;
}
@media screen and (max-width: 751px) {
  .p-support__item__head {
    font-size: 4rem;
  }
}

.p-support__item__sub__head {
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 751px) {
  .p-support__item__sub__head {
    font-size: 2.2rem;
    margin-top: 2rem;
  }
}

.p-support__item__text__wrap {
  width: 46rem;
  text-align: start;
  margin-top: 2rem;
}
@media screen and (max-width: 751px) {
  .p-support__item__text__wrap {
    width: 100%;
    max-width: 60rem;
    margin-top: 3rem;
  }
}

.p-support__item__text__wrap_02 {
  width: 46rem;
  text-align: start;
  margin-top: 2.5rem;
}
@media screen and (max-width: 751px) {
  .p-support__item__text__wrap_02 {
    width: 100%;
    max-width: 60rem;
    margin-top: 4rem;
  }
}

.p-support__item__text {
  letter-spacing: 0.04em;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-support__item__text {
    font-size: 2.8rem;
  }
}
.p-support__item__text span {
  font-size: 1.4rem;
  font-family: var(--font-family-gj-m);
}
@media screen and (max-width: 751px) {
  .p-support__item__text span {
    font-size: 2.8rem;
  }
}

.p-support__item__button {
  margin-top: 2.7rem;
}
@media screen and (max-width: 751px) {
  .p-support__item__button {
    margin-top: 9.5rem;
  }
}

.support__item_01 {
  position: relative;
  z-index: 0;
}
.support__item_01::after {
  position: absolute;
  content: "";
  background: url(../assets/img/support_illust_01.svg) no-repeat center center/cover;
  width: 23.2rem;
  height: 26.2rem;
  top: -12rem;
  right: -3.8rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .support__item_01::after {
    width: 14.5rem;
    height: 16.1rem;
    top: 43rem;
    right: 3.5rem;
  }
}

.support__item_02 {
  position: relative;
  z-index: 0;
}
.support__item_02::before {
  position: absolute;
  content: "";
  background: url(../assets/img/support_illust_02.svg) no-repeat center center/cover;
  width: 15.4rem;
  height: 15.7rem;
  bottom: -9rem;
  left: -4.5rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .support__item_02::before {
    width: 11.7rem;
    height: 11.9rem;
    bottom: 37rem;
    left: -2rem;
  }
}

.support__item_03 {
  position: relative;
  z-index: 0;
}
.support__item_03::after {
  position: absolute;
  content: "";
  background: url(../assets/img/support_illust_03.svg) no-repeat center center/cover;
  width: 15.2rem;
  height: 9rem;
  bottom: -5.2rem;
  right: -2rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .support__item_03::after {
    bottom: 4.5rem;
    right: -0.2rem;
  }
}

.support__item_04 {
  position: relative;
  z-index: 0;
}
.support__item_04::before {
  position: absolute;
  content: "";
  background: url(../assets/img/support_illust_04.svg) no-repeat center center/cover;
  width: 41.5rem;
  height: 29.9rem;
  bottom: -7rem;
  left: -22.5rem;
  z-index: -1;
}
@media screen and (min-width: 1501px) {
  .support__item_04::before {
    background: url(../assets/img/support_illust_04_bg.svg) no-repeat center center/cover;
    width: 45.1rem;
    height: 29.4rem;
    bottom: -7.5rem;
    left: -25.4rem;
  }
}
@media screen and (max-width: 751px) {
  .support__item_04::before {
    background: url(../assets/img/support_illust_04_sp.svg) no-repeat center center/cover;
    width: 23.6rem;
    height: 30.6rem;
    bottom: -20.5rem;
    left: -2.5rem;
  }
}

/*!
page > top > p-top-kv (common)
------------------------------
*/
.p-top-kv {
  width: 100%;
  height: 80rem;
  overflow: hidden;
  margin-top: 9.6rem;
}
@media screen and (max-width: 751px) {
  .p-top-kv {
    margin-top: 10rem;
    height: 130.7rem;
    text-align: center;
  }
}

.top-kv__container {
  position: relative;
  width: 100%;
  height: 80rem;
}

.p-top-kv__titles {
  position: relative;
  display: inline-block;
  margin-top: 17rem;
  z-index: 0;
}
.p-top-kv__titles::after {
  content: "";
  position: absolute;
  background: url(../assets/img/top_kv_pc.svg) no-repeat center center/cover;
  width: 81.4rem;
  height: 68.7rem;
  right: -78.5rem;
  top: -12rem;
  z-index: -1;
}
@media screen and (max-width: 751px) {
  .p-top-kv__titles::after {
    content: none;
  }
}

.p-top-kv__main__title {
  display: inline-block;
}
.p-top-kv__main__title img {
  object-fit: cover;
}

.p-top-kv__main__title_images {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10rem;
}
.p-top-kv__main__title_images img {
  object-fit: cover;
}
.p-top-kv__main__title_images img:nth-child(n+2) {
  margin-top: 1.7rem;
}

.p-top-kv__main__title_accent {
  display: flex;
  align-items: center;
  margin-top: 2.6rem;
}

.p-top-kv__main__title_text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2.3rem;
  background: var(--color-accent);
  font-family: var(--font-family-gj-m);
  border-radius: 1.5rem;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  line-height: 1;
}
.p-top-kv__main__title_text:nth-child(n+2) {
  margin-left: 0.8rem;
}

.p-top-kv__body__sp {
  margin-top: 2.5rem;
}

.p-top-kv__sp_main__image {
  margin-top: 4rem;
}

.p-top-kv__sp_main__title__image {
  margin-top: 4rem;
}

/*!
utility > only
------------------------------
*/
.sp-only {
  display: none;
}
@media screen and (max-width: 751px) {
  .sp-only {
    display: block;
  }
}

@media screen and (max-width: 751px) {
  .sp-none {
    display: none;
  }
}

.up-only {
  display: none;
}
@media screen and (min-width: 1501px) {
  .up-only {
    display: block;
  }
}

@media screen and (min-width: 1501px) {
  .up-none {
    display: none;
  }
}