@charset "UTF-8";
#page-about-top .category-index {
  background-image: url(../img/about/top/main.jpg);
}

#page-about-about .page-main-block {
  margin: 0 auto;
  background: #000;
}
#page-about-about .page-main-block .orverview {
  margin: 0 auto;
  padding: 150px 0 100px;
  text-align: center;
  background: #000 url(../img/about/about/main.jpg) top center no-repeat;
  background-size: contain;
}
#page-about-about .page-main-block .orverview p {
  font-size: 1.0625rem;
  line-height: 2.5em;
  color: #fff;
}
#page-about-about .page-main-block .orverview p + p {
  margin-top: 3em;
}
#page-about-about .page-main-block .orverview p.lead {
  margin: 0 auto 150px;
  font-size: 2.875rem;
  font-family: "Zen Old Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  line-height: 1.4em;
}
@media screen and (max-width: 767px) {
  #page-about-about .page-main-block .orverview p.lead {
    margin-bottom: 70px;
    font-size: 2.375rem;
  }
}

#page-about-history .page-block-content {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  #page-about-history .history-content .content-left {
    width: 55%;
  }
}
@media screen and (min-width: 768px) {
  #page-about-history .history-content .content-right {
    width: 41%;
  }
}
#page-about-history .history-content .content-right .history-section:not(:last-child) {
  margin-bottom: 10em;
}
#page-about-history .history-content .content-right .history-section p + figure {
  margin: 2em auto;
}
#page-about-history .history-content .content-right .content-row {
  margin: 2em auto 0;
}
@media screen and (min-width: 768px) {
  #page-about-history .history-content .content-right .content-row .content-img {
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  #page-about-history .history-content .content-right .content-row .content-img figure {
    width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  #page-about-history .history-content .content-right .content-row .content-right {
    width: calc(100% - 170px);
  }
}
#page-about-history .history-img {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 500px;
}
@media screen and (max-width: 767px) {
  #page-about-history .history-img {
    display: none;
  }
}
#page-about-history .history-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
}
#page-about-history .history-img img:nth-child(1) {
  z-index: 3;
}
#page-about-history .history-img img:nth-child(2) {
  z-index: 2;
}
#page-about-history .history-img img:nth-child(3) {
  z-index: 1;
}
#page-about-history .history-img img.is-hide {
  opacity: 0;
  visibility: hidden;
}
#page-about-history .history-img-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #page-about-history .history-img-sp {
    display: block;
    margin: 0 -20px 30px;
  }
}

@media screen and (max-width: 767px) {
  #page-about-education .page-first-block .content-row {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  #page-about-education .page-first-block .content-row .content-img {
    width: 256px;
  }
}
@media screen and (max-width: 767px) {
  #page-about-education .page-first-block .content-row .content-img figure {
    width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  #page-about-education .page-first-block .content-row .content-right {
    width: calc(100% - 296px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-education #sec-education_01 .content-row .content-img {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  #page-about-education #sec-education_01 .content-row .content-img figure {
    width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  #page-about-education #sec-education_01 .content-row .content-right {
    width: calc(100% - 200px);
  }
}
#page-about-education #sec-education_02 .saicho .title-border {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #page-about-education #sec-education_02 .saicho .title-border .num {
    display: block;
    margin-bottom: 0.2em;
  }
}
@media screen and (min-width: 768px) {
  #page-about-education #sec-education_02 .saicho .content-row .content-img {
    width: 470px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-education #sec-education_02 .saicho .content-row .content-right {
    width: calc(100% - 510px);
  }
}

