@charset "UTF-8";
/* CSS Document */
/* CSS Document */
html {
  font: 10px/1.625 "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 基本文字設定 */
  *font-size: small;
  /* Win IE7およびWin IE6標準準拠モード向け */
  *font: x-small;
  /* Win IE 5-5.5､6(後方互換モード)向け */
  letter-spacing: 0.04em;
  background-color: #FFF;
  color: #001d4c;
  font-weight: 400; }

* {
  outline: none; }

/*リンク*/
a {
  color: #001d4c;
  outline: none;
  text-decoration: none;
  transition: all 300ms ease-in-out; }
  a[href^="tel:"] {
    pointer-events: none; }
    @media screen and (max-width: 600px) {
      a[href^="tel:"] {
        pointer-events: auto; } }
  a:after {
    text-decoration: none; }
  a:hover, a:focus {
    color: #001d4c;
    opacity: 0.8; }
    a:hover img, a:focus img {
      opacity: 0.8; }
  a img {
    background: url(../image/share/transparent.png);
    transition: opacity 300ms ease-in-out; }

address {
  font-style: normal; }

body {
  background-color: #FFF; }

#mainScroll {
  position: relative;
  margin: 0 auto;
  padding: 0;
  z-index: 300;
  display: none; }

#header {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 500; }
  @media screen and (max-width: 600px) {
    #header {
      top: 4.167vw; } }
  #header__inner {
    margin: 0;
    padding: 0 20px; }
    @media screen and (max-width: 600px) {
      #header__inner {
        padding: 0; } }
    #header__inner #identity-area {
      width: 102px;
      margin: 0 auto 0 0; }
      @media screen and (max-width: 600px) {
        #header__inner #identity-area {
          width: 17vw;
          margin: 0 auto;
          text-align: center; } }
      #header__inner #identity-area a img {
        width: 100%;
        height: auto; }

#top-slide {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 100; }
  #top-slide .top-slide-in {
    position: relative;
    width: 100%;
    height: 100vh; }
    #top-slide .top-slide-in img {
      width: 100%;
      height: 100vh;
      object-fit: cover; }

#footer {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 500; }
  @media screen and (max-width: 600px) {
    #footer {
      bottom: 3.333vw; } }
  #footer__inner {
    padding: 0 20px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    gap: 30px 45px; }
    @media screen and (max-width: 600px) {
      #footer__inner {
        display: block;
        padding: 0 3.333vw; } }
    #footer__inner #footer-shop {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1; }
      @media screen and (max-width: 600px) {
        #footer__inner #footer-shop {
          align-self: center;
          font-size: 2.667vw; } }
      #footer__inner #footer-shop a {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 140px;
        height: 36px;
        background-color: #001d4c;
        border-radius: 99999px;
        color: #FFF; }
        @media screen and (max-width: 600px) {
          #footer__inner #footer-shop a {
            width: 30vw;
            height: 7.5vw;
            margin: 0 auto; } }
    #footer__inner #footer-address dl {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      gap: 10px 45px; }
      @media screen and (max-width: 600px) {
        #footer__inner #footer-address dl {
          display: block; } }
      #footer__inner #footer-address dl > dt {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1;
        text-align: left; }
        @media screen and (max-width: 600px) {
          #footer__inner #footer-address dl > dt {
            font-size: 2.667vw;
            margin-bottom: 2.667vw; } }
      #footer__inner #footer-address dl > dd {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.068em;
        line-height: 1;
        text-align: left; }
        @media screen and (max-width: 600px) {
          #footer__inner #footer-address dl > dd {
            font-size: 2.667vw;
            line-height: 1.5; } }
        @media screen and (max-width: 600px) {
          #footer__inner #footer-address dl > dd span {
            display: inline-block; } }
        @media screen and (max-width: 600px) {
          #footer__inner #footer-address dl > dd span.footer-address--tel {
            display: none; } }

/*# sourceMappingURL=style.css.map */