@charset "UTF-8";
/* CSS Document */
/*===================================================
  共通CSS（SMP）
===================================================*/
/* --------------------------------------------------
  base
-------------------------------------------------- */
@media (max-width: 1024px) {
  body {
    padding: 64px 0 0;
    font-size: 14px;
  }

  .pcBreak,
.spHidden {
    display: none;
  }

  .spBreak,
.pcHidden {
    display: block;
  }
}
/* --------------------------------------------------
  header
-------------------------------------------------- */
@media (max-width: 1024px) {
  html {
    scroll-padding-top: 64px;
  }

  .header {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid #262626;
  }
  .header .headerContainer {
    justify-content: space-between;
    height: 64px;
    padding: 0 16px;
  }
  .header .headerContainer .headerLogo {
    width: 180px;
  }
  .header .headerContainer .hamburger {
    display: block;
  }
  .header .navBox {
    position: fixed;
    top: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: auto;
    padding: 0;
    background: #000000;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .header .navBox .navBoxInner {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
    padding: 24px;
    border: 0;
  }
  .header .navBox .navBoxInner .navList ul {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }
  .header .navBox .navBoxInner .navList ul li {
    border-bottom: 1px solid #262626;
  }
  .header .navBox .navBoxInner .navList ul li a {
    padding: 20px 0;
  }
  .header .navBox .navBoxInner .navList ul li a .navText p {
    font-size: 14px;
  }
  .header .navBox .navBoxInner .navList ul li a .navText p + p {
    font-size: 14px;
  }
  .header .navBox .navBoxInner .headerSns {
    flex-basis: auto;
  }
  .header .navBox .navBoxInner .headerSns a {
    width: 24px;
    margin: 0 auto;
  }
}
/* --------------------------------------------------
  main・共通部品
-------------------------------------------------- */
@media (max-width: 1024px) {
  .secWrap,
.secWrap01,
.secWrap02 {
    padding: 0 16px;
  }

  .secTtl h2 {
    font-size: 24px;
  }
  .secTtl h3 {
    font-size: 20px;
  }

  .pageKv .secWrap01 .pageKvContainer {
    padding: 36px 0;
  }
  .pageKv .secWrap01 .pageKvContainer .pageKvTitle h1 {
    font-size: 28px;
  }

  .mapBox {
    padding: 0 0 70%;
  }
}
/* --------------------------------------------------
  footer
-------------------------------------------------- */
@media (max-width: 1024px) {
  .footer .footerMain {
    padding: 88px 0 0;
  }
  .footer .footerMain .pageTop {
    top: 0;
    right: 16px;
    width: 44px;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerLogo {
    width: 200px;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerNav {
    display: none;
    flex-direction: column;
    gap: 28px;
    align-items: stretch;
    margin: 28px auto 0;
    padding: 16px 0;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerNav .navList {
    display: none;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerNav .footerSns {
    flex-basis: auto;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerNav .footerSns a {
    width: 24px;
    margin: 0 auto;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerTitle {
    margin: 48px 0 0;
  }
  .footer .footerMain .secWrap01 .footerContainer .footerText {
    font-size: 14px;
  }
  .footer .footerCopyright {
    padding: 56px 16px 28px;
  }
}