body {
  box-sizing: border-box;
  margin: 0;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
}

.main {
  padding-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  body {
    padding-top: 115px;
    min-width: 1200px;
  }

  .sp {
    display: none;
  }

  .parent1 {
    min-width: 460px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    padding-top: 48px;
    min-width: 360px;
  }

  .pc {
    display: none;
  }
}

.popup-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

:root {
  --color: #333;
  /* fonts */
  --font: "Noto Sans JP";
  /* font sizes */
  --font-size: 14px;

  --base-dark: #171c26;
  --base-light: rgba(235, 235, 245, .3);
  --base-primary: #0050ff;
  --blue: #5690d7;
  --border-bright: #e5e6e9;
  --border-light: #d9dbe0;
  --br-10xs: 3px;
  /* border radiuses */
  --br-11xl: 30px;
  --br-11xs: 2px;
  --br-25xl: 44px;
  --br-31xl: 50px;
  --br-3xs: 10px;
  --br-7xs: 6px;
  --br-8xs: 5px;
  --br-mini-5: 14.5px;
  --color-aliceblue: #f2f6ff;
  --color-black: #000;
  --color-chocolate: #e58323;
  --color-cornflowerblue: #0064b6;
  --color-darkgoldenrod-100: #b48216;
  --color-darkgoldenrod-200: #9a6d1a;
  --color-darkgray-100: #a8a8a8;
  --color-darkgray-200: #999;
  --color-dimgray-100: #666;
  --color-dimgray-200: #636363;
  --color-floralwhite: #fffff7;
  --color-gainsboro-100: #e5e3df;
  --color-gainsboro-200: #ddd;
  --color-gainsboro-300: #d9d9d9;
  --color-gray-100: #858e93;
  --color-gray-200: #758085;
  --color-gray-300: #222;
  --color-gray-400: #1a1a1a;
  --color-gray-500: #111;
  --color-gray-600: #18293d;
  --color-indianred: #d45861;
  --color-lightcoral: #d37272;
  --color-lightyellow: #f9fcde;
  --color-linen-100: #f2efe9;
  --color-linen-200: #f0f0e5;
  --color-mediumblue-100: #0014c8;
  --color-orangered: #ff3c1e;
  --color-pink: #f2bcd1;
  --color-royalblue-100: #3278ff;
  --color-royalblue-200: #1a73e8;
  --color-silver: #bdbdbd;
  --color-steelblue: #578ec4;
  --color-whitesmoke-100: #f6f6f2;
  --color-whitesmoke-200: rgba(245, 245, 245, .7);
  --color-whitesmoke-300: #eaeaea;
  --color1: #f7f7f7;
  --color2: #e5005b;
  --default: #778187;
  --font-inherit: inherit;
  --font-material-icons: "Material Icons";
  --font-noto-serif-jp: "Noto Serif JP";
  --font-size-13xl: 32px;
  --font-size-16xl: 35px;
  --font-size-21xl: 40px;
  --font-size-29xl: 48px;
  --font-size-3xs: 10px;
  --font-size-41xl: 60px;
  --font-size-5xl: 24px;
  --font-size-5xs: 8px;
  --font-size-77xl: 96px;
  --font-size-9xl: 28px;
  --font-size-base: 16px;
  --font-size-mid: 17px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  /* Colors */
  --fonts-dark: #3b3f4a;
  --fonts-light: #ebebf5;
  --fonts-middle: #81899c;
  --gap-101xl: 120px;
  --gap-10xs: 3px;
  --gap-11xs: 2px;
  --gap-13xl: 32px;
  --gap-17xl: 36px;
  --gap-19xl: 38px;
  --gap-20xl: 39px;
  --gap-21xl: 40px;
  --gap-25xl: 44px;
  /* Gaps */
  --gap-28xl: 47px;
  --gap-29xl: 48px;
  --gap-35xl: 54px;
  --gap-37xl: 56px;
  --gap-3xs: 10px;
  --gap-45xl: 64px;
  --gap-4xl: 23px;
  --gap-5xl: 24px;
  --gap-5xs: 8px;
  --gap-61xl: 80px;
  --gap-6xs: 7px;
  --gap-77xl: 96px;
  --gap-7xs: 6px;
  --gap-8xs: 5px;
  --gap-9xl: 28px;
  --gap-9xs: 4px;
  --gap-base: 16px;
  --gap-xl: 20px;
  --gap-xs: 12px;
  --light-gray: #ccc;
  --neutral-gray-40: #e5e5e5;
  --padding-101xl: 120px;
  --padding-10xs: 3px;
  --padding-11xs: 2px;
  /* Paddings */
  --padding-12xs: 1px;
  --padding-12xs-4: .4px;
  --padding-13xl: 32px;
  --padding-150xl-5: 169.5px;
  --padding-21xl: 40px;
  --padding-257xl: 276px;
  --padding-25xl: 44px;
  --padding-25xl-5: 44.5px;
  --padding-29xl: 48px;
  --padding-31xl-9: 50.9px;
  --padding-3xs: 10px;
  --padding-45xl: 64px;
  --padding-49xl: 68px;
  --padding-58xl: 77px;
  --padding-5xl: 24px;
  --padding-5xs: 8px;
  --padding-61xl: 80px;
  --padding-66xl: 85px;
  --padding-86xl: 105px;
  --padding-9xs: 4px;
  --padding-base: 16px;
  --padding-lg: 18px;
  --padding-mini: 15px;
  --padding-sm: 14px;
  --padding-xl: 20px;
  --padding-xs: 12px;
  --primary: #c3d72c;
  --title-size: 18px;
  --white: #fff;
}