@charset "UTF-8";
:root {
  --text: #000;
  --text-gray: #9a99af;
  --text-gray2: #b4b4b4;
  --text-gray3: #989898;
  --gray00: #fafdfc;
  --gray01: #f4f4f4;
  --gray02: #c7c7c7; /* // */
  --gray03: #7c7c7c; /* // */
  --gray04: #474747; /* // */
  --gray05: #818181; /* // */
  --gray06: #2d2d2d; /* // */
  --gray07: #101010; /* // */
  --gray08: #181818; /* // */
  --error: #ef002c; /* // */
  /* --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; */
}

/* z-index */
:root {
  --z-index-drawer: 1000;
  --z-index-header: 999;
  --z-index-aside: 0;
}

/* cubic-bezier */
: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
  );
}

/* font-family */
:root {
  --googlefont-Instrument: "Instrument Serif", serif; /* Regure400 */
  --fontplus-TsukushiB: "FOT-筑紫ゴシック Pro B";
  --fontplus-TsukushiM: "FOT-筑紫ゴシック Pr5 M";
  /* font-family: var(--googlefont-Instrument); */
  /* font-family: var(--fontplus-TsukushiB); */
}
/* .profile-name {
  font-size: clamp(
    calc(22 / 16 * 1rem),
    calc(26 / 1440 * 100vw),
    calc(26 / 16 * 1rem)
  );
  font-family: var(--fontplus-TsukushiB);
  letter-spacing: 0.05em;
}
.profile-name .en {
  font-size: clamp(
    calc(12 / 16 * 1rem),
    calc(16 / 1440 * 100vw),
    calc(16 / 16 * 1rem)
  );
  font-family: var(--googlefont-Instrument);
} */
/* //breakpoint
$vwclamp: 1440; // 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:focus-within {
  scroll-behavior: smooth;
} */
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: #fff;
  font-size: 1em;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
main {
  display: block;
}
a {
  color: #fff;
}
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;
}
/* 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;
}