/* ============================================== color */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ hover */
/*========================================================================== 1023px */
@media only screen and (max-width: 1023px) {
  .pagesIntro__bg {
    margin-bottom: -70px;
  }
  .pagesIntro__article--title {
    font-size: 22px;
  }
  .pagesIntro__article--text {
    font-size: 16px;
  }
}
/*========================================================================== 767px */
@media only screen and (max-width: 767px) {
  /* ========================================== vw */
  /* ----------------------- bg */
  .pagesIntro__bg {
    margin-bottom: 40px;
    margin-top: 0;
    z-index: 2;
  }
  /* ----------------------- title */
  .pagesIntro__title {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  /* ----------------------- article title */
  .pagesIntro__article {
    padding-bottom: 30px;
  }
  .pagesIntro__article--title {
    font-size: 18px;
  }
  .pagesIntro__article--text {
    font-size: 14px;
    margin: 30px 0;
  }
  .pagesIntro__article--text a {
    padding-bottom: 0.15em;
  }
  @keyframes nanameSlideAnime2 {
    0% {
      transform: translate3d(20px, -10px, 0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
  .pages.pages--intro .kv .kv__wrapper .kv__main--house .kv__main--chara li:nth-child(1) {
    top: 86.243858%;
    left: 55.137931%;
    -webkit-animation: nanameSlideAnime2 1.6s ease-in-out infinite alternate;
    animation: nanameSlideAnime2 1.6s ease-in-out infinite alternate;
  }
  .pages.pages--intro .kv .kv__wrapper .kv__main--house .kv__main--chara li:nth-child(2) {
    top: 76.974522%;
    left: 37.141762%;
  }
  .pages.pages--intro .kv .kv__wrapper .kv__main--house .kv__main--chara li:nth-child(3) {
    top: 85.421292%;
    left: 18.632184%;
  }
  .pages.pages--intro .kv .kv__wrapper .kv__main--house .kv__main--chara li:nth-child(5) {
    left: 29.022989%;
  }
  /* ======================================================================= hover sp */
  .pagesIntro__article--text a:active {
    border-bottom: 2px solid;
  }
}
/*========================================================================== 360px */
@media only screen and (max-width: 360px) {
  .pagesIntro__article--title {
    font-size: 15px;
  }
  .pagesIntro__article--text {
    font-size: 11px;
  }
}
/* ============================================================================================ edit 202406 */
@media only screen and (max-width: 1023px) {
  .introAbout__block {
    flex-wrap: wrap;
  }
  .introAbout__blockThum, .introAbout__blockDetail {
    width: 100%;
  }
  .introAbout__blockThum {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .introAbout {
    padding: 25px 25px 20px;
    border-radius: 15px;
    margin-top: 50px;
  }
  /* --------------------------------------- introAbout title */
  .introAbout__title {
    height: 20px;
    margin-bottom: 25px;
  }
  /* --------------------------------------- introAbout block */
  .introAbout__block {
    margin-top: 0;
    margin-bottom: 35px;
  }
  .introAbout__block:last-of-type {
    margin-bottom: 0;
  }
  .introAbout__blockThum {
    margin-bottom: 15px;
  }
  /* --------------------------------------- introAbout blockDetail */
  .introAbout__blockDetail--title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .introAbout__blockDetail--text {
    font-size: 13px;
  }
  /* ======================================================================= introAbout__blockKeen */
  .introAbout__block--2 .introAbout__blockThum--inner {
    padding-top: 80.5491990847%;
  }
  .introAbout__charaBlock {
    margin-top: -9%;
  }
  /* --------------------------------------- introAbout__chara */
  .introAbout__chara {
    width: 32.1100917431%;
    margin-bottom: 5px;
  }
  .introAbout__chara--name {
    margin-bottom: 10px;
  }
  .introAbout__chara--name > p {
    font-size: 15px;
    margin-bottom: 6px;
  }
  .introAbout__chara--name > span {
    font-size: 11px;
  }
  .introAbout__chara--desc {
    font-size: 10px;
  }
  /* --------------------------------------- introAbout__blockDetail btn */
  .introAbout__blockDetail--btn {
    margin-top: 20px;
  }
  .introAbout__blockDetail--btnLink {
    padding-left: 55px;
  }
  .introAbout__blockDetail--btnLink::after {
    width: 45px;
    height: 32px;
  }
  .introAbout__blockDetail--btnText {
    font-size: 12px;
  }
  /* --------------------------------------- keenArrow */
  .keenArrow {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  .keenArrow::before, .keenArrow::after {
    background-size: 10px auto;
  }
}
@media only screen and (max-width: 360px) {
  .introAbout__title {
    height: 16px;
    margin-bottom: 25px;
  }
}/*# sourceMappingURL=intro-sp.css.map */