@charset "UTF-8";

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  min-width: 1240px;
	font-family: var(--font-family-base);
	font-size: var(--font-size-md);
	color: var(--color-black);
  line-height: var(--line-height-md);
  letter-spacing: var(--letter-spacing-md);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;

  &::before {
    content: "";
    background: url(../../assets/images/bg_grad_pc.jpg) top center / cover no-repeat;
    position: fixed;
    inset: 0;
    z-index: -1;
  }
}

@media (max-width: 768px) {
  body {
    min-width: revert;

    &::before {
      content: "";
      background: url(../../assets/images/bg_grad_sp.jpg) top center / cover no-repeat;
    }
  }
}

h1 {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

button {
	color: inherit;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

ol, ul {
	list-style: none;
}

small {
  font-size: 100%;
}

:root:has(:modal) {
  overflow: hidden;
}

:where(dialog) {
  border: unset;
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  color: unset;
  background-color: unset;
  overflow: unset;
}