@charset "UTF-8";


/* =============================================================================

Base CSS

・サイト用htmlベースCSS

上記はここに記述する

============================================================================= */

/* Base CSS
============================================================================= */
html {
  font-size: 10px;
  -webkit-font-smoothing:subpixel-antialiased;
  @media (width > 767px) {
    min-width:var(--pc-min-width);
    font-size: clamp(var(--pc-min-size) / var(--base-size) * 10px,10 / var(--variable-length),10px);
  }
  @media (width <= 767px) {
    -webkit-text-size-adjust: 100%;
    font-size: calc(10 / var(--variable-length));
  }
  @media (orientation: landscape) {
    margin-inline-start: env(safe-area-inset-left);
  }
}

body {
  padding-top:var(--header-height);
  font-family:var(--ff-default);
  font-size: var(--tg-paragraph-A-fs);
  font-weight:var(--tg-paragraph-A-fw);
  line-height:var(--tg-paragraph-A-lh);
  letter-spacing:var(--tg-paragraph-A-ls);
  color:var(--base-color);
  overflow-wrap:break-word;
}


/* Scroll Margin
----------------------------------------------------------------------------- */
*[id]:target,input,textarea,select,button {
  scroll-margin-top:220px;
}


/* media pointer
----------------------------------------------------------------------------- */
@media (pointer: fine), (hover: hover) {
  a[href^="tel:"] {
    pointer-events:none;
  }
}
@media not (pointer) {
  * {
    -webkit-tap-highlight-color: transparent;
  }
}


/* IMG Auto Size
<!-- rem all:2.00rem / sp:1.00rem -->
<img decoding="async" loading="lazy" src="image.jpg" width="200" height="100" alt="" style="--iw:200;--iw-sp:100;">

<!-- percent all:50% / sp:100% -->
<img decoding="async" loading="lazy" src="image.jpg" width="200" height="100" alt="" style="--iw-per:50;--iw-per-sp:100;">
----------------------------------------------------------------------------- */
/* default */
:where(img) {
  display:block;
  max-width:100%;
  height:auto;
}