html,body{
  font-family: Roboto,'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴ ProN', Hiragino Kaku Gothic ProN, '游ゴシック Medium', YuGothic, YuGothicM, 'メイリオ', Meiryo, sans-serif;
  font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #111111;
	line-height: 1.7;
}
a{color: #dddddd;transition: opacity 0.3s, color 0.3s;}
a:hover{ opacity: 0.7; }
img,picture{
	max-width: 100%;
	display: block;
}
.overflow{ overflow: hidden; }
body{
  background: url(../images/pc-bg.jpg) center center no-repeat fixed;
  background-size: cover;
  font-size: 1.5rem;
}
.content{
  width: 100%;
  padding: 0 1.7rem;
}

.pc-logo{
  width: 28rem;
  position: fixed;
  left: 2rem;
  top: 2rem;
}
.pc-nav{
  position: fixed;
  left: 3rem;
  top: 15rem;
  font-size: 1.8rem;
  letter-spacing: 0.2em;
}
.pc-reserve{
  width: 32rem;
  padding: 1rem 1rem;
  border-radius: 2rem;
  background: #ffffff;
  border: 0rem solid #EAA282;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
}
@media (max-width: 1360px){
.pc-reserve{
  right: 3rem;
}
}

#wrapper{
  display: flex;
  flex-direction: column;
  max-width: 50rem;
  margin: 3rem auto;
  background: #fff;
  overflow: clip;
  border-radius: 3rem;
}

.cta{
  padding: 3rem 0;
}
.cta:has( img.cta-txt){
  padding: 0 0 3rem;
}
.cta a.cta-btn{
  display: block;
  width: 100%;
  margin: 1rem auto 0;
}
.cta img.cta-img{
  margin-top: 2rem;
}
footer{
  color: #808080;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  padding: 0rem 0 3rem;
}

/* ボタン用アニメーション */
a.cta-btn{ animation: pulse 1s infinite; }

@keyframes pulse {
  0%,100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
}
/*　PC
-------------------------------------*/
@media (min-width: 769px){
.sp{ display: none !important; }

html{ font-size: 10px; }

/*　タブレット
-------------------------------------*/
@media (max-width: 1230px){

html{ font-size: 0.8vw; }

}
}

/*　SP
-------------------------------------*/
@media (max-width: 768px){
.pc{ display: none !important; }

html{ font-size: 2vw; }

body{
  background: none;
}

#wrapper{
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0;
}
}