@charset "utf-8";
#about .lead {
  padding: max(124px, 8.33vw) 0 max(80px, 5.56vw);
}
#about .lead .s-heading .en {
  margin-bottom: 0.1em;
}
/* ============================
about_cont
=============================== */
.about_cont .inner-flex {
  display: flex;
  justify-content: space-between;
}
.about_cont .txtbk {
  width: 42%;
}
.about_cont .imgbk {
  width: 50%;
}
.about__heading {
  display: inline-block;
  margin-bottom: 0.7em;
}
.about__heading-txt {
  letter-spacing: 0.01em;
}
.about__heading-num {
  font-size: max(80px, 5.56vw);
  /* 1440→80px */
  line-height: 1;
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 100%;
  transform: translateY(-15%);
}
.about__heading span {
  display: block;
}
.about__heading .fs-sml {
  font-size: max(13px, 1.04vw);
  /* 1440→15px 980→13px */
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 0.2em;
}
.about__heading .fs-lg {
  font-size: max(30px, 2.08vw);
  line-height: 1.47;
  letter-spacing: 0;
  min-width: 5.3em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #000;
}
.about__heading-txt {
  font-size: max(17px, 1.18vw);
  line-height: 1.77;
  letter-spacing: 0.01em;
}

/* -------------
about-1
----------------  */
.about-1 {
  padding: max(50px, 3.47vw) 0 max(100px, 6.94vw);
}
.about-1 .about__heading-txt {
  line-height: 2.06;
}
.about-1 .about__heading-txt:not(:last-child) {
  margin-bottom: 2.06em;
}
.about-1 .imgbk {
  height: max(515px, 35.76vw);
}
.about-1 .imgbk .img1 {
  transform: translateY(-21%);
}
.about-1 .imgbk .img2 {
  width: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-35%, 3%);
}
.about-1 .temp-graph {
  background: #fff;
  border: 5px solid #00675b;
  border-radius: max(50px, 3.47vw);
  padding: max(65px, 4%) 2.5% max(20px, 1.5%);
  margin-top: max(85px, 5.9vw);
}
.about-1 .temp-graph .graph__heading {
  width: 13.89vw;
  min-width: 137px;
  position: absolute;
  top: 0;
  left: 4.2%;
  transform: translateY(-40%);
}
.about-1 .temp-graph .graph__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow-y: clip;
  overflow-x: auto;
}
.about-1 .temp-graph .graph__inner img {
  width: 55.56vw;
  min-width: 800px;
}
.about-1 .temp-graph .notes {
  font-size: max(13px, 1.04vw);
  /* 1440→15px 980→13px */
  line-height: 2.3;
  letter-spacing: 0.01em;
  display: flex;
  justify-content: flex-end;
}
/* -------------
about-2
----------------  */
.about-2 {
  padding: max(130px, 9.03vw) 0 max(24px, 1.67vw);
}
.about-2::before,
.about-2::after {
  content: "";
  width: 100%;
  height: 20vw;
  background: #efd465;
  position: absolute;
  top: 0;
  transform: skewY(-10deg) translateY(-50%);
  z-index: -1;
}
.about-2::after {
  top: auto;
  bottom: 0;
  transform: skewY(-10deg) translateY(50%);
}
.about-2 .about__heading-Wrap {
  margin-bottom: 2.5em;
}
.about-2 .access-time {
  width: 89.3%;
}
.about-2 .access-time__heading-Wrap {
  font-size: max(23px, 1.6vw);
  line-height: 1.48;
  letter-spacing: 0.1em;
  display: flex;
  gap: 0.44em;
  margin-bottom: 0.4em;
}
.about-2 .access-time__heading-Wrap::before {
  content: "";
  width: 2.83em;
  height: 2.83em;
  background: url(../imgs/about/about_2_car.png) no-repeat center / contain;
}
.about-2 .access-time__heading {
  font-size: max(23px, 1.6vw);
  line-height: 1.48;
  letter-spacing: 0.1em;
}
.about-2 .access-time__heading .en {
  font-size: 1.52em;
  line-height: 1.05;
}
.about-2 .access-time__list {
  border-top: 1px solid #000;
  margin-bottom: 0.7em;
}
.about-2 .access-time__list > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0.56em 0;
  border-bottom: 1px solid #000;
  position: relative;
}
.about-2 .access-time__list > div::before {
  content: "";
  width: 90%;
  height: 3px;
  background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 12px);
  background-size: 12px 3px;
  background-repeat: repeat-x;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.about-2 .access-time__list dt,
