@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}

button,
input,
select,
textarea {
  font: inherit;
  border: none;
  background: none;
  color: inherit;
}

ul,
ol {
  list-style: none;
}

:root {
  --color-text: #3b392e;
  --color-bg: #fcfffa;
  --color-primary: #e5003f;
  --color-secondary: #95e064;
  --color-tertiary: #fabed9;
  --color-white: #fff;
  --color-black: #000;
}

html {
  scroll-behavior: auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: var(--color-text);
  font-size: var(--size-base);
}

body {
  overflow-x: hidden;
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
}
body.fixed .frame::after {
  content: "";
  width: calc(100% + min(30px, 2.5vw) * 2);
  height: calc(100% + min(30px, 2.5vw));
  position: absolute;
  top: calc(-1 * min(30px, 1.5625vw));
  left: calc(-1 * min(30px, 1.5625vw));
  display: block;
  background: rgba(97, 42, 64, 0.65);
  z-index: 9;
}

a {
  color: var(--color-text);
  text-decoration: none;
}

@media (769px <= width) {
  .dp_sp {
    display: none;
  }
}

@media (width <= 768px) {
  .dp_pc {
    display: none;
  }
}

.spacing {
  letter-spacing: -0.1em;
}
.spacing.brackets {
  letter-spacing: -0.4em;
}

