/* リセットCSS */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin and padding */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
figure,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/* Set accessible line-height for body text */
body {
  line-height: 1.5;
}

/* Remove default list styles */
ul, ol {
  list-style: none;
}

/* Remove text decoration from links and inherit color */
a {
  text-decoration: none;
  color: inherit;
}

/* Reset image display and ensure responsiveness */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Remove default button styles */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

/* Inherit font styles for form elements */
input,
textarea,
select {
  font: inherit;
}


/* ================================== */


:root {
    --w: #ffffff;
    --g: #f5f5f5;
    --g-01: #e6e6e6;
    --main: #1D4E89;
    --sub: #4A90E2;
    --text-color: #333333;
    --b: #000000;
    --accent: #F5A623;
    --biorhyme: "BioRhyme Expanded", serif;
    --roboto: "Roboto", sans-serif;
    --gradient-01: linear-gradient(180deg, #22b1e9ff, #1e7be0ff 69%, #1d4e89ff);
    --webkit-gradient-01: -webkit-linear-gradient(180deg, #22b1e9ff, #1e7be0ff 69%, #1d4e89ff);
    --easing: cubic-bezier(0.183, 0.632, 0.34, 1);
}

/* header */
header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px 40px;
}
.logo {
    width: fit-content;
    height: 28px;
}
.logo img {
    height: 100%;
}
.header__list {
    display: flex;
    gap: 24px;
    font-size: 12px;
    font-weight: normal;
	color: var(--b);
}