@charset "UTF-8";
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

html {
  width: 100%;
  min-height: 100vh;
  font-size: 62.5%;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
  min-height: 100%;
  overflow-x: hidden;
  line-height: 1.4;
  word-break: break-all;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #081b28;
}

img {
  height: auto;
  max-width: 100%;
  transition: 0.3s;
  vertical-align: top;
}

svg {
  height: 100%;
  width: 100%;
}

img[srcset] {
  width: 100%;
  transition: 0.3s;
}

a {
  transition: 0.3s;
}

.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.st-Width {
  margin: 0 auto;
  padding: 0 calc(var(--vw, 1vw) * 40 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .st-Width {
    max-width: min(var(--vw, 1vw) * 1200 / 1200 * 100, 1500px);
    padding: 0 min(var(--vw, 1vw) * 60 / 1200 * 100, 75px);
  }
}

br.pc {
  display: none;
}
@media screen and (min-width: 780px) {
  br.pc {
    display: block;
  }
  br.sp {
    display: none;
  }
}

.fv {
  background: url(../images/fv_bg.jpg) repeat;
}
.fv .inner {
  padding-bottom: calc(var(--vw, 1vw) * 90 / 780 * 100);
  padding-top: calc(var(--vw, 1vw) * 40 / 780 * 100);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 780px) {
  .fv .inner {
    padding-top: min(var(--vw, 1vw) * 50 / 1200 * 100, 62.5px);
    padding-bottom: min(var(--vw, 1vw) * 90 / 1200 * 100, 112.5px);
  }
}
.fv .inner::before {
  content: "";
  position: absolute;
  background: url(../images/fv_img1.svg) repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 101 / 780 * 100);
  height: calc(var(--vw, 1vw) * 455 / 780 * 100);
  top: calc(var(--vw, 1vw) * 660 / 780 * 100);
  left: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .inner::before {
    width: min(var(--vw, 1vw) * 101 / 1200 * 100, 126.25px);
    height: min(var(--vw, 1vw) * 455 / 1200 * 100, 568.75px);
    top: min(var(--vw, 1vw) * 254 / 1200 * 100, 317.5px);
    left: min(var(--vw, 1vw) * 55 / 1200 * 100, 68.75px);
  }
}
.fv .inner::after {
  content: "";
  position: absolute;
  background: url(../images/fv_img2.svg) repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 105 / 780 * 100);
  height: calc(var(--vw, 1vw) * 610 / 780 * 100);
  top: calc(var(--vw, 1vw) * 360 / 780 * 100);
  right: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .inner::after {
    width: min(var(--vw, 1vw) * 105 / 1200 * 100, 131.25px);
    height: min(var(--vw, 1vw) * 610 / 1200 * 100, 762.5px);
    top: min(var(--vw, 1vw) * 410 / 1200 * 100, 512.5px);
    right: min(var(--vw, 1vw) * 46 / 1200 * 100, 57.5px);
  }
}
.fv .head {
  position: relative;
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 170 / 780 * 100) 1fr;
  align-items: center;
}
@media screen and (min-width: 780px) {
  .fv .head {
    grid-template-columns: min(var(--vw, 1vw) * 202 / 1200 * 100, 252.5px) 1fr;
  }
}
.fv .logo {
  width: calc(var(--vw, 1vw) * 164 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .logo {
    width: min(var(--vw, 1vw) * 161 / 1200 * 100, 201.25px);
  }
}
.fv .heading {
  position: relative;
  font-size: calc(var(--vw, 1vw) * 26 / 780 * 100);
  color: #1b56d0;
  font-weight: 700;
}
@media screen and (min-width: 780px) {
  .fv .heading {
    font-size: min(var(--vw, 1vw) * 32 / 1200 * 100, 40px);
  }
}
.fv .title-area {
  position: relative;
  padding-top: calc(var(--vw, 1vw) * 25 / 780 * 100);
  margin-top: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .title-area {
    padding-top: min(var(--vw, 1vw) * 51 / 1200 * 100, 63.75px);
    margin-top: 0;
  }
}
.fv .title-area .title {
  width: calc(var(--vw, 1vw) * 650 / 780 * 100);
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 780px) {
  .fv .title-area .title {
    width: min(var(--vw, 1vw) * 835 / 1200 * 100, 1043.75px);
  }
}
.fv .title-area .mark {
  position: absolute;
  top: calc(var(--vw, 1vw) * -43 / 780 * 100);
  right: calc(var(--vw, 1vw) * 30 / 780 * 100);
  width: calc(var(--vw, 1vw) * 160 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .title-area .mark {
    width: min(var(--vw, 1vw) * 212 / 1200 * 100, 265px);
    top: calc(min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px) * -1);
    right: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
  }
}
.fv .detail-area {
  position: relative;
  margin-top: calc(var(--vw, 1vw) * 40 / 780 * 100);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 780px) {
  .fv .detail-area {
    margin-top: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
  }
}
.fv .detail-area .title {
  background: #1b56d0;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 30 / 780 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 780 * 100) 0;
  font-weight: 700;
  text-align: center;
  border-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-area .title {
    font-size: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
    padding: min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px) 0;
    border-radius: min(var(--vw, 1vw) * 50 / 1200 * 100, 62.5px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    margin: 0 auto;
  }
}
.fv .detail-area .txt1 {
  width: calc(var(--vw, 1vw) * 657.6 / 780 * 100);
  margin: calc(var(--vw, 1vw) * 20 / 780 * 100) auto;
}
@media screen and (min-width: 780px) {
  .fv .detail-area .txt1 {
    width: 100%;
    margin: 0;
  }
}
.fv .detail-area .txt2 {
  margin: calc(var(--vw, 1vw) * 20 / 780 * 100) auto;
  width: calc(var(--vw, 1vw) * 342 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-area .txt2 {
    width: 100%;
    margin: 0;
  }
}
.fv .detail-area .txt3 {
  margin: calc(var(--vw, 1vw) * 20 / 780 * 100) 0;
  width: calc(var(--vw, 1vw) * 657 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-area .txt3 {
    width: 100%;
    margin: 0;
  }
}
.fv .detail-area .txt4 {
  margin: calc(var(--vw, 1vw) * 20 / 780 * 100) 0;
  width: calc(var(--vw, 1vw) * 555 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-area .txt4 {
    width: 100%;
    margin: 0 auto;
  }
}
.fv .detail-area .txt5 {
  margin: calc(var(--vw, 1vw) * 20 / 780 * 100) 0;
  width: calc(var(--vw, 1vw) * 676.25 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-area .txt5 {
    width: min(var(--vw, 1vw) * 846 / 1200 * 100, 1057.5px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 780px) {
  .fv .detail-box1 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 548 / 1200 * 100, 685px) min(var(--vw, 1vw) * 285 / 1200 * 100, 356.25px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    margin: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px) auto;
    gap: min(var(--vw, 1vw) * 14 / 1200 * 100, 17.5px);
  }
}
@media screen and (min-width: 780px) {
  .fv .detail-box2 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 438 / 1200 * 100, 547.5px) min(var(--vw, 1vw) * 370 / 1200 * 100, 462.5px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    align-items: center;
    margin: min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px) auto;
    gap: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px);
  }
}
.fv .detail-txt {
  position: relative;
}
@media screen and (min-width: 780px) {
  .fv .detail-txt {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 79 / 1200 * 100, 98.75px) min(var(--vw, 1vw) * 750 / 1200 * 100, 937.5px);
    align-items: start;
    gap: min(var(--vw, 1vw) * 12 / 1200 * 100, 15px);
    justify-content: center;
  }
}
.fv .detail-txt .ttl {
  background: #1b7ad0;
  line-height: 1;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 30 / 780 * 100);
  width: calc(var(--vw, 1vw) * 120 / 780 * 100);
  border-radius: calc(var(--vw, 1vw) * 10 / 780 * 100);
  text-align: center;
  font-weight: 600;
  padding: calc(var(--vw, 1vw) * 7 / 780 * 100) 0;
  margin-top: calc(var(--vw, 1vw) * 20 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-txt .ttl {
    font-size: min(var(--vw, 1vw) * 18 / 1200 * 100, 22.5px);
    width: min(var(--vw, 1vw) * 80 / 1200 * 100, 100px);
    border-radius: min(var(--vw, 1vw) * 5 / 1200 * 100, 6.25px);
    padding: min(var(--vw, 1vw) * 4 / 1200 * 100, 5px) 0;
    margin-top: min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px);
  }
}
.fv .detail-txt .txt {
  margin-top: calc(var(--vw, 1vw) * 15 / 780 * 100);
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-txt .txt {
    font-size: min(var(--vw, 1vw) * 16 / 1200 * 100, 20px);
    margin-top: min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px);
  }
}
.fv .detail-txt .txt span {
  font-size: calc(var(--vw, 1vw) * 28 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .fv .detail-txt .txt span {
    font-size: min(var(--vw, 1vw) * 11 / 1200 * 100, 13.75px);
  }
}

.st-btn {
  width: calc(var(--vw, 1vw) * 579 / 780 * 100);
  margin: calc(var(--vw, 1vw) * 30 / 780 * 100) auto;
}
@media screen and (min-width: 780px) {
  .st-btn {
    width: min(var(--vw, 1vw) * 543 / 1200 * 100, 678.75px);
    margin: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px) auto;
  }
  .st-btn a {
    transition: 0.3s;
  }
  .st-btn a:hover {
    opacity: 0.7;
  }
  .st-btn a:hover img {
    transform: scale(1.02);
  }
}

