@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;500&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");
/* ---------- setting ---------- ---------- */
body { color: #000000; font-family: "游ゴシック", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ ゴシック", "MS Gothic", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; }

/* リセットCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; }

@media print, screen and (min-width: 1601px) { .area-footer { background: #fff; padding: 107px 0; letter-spacing: 0.05em; line-height: 1.5; }
  .area-footer img { width: 100%; }
  .area-footer ._cols { display: flex; justify-content: space-between; flex-direction: row-reverse; }
  .area-footer ._cols ._left { flex: 1; }
  .area-footer ._cols ._right { width: 500px; }
  .area-footer ._logo { width: 353px; }
  .area-footer ._add { margin-top: 27px; font-size: 19px; }
  .area-footer ._copy { margin-top: 53px; font-size: 19px; }
  .area-footer ._contact { margin-top: 53px; width: 528px; position: relative; }
  .area-footer ._contact ._btn { position: absolute; right: 0; bottom: 0; width: 365px; }
  .mod-menu-btn { display: none; }
  .area-modal-menu { display: none; }
  .area-sns { position: fixed; top: calc(50vh - 80px); left: 12px; z-index: 90; }
  .area-pagetop { position: fixed; left: 10px; bottom: 10px; z-index: 50; }
  .area-pagetop img { width: 100%; }
  .area-pagetop ._btn { display: block; width: 40px; height: 40px; transition-duration: 0.2s; opacity: 0; }
  .area-pagetop ._btn:hover { opacity: 0.8; }
  .area-pagetop ._btn.js-show { opacity: 1; }
  .area-pagetop ._btn:hover { opacity: 0.8; }
  .mod-common-sns hr { width: 17px; height: 1px; margin: 15px auto; border: none; border-top: 1px solid #333; }
  .mod-common-sns ._btn { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition-duration: 0.2s; }
  .mod-common-sns ._btn:hover { opacity: 0.8; }
  .mod-common-sns ._insta { margin-top: 5px; }
  .area-wrapper { overflow: hidden; }
  .block-inner { position: relative; width: 1333px; margin: 0 auto; }
  .block-wrapper { max-width: 1600px; margin: 0 auto; } }

@media screen and (min-width: 768px) and (max-width: 1600px) { .area-footer { background: #fff; padding: 6.6875vw 0; letter-spacing: 0.05em; line-height: 1.5; }
  .area-footer img { width: 100%; }
  .area-footer ._cols { display: flex; justify-content: space-between; flex-direction: row-reverse; }
  .area-footer ._cols ._left { flex: 1; }
  .area-footer ._cols ._right { width: 500px; }
  .area-footer ._logo { width: 22.0625vw; }
  .area-footer ._add { margin-top: 1.6875vw; font-size: 1.1875vw; }
  .area-footer ._copy { margin-top: 3.3125vw; font-size: 1.1875vw; }
  .area-footer ._contact { margin-top: 3.3125vw; width: 33vw; position: relative; }
  .area-footer ._contact ._btn { position: absolute; right: 0; bottom: 0; width: 22.8125vw; }
  .mod-menu-btn { display: none; }
  .area-modal-menu { display: none; }
  .area-sns { position: fixed; top: calc(50vh - 80px); left: 12px; z-index: 90; }
  .area-pagetop { position: fixed; left: 10px; bottom: 10px; z-index: 50; }
  .area-pagetop img { width: 100%; }
  .area-pagetop ._btn { display: block; width: 40px; height: 40px; transition-duration: 0.2s; opacity: 0; }
  .area-pagetop ._btn:hover { opacity: 0.8; }
  .area-pagetop ._btn.js-show { opacity: 1; }
  .area-pagetop ._btn:hover { opacity: 0.8; }
  .mod-common-sns hr { width: 17px; height: 1px; margin: 15px auto; border: none; border-top: 1px solid #333; }
  .mod-common-sns ._btn { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition-duration: 0.2s; }
  .mod-common-sns ._btn:hover { opacity: 0.8; }
  .mod-common-sns ._insta { margin-top: 5px; }
  .area-wrapper { overflow: hidden; }
  .block-inner { position: relative; width: 83.3125vw; margin: 0 auto; }
  .block-wrapper { max-width: 1600px; margin: 0 auto; } }

@media screen and (max-width: 767px) { .area-footer { background: #fff; padding: 7.69231vw 7.69231vw 15.38462vw 7.69231vw; line-height: 1.5; }
  .area-footer img { width: 100%; }
  .area-footer ._cols ._left { margin-top: 80px; }
  .area-footer ._logo { width: 56.41026vw; margin: 0 auto; }
  .area-footer ._add { margin-top: 15.38462vw; font-size: 3.58974vw; }
  .area-footer ._copy { margin-top: 7.69231vw; font-size: 3.33333vw; }
  .area-footer ._contact { margin-top: 10.25641vw; position: relative; }
  .area-footer ._contact ._btn { margin-top: 2.5641vw; width: 100%; }
  .area-sns { display: none; }
  .area-pagetop { display: none; }
  .mod-common-sns { display: none; }
  .mod-menu-btn { position: fixed; top: 10px; right: 10px; width: 54px; height: 54px; background: #fff690; border: 1px solid #000; z-index: 100; border-radius: 50%; }
  .mod-menu-btn span { transition-duration: 0.2s; position: absolute; background: #000; height: 1px; left: 15px; right: 15px; }
  .mod-menu-btn span:nth-child(1) { top: 20px; }
  .mod-menu-btn span:nth-child(2) { top: 27px; }
  .mod-menu-btn span:nth-child(3) { bottom: 17px; }
  body.js-gmenu-active .mod-menu-btn span:nth-child(1) { display: none; }
  body.js-gmenu-active .mod-menu-btn span:nth-child(2) { left: 20px; right: 20px; }
  body.js-gmenu-active .mod-menu-btn span:nth-child(3) { display: none; }
  .area-modal-menu { position: fixed; z-index: -1; visibility: hidden; opacity: 0; transition-duration: 0.4s; transform: translate(0, -200px); top: 0; left: 0px; right: 0px; bottom: 0px; min-height: 140px; background: #fff690; display: flex; justify-content: center; align-items: center; }
  body.js-gmenu-active .area-modal-menu { visibility: visible; z-index: 50; opacity: 1; transform: translate(0, 0); }
  .area-modal-menu img { width: auto; }
  .area-modal-menu ._nav { text-align: center; }
  .area-modal-menu ._nav ul { display: flex; justify-content: space-between; flex-direction: column; gap: 30px; }
  .area-modal-menu ._nav a { font-size: 18px; text-align: center; font-weight: 500; line-height: 1; letter-spacing: 0.025em; color: #1a1a1a; }
  .area-modal-menu ._sns { margin-top: 40px; display: flex; justify-content: center; gap: 30px; }
  .area-modal-menu ._sns ._btn { display: block; width: 45px; height: 45px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition-duration: 0.2s; }
  .area-modal-menu ._sns ._btn:hover { opacity: 0.8; }
  .area-wrapper { overflow: hidden; } }

/*# sourceMappingURL=maps/area.css.map */