@charset "utf-8";
/* breakpoint */
/*
width <= 430 == mobile

@media (430px < width <= 768px) {
【tablet】
}

@media (768px < width) {
【pc】
}

@media (1920px < width) {
【wide monitor】2160px
}
*/

:root{
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
  --font-black: 900;
  --font-honbun: 0.938rem;
  --color-primary: #101010;
  --color-bg: #46B2E7;
  --color-base: #F2F2F2;
  --color-blue: #3C6CA2;
  --color-orange: #ED7A63;
  --color-pink: #EC7E9F;
  --color-green: #4B8A63;
  --space-outer: max(2.325vw, 10px);
  --space-inner: max(2.325vw, 10px);
  --hover-animation: .3s;
  --hover-opacity: 80%;
  --shadow: 5px 5px 0 0 rgb(16 16 16 / 100%);
  --section-radius: 10px;
}

@media (1000px < width) {
  :root{
    --space-outer: 120px;
    --space-inner: 50px;
  --section-radius: 20px;
  }
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  letter-spacing: .02em;
  overflow: hidden auto;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  color: var(--color-primary);
  scroll-behavior: smooth; 
  filter: none;
  font-family: "Noto Sans JP", sans-serif;
  word-break: break-word;
  -webkit-text-size-adjust: 100%;
  background-color: var(--color-bg);
}

a[href*="tel:"]{
  text-decoration: underline;
}

@media (768px <= width) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.--br-sp, .--br{
  display: block;
}

@media (768px < width) {
  .--br-sp{
    display: inline;
  }
}

.--show-pc{
  display: none;
}

.--show-tablet{
  display: none;
}

.--show-pc-tablet{
  display: none;
}

@media (460px <= width) {
  .--show-sp{
    display: none;
  }

  .--show-pc-tablet{
    display: block;
  }
}

@media (460px <= width <= 768px){
  .--show-tablet{
    display: block;
  }
}

@media (768px < width) {
  .--show-pc{
    display: block;
  }

  .--show-tablet-sp{
    display: none;
  }
}