.sec1 {
  position: relative;
  background: #1b7ad0;
}
.sec1::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #1b7ad0;
  border-width: calc(var(--vw, 1vw) * 100 / 780 * 100) 0 0 calc(var(--vw, 1vw) * 390 / 780 * 100);
  top: calc(var(--vw, 1vw) * -99 / 780 * 100);
  left: 0;
}
@media screen and (min-width: 780px) {
  .sec1::before {
    border-width: min(var(--vw, 1vw) * 90 / 1200 * 100, 112.5px) 0 0 51vw;
    top: calc(min(var(--vw, 1vw) * 89 / 1200 * 100, 111.25px) * -1);
  }
}
.sec1::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #1b7ad0 transparent;
  border-width: 0 0 calc(var(--vw, 1vw) * 100 / 780 * 100) calc(var(--vw, 1vw) * 390 / 780 * 100);
  top: calc(var(--vw, 1vw) * -99 / 780 * 100);
  right: 0;
}
@media screen and (min-width: 780px) {
  .sec1::after {
    border-width: 0 0 min(var(--vw, 1vw) * 90 / 1200 * 100, 112.5px) 51vw;
    top: calc(min(var(--vw, 1vw) * 89 / 1200 * 100, 111.25px) * -1);
  }
}
.sec1 .inner {
  padding-top: calc(var(--vw, 1vw) * 70 / 780 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 70 / 780 * 100);
  position: relative;
}
@media screen and (min-width: 780px) {
  .sec1 .inner {
    padding-top: min(var(--vw, 1vw) * 70 / 1200 * 100, 87.5px);
    padding-bottom: min(var(--vw, 1vw) * 70 / 1200 * 100, 87.5px);
  }
}
.sec1 .inner::before {
  content: "";
  position: absolute;
  background: url(../images/fv_img3.svg) repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 150 / 780 * 100);
  height: calc(var(--vw, 1vw) * 298 / 780 * 100);
  top: calc(var(--vw, 1vw) * -200 / 780 * 100);
  left: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .inner::before {
    width: min(var(--vw, 1vw) * 150 / 1200 * 100, 187.5px);
    height: min(var(--vw, 1vw) * 298 / 1200 * 100, 372.5px);
    top: calc(min(var(--vw, 1vw) * 240 / 1200 * 100, 300px) * -1);
    left: min(var(--vw, 1vw) * 60 / 1200 * 100, 75px);
  }
}
.sec1 .inner::after {
  content: "";
  position: absolute;
  background: url(../images/fv_img4.svg) repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 195 / 780 * 100);
  height: calc(var(--vw, 1vw) * 167 / 780 * 100);
  top: calc(var(--vw, 1vw) * -130 / 780 * 100);
  right: calc(var(--vw, 1vw) * 10 / 780 * 100);
  z-index: 1;
}
@media screen and (min-width: 780px) {
  .sec1 .inner::after {
    width: min(var(--vw, 1vw) * 195 / 1200 * 100, 243.75px);
    height: min(var(--vw, 1vw) * 167 / 1200 * 100, 208.75px);
    top: calc(min(var(--vw, 1vw) * 170 / 1200 * 100, 212.5px) * -1);
    right: min(var(--vw, 1vw) * 76 / 1200 * 100, 95px);
  }
}
.sec1 .title {
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  color: #fff;
  font-weight: 600;
  margin-bottom: calc(var(--vw, 1vw) * 36 / 780 * 100);
  position: relative;
}
@media screen and (min-width: 780px) {
  .sec1 .title {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    margin-bottom: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px);
    text-align: center;
  }
}
.sec1 .unit {
  background-color: #fff;
  padding: calc(var(--vw, 1vw) * 30 / 780 * 100);
  border-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 36 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .unit {
    padding: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px) min(var(--vw, 1vw) * 40 / 1200 * 100, 50px);
    border-radius: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    margin: 0 auto min(var(--vw, 1vw) * 40 / 1200 * 100, 50px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 314 / 1200 * 100, 392.5px) min(var(--vw, 1vw) * 430 / 1200 * 100, 537.5px);
    gap: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
  }
  .sec1 .unit:last-of-type {
    margin-bottom: min(var(--vw, 1vw) * 50 / 1200 * 100, 62.5px);
  }
}
.sec1 .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  text-align: center;
  background-color: #00a910;
  color: #fff;
  font-weight: 700;
  border-radius: calc(var(--vw, 1vw) * 50 / 780 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 780 * 100) 0;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .unit-ttl {
    font-size: min(var(--vw, 1vw) * 34 / 1200 * 100, 42.5px);
    border-radius: min(var(--vw, 1vw) * 34 / 1200 * 100, 42.5px);
    padding: min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px) 0;
    margin-bottom: 0;
    grid-column: span 2;
  }
}
.sec1 .unit-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
  line-height: 2;
  padding: calc(var(--vw, 1vw) * 10 / 780 * 100) 0;
  background: url(../images/s1_note.png) repeat-x;
  background-size: 85%;
  /*background:
    linear-gradient(to right,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 50%,
      rgba(255,0,0,0) 51%,
      rgba(255,0,0,0) 100%)
    repeat-x left bottom/4px 1px;
  */
}
@media screen and (min-width: 780px) {
  .sec1 .unit-txt {
    background-size: 100%;
    font-size: min(var(--vw, 1vw) * 22 / 1200 * 100, 27.5px);
    padding: min(var(--vw, 1vw) * 5 / 1200 * 100, 6.25px) 0;
    line-height: 1.7;
  }
}
.sec1 .unit-txt span {
  color: #ff7200;
}
.sec1 .box {
  background: url(../images/s1_bg.svg) no-repeat;
  width: calc(var(--vw, 1vw) * 648 / 780 * 100);
  height: calc(var(--vw, 1vw) * 438 / 780 * 100);
  margin: 0 auto;
  text-align: center;
  display: grid;
  place-content: center;
  place-items: center;
  margin-top: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .box {
    width: min(var(--vw, 1vw) * 427 / 1200 * 100, 533.75px);
    height: min(var(--vw, 1vw) * 290 / 1200 * 100, 362.5px);
    margin-top: 0;
    padding-bottom: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
  }
}
.sec1 .box-ttl {
  background: #ff7200;
  color: #fff;
  display: inline-block;
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 780 * 100) calc(var(--vw, 1vw) * 20 / 780 * 100);
  border-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
  font-weight: 600;
  margin-bottom: calc(var(--vw, 1vw) * 5 / 780 * 100);
  margin-top: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .box-ttl {
    font-size: min(var(--vw, 1vw) * 24 / 1200 * 100, 30px);
    border-radius: min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
    padding: min(var(--vw, 1vw) * 7 / 1200 * 100, 8.75px) min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px);
    margin-bottom: min(var(--vw, 1vw) * 5 / 1200 * 100, 6.25px);
    margin-top: min(var(--vw, 1vw) * 18 / 1200 * 100, 22.5px);
    line-height: 1;
  }
}
.sec1 .box-ttl:first-of-type {
  margin-top: 0;
}
.sec1 .box-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec1 .box-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1200 * 100, 30px);
    line-height: 1.2;
  }
}
.sec1 .box-txt span {
  color: #ff7200;
}

