T@charset "utf-8";
/* CSS Document */

/* これはいらないかも */
html,body { height:100%; }
*{ font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "YuGothic M", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
*, *:before, *:after {
box-sizing: border-box;  /* paddingやborderに依存しないwidth,height指定 */
}
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } /* スマホで勝手に文字が大きくなるのを制御　-webkit-text-size-adjust:100% scroll-behavior:簡易的なスムーズスクロール */
body {
margin: 0;
padding: 0;
font-size: 1.5rem; /* 15px */
font-weight: 500;
color: #14171a;
line-height: 1.65em;
background: #fff;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  body {
  line-height: 1.6em;
  font-size: 1.4rem; /* 14px */
  }
}
/* スマホの時は有効、PCのみ無効に */
a[href*="tel:"] {
pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  a[href*="tel:"] {
  pointer-events: initial;
  }
}
/* 	ふわっと切り替え */
a {
text-decoration: none;
color: #1c1416;
transition: 0.5s;
}
a:hover {
text-decoration: none;
color: #1c1416;
opacity: 0.7;
}

/*************************************************/
/*    visual
/*************************************************/

.full {
width: 100%;
height: 100vh;
position: relative;
background-position: center center;
background-image: url("../images/background.webp");
background-size: cover;
background-repeat: no-repeat;
}
/* webp非対応 */
.no-webp .full { background-image: url("../images/background.jpg"); }
.content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.content div img {
width: 100%;
height: auto;
}
.address {
font-family: "Fjalla One", sans-serif;
margin-top: 25px;
font-size: 1.7rem;
color: #fff;
line-height: 180%;
opacity: 0.9;
letter-spacing: 0.07em;
}
@media only screen and (max-width: 767px) {
  .content div {
  width: 50%;
  max-width: 260px;
  }
  .address {
  margin-top: 20px;
font-size: 1.6rem;
  line-height: 150%;
  }
}