@charset "utf-8";
@media (min-width:751px) {
  html {
    scroll-padding-top: var(--header);
  }
}
@media (max-width:750px) {
  html {
    scroll-padding-top: var(--header);
  }
}
header {
  background-color: #fff;
}
.mv {
  width: 100%;
  position: relative;
}
.mv_bg-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mv_bg-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mv_txt-wrap {
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.mv_txt-wrap .close-up {
  margin-inline: auto;
}
@media (min-width:751px) {
  .mv {
    height: 50vw;
  }
  .mv_txt-wrap .close-up {
    margin-inline: auto;
    width: 189px;
  }
  .mv_ttl {
    margin-top: 37px;
    font-size: 110px;
    letter-spacing: 0.025em;
    color: #fff;
  }
  .mv_txt {
    margin-block: 24px 8px;
    font-size: 50px;
    letter-spacing: 0.05em;
    color: #fff;
  }
}
@media (max-width:750px) {
  .mv {
    height: calc((( 675 / var(--media_sp)) * 100) * var(--vw));
  }
  .mv_txt-wrap .close-up {
    margin-inline: auto;
    width: calc((( 185 / var(--media_sp)) * 100) * var(--vw));
  }
  .mv_ttl {
    margin-top: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.378;
    letter-spacing: 0.07em;
    color: #fff;
  }
  .mv_txt {
    margin-top: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    margin-bottom: calc((( 18 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 33 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.05em;
    color: #fff;
  }
}

/* people */
.people {
  background-color: #10326a;
}
.people_ttl {
  font-size: 0;
  margin-inline: auto;
}
.people_item-wrap {
  width: fit-content;
  color: #fff;
  text-align: center;
}
.people_item-wrap .img-wrap {
  aspect-ratio: 1 / 1;
}
.people_item-wrap .arrow-img-wrap {
  display: block;
  margin-inline: auto;
  aspect-ratio: 1 / 0.52835;
}
@media (min-width:751px) {
  .people {
    padding-block: 112px 135px;
  }
  .people_ttl {
    width: 69px;
  }
  .people-inner {
    margin-top: 81px;
    margin-inline: auto;
    width: min(1060px, 100%);
    display: flex;
    justify-content: space-between;
  }
  .people_item-wrap .img-wrap {
    width: 217px;
  }
  .people_item-wrap .name {
    margin-top: 22px;
    font-size: 24px;
  }
  .people_item-wrap .post {
    margin-top: 10px;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .people_item-wrap .arrow-img-wrap {
    margin-top: 21px;
    width: 14px;
  }
}
@media (max-width:750px) {
  .people {
    padding-block: calc((( 75 / var(--media_sp)) * 100) * var(--vw)) calc((( 107 / var(--media_sp)) * 100) * var(--vw));
  }
  .people_ttl {
    width: calc((( 105 / var(--media_sp)) * 100) * var(--vw));
  }
  .people-inner {
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
    margin-inline: auto;
    width: 84%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
  }
  .people_item-wrap {
    width: calc((( 282 / var(--media_sp)) * 100) * var(--vw));
  }
  .people_item-wrap .img-wrap {
    width: 100%;
  }
  .people_item-wrap .name {
    margin-top: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 35 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.08em;
  }
  .people_item-wrap .post {
    margin-top: calc((( 15 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
  }
  .people_item-wrap .arrow-img-wrap {
    margin-top: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* people */

/* block common */
.blk-inner {
  margin-inline: auto;
}
.blk_person {
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
.blk_person .name,
.blk_person .post,
.blk_catch {
  color: #10326a;
}
.blk_catch {
  font-family: var(--TsukuMin);
  text-align: center;
}
.blk_person .line {
  background-color: #10326a;
  display: block;
  margin-inline: auto;
  width: 1px;
}
.blk_ttl {
  font-family: var(--TsukuMin);
  color: #10326a;
}
.blk_txt {
  color: #323232;
}
.blk_copy {
  font-family: var(--noto_sans);
}
.blk_img-wrap {
  position: relative;
}
.blk_img-wrap .blk_img_cap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: fit-content;
  font-family: var(--noto_sans);
  line-height: 1;
  color: #fff;
}
@media (min-width:751px) {
  .blk {
    padding-inline: 20px;
  }
  .blk_head-wrap {
    padding-block: 178px 115px;
  }
  .blk_person .img-wrap {
    width: 217px;
  }
  .blk_person .name {
    margin-top: 21px;
    font-size: 24px;
    letter-spacing: 0.07em;
  }
  .blk_person .post {
    margin-top: 11px;
    font-size: 14px;
    letter-spacing: 0.07em;
  }
  .blk_person .line {
    margin-top: 22px;
    height: 34px;
  }
  .blk_catch {
    margin-top: 10px;
    font-size: 44px;
    letter-spacing: 0.07em;
    line-height: 1.859;
  }
  .blk-inner {
    width: min(1200px, 100%);
  }
  .blk-inner > * + * {
    margin-top: 75px;
  }
  .blk_ttl {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
  .blk_copy {
    margin-top: 31px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
  }
  .blk_img-wrap .blk_img_cap {
    margin-right: 12px;
    margin-bottom: 11px;
    font-size: 12px;
  }
}
@media (max-width:750px) {
  .blk-inner {
    width: 84%;
  }
  .blk_head-wrap {
    padding-block:  calc((( 183 / var(--media_sp)) * 100) * var(--vw)) calc((( 145 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk_person .img-wrap {
    width: calc((( 283 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk_person .name {
    margin-top: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 35 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.07em;
  }
  .blk_person .post {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.07em;
  }
  .blk_person .line {
    margin-top: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk_catch {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.07em;
    line-height: 1.871;
  }
  .blk_ttl {
    font-size: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
    letter-spacing: 0.05em;
  }
  .blk_copy {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    /* letter-spacing: 0.06em; */
    line-height: 2;
  }
  .blk_img-wrap .blk_img_cap {
    margin-bottom: calc((( 17 / var(--media_sp)) * 100) * var(--vw));
    margin-right: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.07em;
  }
}
/* block common */

/* block 01 */
@media (min-width:751px) {
  .blk-01 {
    padding-bottom: 314px;
  }
}
@media (max-width:750px) {
  .blk-01 {
    padding-bottom: calc((( 128 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* con-1 */
@media (min-width:751px) {
  .blk-01 .blk_con-01 {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blk-01 .blk_con-01 .blk_txt-wrap {
    width: 46.666%;
  }
  .blk-01 .blk_con-01 .blk_img-wrap {
    width: 46.666%;
  }
}
@media (max-width:750px) {
  .blk-01 .blk_con-01 {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    row-gap: calc((( 78 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-01 .blk_con-01 .blk_txt-wrap {
    width: 100%;
  }
  .blk-01 .blk_con-01 .blk_img-wrap {
    width: 100%;
  }
}
/* con-1 */

/* con-2 */
@media (min-width:751px) {
  .blk-01 .blk_con-02 {
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: repeat(2, 46.666%);
    grid-template-rows: 361px auto;
    row-gap: 53px;
  }
  .blk-01 .blk_con-02 .blk_img-wrap {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .blk-01 .blk_con-02 .blk_img-wrap.img-02 {
    width: min(498px, 41.5%);
    justify-self: start;
  }
  .blk-01 .blk_con-02 .blk_img-wrap.img-03 {
    width: min(699px, 58.25%);
    justify-self: end;
  }
  .blk-01 .blk_con-02 .blk_txt-wrap.txt-02 {
    justify-self: start;
  }
  .blk-01 .blk_con-02 .blk_txt-wrap.txt-03 {
    justify-self: end;
  }
}
@media (max-width:750px) {
  .blk-01 .blk_con-02 {
    margin-top: calc((( 65 / var(--media_sp)) * 100) * var(--vw));
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, auto);
  }
  .blk-01 .blk_con-02 .blk_img-wrap,
  .blk-01 .blk_con-02 .blk_txt-wrap {
    grid-column: 1 / 2;
  }
  .blk-01 .blk_con-02 .blk_img-wrap.img-02 {
    grid-row: 1 / 2;
  }
  .blk-01 .blk_con-02 .blk_txt-wrap.txt-02 {
    margin-top: calc((( 68 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 2 / 3;
  }
  .blk-01 .blk_con-02 .blk_img-wrap.img-03 {
    margin-top: calc((( 58 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 3 / 4;
  }
  .blk-01 .blk_con-02 .blk_txt-wrap.txt-03 {
    margin-top: calc((( 55 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 4 / 5;
  }
}
/* con-2 */

/* con-3 */
@media (min-width:751px) {
  .blk-01 .blk_con-03 {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blk-01 .blk_con-03 .blk_txt-wrap {
    width: 46.666%;
  }
  .blk-01 .blk_con-03 .blk_img-wrap {
    width: 46.666%;
  }
}
@media (max-width:750px) {
  .blk-01 .blk_con-03 {
    margin-top: calc((( 62 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-01 .blk_con-03 .blk_txt-wrap {
    margin-top: calc((( 59 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* con-3 */
/* block 01 */

/* block 02 */
@media (min-width:751px) {
  .blk-02 {
    padding-bottom: 230px;
  }
}
@media (max-width:750px) {
  .blk-02 {
    padding-bottom: calc((( 120 / var(--media_sp)) * 100) * var(--vw));
  }
}
@media (min-width:751px) {
  .blk-02 .blk_con-02 {
    margin-top: 105px;
  }
  .blk-02 .blk_con-04 {
    margin-top: 90px;
  }
  .blk-02 .blk_con {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blk-02 .blk_con-01,
  .blk-02 .blk_con-03 {
    flex-direction: row-reverse;
  }
  .blk-02 .blk_txt-wrap {
    width: 46.666%;
  }
  .blk-02 .blk_img-wrap {
    width: 46.666%;
  }
}
@media (max-width:750px) {
  .blk-02 .blk_con {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    row-gap: calc((( 78 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-02 .blk-inner > * + * {
    margin-top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-02 .blk_txt-wrap {
    width: 100%;
  }
  .blk-02 .blk_img-wrap {
    width: 100%;
  }
}
/* block 02 */

/* block 03 */
@media (min-width:751px) {
  .blk-03 {
    padding-bottom: 230px;
  }
}
@media (max-width:750px) {
  .blk-03 {
    padding-bottom: calc((( 120 / var(--media_sp)) * 100) * var(--vw));
  }
}
@media (min-width:751px) {
  .blk-03 .blk_con-02 {
    margin-top: 105px;
  }
  .blk-03 .blk_con {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blk-03 .blk_con-01,
  .blk-03 .blk_con-03 {
    flex-direction: row-reverse;
  }
  .blk-03 .blk_txt-wrap {
    width: 46.666%;
  }
  .blk-03 .blk_img-wrap {
    width: 46.666%;
  }
}
@media (max-width:750px) {
  .blk-03 .blk_con {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    row-gap: calc((( 78 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-03 .blk-inner > * + * {
    margin-top: calc((( 82 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-03 .blk_txt-wrap {
    width: 100%;
  }
  .blk-03 .blk_img-wrap {
    width: 100%;
  }
}
/* block 03 */

/* block 04 */
@media (min-width:751px) {
  .blk-04 {
    padding-bottom: 230px;
  }
}
@media (max-width:750px) {
  .blk-04 {
    padding-bottom: calc((( 120 / var(--media_sp)) * 100) * var(--vw));
  }
}

/* con-1 */
@media (min-width:751px) {
  .blk-04 .blk_con-01 {
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: repeat(2, 46.666%);
    grid-template-rows: repeat(3, auto);
    row-gap: 2px;
  }
  .blk-04 .blk_con-01 .blk_txt-wrap {
    grid-column: 1 / 2;
    align-self: stretch;
  }
  .blk-04 .blk_con-01 .blk_img-wrap {
    align-self: start;
    grid-column: 2 / 3;
  }
  .blk-04 .blk_con-01 .blk_img-wrap.img-01 {
    grid-row: 1 / 2;
  }
  .blk-04 .blk_con-01 .blk_img-wrap.img-02 {
    grid-row: 2 / 4;
  }
  .blk-04 .blk_con-01 .blk_txt-wrap.txt-01 {
    grid-row: 1 / 3;
  }
  .blk-04 .blk_con-01 .blk_txt-wrap.txt-02 {
    grid-row: 3 / 4;
  }
}
@media (max-width:750px) {
  .blk-04 .blk_con-01 {
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, auto);
  }
  .blk-04 .blk_con-01 .blk_img-wrap,
  .blk-04 .blk_con-01 .blk_txt-wrap {
    grid-column: 1 / 2;
  }
  .blk-04 .blk_con-01 .blk_img-wrap.img-01 {
    grid-row: 1 / 2;
  }
  .blk-04 .blk_con-01 .blk_txt-wrap.txt-01 {
    margin-top: calc((( 68 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 2 / 3;
  }
  .blk-04 .blk_con-01 .blk_img-wrap.img-02 {
    margin-top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 3 / 4;
  }
  .blk-04 .blk_con-01 .blk_txt-wrap.txt-02 {
    margin-top: calc((( 80 / var(--media_sp)) * 100) * var(--vw));
    grid-row: 4 / 5;
  }
}
/* con-1 */

/* con-2 */
@media (min-width:751px) {
  .blk-04 .blk_con-02 {
    margin-top: 105px;
  }
  .blk-04 .blk_con-02 {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blk-04 .blk_con-02 .blk_txt-wrap {
    width: 46.666%;
  }
  .blk-04 .blk_con-02 .blk_img-wrap {
    width: 46.666%;
  }
}
@media (max-width:750px) {
  .blk-04 .blk_con-02 {
    margin-top: calc((( 74 / var(--media_sp)) * 100) * var(--vw));
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    /* row-gap: calc((( 78 / var(--media_sp)) * 100) * var(--vw)); */
  }
  .blk-04 .blk_con-02 .blk_txt-wrap {
    margin-top: calc((( 70 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
  }
  .blk-04 .blk_con-02 .blk_img-wrap {
    width: 100%;
  }
}
/* con-2 */

/* block 04 */

/* photo img */
.photo_img {
  width: 100%;
}
/* photo img */