@media screen and (max-width: 767px) {
  #page-about-founders .content-row {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_01 .content-row .content-img {
    width: 195px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_01 .content-row .content-right {
    width: calc(100% - 235px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_02 .content-row .content-img {
    width: 170px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_02 .content-row .content-right {
    width: calc(100% - 235px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_03 .content-row .content-img {
    width: 46%;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_03 .content-row .content-right {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_07 .content-row .content-img {
    width: 250px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-founders #sec-founders_07 .content-row .content-right {
    width: calc(100% - 290px);
  }
}

@media screen and (min-width: 768px) {
  #page-about-ceremony .content-row .content-img {
    width: 250px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-ceremony .content-row .content-right {
    width: calc(100% - 290px);
  }
}
#page-about-ceremony #sec-ceremony_01 .content-row:first-of-type {
  margin: 0 auto 70px;
}
@media screen and (min-width: 768px) {
  #page-about-ceremony #sec-ceremony_01 .content-row:first-of-type .content-left {
    width: 38%;
  }
}
@media screen and (min-width: 768px) {
  #page-about-ceremony #sec-ceremony_01 .content-row:first-of-type .content-right {
    width: 59%;
  }
}
#page-about-ceremony #sec-ceremony_01 .content-row:first-of-type .content-right table tbody th {
  width: 10em;
  background: #f4f2ee;
}
#page-about-ceremony #sec-ceremony_01 .content-row:first-of-type .content-right table tbody td {
  text-align: left;
}

@media screen and (min-width: 768px) {
  #page-about-shomyo .content-row .content-img {
    width: 400px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo .content-row .content-right {
    width: calc(100% - 450px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo .movie {
    max-width: 300px;
    margin: 50px 0 0;
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_01 .content-row .content-img {
    width: 750px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_01 .content-row .content-right {
    width: calc(100% - 800px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_03 .content-row .content-img {
    width: 450px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_03 .content-row .content-right {
    width: calc(100% - 500px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_04 .content-row .content-img {
    width: 550px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-shomyo #sec-shomyo_04 .content-row .content-right {
    width: calc(100% - 600px);
  }
}

#page-about-goeika table tbody th {
  text-align: right;
}
@media screen and (max-width: 767px) {
  #page-about-goeika table tbody th {
    width: 7em;
    text-align: center;
  }
}
#page-about-goeika table tbody td {
  text-align: left;
}
#page-about-goeika .page-first-block .content-row {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #page-about-goeika .page-first-block .content-row {
    flex-direction: column;
    gap: 20px 0;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-goeika .page-first-block .content-row .content-img {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  #page-about-goeika #sec-goeika_03 .content-row .content-left {
    width: 55%;
  }
}
#page-about-goeika #sec-goeika_03 .content-row .content-left figure {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  #page-about-goeika #sec-goeika_03 .content-row .content-left figure {
    width: 370px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-goeika #sec-goeika_03 .content-row .content-right {
    width: 40%;
  }
}
#page-about-goeika #sec-goeika_03 .lead {
  font-size: 1.4375rem;
  font-family: "Zen Old Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  line-height: 1.4em;
}
#page-about-goeika #sec-goeika_03 h3 {
  margin: 0 auto 1em;
  font-size: 1.5rem;
  font-family: "Zen Old Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
}
#page-about-goeika #sec-goeika_03 dl dt {
  padding: 0.5em 1em;
  font-size: 1.25rem;
  font-family: "Zen Old Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  background: #f1eada;
}
#page-about-goeika #sec-goeika_03 dl dd {
  padding: 0.5em 1em;
}

@media screen and (min-width: 768px) {
  #page-about-training .content-row .content-img {
    width: 270px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-training .content-row .content-right {
    width: calc(100% - 310px);
  }
}
#page-about-training .content-row .content-right .content-row {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  #page-about-training .content-row .content-right .content-row .content-img {
    width: 310px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-training .content-row .content-right .content-row .content-left {
    width: calc(100% - 350px);
  }
}
#page-about-training #sec-training_01 .content-row:first-of-type {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  #page-about-training #sec-training_01 .content-row:first-of-type .content-img {
    width: 440px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-training #sec-training_01 .content-row:first-of-type .content-right {
    width: calc(100% - 480px);
  }
}
@media screen and (min-width: 768px) {
  #page-about-training #sec-training_01 .content-row .content-img {
    width: 295px;
  }
}
@media screen and (min-width: 768px) {
  #page-about-training #sec-training_01 .content-row .content-right {
    width: calc(100% - 335px);
  }
}
#page-about-training #sec-training_01 .btn-border {
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  #page-about-training #sec-training_01 .btn-border {
    max-width: 270px;
  }
}
#page-about-training #sec-training_01 .btn-border + p {
  margin-top: 30px;
}