.sec2 {
  position: relative;
  background: #def3ff;
}
.sec2 .inner {
  padding-top: calc(var(--vw, 1vw) * 80 / 780 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 80 / 780 * 100);
  position: relative;
}
@media screen and (min-width: 780px) {
  .sec2 .inner {
    padding-top: min(var(--vw, 1vw) * 75 / 1200 * 100, 93.75px);
    padding-bottom: min(var(--vw, 1vw) * 85 / 1200 * 100, 106.25px);
  }
}
.sec2 .inner::before {
  content: "";
  position: absolute;
  background: url(../images/s1_img1.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 124 / 780 * 100);
  height: calc(var(--vw, 1vw) * 279 / 780 * 100);
  top: calc(var(--vw, 1vw) * -140 / 780 * 100);
  left: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec2 .inner::before {
    width: min(var(--vw, 1vw) * 124 / 1200 * 100, 155px);
    height: min(var(--vw, 1vw) * 279 / 1200 * 100, 348.75px);
    top: calc(min(var(--vw, 1vw) * 220 / 1200 * 100, 275px) * -1);
    left: min(var(--vw, 1vw) * 65 / 1200 * 100, 81.25px);
  }
}
.sec2 .inner::after {
  content: "";
  position: absolute;
  background: url(../images/s1_img2.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 137 / 780 * 100);
  height: calc(var(--vw, 1vw) * 168 / 780 * 100);
  top: calc(var(--vw, 1vw) * -80 / 780 * 100);
  right: calc(var(--vw, 1vw) * 10 / 780 * 100);
  z-index: 1;
}
@media screen and (min-width: 780px) {
  .sec2 .inner::after {
    width: min(var(--vw, 1vw) * 137 / 1200 * 100, 171.25px);
    height: min(var(--vw, 1vw) * 168 / 1200 * 100, 210px);
    top: calc(min(var(--vw, 1vw) * 103 / 1200 * 100, 128.75px) * -1);
    right: min(var(--vw, 1vw) * 60 / 1200 * 100, 75px);
  }
}
.sec2 .title {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 54 / 780 * 100);
  font-weight: 700;
}
@media screen and (min-width: 780px) {
  .sec2 .title {
    font-size: min(var(--vw, 1vw) * 54 / 1200 * 100, 67.5px);
  }
}
.sec2 .unit {
  margin-top: calc(var(--vw, 1vw) * 40 / 780 * 100);
  background: #fff;
  padding: calc(var(--vw, 1vw) * 20 / 780 * 100);
  border-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec2 .unit {
    padding: min(var(--vw, 1vw) * 17 / 1200 * 100, 21.25px) min(var(--vw, 1vw) * 45 / 1200 * 100, 56.25px);
    border-radius: min(var(--vw, 1vw) * 34 / 1200 * 100, 42.5px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    margin: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px) auto 0;
  }
}
.sec2 .unit {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 120 / 780 * 100) 1fr;
  align-items: center;
}
@media screen and (min-width: 780px) {
  .sec2 .unit {
    grid-template-columns: min(var(--vw, 1vw) * 95 / 1200 * 100, 118.75px) 1fr;
    gap: min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px) min(var(--vw, 1vw) * 20 / 1200 * 100, 25px);
  }
  .sec2 .unit:last-of-type {
    margin-bottom: min(var(--vw, 1vw) * 70 / 1200 * 100, 87.5px);
  }
}
.sec2 .num {
  width: calc(var(--vw, 1vw) * 95 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec2 .num {
    width: min(var(--vw, 1vw) * 95 / 1200 * 100, 118.75px);
  }
}
.sec2 .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  color: #1b56d0;
  font-weight: 700;
}
@media screen and (min-width: 780px) {
  .sec2 .unit-ttl {
    font-size: min(var(--vw, 1vw) * 33 / 1200 * 100, 41.25px);
  }
}
.sec2 .unit-txt {
  grid-column: span 2;
  font-size: calc(var(--vw, 1vw) * 28 / 780 * 100);
  margin-top: calc(var(--vw, 1vw) * 28 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec2 .unit-txt {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    margin-top: 0;
  }
}

.sec3 {
  position: relative;
  background: #eaf8eb;
}
.sec3 .inner {
  padding-top: calc(var(--vw, 1vw) * 80 / 780 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 80 / 780 * 100);
  position: relative;
}
@media screen and (min-width: 780px) {
  .sec3 .inner {
    padding-top: min(var(--vw, 1vw) * 60 / 1200 * 100, 75px);
    padding-bottom: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
  }
}
.sec3 .inner::before {
  content: "";
  position: absolute;
  background: url(../images/s2_img1.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 163 / 780 * 100);
  height: calc(var(--vw, 1vw) * 139 / 780 * 100);
  top: calc(var(--vw, 1vw) * -120 / 780 * 100);
  left: calc(var(--vw, 1vw) * 10 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .inner::before {
    width: min(var(--vw, 1vw) * 163 / 1200 * 100, 203.75px);
    height: min(var(--vw, 1vw) * 139 / 1200 * 100, 173.75px);
    top: calc(min(var(--vw, 1vw) * 150 / 1200 * 100, 187.5px) * -1);
    left: min(var(--vw, 1vw) * 85 / 1200 * 100, 106.25px);
  }
}
.sec3 .inner::after {
  content: "";
  position: absolute;
  background: url(../images/s2_img2.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 148 / 780 * 100);
  height: calc(var(--vw, 1vw) * 224 / 780 * 100);
  top: calc(var(--vw, 1vw) * -80 / 780 * 100);
  right: calc(var(--vw, 1vw) * 10 / 780 * 100);
  z-index: 1;
}
@media screen and (min-width: 780px) {
  .sec3 .inner::after {
    width: min(var(--vw, 1vw) * 148 / 1200 * 100, 185px);
    height: min(var(--vw, 1vw) * 224 / 1200 * 100, 280px);
    top: calc(min(var(--vw, 1vw) * 120 / 1200 * 100, 150px) * -1);
    right: min(var(--vw, 1vw) * 102 / 1200 * 100, 127.5px);
  }
}
.sec3 .title {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 54 / 780 * 100);
  font-weight: 700;
  margin-bottom: calc(var(--vw, 1vw) * 80 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .title {
    font-size: min(var(--vw, 1vw) * 54 / 1200 * 100, 67.5px);
    margin-bottom: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
  }
}
.sec3 .unit {
  background: #fff;
  padding: 0 0 calc(var(--vw, 1vw) * 30 / 780 * 100);
  border-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 80 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .unit {
    padding: 0 0 min(var(--vw, 1vw) * 25 / 1200 * 100, 31.25px);
    border-radius: min(var(--vw, 1vw) * 25 / 1200 * 100, 31.25px);
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
    margin: 0 auto min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
  }
}
.sec3 .ttl-area {
  position: relative;
  background: #00a910;
  border-top-left-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
  border-top-right-radius: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .ttl-area {
    border-top-left-radius: min(var(--vw, 1vw) * 25 / 1200 * 100, 31.25px);
    border-top-right-radius: min(var(--vw, 1vw) * 25 / 1200 * 100, 31.25px);
  }
}
.sec3 .ttl-area .ttl {
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  color: #fff;
  font-weight: 700;
  padding: calc(var(--vw, 1vw) * 20 / 780 * 100) calc(var(--vw, 1vw) * 30 / 780 * 100) calc(var(--vw, 1vw) * 15 / 780 * 100) calc(var(--vw, 1vw) * 140 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .ttl-area .ttl {
    font-size: min(var(--vw, 1vw) * 28 / 1200 * 100, 35px);
    padding: min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px) min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px) min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px) min(var(--vw, 1vw) * 85 / 1200 * 100, 106.25px);
    letter-spacing: -0.21rem;
  }
}
.sec3 .ttl-area .ttl-txt {
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  border-radius: 50%;
  width: calc(var(--vw, 1vw) * 150 / 780 * 100);
  height: calc(var(--vw, 1vw) * 150 / 780 * 100);
  background: #f5a200;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 700;
  position: absolute;
  left: calc(var(--vw, 1vw) * -30 / 780 * 100);
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-content: center;
}
@media screen and (min-width: 780px) {
  .sec3 .ttl-area .ttl-txt {
    font-size: min(var(--vw, 1vw) * 36 / 1200 * 100, 45px);
    letter-spacing: -0.31rem;
    width: min(var(--vw, 1vw) * 116 / 1200 * 100, 145px);
    height: min(var(--vw, 1vw) * 116 / 1200 * 100, 145px);
    left: calc(min(var(--vw, 1vw) * 40 / 1200 * 100, 50px) * -1);
  }
}
.sec3 .day-area {
  padding: calc(var(--vw, 1vw) * 50 / 780 * 100) 0 0;
}
@media screen and (min-width: 780px) {
  .sec3 .day-area {
    padding: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px) 0 0;
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 255 / 1200 * 100, 318.75px) 1fr;
    gap: min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px);
    margin-left: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
  }
}
.sec3 .day-area .day {
  width: calc(var(--vw, 1vw) * 510 / 780 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 780px) {
  .sec3 .day-area .day {
    width: 100%;
  }
}
.sec3 .area {
  padding: calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .area {
    padding: 0;
  }
}
.sec3 .area .area-ttl {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
  background: #00a910;
  color: #fff;
  display: inline-block;
  padding: calc(var(--vw, 1vw) * 10 / 780 * 100) calc(var(--vw, 1vw) * 15 / 780 * 100);
  height: calc(var(--vw, 1vw) * 65 / 780 * 100);
  position: relative;
  margin-bottom: calc(var(--vw, 1vw) * 5 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .area .area-ttl {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    padding: min(var(--vw, 1vw) * 3 / 1200 * 100, 3.75px) min(var(--vw, 1vw) * 14 / 1200 * 100, 17.5px);
    height: min(var(--vw, 1vw) * 38 / 1200 * 100, 47.5px);
    margin-bottom: min(var(--vw, 1vw) * 7 / 1200 * 100, 8.75px);
  }
}
.sec3 .area .area-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--vw, 1vw) * -19 / 780 * 100);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #00a910;
  border-width: calc(var(--vw, 1vw) * 32.5 / 780 * 100) 0px calc(var(--vw, 1vw) * 32.5 / 780 * 100) calc(var(--vw, 1vw) * 20 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .area .area-ttl::before {
    right: calc(min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px) * -1);
    border-width: min(var(--vw, 1vw) * 19 / 1200 * 100, 23.75px) 0px min(var(--vw, 1vw) * 19 / 1200 * 100, 23.75px) min(var(--vw, 1vw) * 10 / 1200 * 100, 12.5px);
  }
}
.sec3 .area .area-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .area .area-txt {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    letter-spacing: -0.05rem;
  }
  .sec3 .area .area-txt.size-s {
    font-size: min(var(--vw, 1vw) * 19 / 1200 * 100, 23.75px);
  }
}
.sec3 .txtarea {
  padding: calc(var(--vw, 1vw) * 5 / 780 * 100) calc(var(--vw, 1vw) * 30 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .txtarea {
    padding: 0;
    margin-left: min(var(--vw, 1vw) * 35 / 1200 * 100, 43.75px);
  }
}
.sec3 .txtarea .txtarea-ttl {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
  color: #00a910;
  font-weight: 600;
  border-top: 1px solid #000;
  padding-top: calc(var(--vw, 1vw) * 20 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .txtarea .txtarea-ttl {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    padding-top: min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px);
  }
}
.sec3 .txtarea .txtarea-ttl:first-of-type {
  border-top: none;
}
.sec3 .txtarea .txtarea-txt {
  font-size: calc(var(--vw, 1vw) * 32 / 780 * 100);
  font-weight: 600;
  padding-bottom: calc(var(--vw, 1vw) * 20 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .sec3 .txtarea .txtarea-txt {
    font-size: min(var(--vw, 1vw) * 22 / 1200 * 100, 27.5px);
    padding-bottom: min(var(--vw, 1vw) * 15 / 1200 * 100, 18.75px);
  }
}

.footer {
  text-align: center;
  padding: calc(var(--vw, 1vw) * 50 / 780 * 100) 0 calc(var(--vw, 1vw) * 50 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .footer {
    padding: min(var(--vw, 1vw) * 45 / 1200 * 100, 56.25px) 0 min(var(--vw, 1vw) * 30 / 1200 * 100, 37.5px);
  }
}
.footer .inner {
  border: 2px solid #1b56d0;
  width: calc(var(--vw, 1vw) * 700 / 780 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 780px) {
  .footer .inner {
    width: min(var(--vw, 1vw) * 850 / 1200 * 100, 1062.5px);
  }
}
.footer .title {
  background: #1b56d0;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 36 / 780 * 100);
  font-weight: 700;
  padding: calc(var(--vw, 1vw) * 15 / 780 * 100);
}
@media screen and (min-width: 780px) {
  .footer .title {
    font-size: min(var(--vw, 1vw) * 23 / 1200 * 100, 28.75px);
    padding: min(var(--vw, 1vw) * 7 / 1200 * 100, 8.75px);
  }
}
.footer .add {
  font-size: calc(var(--vw, 1vw) * 30 / 780 * 100);
  padding: calc(var(--vw, 1vw) * 30 / 780 * 100);
  line-height: 1.8;
}
@media screen and (min-width: 780px) {
  .footer .add {
    font-size: min(var(--vw, 1vw) * 22 / 1200 * 100, 27.5px);
    padding: min(var(--vw, 1vw) * 13 / 1200 * 100, 16.25px);
    line-height: 1.5;
  }
}
.footer .copy {
  font-size: calc(var(--vw, 1vw) * 24 / 780 * 100);
  line-height: 1.8;
  margin-top: calc(var(--vw, 1vw) * 80 / 780 * 100);
  font-weight: 400;
}
@media screen and (min-width: 780px) {
  .footer .copy {
    font-size: min(var(--vw, 1vw) * 16 / 1200 * 100, 20px);
    margin-top: min(var(--vw, 1vw) * 55 / 1200 * 100, 68.75px);
  }
}

body {
  animation: fade-in 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */