@media all and (min-width: 751px) {
  body.about #title {
    background-image: url(../images/about/title-bg.jpg);
  }
  /* INDEX */
  #about-index #about-greet .greet-box .visual-box .text-area {
    padding: 115px 0 0 60px;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .en_title {
    display: inline-block;
    color: #46bef1;
    font-family: "Philosopher", sans-serif;
    font-style: italic;
    font-size: 375%; /* 60px */
    margin-bottom: 22px;
    letter-spacing: -0.025em;
    line-height: 1.2;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .title {
    font-family: YuGothic, "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 225%; /* 36px */
    line-height: 1.7;
    margin-bottom: 18px;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name-area {
    font-size: 125%; /* 20px */
    line-height: 1.2;
    margin-bottom: 83px;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name-area .name {
    font-size: 180%; /* 36px */
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name_en {
    color: #46bef1;
    font-family: "Philosopher", sans-serif;
    font-size: 375%; /* 60px */
    line-height: 1.2;
  }
  #about-index #about-greet .greet-box .cntbox .inner-box {
    max-width: 890px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area {
    max-width: 1170px;
    display: flex;
    flex-direction: row-reverse;
    gap: 0 70px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .text-box {
    width: 470px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .image-box {
    flex: 1;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .image-box .image {
    margin-bottom: 0;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .image-box .image img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  #about-index #about-greet .greet-box .cntbox .text:not(:last-child) {
    margin-bottom: 32px;
  }
  #about-index #about-greet .greet-box .cntbox .mb_area {
    margin-bottom: 32px;
  }
  #about-index #about-history .aagm {
    display: flex;
    align-items: center;
    gap: 0 30px;
  }
  #about-index #about-history .aagm .image {
    margin-bottom: 0;
  }
  #about-index #about-history .aagm .image img {
    vertical-align: middle;
  }
  /* STAFF */
  #about-staff .visual-box {
    margin-bottom: 65px;
  }
  #about-staff .visual-box .image {
    margin-bottom: 0;
  }
  #about-staff .visual-box .image img {
    vertical-align: middle;
  }
}
@media print, all and (min-width: 751px) and (max-width: 1250px) {
  #about-index #about-greet .greet-box .visual-box .catch {
    left: -180px;
    z-index: -1;
  }
}
@media only screen and (max-width: 750px) {
  body.about #title {
    background-image: url(../images/about/title-bg_sp.jpg);
  }
  /* INDEX */
  #about-index #about-greet .greet-box .visual-box {
    margin-bottom: 15px;
  }
  #about-index #about-greet .greet-box .visual-box .text-area {
    height: 195px;
    padding: 20px 0 0 80px;
    box-sizing: border-box;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .title {
    font-family: YuGothic, "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 112.5%; /* 18px */
    line-height: 1.555555;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name-area {
    font-size: 87.5%; /* 14px */
    margin-bottom: -2px;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name-area .name {
    font-size: 128.571428%; /* 18px */
    line-height: 1.2;
  }
  #about-index #about-greet .greet-box .visual-box .text-area .name_en {
    color: #46bef1;
    font-family: "Philosopher", sans-serif;
    font-size: 150%; /* 24px */
    line-height: 1.2;
    margin-bottom: 0;
  }
  #about-index #about-greet .greet-box .cntbox .inner-box {
    padding-inline: 30px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area {
    padding-inline: 30px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .image-box .image {
    margin-bottom: 28px;
  }
  #about-index #about-greet .greet-box .cntbox .wrap-area .image-box .image img {
    vertical-align: middle;
  }
  #about-index #about-greet .greet-box .cntbox .text:not(:last-child) {
    margin-bottom: 28px;
  }
  #about-index #about-greet .greet-box .cntbox .mb_area {
    margin-bottom: 28px;
  }
  #about-index #about-history .aagm .text-box > *:last-child {
    margin-bottom: 5px;
  }
  #about-index #about-history .aagm .image {
    margin-bottom: 0;
  }
  #about-index #about-history .aagm .image img {
    vertical-align: middle;
  }
  /* STAFF */
  #about-staff .visual-box {
    margin-bottom: 45px;
  }
  #about-staff .visual-box .image {
    margin-bottom: 0;
  }
  #about-staff .visual-box .image img {
    vertical-align: middle;
    min-height: 175px;
    object-fit: cover;
  }
}

/*# sourceMappingURL=page-about.css.map */