@charset "UTF-8";
:root {
  --text: #393939;
  --gray00: #fafdfc;
  --gray01: #f4f4f4;
  --gray02: #cccccc;
  --gray03: #737373;
  --gray04: #5a5958;
  --gray05: #838383;
  --gray06: #3c3c3c;
  --gray07: #141414;
  --hover-gray: #c8c8c8;
  --main-green: #00a0a0;
  --sub-green: #e6fbf6;
  --plus-green: #65b7b7;
  --bg-green: #fafdfc;
  --main-orange: #eb503c;
  --sub-orange: #f56969;
  --main-yellow: #ffe100;
  --sub-yellow: #ffeb00;
  --bgc-yellow: #fff68d;
}

:root {
  --z-index-drawer_aside: 4444;
  --z-index-drawer: 3333;
  --z-index-tgl: 2222;
  --z-index-overlay: 1111;
  --z-index-header: 1000;
  --z-index-aside: 0;
}

:root {
  --cubic-bezier-hover: cubic-bezier(0.61, 0.37, 0.51, 0.91);
  --cubic-bezier-btn: cubic-bezier(0.61, 0.37, 0.51, 0.91);
  --cubic-bezier-btn-arrow: cubic-bezier(0.21, 0.56, 0.55, 1.45);
  --cubic-bezier-btn02: cubic-bezier(0.87, -0.39, 0, 2);
  --cubic-bezier-header: cubic-bezier(0.15, 0.31, 0.43, 1.12);
  --linear-gradient-border: linear-gradient(
    to right,
    var(--gray02),
    var(--gray02) 2px,
    rgba(0, 0, 0, 0) 2px,
    rgba(0, 0, 0, 0) 6px
  );
}

:root {
  --basefont: YakuHanMP, "Noto Serif JP", serif;
  --googlefont-Noto: YakuHanMP, "Noto Serif JP", serif;
}

/* //breakpoint
$vwclamp: 1366; // vwclamp compsize
$comp: 1599.98px; // comp 1600px
$wide: 1399.98px; // wide 1400px
$padpro: 1365.98px; // PC 1366px
$xl: 1199.98px; // PC 1200px
$pc: 1023.98px; // PC 1024px
$lg: 991.98px; // large 992px
$tab: 767.98px; // タブレット768px
$mb: 693.98px; // breakpoint ipad pro split 以下694px
$sm: 575.98px; // small 576px
$sp: 479.98px; // スマホ 480px
$ssp: 369.98px; // スマホ狭 370px */

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

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  font-family: sans-serif;
}

body {
  min-height: 100vh;
  background-color: #fff;
  color: #222;
  font-size: 1em;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

main {
  display: block;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  height: auto;
  display: block;
}

svg {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  color: #fff;
  background-color: #000;
  border: #000;
  cursor: pointer;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

ul {
  padding-inline-start: 0;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

dl,
menu,
ol,
ul {
  margin: 0 0;
}

dd {
  margin: 0 0 0 0px;
}

li {
  list-style: none;
}

address {
  font-style: normal;
}