.about-2 .access-time__list dd {
  background-color: #efd465;
  position: relative;
}
.about-2 .access-time__list dt {
  font-size: max(17px, 1.18vw);
  line-height: 1.47;
  padding-right: 10px;
}
.about-2 .access-time__list dd {
  font-size: max(20px, 1.39vw);
  line-height: 1.45;
  letter-spacing: 0.1em;
  padding-left: 10px;
}
.about-2 .access-time__list dd .en {
  font-size: 1.5em;
  line-height: 1.06;
}
.about-2 .access-time .notes {
  font-size: clamp(13px, 3.02vw, 14px);
  line-height: 1.5;
  letter-spacing: 0;
}
.about-2 .imgbk {
  width: 55%;
}
.about-2 .imgbk-in {
  width: 55%;
  border-radius: max(50px, 3.47vw);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

/* -------------
about-3
----------------  */
.about-3 {
  padding: max(105px, 7.29vw) 0 max(100px, 6.94vw);
}
.about-3 .txtbk {
  min-height: 25em;
}
.about-3 .about_cont-inner {
  padding-bottom: max(165px, 11.46vw);
}
.about-3 .about__heading-Wrap {
  padding: 1em 0 0.3em;
}
.about-3 .about__heading-num {
  position: static;
}
.about-3 .deco {
  width: 45.42%;
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translate(1%, 12%);
}
@keyframes jumpSimple {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.95);
  }
  50% {
    opacity: 1;
    transform: translateY(-30px) scale(1.05);
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.about-3 .deco img.inv_mov {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}

.about-3 .deco img.inv_mov.mov {
  animation: jumpSimple 0.7s ease-out forwards;
}

/* ============================
interview
=============================== */
.interview__heading {
  width: 21.46vw;
  min-width: 309px;
  margin: 0 auto max(46px, 3.19vw);
}
.interview__heading.inv_mov.mov {
  animation: jumpSimple 0.4s ease-out forwards;
}
@keyframes jumpSimple {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  50% {
    opacity: 1;
    transform: translateY(-15px) scale(1.05); /* ぴょんと跳ねる頂点 */
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1); /* 着地 */
  }
}

