/* ---------------------------------------------
   Base
   サイト全体の基本設定
   ---------------------------------------------  */

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

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  overflow-y: scroll;
}

body {
  margin: 0;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

img,
picture {
  display: block;
  max-width: 100%;
}

svg {
  display: block;
}

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

button,
input,
select,
textarea {
  font: inherit;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote {
  margin: 0;
}


/* --------- Base ---------  */

 body {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
  color: #282d3c;
  background: #fff;
}

p{
  font-weight: 500;
  color: var(--black);
  line-height: 1.8;
}

h2{
  font-weight: 600;
  font-size: 40px;
  color: var(--black);
  line-height: 1.2;
}

h3{
  font-weight: 600;
  font-size: 32px;
  color: var(--black);
  line-height: 1.3;
}

h4{
  font-weight: 600;
  font-size: 20px;
  color: var(--black);
  line-height: 1.6;
}

:root {
  --black:     #282d3c;
  --gray-9:    #3c4155;
  --nec-blue:  #0f1ed2;
  --sky-blue:  #2c69ff;
  --emerald:   #14cdb4;
  --navy:      #04127c;
  --blue:      #286ebe;
  --green:     #65b3a4;
  --sub-green: #a0d8ad;
  --gray-bg:   #eff2f6;
  --white:     #ffffff;
  --side-pad: 30px;
}

@media (max-width: 1024px) {
  :root { --side-pad: 20px; }
  h1 { font-size: 32px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
}