/* =========================
   Reset & Base
========================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%; /* 1rem = 10px */
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans jp', sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  background:#F2FBFF;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

/* =========================
   Typography
========================= */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s;
}

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

/* =========================
   List Reset
========================= */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================
   Form Reset
========================= */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
  background: none;
}