.interview__list {
  display: flex;
  flex-direction: column;
  gap: max(30px, 2.08vw);
}
.interview__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: max(2em, 5.83%) 5.83%;
  background: #efd465;
  border-radius: max(20px, 1.39vw);
}
.interview__item .imgbk {
  width: 28.3%;
}
.interview__item .txtbk {
  width: 67%;
}
.interview__item-name {
  font-size: max(20px, 1.39vw);
  line-height: 1.45;
  letter-spacing: 0.02em;
  border-bottom: 2px solid #000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  padding-bottom: 1.4em;
  margin-bottom: 1.4em;
}
.interview__item-name .fs_lg {
  font-size: 1.6em;
  line-height: 1.44;
}
.interview__item-name .fs_sml {
  font-size: 13px;
  line-height: 1.46;
  letter-spacing: 0.1em;
}
.interview__item .txtbk p {
  font-size: max(17px, 1.18vw);
  line-height: 1.77;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1440px) {
  .about__heading-num {
    font-size: clamp(60px, 6.12vw, 80px);
    /* 980→60px */
  }
  .about-2 .access-time {
    width: 100%;
    max-width: 450px;
  }
}
@media screen and (max-width: 980px) {
  /* ============================
	about_cont
	=============================== */
  .about_cont .inner-flex {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .about_cont .txtbk,
  .about_cont .about__heading-Wrap {
    width: 100%;
    max-width: 694px;
  }

  .about__heading .fs-lg {
    font-size: clamp(25px, 3.06vw, 30px);
  }
  .about__heading-txt {
    font-size: clamp(15px, 3.95vw, 17px);
    /* 430→17px */
  }
  .pcbr {
    display: none;
  }
  /* -------------
	about-1
	----------------  */
  .about-1 {
    padding: clamp(30px, 5.1vw, 50px) 0 min(10.2vw, 100px);
  }
  .about-1 .imgbk {
    width: 74%;
    max-width: 600px;
    height: 68.93vw;
    max-height: 610px;
  }
  .about-1 .imgbk .img1 {
    transform: initial;
  }
  .about-1 .imgbk .img2 {
    top: auto;
    bottom: 0;
    transform: translate(-35%, 0);
  }
  .about-1 .temp-graph .graph__inner {
    padding-bottom: 1em;
  }
  .about-1 .temp-graph .graph__inner img {
    width: 100%;
    max-width: 800px;
    min-width: 410px;
  }
  /* -------------
	about-2
	----------------  */
  .about-2 {
    padding: min(13.27vw, 130px) 0 min(2.45vw, 24px);
  }
  .about-2 .imgbk-in {
    position: static;
    width: 100%;
    max-width: 600px;
    margin: 0 0 40px;
  }
  .about-2 .access-time {
    width: 100%;
    max-width: 600px;
  }
  .about-2 .access-time__heading-Wrap,
  .about-2 .access-time__heading {
    font-size: clamp(20px, 2.35vw, 23px);
  }
  .about-2 .access-time__list dt {
    font-size: clamp(15px, 3.95vw, 17px);
    /* 430→17px */
  }
  .about-2 .access-time__list dd {
    font-size: clamp(18px, 2.04vw, 20px);
  }
  .about-2 .imgbk {
    width: 100%;
    max-width: 660px;
  }
  /* -------------
	about-3
	----------------  */
  .about-3 {
    padding: min(10.71vw, 105px) 0 clamp(40px, 10.2vw, 100px);
  }
  .about-3 .about_cont-inner {
    padding-bottom: min(48.89vw, 220px);
  }
  .about-3 .txtbk {
    min-height: auto;
  }
  .about-3 .imgbk {
    width: 100%;
    max-width: 600px;
  }
  .about-3 .deco {
    width: 100%;
    max-width: 410px;
  }
  /* ============================
	interview
	=============================== */
  .interview__item-name {
    font-size: clamp(18px, 2.04vw, 20px);
  }

  .interview__item .txtbk p {
    font-size: clamp(15px, 3.95vw, 17px);
    /* 430→17px */
  }
}
@media screen and (max-width: 768px) {
  /* ============================
	about_cont
	=============================== */
  .about__heading-num {
    font-size: clamp(50px, 7.81vw, 60px);
  }
  .about-1 .temp-graph {
    border-radius: clamp(30px, 6.51vw, 50px);
  }
  .about-1 .temp-graph .graph__heading {
    width: 17.84vw;
    min-width: 100px;
  }
  .about-2 .imgbk-in {
    border-radius: clamp(30px, 6.51vw, 50px);
  }
  /* ============================
	interview
	=============================== */
  .interview__heading {
    width: 80%;
    max-width: 309px;
    min-width: initial;
    margin-bottom: min(9.58vw, 46px);
  }
  .interview__item {
    flex-direction: column;
    align-items: center;
    gap: 1em;
  }
  .interview__item .imgbk {
    width: 70%;
    max-width: 270px;
  }
  .interview__item .txtbk {
    width: 100%;
  }
  .interview__item-name {
    flex-direction: column-reverse;
    justify-content: center;
    gap: 0;
  }
  .interview__item-name .fw_9 {
    position: relative;
    /* left: 1em; */
  }
}

@media screen and (max-width: 640px) {
  #about .lead {
    padding: 55px 0 80px;
  }
}