@charset "utf-8";

:root {
  /* Color */
  --color-black: #000000;
  --color-accent: #d50024;
  --color-blue: #00469c;
  --color-white: #ffffff;
  --color-beige: #F8F5F5;
  --color-beige-transparent: #f5f3f000;
  --color-tan: #d5ccbf;
  --color-primary: #222222;
  --color-text: #222222;
  --color-text-muted: #777777;
  --color-heading: #222222;
  --color-heading-accent: #c2a058;

  /* Font */
  --font-heading: "Zen Kaku Gothic Antique", "Rubik", sans-serif;
  --font-base: "Noto Sans JP", sans-serif;
  --font-en: "Rubik", sans-serif;
  --font-serif: "Baskervville", serif;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 30px;
  --font-size-display: 45px;
  --leading-xs: 22px;
  --leading-sm: 25px;
  --leading-md: 32px;
  --leading-xl: 48px;
  --leading-display: 75px;
  --tracking-none: 0;
}

/* Text styles */
.text-display {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-none);
  color: var(--color-heading);
}
.text-heading-xl {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xl);
  line-height: var(--leading-xl);
  letter-spacing: var(--tracking-none);
  color: var(--color-heading);
}
.text-heading-lg {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  line-height: var(--leading-md);
  letter-spacing: var(--tracking-none);
  color: var(--color-heading);
}
.text-body-lg {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-md);
  line-height: var(--leading-md);
  letter-spacing: var(--tracking-none);
  color: var(--color-text);
}
.text-body {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  line-height: var(--leading-sm);
  letter-spacing: var(--tracking-none);
  color: var(--color-text);
}
.text-caption {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xs);
  line-height: var(--leading-xs);
  letter-spacing: var(--tracking-none);
  color: var(--color-text-muted);
}

/* color */
.fc-blue {
  color: #1256e8;
}

/* text */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}

/* margin */
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-10 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.mt-0 {
  margin-top: 0;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.marginTop-s {
  margin-top: 30px;
}
.marginTop-m {
  margin-top: 45px;
}
.marginTop-l {
  margin-top: 60px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-0 {
  margin-left: 0;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.mr-0 {
  margin-right: 0;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}

/* padding */
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-0i {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.pt-0 {
  padding-top: 0;
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pl-0 {
  padding-left: 0;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pr-0 {
  padding-right: 0;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .r-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* width */
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-10px {
  width: 10px;
}
.w-20px {
  width: 20px;
}
.w-30px {
  width: 30px;
}
.w-40px {
  width: 40px;
}
.w-50px {
  width: 50px;
}
.w-60px {
  width: 60px;
}
.w-70px {
  width: 70px;
}
.w-80px {
  width: 80px;
}
.w-90px {
  width: 90px;
}
.w-100px {
  width: 100px;
}
.w-100 {
  width: 100%;
}
.w-110px {
  width: 110px;
}
.w-120px {
  width: 120px;
}
.w-130px {
  width: 130px;
}
.w-140px {
  width: 140px;
}
.w-150px {
  width: 150px;
}
.w-160px {
  width: 160px;
}
.w-170px {
  width: 170px;
}
.w-180px {
  width: 180px;
}
.w-190px {
  width: 190px;
}
.w-200px {
  width: 200px;
}
.w-800 {
  width: 800px;
}
.w-1100 {
  width: 1100px;
}

/* height */
.h-100 {
  height: 100%;
}

/* font-size */
.text-xs {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}
.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}
.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}
.text-lg {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}
.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}
.text-2xl {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
}

/* font-weight */
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}

/* display */
.hidden {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.pc_disp {
  display: block;
}
.pc_disp_in {
  display: inline-block;
}
.sp_disp {
  display: none;
}
.sp_disp_in {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_disp {
    display: none;
  }
  .pc_disp_in {
    display: none;
  }
  .sp_disp {
    display: block;
  }
  .sp_disp_in {
    display: inline-block;
  }
}
/* flex */
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-w2 > div,
.flex-w2 > li {
  width: calc((100% / 2) - 1rem);
  margin-bottom: 1rem;
}
.flex-w3 > div,
.flex-w3 > li {
  width: calc((100% / 3) - 1rem);
  margin-bottom: 1rem;
}
.flex-w4 > div,
.flex-w4 > li {
  width: calc((100% / 4) - 1rem);
  margin-bottom: 1rem;
}
.flex-w5 > div,
.flex-w5 > li {
  width: calc((100% / 5) - 1rem);
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .flex-sp1 {
    flex-direction: column;
  }
  .flex-sp1c {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
  }
}

/* flex shrink */
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}

/* flex grow */
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}

/* flex wrap */
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}

/* flex direction */
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}

