:root{
  --max-width-desktop: 1280px;
  --max-width-tablet: 760px;

  /* 基本タイポ・空間 */
  --fs-base: 16px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --container-padding: 16px;
}

/* ボタンなどの基本 */
.btn{
  display:inline-block;
  padding:18px 22px;
  border-radius:8px;
  text-decoration:none;
  background:#546550;color:#fff;border:none;
  font-size:0.95rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  line-height: 1.1;
}

body,#btn{
  margin: 0 auto;
  text-align: center;
}

.body-wrapper{
    background: #f2f2f2;
    padding-bottom: 20px;
}

.btn{
    margin-top: 30px;
    margin-bottom: 40px;
}

footer{
  background: #000;
  color: #fff;
  padding: 20px 0;
}

footer li{font-size: 11px;}

.footer-nav ul{
  margin-block-start:0;
  margin-block-end:0;
  padding-inline-start:0;
  line-height: 2.3;
}


/* ====== ブレイクポイント: タブレット〜小型PC (≥ 760px) ====== */
@media (min-width: 761px) and (max-width: 1279px) {
  .body-wrapper{
    width: 360px;
    margin: 0 auto;
  }

  footer li{
    font-size: 0.9rem;
  }

  body{
  position: relative;
  background: url(../images/pc_bg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body::before{
  position: fixed;
  content:none;
}

body::after{
  position: fixed;
  content:none;
}
}

/* ====== ブレイクポイント: PC (≥ 1280px) ====== */
@media (min-width: 1280px) {
  .body-wrapper{
    width: 360px;
    margin: 0 auto;
  }

  footer li{
    font-size: 0.9rem;
  }

  body{
  position: relative;
  background: url(../images/pc_bg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body::before{
  position: fixed;
  content:"";
  top:50%;
  left:20%;
  z-index: 1;
  background-image: url(../images/title_L.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 469px;
  height: 272px;
  transform: translate(-50%,-50%);
}

body::after{
  position: fixed;
  content:"";
  top:50%;
  right:0;
  z-index: 1;
  background-image: url(../images/title_R.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 19%;
  height: 258px;
  transform: translate(-50%,-50%);
}
}