@keyframes header_bus {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(0) scaleY(0.99);
  }
  30% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes header_hand {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(0) rotate(6deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes about_hand {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(0) rotate(3deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes bus_slideup {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@media (width <= 767px) {
  @keyframes bus_slideup {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0%) translateX(-51%);
    }
  }
}
@keyframes menu_float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes gallery_01 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes gallery_02 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes gallery_03 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
.loading {
  position: fixed;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bg);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  transition: 1s;
  flex-direction: column;
  border: min(30px, 1.5625vw) solid var(--color-primary);
  box-sizing: border-box;
  gap: 12px;
}
.loading .loading_img {
  width: min(200px, 100vw * 200 / 1200);
  animation: animation-loading-img 1.8s ease-out infinite;
}
.loading .loading_txt {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading .loading_txt span {
  display: inline-block;
  color: var(--color-primary);
  font-weight: 600;
  font-size: min(24px, 100vw * 24 / 1200);
  animation: animation-loading-txt 1s ease-in-out infinite;
  margin: 0 2px;
}
.loading .loading_txt span:nth-of-type(2) {
  animation-delay: 0.1s;
}
.loading .loading_txt span:nth-of-type(3) {
  animation-delay: 0.2s;
}
.loading .loading_txt span:nth-of-type(4) {
  animation-delay: 0.3s;
}
.loading .loading_txt span:nth-of-type(5) {
  animation-delay: 0.4s;
}
.loading .loading_txt span:nth-of-type(6) {
  animation-delay: 0.5s;
}
.loading .loading_txt span:nth-of-type(7) {
  animation-delay: 0.6s;
}
.loading .loading_txt span:nth-of-type(8) {
  animation-delay: 0.7s;
}
.loading .loading_txt span:nth-of-type(9) {
  animation-delay: 0.8s;
}
.loading .loading_txt span:nth-of-type(10) {
  animation-delay: 0.9s;
}
@keyframes animation-loading-txt {
  50% {
    transform: translateY(3px);
  }
}
@keyframes animation-loading-img {
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
.loading.loaded {
  opacity: 0;
  visibility: hidden;
}
@media (width <= 767px) {
  .loading {
    border: min(16px, 2.1333333333vw) solid var(--color-primary);
  }
}

@media (width <= 767px) {
  .loading .loading_img {
    width: min(300px, 100vw * 300 / 750);
  }
  .loading .loading_txt span {
    font-size: min(36px, 100vw * 36 / 750);
  }
}
.frame {
  max-width: 1920px;
  width: 100%;
  border-top: min(30px, 1.5625vw) solid var(--color-primary);
  border-left: min(30px, 1.5625vw) solid var(--color-primary);
  border-right: min(30px, 1.5625vw) solid var(--color-primary);
  margin-inline: auto;
  background: var(--color-bg);
  position: relative;
  transition: 0.3s;
}

@media (width <= 767px) {
  .frame {
    border-left: min(16px, 2.1333333333vw) solid var(--color-primary);
    border-right: min(16px, 2.1333333333vw) solid var(--color-primary);
  }
}
.main_navigation {
  position: fixed;
  z-index: 10;
  top: calc(-1 * min(30px, 100vw * 30 / 1920));
  right: calc(50% - min(960px, 100vw * 960 / 1920));
  height: 1px;
}
.main_navigation__menu {
  background: var(--color-white);
  border-left: min(12px, 100vw * 12 / 1200) solid var(--color-primary);
  border-bottom: min(12px, 100vw * 12 / 1200) solid var(--color-primary);
  border-radius: 0 0 0 min(100px, 100vw * 100 / 1200);
  width: min(780px, 100vw * 780 / 1200);
  padding: min(80px, 100vw * 80 / 1200) min(48px, 100vw * 48 / 1200);
  transform: translateY(-100%);
  transition: 0.5s;
}
.main_navigation__menu .nyachikawa_bowing {
  position: absolute;
  bottom: 0;
  right: min(55px, 100vw * 55 / 1200);
  width: min(190px, 100vw * 190 / 1200);
  transform: translateY(15%);
  transition: 0.5s;
  transition-delay: 0.5s;
  opacity: 0;
}
.main_navigation__menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: min(35px, 100vw * 35 / 1200);
  z-index: 10;
  position: relative;
}
.main_navigation__menu ul li {
  width: 100%;
}
.main_navigation__menu ul li a {
  display: flex;
  align-items: center;
  gap: min(24px, 100vw * 24 / 1200);
  font-size: min(14px, 100vw * 14 / 1200);
  padding-left: min(72px, 100vw * 72 / 1200);
  background: url("../img/common/icn_01.svg") left center/min(32px, 100vw * 32 / 1200) auto no-repeat;
  color: var(--color-primary);
  font-weight: 700;
}
.main_navigation__menu ul li:nth-child(1) img {
  width: min(170px, 100vw * 170 / 1200);
}
.main_navigation__menu ul li:nth-child(2) img {
  width: min(186px, 100vw * 186 / 1200);
}
.main_navigation__menu ul li:nth-child(3) img {
  width: min(207px, 100vw * 207 / 1200);
}
.main_navigation__menu ul li:nth-child(4) img {
  width: min(286px, 100vw * 286 / 1200);
}
.main_navigation__menu ul li:nth-child(5) img {
  width: min(208px, 100vw * 208 / 1200);
}
.main_navigation__menu ul li:nth-child(6) img {
  width: min(220px, 100vw * 220 / 1200);
}
.main_navigation__menu.open {
  transform: translateY(0%);
}
.main_navigation__menu.open .nyachikawa_bowing {
  opacity: 1;
  transform: translateY(20%);
}
.main_navigation__toggle {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-primary);
  width: min(208px, 100vw * 208 / 1200);
  height: min(208px, 100vw * 208 / 1200);
  border-radius: 0 0 0 100%;
}
.main_navigation__toggle span {
  position: absolute;
  top: 0;
  left: 44%;
  width: min(58px, 100vw * 58 / 1200);
  height: min(8px, 100vw * 8 / 1200);
  display: block;
  background-color: var(--color-white);
  transition: 0.2s;
}
.main_navigation__toggle span:nth-child(1) {
  top: 32%;
}
.main_navigation__toggle span:nth-child(2) {
  top: 42%;
  transform-origin: 50%;
}
.main_navigation__toggle span:nth-child(3) {
  top: 52%;
}
.main_navigation__toggle:hover span:nth-child(1) {
  top: 30%;
}
.main_navigation__toggle:hover span:nth-child(3) {
  top: 54%;
}
.main_navigation__toggle.open {
  transform: translateY(0%);
}
.main_navigation__toggle.open span {
  left: 40%;
  width: min(80px, 100vw * 80 / 1200);
}
.main_navigation__toggle.open span:nth-child(1) {
  top: 42%;
  transform: rotate(30deg);
  transition-delay: 0.1s;
}
.main_navigation__toggle.open span:nth-child(2) {
  height: 1px;
  opacity: 0;
}
.main_navigation__toggle.open span:nth-child(3) {
  top: 42%;
  transform: rotate(-30deg);
  transition-delay: 0.2s;
}

@media (width <= 767px) {
  .main_navigation {
    top: calc(-1 * min(16px, 100vw * 16 / 750));
  }
  .main_navigation__menu {
    background: var(--color-white);
    border-left: min(13px, 100vw * 13 / 750) solid var(--color-primary);
    border-bottom: min(13px, 100vw * 13 / 750) solid var(--color-primary);
    border-radius: 0 0 0 min(100px, 100vw * 100 / 750);
    width: min(650px, 100vw * 650 / 750);
    padding: min(100px, 100vw * 100 / 750) min(35px, 100vw * 35 / 750);
    transform: translateY(-150%);
    transition: 0.5s;
  }
  .main_navigation__menu .nyachikawa_bowing {
    right: min(16px, 100vw * 16 / 750);
    width: min(260px, 100vw * 260 / 750);
    transform: translateY(65%);
  }
  .main_navigation__menu ul {
    gap: min(70px, 100vw * 70 / 750);
  }
  .main_navigation__menu ul li a {
    gap: min(20px, 100vw * 20 / 750);
    font-size: min(18px, 100vw * 18 / 750);
    padding-left: min(48px, 100vw * 48 / 750);
    background: url("../img/common/icn_01.svg") left center/min(32px, 100vw * 32 / 750) auto no-repeat;
  }
  .main_navigation__menu ul li:nth-child(1) img {
    width: min(170px, 100vw * 170 / 750);
  }
  .main_navigation__menu ul li:nth-child(2) img {
    width: min(186px, 100vw * 186 / 750);
  }
  .main_navigation__menu ul li:nth-child(3) img {
    width: min(207px, 100vw * 207 / 750);
  }
  .main_navigation__menu ul li:nth-child(4) img {
    width: min(286px, 100vw * 286 / 750);
  }
  .main_navigation__menu ul li:nth-child(5) img {
    width: min(208px, 100vw * 208 / 750);
  }
  .main_navigation__menu ul li:nth-child(6) img {
    width: min(220px, 100vw * 220 / 750);
  }
  .main_navigation__menu.open .nyachikawa_bowing {
    transform: translateY(70%);
  }
  .main_navigation__toggle {
    width: min(180px, 100vw * 180 / 750);
    height: min(180px, 100vw * 180 / 750);
  }
  .main_navigation__toggle span {
    width: min(55px, 100vw * 55 / 750);
    height: min(7px, 100vw * 7 / 750);
  }
  .main_navigation__toggle.open {
    transform: translateY(0%);
  }
  .main_navigation__toggle.open span {
    width: min(80px, 100vw * 80 / 750);
  }
}
.header {
  aspect-ratio: 1860/1238;
  background: url("../img/header/object_bg.png") top center/100% auto no-repeat;
  position: relative;
}
.header__logo {
  aspect-ratio: 182/56;
  position: absolute;
  top: 3.392%;
  left: 2.526%;
  width: min(182px, 100vw * 182 / 1860);
  z-index: 1;
}
.header__background {
  aspect-ratio: 1920/1238;
  position: absolute;
  top: 0;
  left: calc(-1 * min(30px, 100vw * 30 / 1920));
  width: calc(100% + min(30px, 100vw * 30 / 1200) * 2);
  z-index: 0;
  opacity: 0;
  transform: translateY(20%);
  transition: 1.2s cubic-bezier(0.24, 1.36, 0.59, 1.1);
  transition-delay: 0.2s;
}
.header__title {
  aspect-ratio: 885/618;
  position: absolute;
  top: 13.893%;
  left: 1.129%;
  width: 46.093%;
}
.header__title__item01 {
  position: absolute;
  top: 3.883%;
  left: 0;
  width: 37.514%;
  z-index: 1;
  opacity: 0;
  transform: translateY(150%);
  transition: 1.2s cubic-bezier(0.24, 1.36, 0.59, 1.1);
  transition-delay: 0.4s;
}
.header__title__item01 img {
  animation: gallery_01 5s ease-in-out infinite;
}
.header__title__item02 {
  position: absolute;
  top: 0;
  left: 6.666%;
  width: 96.608%;
  opacity: 0;
  transform: translateY(80%);
  transition: 1.2s cubic-bezier(0.24, 1.36, 0.59, 1.1);
  transition-delay: 0.5s;
}
.header__title__item02 img {
  animation: gallery_02 4s ease-in-out infinite;
}
.header__nyachikawasan {
  aspect-ratio: 741/412;
  position: absolute;
  top: 49.111%;
  left: 27.634%;
  width: min(741px, 100vw * 741 / 1860);
  z-index: 1;
  opacity: 0;
  transform: translateY(70%);
  transition: 1.2s cubic-bezier(0.24, 1.36, 0.59, 1.1);
  transition-delay: 0.3s;
}
.header__nyachikawasan img {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.header__nyachikawasan img.mask_bg_01 {
  position: absolute;
  top: 0;
  left: 0;
}
.header__nyachikawasan img.mask_bg_02 {
  position: absolute;
  top: 0;
  left: 0;
}
.header__nyachikawasan img.animation_hand {
  aspect-ratio: 145/107;
  position: absolute;
  top: 36.650485%;
  left: 67.611%;
  width: 19.568151%;
  height: 25.970874%;
  animation: header_hand 2.3s ease-in-out infinite;
  transform-origin: 5% 95%;
}
.header.loaded .header__background {
  opacity: 1;
  transform: translateY(0);
}
.header.loaded .header__nyachikawasan {
  opacity: 1;
  transform: translateY(0);
}
.header.loaded .header__title .header__title__item01 {
  opacity: 1;
  transform: translateY(0);
}
.header.loaded .header__title .header__title__item02 {
  opacity: 1;
  transform: translateY(0);
}

@media (width <= 767px) {
  .header {
    aspect-ratio: 718/1342;
    background: url("../img/header/object_bg_sp.png") center top/contain no-repeat;
    position: relative;
  }
  .header__logo {
    width: min(150px, 100vw * 150 / 718);
    top: 3.0640668524%;
    left: 5.7103064067%;
  }
  .header__background {
    aspect-ratio: 750/296;
    top: auto;
    bottom: 0;
    left: calc(-1 * min(16px, 100vw * 16 / 750));
    width: calc(100% + min(16px, 100vw * 16 / 750) * 2);
    transform: translateY(0) !important;
  }
  .header__title {
    aspect-ratio: 750/1342;
    position: relative;
    top: 0;
    left: calc(-1 * min(16px, 100vw * 16 / 750));
    width: calc(100% + 2 * min(16px, 100vw * 16 / 750));
  }
  .header__title__item01 {
    position: absolute;
    top: min(460px, 100vw * 460 / 750);
    left: min(41px, 100vw * 41 / 750);
    width: min(344px, 100vw * 344 / 750);
    z-index: 2;
  }
  .header__title__item02 {
    position: absolute;
    top: min(32px, 100vw * 32 / 750);
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .header__nyachikawasan {
    aspect-ratio: 741/412;
    position: absolute;
    top: 65.5737704918%;
    left: 22.2841225627%;
    width: min(540px, 100vw * 540 / 750);
    z-index: 1;
  }
}
.about {
  text-align: center;
  position: relative;
  padding-bottom: min(90px, 100vw * 90 / 1200);
}
.about__greet {
  aspect-ratio: 795/570;
  width: min(795px, 100vw * 795 / 1920);
  margin-inline: auto;
  margin-bottom: min(32px, 100vw * 32 / 1200);
  position: relative;
}
.about__greet .animation_02 {
  position: absolute;
  left: 0;
  top: 0;
}
.about__greet .animation_btn {
  position: absolute;
  left: 31.0691823899%;
  top: 49.8245614035%;
  width: min(105px, 100vw * 105 / 1920);
  height: 32.2807017544%;
  animation: about_hand 2s ease-in-out infinite;
  transform-origin: 75% 90%;
}
.about__greet img {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.about__text {
  position: relative;
  z-index: 1;
}
.about__text h2,
.about__text strong {
  font-size: min(38px, 100vw * 38 / 1200);
  letter-spacing: 0.1em;
  line-height: 2.1578947368;
  display: inline-block;
}
.about__text p {
  font-size: min(25px, 100vw * 25 / 1200);
  line-height: 2.72;
  font-weight: 500;
  margin: min(32px, 100vw * 32 / 1200) 0;
}
.about__text .dot-text {
  background: url("../img/common/dot.png") bottom center/auto repeat-x;
  padding-bottom: min(12px, 100vw * 12 / 1200);
}
.about__btn {
  margin-top: min(66px, 100vw * 66 / 1200);
  aspect-ratio: 392/98;
  width: min(392px, 100vw * 392 / 1200);
  margin-inline: auto;
  display: inline-block;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.about__btn::after {
  content: "";
  position: absolute;
  width: min(40px, 100vw * 40 / 1200);
  height: min(40px, 100vw * 40 / 1200);
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/about/btn_icn.png") center/contain no-repeat;
  transition: 0.3s ease-out;
}
.about__btn:hover::after {
  transform-origin: center;
  transform: translateY(-50%) rotate(180deg) scale(1.1);
}
.about__line {
  position: absolute;
  bottom: 0;
  z-index: 0;
}
.about__line img {
  mask-image: url("../img/about/mask.svg");
  mask-repeat: no-repeat;
  mask-position: -100% 0;
  mask-size: 0%;
  -webkit-mask-image: url("../img/about/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -100% 0;
  -webkit-mask-size: 0%;
  transition: 1s ease-in-out;
}
.about__line img.scrollin {
  mask-position: 0 0;
  mask-size: 100%;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
}

@media (width <= 767px) {
  .about {
    padding-bottom: min(35px, 100vw * 35 / 750);
    margin-top: -5vw;
  }
  .about__greet {
    aspect-ratio: 795/570;
    width: min(470px, 100vw * 470 / 750);
    margin-bottom: min(60px, 100vw * 60 / 750);
  }
  .about__greet .animation_02 {
    position: absolute;
    left: 0;
    top: 0;
  }
  .about__greet .animation_btn {
    width: min(105px, 100vw * 105 / 1280);
  }
  .about__text h2,
  .about__text strong {
    font-size: min(36px, 100vw * 36 / 750);
    letter-spacing: 0;
    line-height: 2.4210526316;
  }
  .about__text p {
    font-size: min(24px, 100vw * 24 / 750);
    line-height: 3.0833333333;
    margin: min(32px, 100vw * 32 / 750) 0;
  }
  .about__text .dot-text {
    padding-bottom: min(12px, 100vw * 12 / 750);
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: min(16px, 100vw * 16 / 750) 0.2em;
    background-image: radial-gradient(0.07em 0.07em at center center, #ff9a91, #ff9a91 100%, transparent);
  }
  .about__btn {
    margin-top: min(100px, 100vw * 100 / 750);
    aspect-ratio: 392/98;
    width: min(392px, 100vw * 392 / 750);
  }
  .about__btn::after {
    width: min(40px, 100vw * 40 / 750);
    height: min(40px, 100vw * 40 / 750);
  }
  .about__btn:hover::after {
    transform: translateY(-50%) rotate(0deg) scale(1);
  }
  .about__line {
    position: absolute;
    bottom: 13%;
    z-index: 0;
  }
}
.menu {
  margin-top: min(120px, 100vw * 120 / 1920);
}
.menu__main {
  max-width: min(1420px, 100vw * 1420 / 1600);
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  background: url("../img/menu/icn_dot.png") center/min(1420px, 100vw * 1420 / 1600) auto no-repeat;
  padding: min(6px, 100vw * 6 / 1600) 0;
  position: relative;
  z-index: 1;
}
.menu__main__item {
  max-width: 201px;
  width: 14.154%;
  display: flex;
}
.menu__main__item a {
  background: url("../img/menu/icn_cursor.png") center 97%/min(28px, 100vw * 28 / 1600) auto no-repeat;
  padding-bottom: min(28px, 100vw * 28 / 1600);
  transition: 0.2s ease-out;
}
.menu__main__item a span {
  font-size: min(28px, 1.75vw);
  height: min(110px, 6.875vw);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  word-break: keep-all;
  line-height: 1.2142857143;
}
.menu__main__item a img {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.menu__main__item a:hover {
  background-position: center 100%;
}
.menu__main__item a:hover img {
  transform: scale(1.1);
}
.menu__illust {
  max-width: min(1580px, 100vw * 1580 / 1700);
  padding: min(32px, 100vw * 32 / 1600) 0;
  margin-inline: auto;
}
.menu__illust__item {
  aspect-ratio: 256/201;
  width: min(256px, 100vw * 256 / 1600);
  margin-inline-start: auto;
  animation: menu_float 4s ease-in-out infinite;
}

@media (width <= 767px) {
  .menu {
    margin-top: min(120px, 100vw * 120 / 750);
  }
  .menu__main {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    background: url("../img/menu/icn_dot_sp.png") center/contain no-repeat;
    padding: 0;
    gap: min(50px, 100vw * 50 / 750) min(16px, 100vw * 16 / 750);
  }
  .menu__main__item {
    max-width: 201px;
    width: 28%;
    display: flex;
  }
  .menu__main__item a {
    background: url("../img/menu/icn_cursor.png") center 100%/min(21px, 100vw * 21 / 750) auto no-repeat;
    padding-bottom: min(14px, 100vw * 14 / 750);
    transition: none;
    margin-inline: auto;
  }
  .menu__main__item a span {
    font-size: min(22px, 2.9333333333vw);
    height: min(90px, 12vw);
  }
  .menu__main__item a:hover {
    background-position: center 100%;
  }
  .menu__main__item a:hover img {
    transform: scale(1);
  }
  .menu__main__item img {
    width: min(140px, 100vw * 140 / 718);
  }
  .menu__main__item:nth-child(1) {
    margin-left: 10%;
    margin-right: 2%;
  }
  .menu__main__item:nth-child(2) {
    margin-right: 10%;
    margin-left: 2%;
  }
  .menu__illust {
    padding: 0;
    transform: translateY(50%);
    position: relative;
    z-index: 2;
  }
  .menu__illust__item {
    aspect-ratio: 256/201;
    width: min(230px, 100vw * 230 / 750);
    margin-inline-start: auto;
    animation: menu_float 4s ease-in-out infinite;
  }
}
.bus {
  aspect-ratio: 1860/1810;
  width: 100%;
  background: #ffe0ee;
  position: relative;
  overflow: hidden;
}
.bus__mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.bus__line_top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.bus__line_top img {
  mask-image: url("../img/about/mask.svg");
  mask-repeat: no-repeat;
  mask-position: 250% 0;
  mask-size: 50%;
  -webkit-mask-image: url("../img/about/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 250% 0;
  -webkit-mask-size: 50%;
  transition: 1s ease-in-out;
}
.bus__line_top img.scrollin {
  mask-position: 100% 0;
  mask-size: 100%;
  -webkit-mask-position: 100% 0;
  -webkit-mask-size: 100%;
}
.bus__line_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.bus__line_bottom img {
  mask-image: url("../img/about/mask.svg");
  mask-repeat: no-repeat;
  mask-position: -100% 0;
  mask-size: 0%;
  -webkit-mask-image: url("../img/about/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -100% 0;
  -webkit-mask-size: 0%;
  transition: 1s ease-in-out;
}
.bus__line_bottom img.scrollin {
  mask-position: 0 0;
  mask-size: 100%;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
}
.bus__main {
  aspect-ratio: 1066/1690;
  background: url("../img/bus/main_bg.png") center/contain no-repeat;
  width: min(1066px, 100vw * 1066 / 1860);
  position: relative;
  z-index: 1;
  margin-left: 9.039%;
}
.bus__main h2 {
  position: absolute;
  top: 25.857%;
  left: 5.628%;
  width: 88.742%;
  height: 6.745%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(38px, 100vw * 38 / 1860);
  color: var(--color-white);
}
.bus__main p {
  position: absolute;
  top: 55.68%;
  left: 12.195%;
  width: 75.609%;
  height: 35.647%;
  text-align: center;
  font-size: min(18px, 100vw * 18 / 1860);
  line-height: 2.2222222222;
  letter-spacing: 0.09em;
}
.bus__main__slide {
  position: absolute;
  left: 5.159%;
  top: 35.899%;
  width: 89.587%;
  height: 22.781%;
}
.bus__main__slide .slide-bus .slick-slide {
  height: min(260px, 100vw * 260 / 1860);
}
.bus__main__slide .slide-bus .slick-slide img {
  aspect-ratio: 581/224;
  width: min(581px, 100vw * 581 / 1860);
  display: block;
  margin-inline: auto;
}
.bus__background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  animation: bus_slideup 24s linear infinite;
}
.bus__background ul li {
  text-align: right;
  width: min(465px, 100vw * 465 / 1860);
}
.bus__background ul li:nth-child(even) {
  transform: translateX(calc(-1 * min(260px, 100vw * 260 / 1860)));
  margin: -5% 0;
}
.bus__background ul li:nth-child(odd) {
  transform: translateX(min(10px, 100vw * 10 / 1860));
  margin: -5% 0;
}

@media (width <= 767px) {
  .bus {
    aspect-ratio: 718/2247;
    width: 100%;
    background: #ffe0ee;
  }
  .bus__main {
    aspect-ratio: 666/1780;
    background: url("../img/bus/main_bg_sp.png") center/contain no-repeat;
    width: 92.757%;
    margin-left: 3.481%;
    top: 1.112%;
  }
  .bus__main h2 {
    position: absolute;
    top: 13%;
    left: 3%;
    width: 94%;
    height: 5.7%;
    font-size: min(30px, 100vw * 30 / 750);
    letter-spacing: 0.1em;
  }
  .bus__main p {
    position: absolute;
    top: 44%;
    left: 7%;
    width: 86%;
    height: 58%;
    font-size: min(21px, 100vw * 21 / 718);
    line-height: 2.6086956522;
    letter-spacing: 0.06em;
  }
  .bus__main__slide {
    position: absolute;
    left: 5.159%;
    top: 24%;
    width: 90%;
    height: 22.781%;
  }
  .bus__main__slide .slide-bus .slick-slide {
    height: min(260px, 100vw * 260 / 750);
  }
  .bus__main__slide .slide-bus .slick-slide img {
    aspect-ratio: 581/224;
    width: min(535px, 100vw * 535 / 750);
  }
  .bus__background {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 9%;
    z-index: 0;
    left: 0;
    animation: bus_slideup 12s linear infinite;
  }
  .bus__background ul {
    display: flex;
    gap: min(48px, 100vw * 48 / 718);
  }
  .bus__background ul li {
    text-align: right;
    width: min(292px, 100vw * 292 / 750);
  }
  .bus__background ul li:nth-child(even) {
    transform: translateX(0);
    margin: 0;
  }
  .bus__background ul li:nth-child(odd) {
    transform: translateX(0);
    margin: 0;
  }
}
.gallery {
  position: relative;
  aspect-ratio: 1860/1285;
  margin-top: min(120px, 100vw * 120 / 1920);
}
.gallery__title {
  position: absolute;
  left: min(213px, 100vw * 213 / 1860);
  top: min(120px, 100vw * 120 / 1860);
}
.gallery__title h2 {
  display: flex;
  align-items: center;
  gap: min(56px, 100vw * 56 / 1860);
  background: url("../img/common/icn_01.svg") left center/min(40px, 100vw * 40 / 1860) auto no-repeat;
  padding-left: min(80px, 100vw * 80 / 1860);
  color: var(--color-primary);
  font-weight: 600;
  font-size: min(21px, 100vw * 21 / 1860);
}
.gallery__title h2 img {
  width: min(362px, 100vw * 362 / 1860);
}
.gallery__cloud {
  position: absolute;
  top: 0;
  right: calc(-1 * min(30px, 100vw * 30 / 1920));
  width: 100%;
  overflow: hidden;
  padding: 12px 0;
}
.gallery__cloud__item {
  aspect-ratio: 832/456;
  width: min(832px, 100vw * 832 / 1920);
  animation: gallery_03 5s ease-in-out infinite;
  margin-block-start: auto;
  margin: 0 0 0 auto;
}
.gallery__cloud__item__main {
  position: absolute;
  top: 0;
  right: 0;
}
.gallery__cloud__item__01 {
  position: absolute;
  top: 0;
  right: 0;
  animation: gallery_01 4s ease-in-out infinite;
}
.gallery__cloud__item__02 {
  position: absolute;
  top: 0;
  right: 0;
  animation: gallery_02 4.5s ease-in-out infinite;
}
.gallery__cloud__item__03 {
  position: absolute;
  top: 0;
  right: 0;
  animation: gallery_03 5s ease-in-out infinite;
}
.gallery__slide {
  position: relative;
  aspect-ratio: 1434/840;
  width: min(1434px, 100vw * 1434 / 1860);
  position: absolute;
  top: 31.535%;
  left: min(213px, 100vw * 213 / 1860);
}
.gallery__slide .slider-for div {
  font-size: min(30px, 100vw * 30 / 1860);
}
.gallery__slide .slider-for div .main {
  width: min(635px, 100vw * 635 / 1860);
}
.gallery__slide .slider-for div .area {
  position: absolute;
  left: 50%;
  top: 21%;
  display: flex;
  align-items: center;
  gap: min(40px, 100vw * 40 / 1860);
}
.gallery__slide .slider-for div .area::before {
  content: "";
  width: min(62px, 100vw * 62 / 1860);
  height: min(62px, 100vw * 62 / 1860);
  background: url("../img/gallery/icn_01.png") center center/contain;
  display: block;
}
.gallery__slide .slider-for div .pin {
  position: absolute;
  left: 50%;
  top: 35%;
  display: flex;
  align-items: center;
  gap: min(40px, 100vw * 40 / 1860);
}
.gallery__slide .slider-for div .pin::before {
  content: "";
  width: min(62px, 100vw * 62 / 1860);
  height: min(62px, 100vw * 62 / 1860);
  background: url("../img/gallery/icn_02.png") center center/contain;
  display: block;
}
.gallery__slide .slider-for div a {
  position: absolute;
  left: 50%;
  top: 35%;
  width: min(315px, 100vw * 315 / 1860);
  height: min(75px, 100vw * 75 / 1860);
}
.gallery__slide .slider-for div a::after {
  content: "";
  width: min(30px, 100vw * 30 / 1860);
  height: min(30px, 100vw * 30 / 1860);
  display: block;
  background: url("../img/gallery/btn_icn.png") center/contain no-repeat;
  position: absolute;
  top: 28%;
  right: 10%;
  transition: 0.3s ease-out;
}
.gallery__slide .slider-for div a:hover::after {
  right: 8%;
}
.gallery__slide .slider-nav {
  width: min(580px, 100vw * 580 / 1860);
  position: absolute;
  bottom: 0;
  right: 6%;
}
.gallery__slide .slider-nav div {
  text-align: center;
}
.gallery__slide .slider-nav div img {
  display: block;
  margin-inline: auto;
  width: min(173px, 100vw * 173 / 1860);
}
.gallery__bottom_cloud {
  width: min(1732px, 100vw * 1732 / 1920);
  aspect-ratio: 1732/290;
  margin-inline: auto;
  position: relative;
  margin-top: min(60px, 100vw * 60 / 1920);
}
.gallery__bottom_cloud span {
  position: absolute;
}
.gallery__bottom_cloud span:nth-child(1) {
  top: 0;
  left: 0;
  width: min(253px, 100vw * 253 / 1860);
}
.gallery__bottom_cloud span:nth-child(2) {
  bottom: 0;
  left: 18.3602771363%;
  width: min(172px, 100vw * 172 / 1860);
}

@media (width <= 767px) {
  .gallery {
    aspect-ratio: 718/1650;
    margin-top: min(120px, 100vw * 120 / 1920);
  }
  .gallery__title {
    position: absolute;
    left: min(27px, 100vw * 27 / 718);
    top: min(250px, 100vw * 250 / 1650);
  }
  .gallery__title h2 {
    gap: min(27px, 100vw * 27 / 718);
    background: url("../img/common/icn_01.svg") left 16%/min(54px, 100vw * 54 / 718) auto no-repeat;
    padding-left: min(80px, 100vw * 80 / 718);
    font-size: min(21px, 100vw * 21 / 718);
    display: block;
  }
  .gallery__title h2 img {
    width: min(315px, 100vw * 315 / 718);
  }
  .gallery__cloud {
    position: absolute;
    top: -12%;
    right: calc(-1 * min(16px, 100vw * 16 / 750));
    animation: none;
    padding-top: 10px;
  }
  .gallery__cloud__item {
    aspect-ratio: 832/456;
    width: min(550px, 100vw * 550 / 750);
    transform: translateX(11%) !important;
  }
  .gallery__slide {
    position: relative;
    aspect-ratio: 718/1300;
    width: 100%;
    position: absolute;
    left: 0;
    top: 18%;
  }
  .gallery__slide .slider-for div {
    font-size: min(30px, 100vw * 30 / 1860);
  }
  .gallery__slide .slider-for div .main {
    width: min(550px, 100vw * 550 / 750);
    display: block;
    margin-inline: auto;
  }
  .gallery__slide .slider-for div .area {
    position: relative;
    left: 11.281%;
    top: 0;
    display: flex;
    align-items: center;
    gap: min(30px, 100vw * 30 / 750);
    margin-top: min(38px, 100vw * 38 / 750);
    font-size: min(28px, 100vw * 28 / 750);
    letter-spacing: 0.15em;
    line-height: 1;
    margin-bottom: 4vw;
  }
  .gallery__slide .slider-for div .area::before {
    content: "";
    width: min(50px, 100vw * 50 / 750);
    height: min(50px, 100vw * 50 / 750);
  }
  .gallery__slide .slider-for div .pin {
    position: relative;
    left: 11.281%;
    top: 0;
    display: flex;
    align-items: center;
    gap: min(30px, 100vw * 30 / 750);
    margin-top: min(14px, 100vw * 14 / 750);
    margin-bottom: min(30px, 100vw * 30 / 750);
    font-size: min(28px, 100vw * 28 / 750);
    letter-spacing: 0.15em;
    line-height: 1;
  }
  .gallery__slide .slider-for div .pin::before {
    content: "";
    width: min(50px, 100vw * 50 / 750);
    height: min(50px, 100vw * 50 / 750);
  }
  .gallery__slide .slider-for div a {
    position: relative;
    display: block;
    left: 26%;
    top: 0;
    width: min(315px, 100vw * 315 / 750);
    height: min(75px, 100vw * 75 / 750);
  }
  .gallery__slide .slider-for div a img {
    width: min(315px, 100vw * 315 / 750);
  }
  .gallery__slide .slider-for div a::after {
    width: min(30px, 100vw * 30 / 750);
    height: min(30px, 100vw * 30 / 750);
  }
  .gallery__slide .slider-for div a:hover::after {
    right: 10%;
  }
  .gallery__slide .slider-nav {
    width: 88%;
    position: absolute;
    bottom: 0;
    right: 6%;
  }
  .gallery__slide .slider-nav div img {
    width: min(173px, 100vw * 173 / 750);
  }
  .gallery__bottom_cloud {
    width: 100%;
    aspect-ratio: 718/190;
    margin-top: 0;
  }
  .gallery__bottom_cloud span {
    position: absolute;
  }
  .gallery__bottom_cloud span:nth-child(1) {
    top: 3.2%;
    left: 3.2%;
    width: min(190px, 100vw * 190 / 750);
  }
  .gallery__bottom_cloud span:nth-child(2) {
    bottom: 0;
    left: 34.6666666667%;
    width: min(130px, 100vw * 130 / 750);
  }
}
.interview {
  margin-top: min(160px, 100vw * 160 / 1920);
}
.interview__head {
  width: min(1430px, 100vw * 1430 / 1600);
  margin-inline: auto;
}
.interview__head__title {
  position: relative;
  padding-bottom: min(150px, 100vw * 150 / 1860);
}
.interview__head__title h2 {
  display: flex;
  align-items: center;
  gap: min(56px, 100vw * 56 / 1860);
  background: url("../img/common/icn_01.svg") left center/min(40px, 100vw * 40 / 1860) auto no-repeat;
  padding-left: min(80px, 100vw * 80 / 1860);
  color: var(--color-primary);
  font-weight: 600;
  font-size: min(21px, 100vw * 21 / 1860);
}
.interview__head__title h2 img {
  width: min(476px, 100vw * 476 / 1860);
  padding-bottom: min(16px, 100vw * 16 / 1860);
}
.interview__head__logo {
  border-top: 4px solid var(--color-primary);
  border-left: 4px solid var(--color-primary);
  border-right: 4px solid var(--color-primary);
  border-radius: min(40px, 100vw * 40 / 1600) min(40px, 100vw * 40 / 1600) 0 0;
  text-align: center;
}
.interview__head__logo h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--color-primary);
  width: min(180px, 100vw * 180 / 1600);
  height: min(60px, 100vw * 60 / 1600);
  transform: translateY(-50%);
  border-radius: 30px;
  background: var(--color-bg);
  margin-inline: auto;
  line-height: 1;
  font-size: min(28px, 100vw * 28 / 1600);
  color: var(--color-primary);
}
.interview__head__logo span {
  display: block;
  margin-inline: auto;
  text-align: center;
  padding: min(37px, 100vw * 37 / 1600) 0 min(114px, 100vw * 114 / 1600);
}
.interview__head__logo span img {
  display: block;
  margin-inline: auto;
  width: min(839px, 100vw * 839 / 1600);
}
.interview__head__member {
  margin-top: calc(-1 * min(51px, 100vw * 51 / 1600));
}
.interview__head__member ul {
  display: flex;
  justify-content: space-between;
}
.interview__head__member ul li {
  aspect-ratio: 335/374;
  width: 23.4265734266%;
}
.interview__head__member ul li .member_profile {
  background: url("../img/interview/member_frame_01.png") center/contain no-repeat;
  width: 100%;
  height: 37.0149253731%;
  position: relative;
}
.interview__head__member ul li .member_profile .post,
.interview__head__member ul li .member_profile .name {
  position: absolute;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
}
.interview__head__member ul li .member_profile .post {
  left: 0;
  top: 7%;
  height: 40%;
  font-size: min(18px, 100vw * 18 / 1600);
}
.interview__head__member ul li .member_profile .name {
  left: 0;
  top: 47%;
  height: 44%;
  width: 100%;
  font-size: min(28px, 100vw * 28 / 1600);
}
.interview__head__member ul li:nth-child(2) .member_profile {
  background: url("../img/interview/member_frame_02.png") center/contain no-repeat;
}
.interview__head__member ul li:nth-child(3) .member_profile {
  background: url("../img/interview/member_frame_03.png") center/contain no-repeat;
}
.interview__head__member ul li:nth-child(4) .member_profile {
  background: url("../img/interview/member_frame_04.png") center/contain no-repeat;
}
.interview__img_head {
  margin-top: calc(-1 * min(100px, 100vw * 100 / 1920));
}
.interview__main {
  background: #95e064 url("../img/interview/bg_main.png") center top/min(1860px, 100vw * 1860 / 1600) auto no-repeat;
}
.interview__main__block {
  width: min(1434px, 100vw * 1434 / 1600);
  margin-inline: auto;
}
.interview__main__block__title {
  color: var(--color-white);
  text-align: center;
  font-size: min(32px, 100vw * 32 / 1600);
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  padding: min(64px, 100vw * 64 / 1600) 0;
}
.interview__main__block__title::before {
  content: "";
  background: url("../img/interview/icn_title.png") center/contain no-repeat;
  display: block;
  width: min(32px, 100vw * 32 / 1600);
  height: min(32px, 100vw * 32 / 1600);
  margin-inline: auto;
  margin-bottom: min(16px, 100vw * 16 / 1600);
}
.interview__main__block__wrap {
  position: relative;
}
.interview__main__block__wrap .text {
  background: var(--color-white);
  border-radius: min(24px, 100vw * 24 / 1600);
  padding: min(30px, 100vw * 30 / 1600);
  z-index: 1;
}
.interview__main__block__wrap .text p {
  font-size: min(21px, 100vw * 21 / 1600);
  line-height: 2.2857142857;
  letter-spacing: 0.12em;
}
.interview__main__block__wrap .icn {
  font-size: min(28px, 100vw * 28 / 1600);
  color: var(--color-white);
  letter-spacing: 0.15em;
  aspect-ratio: 191/133;
  width: min(191px, 100vw * 191 / 1600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  padding-top: min(16px, 100vw * 16 / 1600);
  z-index: 1;
}
.interview__main__block__wrap .icn.icn_01 {
  background: url("../img/interview/icn_01.png") center/contain no-repeat;
}
.interview__main__block__wrap .icn.icn_02 {
  background: url("../img/interview/icn_02.png") center/contain no-repeat;
}
.interview__main__block__wrap .icn.icn_03 {
  background: url("../img/interview/icn_03.png") center/contain no-repeat;
}
.interview__main__block__wrap .icn.icn_04 {
  background: url("../img/interview/icn_04.png") center/contain no-repeat;
}
.interview__main__block__wrap .photo {
  width: min(484px, 100vw * 484 / 1600);
  border-radius: min(40px, 100vw * 40 / 1600);
  box-shadow: min(10px, 100vw * 10 / 1600) min(10px, 100vw * 10 / 1600) #73c43f;
  z-index: 0;
}
.interview__main__block__wrap .photo.large {
  width: min(632px, 100vw * 632 / 1600);
}
.interview__main__block__wrap.area_01 {
  aspect-ratio: 1434/627;
  margin-bottom: 5%;
}
.interview__main__block__wrap.area_01 .photo {
  position: absolute;
  left: 0;
  bottom: 16.746%;
}
.interview__main__block__wrap.area_01 .item_01 .icn {
  position: absolute;
  left: 22.4546722455%;
  top: 4.1467304625%;
}
.interview__main__block__wrap.area_01 .item_01 .text {
  position: absolute;
  left: 38.9121338912%;
  width: 44.351%;
}
.interview__main__block__wrap.area_01 .item_01 .text::before {
  position: absolute;
  top: 20%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_01 .item_02 .icn {
  position: absolute;
  left: 86.4714086471%;
  top: 70.1754385965%;
}
.interview__main__block__wrap.area_01 .item_02 .text {
  position: absolute;
  left: 38.9121338912%;
  top: 67.4641148325%;
  width: 44.351%;
}
.interview__main__block__wrap.area_01 .item_02 .text::before {
  position: absolute;
  top: 30%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_02 {
  aspect-ratio: 1434/486;
  margin-bottom: 5%;
}
.interview__main__block__wrap.area_02 .photo {
  position: absolute;
  left: 0;
  top: 0;
}
.interview__main__block__wrap.area_02 .item_01 .icn {
  position: absolute;
  left: 86.4714086471%;
  top: 5.5555555556%;
}
.interview__main__block__wrap.area_02 .item_01 .text {
  position: absolute;
  left: 38.9121338912%;
  width: 44.351%;
}
.interview__main__block__wrap.area_02 .item_01 .text::before {
  position: absolute;
  top: 30%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_02 .item_02 .icn {
  position: absolute;
  left: 22.6638772664%;
  top: 61.7283950617%;
}
.interview__main__block__wrap.area_02 .item_02 .text {
  position: absolute;
  left: 38.9121338912%;
  top: 58.4362139918%;
  width: 44.351%;
}
.interview__main__block__wrap.area_02 .item_02 .text::before {
  position: absolute;
  top: 30%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_03 {
  aspect-ratio: 1434/720;
  margin-bottom: 5%;
}
.interview__main__block__wrap.area_03 .photo {
  position: absolute;
  right: 0;
  bottom: 0;
}
.interview__main__block__wrap.area_03 .item_01 .icn {
  position: absolute;
  left: 0;
  top: 4.2857142857%;
}
.interview__main__block__wrap.area_03 .item_01 .text {
  position: absolute;
  left: 16.7364016736%;
  width: 44.351%;
}
.interview__main__block__wrap.area_03 .item_01 .text::before {
  position: absolute;
  top: 30%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_03 .item_02 .icn {
  position: absolute;
  left: 64.1562064156%;
  top: 42.8571428571%;
}
.interview__main__block__wrap.area_03 .item_02 .text {
  position: absolute;
  left: 16.7364016736%;
  top: 40.4285714286%;
  width: 44.351%;
}
.interview__main__block__wrap.area_03 .item_02 .text::before {
  position: absolute;
  top: 18%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_04 {
  aspect-ratio: 1434/1375;
  margin-bottom: 5%;
}
.interview__main__block__wrap.area_04 .photo {
  position: absolute;
  right: 0;
  bottom: min(30px, 100vw * 30 / 1375);
}
.interview__main__block__wrap.area_04 .item_01 .icn {
  position: absolute;
  left: 0;
  top: 1.3090909091%;
}
.interview__main__block__wrap.area_04 .item_01 .text {
  position: absolute;
  left: 16.7364016736%;
  width: 44.351%;
}
.interview__main__block__wrap.area_04 .item_01 .text::before {
  position: absolute;
  top: 16%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_04 .item_02 .icn {
  position: absolute;
  left: 86.4016736402%;
  top: 31.9272727273%;
}
.interview__main__block__wrap.area_04 .item_02 .text {
  position: absolute;
  left: 38.9121338912%;
  top: 30.5454545455%;
  width: 44.351%;
}
.interview__main__block__wrap.area_04 .item_02 .text::before {
  position: absolute;
  top: 18%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_04 .item_03 .icn {
  position: absolute;
  left: 64.2259414226%;
  top: 56.1454545455%;
}
.interview__main__block__wrap.area_04 .item_03 .text {
  position: absolute;
  left: 16.7364016736%;
  top: 54.1818181818%;
  width: 44.351%;
}
.interview__main__block__wrap.area_04 .item_03 .text::before {
  position: absolute;
  top: 18%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_04 .item_04 .icn {
  position: absolute;
  left: 0;
  top: 85.7454545455%;
}
.interview__main__block__wrap.area_04 .item_04 .text {
  position: absolute;
  left: 16.7364016736%;
  top: 84.7272727273%;
  width: 44.351%;
}
.interview__main__block__wrap.area_04 .item_04 .text::before {
  position: absolute;
  top: 25%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_05 {
  aspect-ratio: 1434/633;
  margin-bottom: 5%;
}
.interview__main__block__wrap.area_05 .photo {
  position: absolute;
  left: 0;
  bottom: min(52px, 100vw * 52 / 633);
}
.interview__main__block__wrap.area_05 .item_01 .icn {
  position: absolute;
  left: 22.5941422594%;
  top: 2.5276461295%;
}
.interview__main__block__wrap.area_05 .item_01 .text {
  position: absolute;
  left: 38.9121338912%;
  width: 44.351%;
}
.interview__main__block__wrap.area_05 .item_01 .text::before {
  position: absolute;
  top: 38%;
  left: 0;
  transform: translateX(-95%);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_05 .item_02 .icn {
  position: absolute;
  left: 86.4016736402%;
  top: 33.0173775671%;
}
.interview__main__block__wrap.area_05 .item_02 .text {
  position: absolute;
  left: 38.9121338912%;
  top: 30.3317535545%;
  width: 44.351%;
}
.interview__main__block__wrap.area_05 .item_02 .text::before {
  position: absolute;
  top: 24%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_05 .item_03 .icn {
  position: absolute;
  left: 86.4016736402%;
  top: 77.093206951%;
}
.interview__main__block__wrap.area_05 .item_03 .text {
  position: absolute;
  left: 38.9121338912%;
  top: 74.5655608215%;
  width: 44.351%;
}
.interview__main__block__wrap.area_05 .item_03 .text::before {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateX(95%) rotate(180deg);
  content: "";
  background: url("../img/interview/cursor_balloon.png") center/contain no-repeat;
  display: block;
  width: min(30px, 100vw * 30 / 1600);
  height: min(38px, 100vw * 38 / 1600);
}
.interview__main__block__wrap.area_06 {
  aspect-ratio: 1434/510;
}
.interview__main__block__wrap.area_06 .photo {
  position: absolute;
  right: 0;
  bottom: min(10px, 100vw * 10 / 1600);
}
.interview__main__block__wrap.area_06 .item_01 .text {
  position: absolute;
  left: 0;
  width: 61.7852161785%;
  padding: min(48px, 100vw * 48 / 1600) min(60px, 100vw * 60 / 1600);
}

@media (width <= 767px) {
  .interview {
    margin-top: min(80px, 100vw * 80 / 750);
  }
  .interview__head {
    width: min(660px, 100vw * 660 / 750);
    margin-inline: auto;
  }
  .interview__head__title {
    position: relative;
    padding-bottom: min(100px, 100vw * 100 / 750);
  }
  .interview__head__title h2 {
    gap: min(27px, 100vw * 27 / 718);
    background: url("../img/common/icn_01.svg") left 16%/min(54px, 100vw * 54 / 718) auto no-repeat;
    padding-left: min(80px, 100vw * 80 / 718);
    font-size: min(21px, 100vw * 21 / 718);
    display: block;
  }
  .interview__head__title h2 img {
    width: min(406px, 100vw * 406 / 718);
    margin-bottom: min(8px, 100vw * 8 / 718);
  }
  .interview__head__logo {
    border-top: min(5px, 100vw * 5 / 718) solid var(--color-primary);
    border-left: min(5px, 100vw * 5 / 718) solid var(--color-primary);
    border-right: min(5px, 100vw * 5 / 718) solid var(--color-primary);
    border-radius: min(40px, 100vw * 40 / 718) min(40px, 100vw * 40 / 718) 0 0;
  }
  .interview__head__logo h3 {
    border: min(5px, 100vw * 5 / 718) solid var(--color-primary);
    width: min(180px, 100vw * 180 / 718);
    height: min(60px, 100vw * 60 / 718);
    font-size: min(28px, 100vw * 28 / 750);
  }
  .interview__head__logo span {
    display: block;
    margin-inline: auto;
    text-align: center;
    padding: 0;
  }
  .interview__head__logo span img {
    width: min(550px, 100vw * 550 / 750);
  }
  .interview__head__member {
    margin-top: min(24px, 100vw * 24 / 750);
  }
  .interview__head__member ul {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: min(24px, 100vw * 24 / 750) 0;
  }
  .interview__head__member ul li {
    width: 48%;
  }
  .interview__head__member ul li .member_profile .post {
    font-size: min(18px, 100vw * 18 / 750);
  }
  .interview__head__member ul li .member_profile .name {
    font-size: min(28px, 100vw * 28 / 750);
  }
  .interview__img_head {
    margin-top: min(24px, 100vw * 24 / 750);
  }
  .interview__main {
    background: #95e064 url("../img/interview/bg_main_sp.png") center top/100% auto no-repeat;
  }
  .interview__main__block {
    width: 98.607%;
  }
  .interview__main__block__title {
    font-size: min(34px, 100vw * 34 / 750);
    padding: min(60px, 100vw * 60 / 750) 0;
    letter-spacing: 0.1em;
  }
  .interview__main__block__title::before {
    width: min(42px, 100vw * 42 / 750);
    height: min(42px, 100vw * 42 / 750);
    margin-bottom: min(24px, 100vw * 24 / 750);
  }
  .interview__main__block__wrap {
    position: relative;
  }
  .interview__main__block__wrap .text {
    border-radius: min(24px, 100vw * 24 / 750);
    padding: min(30px, 100vw * 30 / 750);
  }
  .interview__main__block__wrap .text p {
    font-size: min(25px, 100vw * 25 / 750);
    line-height: 2.3333333333;
    letter-spacing: 0.04em;
  }
  .interview__main__block__wrap .icn {
    font-size: min(27px, 100vw * 27 / 750);
    width: min(170px, 100vw * 170 / 750);
    padding-top: min(16px, 100vw * 16 / 750);
    letter-spacing: 0.05em;
  }
  .interview__main__block__wrap .photo {
    width: 92.757%;
    border-radius: min(24px, 100vw * 24 / 750);
    box-shadow: min(10px, 100vw * 10 / 750) min(10px, 100vw * 10 / 750) #73c43f;
    margin-inline: auto;
  }
  .interview__main__block__wrap .photo.large {
    width: min(520px, 100vw * 520 / 750);
  }
  .interview__main__block__wrap.area_01 {
    aspect-ratio: auto;
    margin-bottom: 10.6666666667%;
  }
  .interview__main__block__wrap.area_01 .photo {
    position: relative;
    left: calc(-1 * min(5px, 100vw * 5 / 750));
    bottom: auto;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_01 .item_01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .interview__main__block__wrap.area_01 .item_01 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_01 .item_01 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_01 .item_01 .text::before {
    top: 8%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_01 .item_02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_01 .item_02 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_01 .item_02 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_01 .item_02 .text::before {
    top: 17%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_02 {
    aspect-ratio: auto;
    margin-bottom: 10.6666666667%;
  }
  .interview__main__block__wrap.area_02 .photo {
    position: relative;
    left: calc(-1 * min(5px, 100vw * 5 / 750));
    bottom: auto;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_02 .item_01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .interview__main__block__wrap.area_02 .item_01 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_02 .item_01 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_02 .item_01 .text::before {
    top: 15%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_02 .item_02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_02 .item_02 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_02 .item_02 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_02 .item_02 .text::before {
    top: 15%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_03 {
    aspect-ratio: auto;
    margin-bottom: 10.6666666667%;
  }
  .interview__main__block__wrap.area_03 .photo {
    position: relative;
    left: calc(-1 * min(5px, 100vw * 5 / 750));
    bottom: auto;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_03 .item_01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .interview__main__block__wrap.area_03 .item_01 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_03 .item_01 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_03 .item_01 .text::before {
    top: 13%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_03 .item_02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_03 .item_02 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_03 .item_02 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_03 .item_02 .text::before {
    top: 10%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_04 {
    aspect-ratio: auto;
    margin-bottom: 10.6666666667%;
  }
  .interview__main__block__wrap.area_04 .photo {
    position: relative;
    left: calc(-1 * min(5px, 100vw * 5 / 750));
    bottom: auto;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_04 .item_01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .interview__main__block__wrap.area_04 .item_01 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_04 .item_01 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_04 .item_01 .text::before {
    top: 8%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_04 .item_02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_04 .item_02 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_04 .item_02 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_04 .item_02 .text::before {
    top: 11%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_04 .item_03 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_04 .item_03 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_04 .item_03 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_04 .item_03 .text::before {
    top: 8%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_04 .item_04 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_04 .item_04 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_04 .item_04 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_04 .item_04 .text::before {
    top: 15%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_05 {
    aspect-ratio: auto;
    margin-bottom: 10.6666666667%;
  }
  .interview__main__block__wrap.area_05 .photo {
    position: relative;
    left: calc(-1 * min(5px, 100vw * 5 / 750));
    bottom: auto;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_05 .item_01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .interview__main__block__wrap.area_05 .item_01 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_05 .item_01 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-right: 2%;
  }
  .interview__main__block__wrap.area_05 .item_01 .text::before {
    top: 18%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_05 .item_02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_05 .item_02 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_05 .item_02 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_05 .item_02 .text::before {
    top: 12%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_05 .item_03 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: min(48px, 100vw * 48 / 750);
  }
  .interview__main__block__wrap.area_05 .item_03 .icn {
    position: relative;
    left: auto;
    top: auto;
  }
  .interview__main__block__wrap.area_05 .item_03 .text {
    position: relative;
    left: auto;
    width: 68.941%;
    margin-left: 2%;
  }
  .interview__main__block__wrap.area_05 .item_03 .text::before {
    top: 22%;
    width: min(25px, 100vw * 25 / 750);
    height: min(32px, 100vw * 32 / 750);
  }
  .interview__main__block__wrap.area_06 {
    aspect-ratio: auto;
  }
  .interview__main__block__wrap.area_06 .photo {
    position: relative;
    right: -8%;
    bottom: 0;
    margin-top: -18%;
    margin-inline-start: auto;
    display: block;
    background: #c00;
  }
  .interview__main__block__wrap.area_06 .item_01 .text {
    position: relative;
    left: 2%;
    width: 74.6666666667%;
    padding: min(48px, 100vw * 48 / 1600) min(60px, 100vw * 60 / 1600);
  }
}
.history {
  position: relative;
  aspect-ratio: 1860/1760;
}
.history__title {
  position: absolute;
  left: min(213px, 100vw * 213 / 1860);
  top: min(102px, 100vw * 102 / 1860);
}
.history__title h2 {
  display: flex;
  align-items: center;
  gap: min(56px, 100vw * 56 / 1860);
  background: url("../img/common/icn_01.svg") left center/min(40px, 100vw * 40 / 1860) auto no-repeat;
  padding-left: min(80px, 100vw * 80 / 1860);
  color: var(--color-primary);
  font-weight: 600;
  font-size: min(21px, 100vw * 21 / 1860);
}
.history__title h2 img {
  width: min(363px, 100vw * 363 / 1860);
}
.history__text {
  position: absolute;
  left: min(293px, 100vw * 293 / 1860);
  top: min(240px, 100vw * 240 / 1760);
  color: var(--color-primary);
  font-size: min(24px, 100vw * 24 / 1860);
  line-height: 2.25;
  font-weight: 500;
}
.history__img div {
  position: absolute;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  transform: scale(0.2);
}
.history__img.scrollin div {
  opacity: 1;
  transform: scale(1);
}
.history__img__img_01 {
  width: min(403px, 100vw * 403 / 1860);
  left: 45%;
  top: 26.7613636364%;
  transition-delay: 0.3s !important;
}
.history__img__img_02 {
  width: min(511px, 100vw * 511 / 1860);
  left: 15.1075268817%;
  top: 37.5568181818%;
  transition-delay: 0.4s !important;
}
.history__img__img_03 {
  width: min(426px, 100vw * 426 / 1860);
  left: 65.5376344086%;
  top: 42.6136363636%;
  transition-delay: 0.5s !important;
}
.history__img__img_04 {
  width: min(371px, 100vw * 371 / 1860);
  left: 41.3978494624%;
  top: 55.5113636364%;
  transition-delay: 0.6s !important;
}
.history__img__img_05 {
  width: min(428px, 100vw * 428 / 1860);
  left: 11.4516129032%;
  top: 61.3068181818%;
  transition-delay: 0.7s !important;
}
.history__img__img_06 {
  width: min(529px, 100vw * 529 / 1860);
  left: 56.3440860215%;
  top: 66.5340909091%;
  transition-delay: 0.8s !important;
}
.history__line {
  position: absolute;
  right: 0;
  top: 0;
  width: min(1149px, 100vw * 1149 / 1860);
}
.history__line img {
  mask-image: url("../img/about/mask.svg");
  mask-repeat: no-repeat;
  mask-position: 0% -180%;
  mask-size: 100%;
  -webkit-mask-image: url("../img/about/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0% -180%;
  -webkit-mask-size: 100%;
  transition: 2s ease-in-out;
}
.history__line img.scrollin {
  mask-position: 0 0;
  mask-size: 170%;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 170%;
}

@media (width <= 767px) {
  .history {
    aspect-ratio: 718/2000;
  }
  .history__title {
    position: absolute;
    left: min(30px, 100vw * 30 / 750);
    top: min(60px, 100vw * 60 / 750);
  }
  .history__title h2 {
    gap: min(30px, 100vw * 30 / 750);
    background: url("../img/common/icn_01.svg") left 25%/min(56px, 100vw * 56 / 750) auto no-repeat;
    padding-left: min(80px, 100vw * 80 / 750);
    font-size: min(21px, 100vw * 21 / 750);
    display: block;
  }
  .history__title h2 img {
    width: min(310px, 100vw * 310 / 750);
    display: block;
  }
  .history__title h2 span {
    display: block;
  }
  .history__text {
    position: absolute;
    left: min(110px, 100vw * 110 / 750);
    top: min(220px, 100vw * 220 / 750);
    font-size: min(24px, 100vw * 24 / 718);
    padding-right: 4%;
  }
  .history__img__img_01 {
    width: min(356px, 100vw * 356 / 750);
    left: min(13px, 100vw * 13 / 750);
    top: min(737px, 100vw * 737 / 750);
  }
  .history__img__img_06 {
    width: min(469px, 100vw * 469 / 750);
    left: min(235px, 100vw * 235 / 750);
    top: min(450px, 100vw * 450 / 750);
  }
  .history__img__img_02 {
    width: min(440px, 100vw * 440 / 750);
    left: min(252px, 100vw * 252 / 750);
    top: min(883px, 100vw * 883 / 750);
  }
  .history__img__img_04 {
    width: min(336px, 100vw * 336 / 750);
    left: min(10px, 100vw * 10 / 750);
    top: min(1173px, 100vw * 1173 / 750);
  }
  .history__img__img_05 {
    width: min(363px, 100vw * 363 / 750);
    left: min(336px, 100vw * 336 / 750);
    top: min(1292px, 100vw * 1292 / 750);
  }
  .history__img__img_03 {
    width: min(387px, 100vw * 387 / 750);
    left: min(23px, 100vw * 23 / 750);
    top: min(1510px, 100vw * 1510 / 750);
  }
  .history__line {
    top: auto;
    bottom: 0;
    width: min(505px, 100vw * 505 / 750);
  }
  .history__line img.scrollin {
    mask-size: 350%;
    -webkit-mask-size: 350%;
  }
}
.present {
  position: relative;
  aspect-ratio: 1860/1310;
  margin-top: calc(-1 * min(160px, 100vw * 160 / 1860));
}
.present__head {
  aspect-ratio: 1860/425;
  position: relative;
  width: 100%;
  background: url("../img/present/bg_head.png") center bottom/cover no-repeat;
}
.present__icn {
  position: absolute;
  top: 0;
  right: calc(-1 * min(30px, 100vw * 30 / 1920));
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.present__icn__item {
  aspect-ratio: 489/315;
  width: min(489px, 100vw * 489 / 1860);
  margin-inline-start: auto;
}
.present__icn__item img {
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateX(110%);
}
.present__icn__item.scrollin img {
  transform: translateX(20%);
}
.present__title {
  position: absolute;
  left: min(213px, 100vw * 213 / 1860);
  top: min(333px, 100vw * 333 / 1860);
}
.present__title h2 {
  display: flex;
  align-items: center;
  gap: min(56px, 100vw * 56 / 1860);
  background: url("../img/common/icn_02.svg") left center/min(40px, 100vw * 40 / 1860) auto no-repeat;
  padding-left: min(80px, 100vw * 80 / 1860);
  color: var(--color-white);
  font-weight: 600;
  font-size: min(21px, 100vw * 21 / 1860);
}
.present__title h2 img {
  width: min(387px, 100vw * 387 / 1860);
}
.present__wrap {
  position: relative;
  aspect-ratio: 1860/900;
  background: #fabed9;
}
.present__wrap__btn {
  position: absolute;
  aspect-ratio: 600/588;
  top: 14.7777777778%;
  left: 34.0322580645%;
  width: min(600px, 100vw * 600 / 1860);
  height: min(588px, 100vw * 588 / 1860);
}
.present__wrap__btn .btn_01 {
  position: absolute;
  top: 0;
  left: 0;
  width: min(522px, 100vw * 522 / 1860);
  height: min(521px, 100vw * 521 / 1860);
  transition: 0.3s ease-out;
}
.present__wrap__btn .btn_02 {
  position: absolute;
  top: 75.3401360544%;
  left: 5.3333333333%;
  width: min(546px, 100vw * 546 / 1860);
  height: min(95px, 100vw * 95 / 1860);
}
.present__wrap__btn .btn_03 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(220px, 100vw * 220 / 1860);
  height: min(219px, 100vw * 219 / 1860);
}
.present__wrap__btn .btn_icn {
  position: absolute;
  top: 79.9319727891%;
  left: 12.3333333333%;
  width: min(43px, 100vw * 43 / 1860);
  height: min(43px, 100vw * 43 / 1860);
  transition: 0.3s ease-out;
  transition-delay: 0.2s;
}
.present__wrap__btn:hover .btn_01 {
  transform: scale(1.05);
}
.present__wrap__btn:hover .btn_icn {
  transform: translateY(10%);
}

@media (width <= 767px) {
  .present {
    aspect-ratio: 718/1070;
    margin-top: calc(-1 * min(70px, 100vw * 70 / 750));
  }
  .present__head {
    aspect-ratio: 718/127;
    background: url("../img/present/bg_head_sp.png") center bottom/cover no-repeat;
  }
  .present__icn {
    right: calc(-1 * min(16px, 100vw * 16 / 750));
    margin-top: -15vw;
  }
  .present__icn__item {
    width: min(400px, 100vw * 400 / 750);
  }
  .present__title {
    position: absolute;
    left: min(25px, 100vw * 25 / 750);
    top: min(230px, 100vw * 230 / 750);
    z-index: 1;
  }
  .present__title h2 {
    display: block;
    gap: min(28px, 100vw * 28 / 750);
    background: url("../img/common/icn_02.svg") left 20%/min(56px, 100vw * 56 / 750) auto no-repeat;
    padding-left: min(80px, 100vw * 80 / 750);
    font-size: min(21px, 100vw * 21 / 750);
  }
  .present__title h2 img {
    width: min(333px, 100vw * 333 / 750);
  }
  .present__wrap {
    position: relative;
    aspect-ratio: 718/943;
    background: #fabed9;
  }
  .present__wrap__btn {
    position: absolute;
    aspect-ratio: 538/524;
    top: min(270px, 100vw * 270 / 718);
    left: min(127px, 100vw * 127 / 718);
    width: 74.5%;
    height: min(524px, 100vw * 524 / 718);
  }
  .present__wrap__btn .btn_01 {
    position: absolute;
    top: 0;
    left: 0;
    width: min(472px, 100vw * 472 / 750);
    height: min(472px, 100vw * 472 / 750);
  }
  .present__wrap__btn .btn_02 {
    position: absolute;
    top: 75%;
    left: 3%;
    width: min(487px, 100vw * 487 / 750);
    height: min(85px, 100vw * 85 / 750);
  }
  .present__wrap__btn .btn_03 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: min(193px, 100vw * 193 / 750);
    height: min(193px, 100vw * 193 / 750);
  }
  .present__wrap__btn .btn_icn {
    position: absolute;
    top: 79%;
    left: 9%;
    width: min(43px, 100vw * 43 / 750);
    height: min(43px, 100vw * 43 / 750);
  }
  .present__wrap__btn:hover .btn_01 {
    transform: scale(1);
  }
  .present__wrap__btn:hover .btn_icn {
    transform: translateY(0);
  }
}
.footer {
  background: #fabed9;
}
.footer__wrap {
  background: var(--color-primary);
  border-radius: 5% 5% 0 0;
  text-align: center;
}
.footer__wrap .logo {
  padding: min(70px, 100vw * 70 / 1860) 0 min(40px, 100vw * 40 / 1860);
  display: block;
  margin-inline: auto;
}
.footer__wrap a {
  margin-inline: auto;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  transform: translateX(5%);
  transition: 0.3s ease-out;
}
.footer__wrap a:hover {
  opacity: 0.8;
}
.footer__wrap small {
  display: block;
  color: var(--color-white);
  font-size: min(24px, 100vw * 24 / 1200);
  padding-bottom: min(48px, 100vw * 48 / 1920);
  font-weight: 500;
  margin: min(100px, 100vw * 100 / 1860) 0 0;
}

@media (width <= 767px) {
  .footer__wrap .logo {
    padding: min(70px, 100vw * 70 / 718) 0 min(40px, 100vw * 40 / 718);
    display: block;
    margin-inline: auto;
    width: min(378px, 100vw * 378 / 718);
  }
  .footer__wrap a {
    width: min(300px, 100vw * 300 / 718);
  }
  .footer__wrap a:hover {
    opacity: 1;
  }
  .footer__wrap small {
    font-size: min(24px, 100vw * 24 / 750);
    padding-bottom: min(24px, 100vw * 24 / 750);
    margin: min(100px, 100vw * 100 / 750) 0 0;
  }
}
.profile_dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(97, 42, 64, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.profile_dialog .profile {
  position: relative;
  z-index: 10;
  transition: 0.8s cubic-bezier(0.75, -0.5, 0.25, 1.5);
  transform: translateY(-200%);
}
.profile_dialog .profile__inner__frame {
  background: url("../../assets/img/profile/profile_frame_outer_pc.png") top left/cover no-repeat;
  width: min(1431px, 74.53125vw);
  margin-inline: auto;
  aspect-ratio: 1431/683;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile_dialog .profile__inner__frame__nyachikawa_01 {
  position: absolute;
  top: 9%;
  right: -13.5%;
  width: min(418px, 21.7708333333vw);
  transition: 0.5s;
  transform-origin: center;
  transform: translateX(0%);
}
.profile_dialog .profile__inner__frame__nyachikawa_02 {
  position: absolute;
  bottom: 10%;
  left: -15%;
  width: min(334px, 17.3958333333vw);
  transition: 0.5s;
  transform-origin: center;
  transform: translateX(0%);
}
.profile_dialog .profile__inner__frame__block {
  background: url("../../assets/img/profile/profile_frame_inner_pc.png") top left/cover no-repeat;
  width: min(1351px, 70.3645833333vw);
  margin-inline: auto;
  aspect-ratio: 1351/603;
  position: relative;
}
.profile_dialog .profile__inner__frame__block h2 {
  width: min(781px, 40.6770833333vw);
  margin-inline: auto;
  margin-top: -6%;
}
.profile_dialog .profile__inner__frame__block dl {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  margin-inline: auto;
  font-weight: 500;
  letter-spacing: min(5px, 0.2604166667vw);
  gap: min(56px, 2.9166666667vw) 0;
  padding-top: min(76px, 3.9583333333vw);
}
.profile_dialog .profile__inner__frame__block dl dt {
  width: 30%;
  background: url("../../assets/img/profile/profile_icn.png") left center/min(55px, 2.8645833333vw) auto no-repeat;
  font-size: min(32px, 1.6666666667vw);
  color: var(--color-primary);
  padding-left: min(80px, 4.1666666667vw);
}
.profile_dialog .profile__inner__frame__block dl dd {
  width: 70%;
  font-size: min(32px, 1.6666666667vw);
}
.profile_dialog .profile__inner__frame__close {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  transform: translateY(20%);
  width: min(290px, 100vw * 290 / 1860);
  z-index: 10;
}
.profile_dialog.open {
  visibility: visible;
  opacity: 1;
}
.profile_dialog.open .profile {
  transform: translateY(0%);
}

@media (width <= 767px) {
  .profile_dialog .profile__inner__frame {
    background: url("../../assets/img/profile/profile_frame_outer_sp.png") top left/cover no-repeat;
    width: min(636px, 84.8vw);
    aspect-ratio: 636/904;
  }
  .profile_dialog .profile__inner__frame__nyachikawa_01 {
    top: 20%;
    right: -8%;
    width: min(180px, 24vw);
  }
  .profile_dialog .profile__inner__frame__nyachikawa_02 {
    bottom: 20%;
    left: -8%;
    width: min(140px, 18.6666666667vw);
  }
  .profile_dialog .profile__inner__frame__block {
    background: url("../../assets/img/profile/profile_frame_inner_sp.png") top left/cover no-repeat;
    width: min(534px, 71.2vw);
    aspect-ratio: 534/814;
  }
  .profile_dialog .profile__inner__frame__block h2 {
    width: min(460px, 61.3333333333vw);
    margin-top: -14%;
  }
  .profile_dialog .profile__inner__frame__block dl {
    display: block;
    width: 100%;
    letter-spacing: min(6px, 0.8vw);
    padding-top: min(50px, 6.6666666667vw);
    text-align: center;
  }
  .profile_dialog .profile__inner__frame__block dl dt {
    width: auto;
    display: inline-block;
    background: url("../../assets/img/profile/profile_icn.png") left center/min(50px, 6.6666666667vw) auto no-repeat;
    font-size: min(31px, 4.1333333333vw);
    padding-left: min(70px, 9.3333333333vw);
  }
  .profile_dialog .profile__inner__frame__block dl dd {
    width: 100%;
    font-size: min(28px, 3.7333333333vw);
    padding-top: min(15px, 2vw);
    line-height: 1.8;
  }
  .profile_dialog .profile__inner__frame__block dl dd + dt {
    margin-top: min(50px, 6.6666666667vw);
  }
  .profile_dialog .profile__inner__frame__close {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    transform: translateY(22%);
    width: min(334px, 100vw * 334 / 750);
  }
  .profile_dialog .profile::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(60px, 8vw);
    background: url("../../assets/img/profile_bottom.png") center bottom/auto min(60px, 8vw) repeat-x;
    z-index: 0;
  }
}