/* flex justify-content  */
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}

/* flex align-items */
.items-stretch {
  align-items: stretch;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-baseline {
  align-items: baseline;
}

/* flex basis */
.basis-0 {
  flex-basis: 0px;
}
.basis-1 {
  flex-basis: 0.25rem; /* 4px */
}
.basis-2 {
  flex-basis: 0.5rem; /* 8px */
}
.basis-3 {
  flex-basis: 0.75rem; /* 12px */
}
.basis-4 {
  flex-basis: 1rem; /* 16px */
}
.basis-5 {
  flex-basis: 1.25rem; /* 20px */
}
.basis-6 {
  flex-basis: 1.5rem; /* 24px */
}
.basis-7 {
  flex-basis: 1.75rem; /* 28px */
}
.basis-8 {
  flex-basis: 2rem; /* 32px */
}
.basis-9 {
  flex-basis: 2.25rem; /* 36px */
}
.basis-10 {
  flex-basis: 2.5rem; /* 40px */
}
.basis-11 {
  flex-basis: 2.75rem; /* 44px */
}
.basis-12 {
  flex-basis: 3rem; /* 48px */
}
.basis-14 {
  flex-basis: 3.5rem; /* 56px */
}
.basis-16 {
  flex-basis: 4rem; /* 64px */
}
.basis-20 {
  flex-basis: 5rem; /* 80px */
}
.basis-24 {
  flex-basis: 6rem; /* 96px */
}
.basis-28 {
  flex-basis: 7rem; /* 112px */
}
.basis-32 {
  flex-basis: 8rem; /* 128px */
}
.basis-36 {
  flex-basis: 9rem; /* 144px */
}
.basis-40 {
  flex-basis: 10rem; /* 160px */
}
.basis-44 {
  flex-basis: 11rem; /* 176px */
}
.basis-48 {
  flex-basis: 12rem; /* 192px */
}
.basis-52 {
  flex-basis: 13rem; /* 208px */
}
.basis-56 {
  flex-basis: 14rem; /* 224px */
}
.basis-60 {
  flex-basis: 15rem; /* 240px */
}
.basis-64 {
  flex-basis: 16rem; /* 256px */
}
.basis-72 {
  flex-basis: 18rem; /* 288px */
}
.basis-80 {
  flex-basis: 20rem; /* 320px */
}
.basis-96 {
  flex-basis: 24rem; /* 384px */
}
.basis-auto {
  flex-basis: auto;
}
.basis-px {
  flex-basis: 1px;
}
.basis-1_2 {
  flex-basis: 50%;
}
.basis-1_3 {
  flex-basis: 33.333333%;
}
.basis-2_3 {
  flex-basis: 66.666667%;
}
.basis-1_4 {
  flex-basis: 25%;
}
.basis-2_4 {
  flex-basis: 50%;
}
.basis-3_4 {
  flex-basis: 75%;
}
.basis-1_5 {
  flex-basis: 20%;
}
.basis-2_5 {
  flex-basis: 40%;
}
.basis-3_5 {
  flex-basis: 60%;
}
.basis-4_5 {
  flex-basis: 80%;
}
.basis-1_6 {
  flex-basis: 16.666667%;
}
.basis-2_6 {
  flex-basis: 33.333333%;
}
.basis-3_6 {
  flex-basis: 50%;
}
.basis-4_6 {
  flex-basis: 66.666667%;
}
.basis-5_6 {
  flex-basis: 83.333333%;
}
.basis-1_12 {
  flex-basis: 8.333333%;
}
.basis-2_12 {
  flex-basis: 16.666667%;
}
.basis-3_12 {
  flex-basis: 25%;
}
.basis-4_12 {
  flex-basis: 33.333333%;
}
.basis-5_12 {
  flex-basis: 41.666667%;
}
.basis-6_12 {
  flex-basis: 50%;
}
.basis-7_12 {
  flex-basis: 58.333333%;
}
.basis-8_12 {
  flex-basis: 66.666667%;
}
.basis-9_12 {
  flex-basis: 75%;
}
.basis-10_12 {
  flex-basis: 83.333333%;
}
.basis-11_12 {
  flex-basis: 91.666667%;
}
.basis-full {
  flex-basis: 100%;
}

/* gap */
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem; /*4px*/
}
.gap-2 {
  gap: 0.5rem; /*8px*/
}
.gap-3 {
  gap: 0.75rem; /*12px*/
}
.gap-4 {
  gap: 1rem; /*16px*/
}
.gap-5 {
  gap: 1.25rem; /*20px*/
}
.gap-6 {
  gap: 1.5rem; /*24px*/
}
.gap-7 {
  gap: 1.75rem; /*28px*/
}
.gap-8 {
  gap: 2rem; /*32px*/
}
.gap-9 {
  gap: 2.25rem; /*36px*/
}
.gap-10 {
  gap: 2.5rem; /*40px*/
}

