/*
Theme Name: 
*/

html {
  font-size: calc(10 / 1280 * 100vw);
  /* 画面幅1280pxで10px*/
}

img {
  width: 100%;
  object-fit: cover;
}

.sp_only {
  display: none;
}
/* <!-- メインビジュアルここから --> */
.ar_main_img {
  height: 37rem;
  object-fit: cover;
}

/* ┌─────────────────────────────────────────┐
   │ サイト共通部分                        │
   └─────────────────────────────────────────┘ */
:root {
  --side-width: 22rem;
  --font-size-base: 1.4rem;
}

@media screen and (max-width: 699.98px) {
  html {
    font-size: calc(10 / 375 * 100vw);
    /* 画面幅375pxで10px*/
  }
  /* <!-- メインビジュアルここから --> */
  .ar_main_img {
    margin-top: 8rem;
    height: 15rem;
  }
  /* <!-- メインビジュアルここまで --> */
  .sp_only {
    display: block;
  }
}