/**
* Foundation
* ========================== */
@import url("https://cdn.jsdelivr.net/npm/destyle.css@4.0.0/destyle.min.css");
* {
  background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
  body::-webkit-scrollbar {
    background-color: #fff;
  }
  body::-webkit-scrollbar-thumb {
    background: #d6d6d6;
    border-radius: 6px;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-track {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
html {
  height: 100%;
  font-size: 62.5%;
  /* scroll-behavior: smooth; */
}

body, input, select, textarea {
  font-family: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.5;
  font-size: min(1vw, 16px);
  font-weight: 400;
  width: 100%;
  color: #000000;
  background-color: #ffffff;
}
@media screen and (max-width: 599px) {
  body, input, select, textarea {
    font-size: 3.59vw;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

.body-wrap {
  overflow-x: hidden;
}

a {
  color: #000000;
}
a:hover {
  color: #000000;
}

img {
  max-width: 100%;
}

.only-pc {
  display: block;
}

.only-sp {
  display: none;
}

@media screen and (max-width: 599px) {
  .only-pc {
    display: none;
  }
  .only-sp {
    display: block;
  }
}
::placeholder {
  color: #CCCCCC;
}

/* :target {
    scroll-margin-top: 100px;

    @include mq-pc(sp) {
        scroll-margin-top: 70px;
    }
} */
/**
* Layout
* ========================== */
.l-wrap {
  max-width: min(62.5vw, 1000px);
  margin-left: auto;
  margin-right: auto;
}
.l-wrap.--large {
  max-width: min(75vw, 1200px);
}
.l-wrap.--middle {
  max-width: min(50vw, 800px);
}
.l-wrap.--small {
  max-width: min(37.5vw, 600px);
}

.l-section {
  padding: 100px 0 0 0;
}
.l-section > *:first-child {
  margin-top: 0;
}
.l-section > *:last-child {
  margin-bottom: 0;
}
.l-section.--large {
  padding: 120px 0 0 0;
}
.l-section.--middle {
  padding: 80px 0 0 0;
}
.l-section.--small {
  padding: 60px 0 0 0;
}
.l-section.--pt-0 {
  padding-top: 0;
}
.l-section.--pb-0 {
  padding-bottom: 0;
}

/* Object
* ========================== */
/* Component ------------ */
/* Project ------------ */
/* Utility ------------ */
.u-lite {
  font-weight: 300;
}

.u-regular {
  font-weight: 400;
}

.u-medium {
  font-weight: 500;
}

.u-semi-bold {
  font-weight: 600;
}

.u-bold {
  font-weight: 700;
}

.u-txt-center-left {
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .u-txt-center-left {
    text-align: left !important;
  }
}

.u-txt-left-center {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .u-txt-left-center {
    text-align: center !important;
  }
}

@media screen and (max-width: 1024px) {
  .u-sp-fs-20 {
    font-size: min(2.604vw, 20px);
  }
  .u-sp-fs-18 {
    font-size: min(2.344vw, 18px);
  }
  .u-sp-fs-16 {
    font-size: min(2.083vw, 16px);
  }
  .u-sp-fs-14 {
    font-size: min(1.823vw, 14px);
  }
}
@media screen and (max-width: 599px) {
  .u-sp-fs-20 {
    font-size: 5.128vw;
  }
  .u-sp-fs-18 {
    font-size: 4.615vw;
  }
  .u-sp-fs-16 {
    font-size: 4.103vw;
  }
  .u-sp-fs-14 {
    font-size: 3.59vw;
  }
}
/* @import "_00_reset";
@import "_01_base";
@import "_02_component";
@import "_03_header";
@import "_04_footer";
@import "_05_side";
@import "_06_post";
@import "_07_page";
@import "_08_home"; *//*# sourceMappingURL=style.css.map */