body  {

}

body * {
  box-sizing:border-box;
  color: #333;
  font-family: "sawarabi-mincho", sans-serif;
  font-style: normal;
}

.wrap {
  background:url("../images/background.png") repeat;

}

a {
  display: block;
transition: .3s;
  position: relative;
}

a:hover {
  opacity: .5;
}

/* =========================
RESET
========================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

img{
max-width:100%;
height:auto;
display:block;
}

ul{
list-style:none;
}

a{
text-decoration:none;
color:inherit;
}

html,
body{
height:100%;
}



/* =========================
レイアウト
========================= */

.header-inner{
display:flex;
}


/* =========================
サイドメニュー
========================= */

.side-menu{

width:340px;
min-height:100vh;

padding-top:70px;
padding-left:45px;
padding-right:45px;
padding-bottom:40px;

display:flex;
flex-direction:column;
align-items:center;

}


/* =========================
ロゴ
========================= */

.logo{
width:210px;
margin-bottom:70px;
}


/* =========================
ナビ
========================= */

.global-nav ul{

display:flex;
flex-direction:column;

gap:34px;

align-items:center;

}

.global-nav a{

font-size:18px;

letter-spacing:0.18em;

line-height:1.6;

transition:0.3s;

}

.global-nav a:hover{
opacity:.6;
}


/* =========================
下部
========================= */

.side-info{

margin-top:auto;

width:100%;

display:flex;
flex-direction:column;

align-items:center;

}


/* =========================
アクセスボタン
========================= */

.access-btn{

width:250px;
height:46px;

border:1px solid #999;

display:flex;
align-items:center;
justify-content:center;

gap:10px;

font-size:16px;

letter-spacing:.1em;
}

.access-btn img{
width:18px;
}


/* =========================
電話
========================= */

.tel-btn{

margin-top:18px;
background:#111;

width:250px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
font-size:16px;
letter-spacing:.1em;
}

.tel-btn img{
width:18px;
}

.tel-btn span{
  color:#fff;

}


/* =========================
営業時間
========================= */

.business-hours{

margin-top:18px;

text-align:center;

font-size:14px;

line-height:2;

letter-spacing:.08em;

}


/* =========================
トップ画像
========================= */

.top-visual{

position:relative;

margin-left:340px;

height:100vh;

overflow:hidden;

}

.top-visual img{

width:100%;
height:100%;

object-fit:cover;

}


/* =========================
キャッチコピー
========================= */

.catch{

position:absolute;

right:90px;
bottom:90px;

color:#fff;

text-align:right;

font-size:58px;

letter-spacing:.22em;

line-height:1.9;

text-shadow:0 3px 14px rgba(0,0,0,0.35);

}

/* =========================
ヒーロー
========================= */

.hero{
position:relative;
margin-left:340px;
height:100vh;
overflow:hidden;
}

.hero-image{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.hero-copy{
position:absolute;
right:70px;
bottom:80px;
z-index:2;
}

.hero-copy p{
color:#fff;
font-size:58px;
letter-spacing:.22em;
line-height:1.9;
text-align:right;
text-shadow:0 3px 14px rgba(0,0,0,0.35);
}