@charset "UTF-8";
/*position:absoluteは高さを失うので擬似要素:beforeで対処*/
/*animationの設定は@mediaクエリの外*/
@media screen and (min-width: 481px) { /*タブレットより大きいサイズ*/ }
@media screen and (min-width: 769px) { /*PC*/ }
/* line 12, ../sass/style-2022.scss */
html { font-family: "Futura", "Meiryo", "Yu Gothic", sans-serif; font-size: 62.5%; /*基本のサイズを10px*/ margin: 0 !important; padding: 0 !important; scroll-behavior: smooth; }
/* line 18, ../sass/style-2022.scss */
html body { width: 100%; height: 100%; margin: 0; padding: 0; }
/* line 23, ../sass/style-2022.scss */
html body * { box-sizing: border-box; font-size: 1.2rem; color: #000000; line-height: 2; font-weight: normal; letter-spacing: .15rem; }
/* line 31, ../sass/style-2022.scss */
html body img { /*width: 100%;
height: auto;*/ line-height: 1; vertical-align: bottom; }
/* line 37, ../sass/style-2022.scss */
html body a { text-decoration: none; color: #000000; }
/* line 40, ../sass/style-2022.scss */
html body a:hover { color: #696969; }
/* line 42, ../sass/style-2022.scss */
html body a:hover img { opacity: .8; filter: alpha(opacity=80); /* ie lt 8 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */ -moz-opacity: .8; /* FF lt 1.5, Netscape */ -khtml-opacity: .8; /* Safari 1.x */ zoom: 1; cursor: pointer; }
/* line 53, ../sass/style-2022.scss */
html body li { list-style: none; }
/* line 54, ../sass/style-2022.scss */
html body h1 { display: block; max-width: 64px; }
@media screen and (min-width: 769px) { /* line 54, ../sass/style-2022.scss */
  html body h1 { /*PC*/ max-width: 144px; } }
/* line 61, ../sass/style-2022.scss */
html body h1 a { margin: 0 16px !important; padding: 0 !important; }
/* line 65, ../sass/style-2022.scss */
html body h1 img { width: 100%; height: auto; }
/* line 70, ../sass/style-2022.scss */
html body h2 { font-size: 2rem; font-weight: bold; margin-bottom: 2rem; }
@media screen and (min-width: 769px) { /* line 70, ../sass/style-2022.scss */
  html body h2 { /*PC*/ font-size: 2.2rem; } }
/* line 79, ../sass/style-2022.scss */
html body h3 { font-size: 1.6rem; font-weight: bold; text-align: center; margin-bottom: 40px; }
/* line 86, ../sass/style-2022.scss */
html body h5 { color: dodgerblue; font-weight: bold; }
/* line 91, ../sass/style-2022.scss */
html body .btnGray a { display: inline-block; background-color: gray; border-radius: 4px; margin-bottom: 16px; padding: 8px 16px; color: #ffffff; cursor: pointer; }
/* line 99, ../sass/style-2022.scss */
html body .btnGray a:hover { opacity: .8; }
/* line 102, ../sass/style-2022.scss */
html body .txCenter { text-align: center; }
@media screen and (max-width: 768px) { /* line 18, ../sass/style-2022.scss */
  html body { /*SP*/ }
  /* line 105, ../sass/style-2022.scss */
  html body .pcv { display: none !important; } }
@media screen and (min-width: 769px) { /* line 18, ../sass/style-2022.scss */
  html body { /*PC*/ }
  /* line 109, ../sass/style-2022.scss */
  html body .spv { display: none !important; } }
/* line 112, ../sass/style-2022.scss */
html body header, html body main, html body footer { width: 100%; }
/* line 115, ../sass/style-2022.scss */
html body header { position: fixed; z-index: 10; background-color: #ffffff; }
@media screen and (min-width: 769px) { /* line 119, ../sass/style-2022.scss */
  html body header .km-hd-inner { /*PC*/ max-width: 1240px; margin: 0 auto; padding: 16px; } }
/* line 127, ../sass/style-2022.scss */
html body header .km-hd-inner nav .basicNav { display: flex; align-items: center; }
/* line 130, ../sass/style-2022.scss */
html body header .km-hd-inner nav .basicNav li:first-child { margin-right: auto; }
/* line 131, ../sass/style-2022.scss */
html body header .km-hd-inner nav .basicNav a { display: block; margin: 8px; padding: 8px; }
@media screen and (min-width: 769px) { /* line 131, ../sass/style-2022.scss */
  html body header .km-hd-inner nav .basicNav a { /*PC*/ padding: 16px; } }
/* line 144, ../sass/style-2022.scss */
html body main { /*height: 100vh;
overflow-x: hidden;
overflow-y: auto;
scroll-snap-type: y mandatory;*?
/* IE, Edge 対応 */ /*-ms-overflow-style: none;*/ /* Firefox 対応 */ /*scrollbar-width: none;
&::-webkit-scrollbar { display:none;}*/ padding-top: 64px; }
@media screen and (min-width: 769px) { /* line 144, ../sass/style-2022.scss */
  html body main { /*PC*/ padding-top: 144px; /*height: 100vh;*/ } }
/* line 160, ../sass/style-2022.scss */
html body main article { margin: 0 auto; /*scroll-snap-align: start;
scroll-snap-stop: always;*/ }
@media screen and (min-width: 769px) { /* line 160, ../sass/style-2022.scss */
  html body main article { /*PC*/ max-width: 846px; /*height: 100vh;*/ } }
/* line 169, ../sass/style-2022.scss */
html body main article .km-main-lead { text-align: center; padding: 64px 0; }
@media screen and (min-width: 769px) { /* line 169, ../sass/style-2022.scss */
  html body main article .km-main-lead { /*PC*/ }
  /* line 174, ../sass/style-2022.scss */
  html body main article .km-main-lead br { display: none; } }
/* line 177, ../sass/style-2022.scss */
html body main article:last-child { padding-bottom: 80px; }
/* line 178, ../sass/style-2022.scss */
html body main article .toInstagram { max-width: 816px; margin: 0 auto; text-align: right; }
/* line 183, ../sass/style-2022.scss */
html body main article .artInner { overflow: hidden; padding: 16px; }
/* line 187, ../sass/style-2022.scss */
html body main article .artInner table tr { /*border-bottom: 1px solid #999;*/ }
/* line 189, ../sass/style-2022.scss */
html body main article .artInner table tr th, html body main article .artInner table tr td { text-align: left; padding: 1rem 0; vertical-align: top; }
@media screen and (min-width: 769px) { /* line 189, ../sass/style-2022.scss */
  html body main article .artInner table tr th, html body main article .artInner table tr td { /*PC*/ }
  /* line 195, ../sass/style-2022.scss */
  html body main article .artInner table tr th br, html body main article .artInner table tr td br { display: none; } }
@media screen and (max-width: 768px) { /* line 187, ../sass/style-2022.scss */
  html body main article .artInner table tr { /*SP*/ }
  /* line 200, ../sass/style-2022.scss */
  html body main article .artInner table tr th, html body main article .artInner table tr td { display: block; width: 100%; }
  /* line 204, ../sass/style-2022.scss */
  html body main article .artInner table tr th { padding-bottom: 0; }
  /* line 205, ../sass/style-2022.scss */
  html body main article .artInner table tr td { padding-top: 0; } }
@media screen and (min-width: 769px) { /* line 187, ../sass/style-2022.scss */
  html body main article .artInner table tr { /*PC*/ }
  /* line 209, ../sass/style-2022.scss */
  html body main article .artInner table tr th { width: 24%; } }
@media screen and (min-width: 769px) { /* line 213, ../sass/style-2022.scss */
  html body main article .artInner .ayumiBox { /*PC*/ display: inline-block; width: 48%; padding: 0 16px; vertical-align: top; }
  /* line 220, ../sass/style-2022.scss */
  html body main article .artInner .ayumiBox th { width: 28%; } }
/* line 223, ../sass/style-2022.scss */
html body main article .artInner .bgContactTxt { max-width: 600px; margin: 0 auto; }
/* line 226, ../sass/style-2022.scss */
html body main article .artInner .bgContactTxt img { width: 100%; }
@media screen and (min-width: 769px) { /* line 228, ../sass/style-2022.scss */
  html body main article .artInner .floatBoxL { /*PC*/ float: left; } }
@media screen and (min-width: 769px) { /* line 234, ../sass/style-2022.scss */
  html body main article .artInner .floatBoxR { /*PC*/ width: 480px; float: right; } }
/* line 241, ../sass/style-2022.scss */
html body main article .artInner .addressText { margin-bottom: 16px; }
/* line 244, ../sass/style-2022.scss */
html body main article .artInner .gMap { position: relative; width: 100%; height: 0; padding-top: 100%; }
@media screen and (min-width: 769px) { /* line 244, ../sass/style-2022.scss */
  html body main article .artInner .gMap { /*PC*/ padding-top: 62.5%; } }
/* line 253, ../sass/style-2022.scss */
html body main article .artInner .gMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* line 263, ../sass/style-2022.scss */
html body main .instaHash { max-width: 848px; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(100px, auto); column-gap: 16px; row-gap: 16px; margin: 0 auto; padding: 16px; }
@media screen and (min-width: 769px) { /* line 263, ../sass/style-2022.scss */
  html body main .instaHash { /*PC*/ grid-template-columns: repeat(4, 192px); } }
/* line 278, ../sass/style-2022.scss */
html body main .instaHash div a img { width: 100%; height: auto; }
/* line 285, ../sass/style-2022.scss */
html body main .instaHashBox { position: relative; max-width: 848px; height: 432px; margin-left: auto; margin-right: auto; padding: 16px; }
/* line 292, ../sass/style-2022.scss */
html body main .instaHashBox .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
/* line 297, ../sass/style-2022.scss */
html body main .instaHashBox .swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 16px) / 2) !important; }
/* line 302, ../sass/style-2022.scss */
html body main .instaHashBox .swiper .swiper-slide img { width: 100%; height: auto; }
/* line 309, ../sass/style-2022.scss */
html body main #instaBox { position: relative; }
/* line 311, ../sass/style-2022.scss */
html body main #instaBox .instaBgqunie { position: absolute; bottom: 0; left: -240px; height: 320px; }
/* line 316, ../sass/style-2022.scss */
html body main #instaBox .instaBgqunie img { width: auto; height: 100%; }
/* line 322, ../sass/style-2022.scss */
html body main #gaiyo { position: relative; padding-top: 160px; }
/* line 325, ../sass/style-2022.scss */
html body main #gaiyo .gaiyoBgKamo { position: absolute; top: 240px; right: -120px; height: 320px; }
/* line 330, ../sass/style-2022.scss */
html body main #gaiyo .gaiyoBgKamo img { width: auto; height: 100%; }
/* line 336, ../sass/style-2022.scss */
html body main #formBox { margin-top: 64px; }
/* line 338, ../sass/style-2022.scss */
html body .snsLink { position: fixed; padding: 0 8px; right: 0; top: 240px; text-align: center; background-color: gainsboro; border-radius: 4px; z-index: 1; width: 40px; }
/* line 349, ../sass/style-2022.scss */
html body .snsLink ul li { display: block; margin: 16px 0; }
/* line 352, ../sass/style-2022.scss */
html body .snsLink ul li img { width: 100%; height: auto; }
/* line 359, ../sass/style-2022.scss */
html body .scrollTop { position: fixed; width: 80px; height: 80px; right: 80px; bottom: 80px; }
@media screen and (max-width: 768px) { /* line 359, ../sass/style-2022.scss */
  html body .scrollTop { /*SP*/ display: none; } }
/* line 370, ../sass/style-2022.scss */
html body .scrollTop a img { width: 100%; height: auto; }
/* line 377, ../sass/style-2022.scss */
html body footer .km-ft-inner { text-align: center; }
/* line 384, ../sass/style-2022.scss */
html #index main article { margin-bottom: 64px; }