/* border-radius */
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem; /*2px*/
}
.rounded {
  border-radius: 0.25rem; /*4px*/
}
.rounded-md {
  border-radius: 0.375rem; /*6px*/
}
.rounded-lg {
  border-radius: 0.5rem; /*8px*/
}
.rounded-xl {
  border-radius: 0.75rem; /*12px*/
}
.rounded-2xl {
  border-radius: 1rem; /*16px*/
}
.rounded-3xl {
  border-radius: 1.5rem; /*24px*/
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-20px {
  border-radius: 20px;
}

/* dl */
dl dt,
dl dd {
  line-height: 1.5;
}
dl dt {
  margin-bottom: 8px;
}
dl dd:not(:last-of-type) {
  margin-bottom: 15px;
}

/* etc */
.container {
  width: min(1600px, 100%);
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
.container2 {
  width: min(1400px, 100%);
  margin: 0 auto;
}
.container3 {
  width: min(1200px, 100%);
  margin: 0 auto;
}
.container4 {
  width: min(1900px, 100%);
  margin: 0 auto;
}
.container-500 {
  width: 500px;
  margin: 0 auto;
}
.container-600 {
  width: 600px;
  margin: 0 auto;
}
.container-700 {
  width: 700px;
  margin: 0 auto;
}
.m-ue {
  margin-top: 60px;
}
.m-st {
  margin-bottom: 60px;
}
.m-us {
  margin-top: 60px;
  margin-bottom: 60px;
}

body {
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

img {
  height: auto;
  max-width: 100%;
}
a img:hover {
  opacity: 0.8;
}
main p {
  line-height: 1.7;
  margin-bottom: 1rem;
}
p:last-of-type {
  margin-bottom: 0;
}
h1 {
  font-size: 32px;
  margin-bottom: 1rem;
  font-weight: bold;
}
h2 {
  font-size: 28px;
  margin-bottom: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
h3 {
  font-size: 24px;
  margin-bottom: 1rem;
  font-weight: bold;
}
h4 {
  font-size: 20px;
  margin-bottom: 1rem;
  font-weight: bold;
}
.mds1 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: #f1a800;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.mds1::before {
  content: "・";
  margin-left: 3px;
  margin-right: 5px;
}
.mds1sp {
  font-family: "Dela Gothic One", sans-serif;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #f1a800;
  margin-bottom: 10px;
}
.mds1sp::before {
  content: "・";
  margin-left: 3px;
  margin-right: 5px;
}

.mds2 {
  color: #ca0019;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.mds3 {
  color: #333;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 25px;
}
.mds4 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
.mds5 {
  font-size: 26px;
  color: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  background-image: linear-gradient(
    140deg,
    rgba(255, 185, 22, 1) 2%,
    rgba(230, 8, 35, 1) 10%
  );
}
@media screen and (max-width: 1220px) {
  .mds2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mds1 {
    font-size: 16px;
  }
  .mds2 {
    font-size: 30px;
    margin-bottom: 25px !important;
  }
  .mds3 {
    font-size: 18px;
  }
  .mds4 {
    font-size: 18px;
  }
  .mds5 {
    font-size: 18px;
    padding: 10px 15px;
    margin-bottom: 20px;
  }
}

/* btn */
.btn_w {
  margin-top: 30px;
}
.btn_w a {
  display: inline-block;
  min-width: 300px;
  border-radius: 8px;
  padding: 15px 15px 13px;
  text-align: center;
  background-color: #efefef;
  color: #333;
  text-decoration: none !important;
  font-weight: bold;
  transition: 0.5s;
}
.btn_w a:hover {
  background-color: rgba(239, 239, 239, 0.8);
}

/* bgc */
.bgc1 {
  background-color: #fef6eb;
}
.bgc2 {
  background-color: #333333;
}
.bgc3 {
  background-color: #fff;
}

/* position */
.relative {
  position: relative;
}

/* breadcrumb */
/* #breadcrumb {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  color: #666;
  list-style: none;
  padding-left: 0;
}
ul#breadcrumb li:not(:last-of-type)::after {
  content: "›";
  margin: 0 0.6em;
  color: #777;
}
ul#breadcrumb li {
  line-height: 1.5;
}
ul#breadcrumb li:first-child a span {
  margin-right: 10px;
}
ul#breadcrumb li a {
  color: #666;
  text-decoration: none;
} */

/* figure figcaption */
figure img + figcaption {
  margin-top: 1rem;
  text-align: center;
}

/* box */
.box-us {
  padding-top: 60px;
  padding-bottom: 60px;
}
.box-ue {
  padding-top: 60px;
}
.box-st {
  padding-bottom: 60px;
}
.box-us2 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.box-ue2 {
  padding-top: 120px;
}
.box-st2 {
  padding-bottom: 120px;
}

@media screen and (max-width: 1420px) {
  .container {
    width: 100%;
    /*padding-left: 15px;
    padding-right: 15px;*/
    padding-left: 40px;
    padding-right: 40px;
  }
  .container.p-none {
    padding-left: 0;
    padding-right: 0;
  }

  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1420px) {
  .container2 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .container2.p-none {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1100px) {
  .w-1100 {
    width: 100%;
  }
}
@media screen and (max-width: 1020px) {
  .container3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .container3.p-none {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .w-800 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  .m-ue {
    margin-top: 40px;
  }
  .m-st {
    margin-bottom: 40px;
  }
  .m-us {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .marginTop-s {
    margin-top: 15px;
  }
  .marginTop-m {
    margin-top: 20px;
  }
  .marginTop-l {
    margin-top: 30px;
  }

  .btn_w {
    margin-top: 20px;
    text-align: center;
  }

  .fwrap1 {
    flex-direction: column;
  }
  .fwrap1 > div,
  .fwrap1 > li {
    width: 100%;
  }
  .fwrap2 {
    flex-wrap: wrap;
  }
  .fwrap2 > div,
  .fwrap2 > li {
    width: 48%;
    margin-right: 4% !important;
  }
  .fwrap2 > div:nth-child(even),
  .fwrap2 > li:nth-child(even) {
    margin-right: 0 !important;
  }

  figure img + figcaption {
    margin-top: 0.7rem;
    text-align: center;
  }

  .box-us {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .box-ue {
    padding-top: 30px;
  }
  .box-st {
    padding-bottom: 30px;
  }
  .box-us2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .box-ue2 {
    padding-top: 40px;
  }
  .box-st2 {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 700px) {
  .container-700 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 600px) {
  .container-600 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 500px) {
  .container-500 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}