@charset "UTF-8";

:root {
  --COLOR_WHITE: #fff;
  --COLOR_BLACK_1: #000;
  --COLOR_BLACK_2: #1d1d1d;
  --COLOR_BLACK_3: #333;
  --COLOR_RED: #ad0707;
  --COLOR_GRAY_1: #e6e6e6;
  --COLOR_GRAY_2: #e1e1e1;
  --COLOR_GRAY_3: #f2f2f2;
  --COLOR_GRAY_4: #707273;
  --COLOR_BLUE: #0055cc;
  --COLOR_OCHER: #a18740;
  --COLOR_GREEN: #5AACB5;
  --DEFAULT_EASING: .3s ease;
}

html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}

::before {
  box-sizing: border-box;
}

::after {
  box-sizing: border-box;
}

ul {
  list-style: none;
}

ol {
  list-style: none;
}

h2 {
  font: inherit;
}

h3 {
  font: inherit;
}

h4 {
  font: inherit;
}

a {
  text-decoration: none;
  color: var(--COLOR_BLACK_1);
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

button {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-align: left;
}

input {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font: inherit;
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font: inherit;
  cursor: pointer;
}

button[disabled] {
  cursor: default;
  background-color: var(--COLOR_GRAY_1);
  color: #bbb;
  border: 2px solid var(--COLOR_GRAY_1);
}

[type="button"][disabled] {
  cursor: default;
  background-color: var(--COLOR_GRAY_1);
  color: #bbb;
  border: 2px solid var(--COLOR_GRAY_1);
}

[type="reset"][disabled] {
  cursor: default;
  background-color: var(--COLOR_GRAY_1);
  color: #bbb;
  border: 2px solid var(--COLOR_GRAY_1);
}

[type="submit"][disabled] {
  cursor: default;
  background-color: var(--COLOR_GRAY_1);
  color: #bbb;
  border: 2px solid var(--COLOR_GRAY_1);
}

.u-pc {
  display: block;
}

.u-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
}

