@charset "UTF-8";
/* constant */
:root {
  --size-5: 5px;
  --size-10: 10px;
  --size-15: 15px;
  --size-20: 20px;
  --size-25: 25px;
  --size-30: 30px;
  --size-35: 35px;
  --size-40: 40px;
  --size-45: 45px;
  --size-50: 50px;
  --size-55: 55px;
  --size-60: 60px;
  --size-65: 65px;
  --size-70: 70px;
  --size-75: 75px;
  --size-80: 80px;
  --size-85: 85px;
  --size-90: 90px;
  --size-95: 95px;
  --size-100: 100px;
  --size-105: 105px;
  --size-110: 110px;
  --size-115: 115px;
  --size-120: 120px;
  --size-125: 125px;
  --size-130: 130px;
  --size-135: 135px;
  --size-140: 140px;
  --size-145: 145px;
  --size-150: 150px;
  --size-155: 155px;
  --size-160: 160px;
  --size-165: 165px;
  --size-170: 170px;
  --size-175: 175px;
  --size-180: 180px;
  --size-185: 185px;
  --size-190: 190px;
  --size-195: 195px;
  --size-200: 200px;
  --size-205: 205px;
  --size-210: 210px;
  --size-215: 215px;
  --size-220: 220px;
  --size-225: 225px;
  --size-230: 230px;
  --size-235: 235px;
  --size-240: 240px;
  --size-245: 245px;
  --size-250: 250px;
  --size-255: 255px;
  --size-260: 260px;
  --size-265: 265px;
  --size-270: 270px;
  --size-275: 275px;
  --size-280: 280px;
  --size-285: 285px;
  --size-290: 290px;
  --size-295: 295px;
  --size-300: 300px;
  --size-305: 305px;
  --size-310: 310px;
  --size-315: 315px;
  --size-320: 320px;
  --size-325: 325px;
  --size-330: 330px;
  --size-335: 335px;
  --size-340: 340px;
  --size-345: 345px;
  --size-350: 350px;
  --size-355: 355px;
  --size-360: 360px;
  --size-365: 365px;
  --size-370: 370px;
  --size-375: 375px;
  --size-380: 380px;
  --size-385: 385px;
  --size-390: 390px;
  --size-395: 395px;
  --size-400: 400px;
  --size-405: 405px;
  --size-410: 410px;
  --size-415: 415px;
  --size-420: 420px;
  --size-425: 425px;
  --size-430: 430px;
  --size-435: 435px;
  --size-440: 440px;
  --size-445: 445px;
  --size-450: 450px;
  --size-455: 455px;
  --size-460: 460px;
  --size-465: 465px;
  --size-470: 470px;
  --size-475: 475px;
  --size-480: 480px;
  --size-485: 485px;
  --size-490: 490px;
  --size-495: 495px;
  --size-500: 500px;
}

@media screen and (max-width: 768px) {
  :root {
    --size-5: calc(5 / 393 * 100vw);
    --size-10: calc(10 / 393 * 100vw);
    --size-15: calc(15 / 393 * 100vw);
    --size-20: calc(20 / 393 * 100vw);
    --size-25: calc(25 / 393 * 100vw);
    --size-30: calc(30 / 393 * 100vw);
    --size-35: calc(35 / 393 * 100vw);
    --size-40: calc(40 / 393 * 100vw);
    --size-45: calc(45 / 393 * 100vw);
    --size-50: calc(50 / 393 * 100vw);
    --size-55: calc(55 / 393 * 100vw);
    --size-60: calc(60 / 393 * 100vw);
    --size-65: calc(65 / 393 * 100vw);
    --size-70: calc(70 / 393 * 100vw);
    --size-75: calc(75 / 393 * 100vw);
    --size-80: calc(80 / 393 * 100vw);
    --size-85: calc(85 / 393 * 100vw);
    --size-90: calc(90 / 393 * 100vw);
    --size-95: calc(95 / 393 * 100vw);
    --size-100: calc(100 / 393 * 100vw);
    --size-105: calc(105 / 393 * 100vw);
    --size-110: calc(110 / 393 * 100vw);
    --size-115: calc(115 / 393 * 100vw);
    --size-120: calc(120 / 393 * 100vw);
    --size-125: calc(125 / 393 * 100vw);
    --size-130: calc(130 / 393 * 100vw);
    --size-135: calc(135 / 393 * 100vw);
    --size-140: calc(140 / 393 * 100vw);
    --size-145: calc(145 / 393 * 100vw);
    --size-150: calc(150 / 393 * 100vw);
    --size-155: calc(155 / 393 * 100vw);
    --size-160: calc(160 / 393 * 100vw);
    --size-165: calc(165 / 393 * 100vw);
    --size-170: calc(170 / 393 * 100vw);
    --size-175: calc(175 / 393 * 100vw);
    --size-180: calc(180 / 393 * 100vw);
    --size-185: calc(185 / 393 * 100vw);
    --size-190: calc(190 / 393 * 100vw);
    --size-195: calc(195 / 393 * 100vw);
    --size-200: calc(200 / 393 * 100vw);
    --size-205: calc(205 / 393 * 100vw);
    --size-210: calc(210 / 393 * 100vw);
    --size-215: calc(215 / 393 * 100vw);
    --size-220: calc(220 / 393 * 100vw);
    --size-225: calc(225 / 393 * 100vw);
    --size-230: calc(230 / 393 * 100vw);
    --size-235: calc(235 / 393 * 100vw);
    --size-240: calc(240 / 393 * 100vw);
    --size-245: calc(245 / 393 * 100vw);
    --size-250: calc(250 / 393 * 100vw);
    --size-255: calc(255 / 393 * 100vw);
    --size-260: calc(260 / 393 * 100vw);
    --size-265: calc(265 / 393 * 100vw);
    --size-270: calc(270 / 393 * 100vw);
    --size-275: calc(275 / 393 * 100vw);
    --size-280: calc(280 / 393 * 100vw);
    --size-285: calc(285 / 393 * 100vw);
    --size-290: calc(290 / 393 * 100vw);
    --size-295: calc(295 / 393 * 100vw);
    --size-300: calc(300 / 393 * 100vw);
    --size-305: calc(305 / 393 * 100vw);
    --size-310: calc(310 / 393 * 100vw);
    --size-315: calc(315 / 393 * 100vw);
    --size-320: calc(320 / 393 * 100vw);
    --size-325: calc(325 / 393 * 100vw);
    --size-330: calc(330 / 393 * 100vw);
    --size-335: calc(335 / 393 * 100vw);
    --size-340: calc(340 / 393 * 100vw);
    --size-345: calc(345 / 393 * 100vw);
    --size-350: calc(350 / 393 * 100vw);
    --size-355: calc(355 / 393 * 100vw);
    --size-360: calc(360 / 393 * 100vw);
    --size-365: calc(365 / 393 * 100vw);
    --size-370: calc(370 / 393 * 100vw);
    --size-375: calc(375 / 393 * 100vw);
    --size-380: calc(380 / 393 * 100vw);
    --size-385: calc(385 / 393 * 100vw);
    --size-390: calc(390 / 393 * 100vw);
    --size-395: calc(395 / 393 * 100vw);
    --size-400: calc(400 / 393 * 100vw);
    --size-405: calc(405 / 393 * 100vw);
    --size-410: calc(410 / 393 * 100vw);
    --size-415: calc(415 / 393 * 100vw);
    --size-420: calc(420 / 393 * 100vw);
    --size-425: calc(425 / 393 * 100vw);
    --size-430: calc(430 / 393 * 100vw);
    --size-435: calc(435 / 393 * 100vw);
    --size-440: calc(440 / 393 * 100vw);
    --size-445: calc(445 / 393 * 100vw);
    --size-450: calc(450 / 393 * 100vw);
    --size-455: calc(455 / 393 * 100vw);
    --size-460: calc(460 / 393 * 100vw);
    --size-465: calc(465 / 393 * 100vw);
    --size-470: calc(470 / 393 * 100vw);
    --size-475: calc(475 / 393 * 100vw);
    --size-480: calc(480 / 393 * 100vw);
    --size-485: calc(485 / 393 * 100vw);
    --size-490: calc(490 / 393 * 100vw);
    --size-495: calc(495 / 393 * 100vw);
    --size-500: calc(500 / 393 * 100vw);
  }
}
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

address {
  font-style: normal;
}

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

img {
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  width: 100%;
  height: auto;
}

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

/* common */
html, body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  color: #000;
  font-weight: 400;
  line-height: 1.5;
  font-size: 1.6rem;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
table th {
  font-weight: 300;
}

a,
._hover {
  color: inherit;
  transition: opacity 0.3s;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
._hover:hover {
  opacity: 0.6;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
}

._pcOnly {
  display: block;
}

._spOnly {
  display: none;
}

@media screen and (max-width: 768px) {
  ._pcOnly {
    display: none;
  }
  ._spOnly {
    display: block;
  }
}
.inner {
  margin: 0 auto;
  max-width: 1125px;
  text-align: center;
}

.mv {
  overflow: hidden;
  width: 100%;
  height: 433px;
  background-image: url("../img/mv_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .mv {
    height: 36.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .mv {
    height: 165.1399491094vw;
    background-image: url("../img/mv_bg_sp.webp");
  }
}
.mv .logo {
  width: 71px;
  top: 28px;
  left: 30px;
  position: absolute;
}

@media screen and (max-width: 1200px) {
  .mv .logo {
    width: 5.9166666667vw;
    top: 2.3333333333vw;
    left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .mv .logo {
    transform: translate(-50%, -50%);
    width: 18.0661577608vw;
    left: 50%;
    top: 12.213740458vw;
  }
  .mv .logo:before {
    content: "";
    display: block;
    width: 33.8422391858vw;
    height: 13.9949109415vw;
    background-image: url("../img/deco_logo.webp");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -33%;
    left: -206%;
  }
  .mv .logo:after {
    content: "";
    display: block;
    width: 33.8422391858vw;
    height: 13.9949109415vw;
    background-image: url("../img/deco_logo.webp");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -33%;
    right: -206%;
  }
}
.mv .btn {
  width: 208px;
  top: 32px;
  right: 35px;
  position: fixed;
  z-index: 999;
}

@media screen and (max-width: 1200px) {
  .mv .btn {
    width: 17.3333333333vw;
    top: 2.6666666667vw;
    right: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .mv .btn {
    display: none;
  }
}
.mv .mv-text {
  width: 536px;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-115%);
}

@media screen and (max-width: 1200px) {
  .mv .mv-text {
    width: 44.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .mv .mv-text {
    width: 100%;
    position: initial;
    transform: initial;
    top: initial;
    left: initial;
    padding-left: 6.3613231552vw;
    padding-right: 6.3613231552vw;
    padding-top: 23.4096692112vw;
    position: relative;
    z-index: 2;
  }
}
.mv .hero {
  width: 897px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-31%);
}

@media screen and (max-width: 1200px) {
  .mv .hero {
    width: 74.75vw;
    left: 47%;
  }
}
@media screen and (max-width: 768px) {
  .mv .hero {
    width: 100%;
    left: initial;
    transform: initial;
  }
}
.intro {
  background: #DFE6F0;
  padding-top: var(--size-40);
  padding-bottom: var(--size-60);
}

@media screen and (max-width: 1200px) {
  .intro .inner {
    padding-left: 3.3333333333vw;
    padding-right: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .intro {
    padding-top: 4.5801526718vw;
    padding-bottom: 8.1424936387vw;
  }
  .intro .inner {
    padding-left: 8.1424936387vw;
    padding-right: 8.1424936387vw;
  }
}
.intro .btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .intro .btn {
    display: block;
    width: 66.1577608142vw;
    margin: 0 auto 5.5979643766vw;
  }
}
.intro .heading {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 1.6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .intro .heading {
    display: inline-flex;
    flex-flow: column;
    font-size: 6.106870229vw;
  }
}
.intro .heading span {
  color: #0353AF;
  position: relative;
}

.intro .heading span:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #FECD1B;
  position: absolute;
  bottom: 0;
}

.intro .heading:before {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M8.80693 2.2068C14.9134 15.4488 21.0192 28.6912 27.1257 41.9331C27.4649 42.6687 27.8046 43.4044 28.1438 44.1399C27.6748 43.4795 27.2059 42.8186 26.737 42.1582C18.2938 30.269 9.85 18.3803 1.40686 6.49105C0.937809 5.83055 0.469067 5.16983 0.0000121593 4.50933L7.78885 0C8.12809 0.735654 8.46769 1.47115 8.80693 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 18px;
  position: relative;
  top: 0.1em;
}

@media screen and (max-width: 768px) {
  .intro .heading:before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.75126%203.09444C18.0591%2021.6621%2027.3662%2040.2302%2036.674%2058.7979C37.1911%2059.8293%2037.7086%2060.861%2038.2257%2061.8923C37.5887%2060.9304%2036.9517%2059.9679%2036.3147%2059.006C24.847%2041.6887%2013.3787%2024.3718%201.91099%207.05459C1.2739%206.09254%200.637101%205.13026%201.74692e-05%204.16821L7.19965%200C7.71674%201.03152%208.23417%202.06291%208.75126%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    position: absolute;
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    background-size: contain;
    transform: translate(50%, -50%);
    top: 50%;
    left: -30%;
    margin-right: 0;
  }
}
.intro .heading:after {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M19.3369 2.2068C13.2304 15.4488 7.12459 28.6912 1.01809 41.9331C0.678897 42.6687 0.339204 43.4044 7.29365e-06 44.1399C0.468997 43.4795 0.937869 42.8186 1.40686 42.1582C9.84999 30.269 18.2938 18.3803 26.737 6.49105C27.206 5.83055 27.6747 5.16983 28.1438 4.50933L20.355 0C20.0157 0.735654 19.6761 1.47115 19.3369 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin-left: 18px;
  position: relative;
  background-size: contain;
  top: 0.1em;
}

@media screen and (max-width: 768px) {
  .intro .heading:after {
    position: absolute;
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    background-size: contain;
    transform: translate(50%, -50%);
    top: 50%;
    right: -13%;
    margin-left: 0;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.4744%203.09444C20.1666%2021.6621%2010.8594%2040.2302%201.5516%2058.7979C1.03458%2059.8293%200.517008%2060.861%20-1.18334e-05%2061.8923C0.636982%2060.9304%201.27396%2059.9679%201.91096%2059.006C13.3786%2041.6887%2024.847%2024.3718%2036.3147%207.05459C36.9517%206.09254%2037.5885%205.13026%2038.2256%204.16821L31.026%200C30.5089%201.03152%2029.9915%202.06291%2029.4744%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain;
  }
}
.intro .software {
  margin: 27px auto 0;
  display: flex;
  justify-content: center;
  border-radius: var(--size-115);
  border: 2px solid #F5DC76;
  background: #FFEB9C;
  padding: 18px 58px 18px 58px;
  max-width: 960px;
  position: relative;
}

.intro .software:after {
  content: "";
  display: block;
  width: 750px;
  height: 106px;
  background: url("../img/softwear_arrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 1;
  bottom: -148px;
}

@media screen and (max-width: 1200px) {
  .intro .software:after {
    width: 62.5vw;
    height: 8.8333333333vw;
    bottom: -65%;
  }
}
@media screen and (max-width: 900px) {
  .intro .software:after {
    bottom: -55%;
  }
}
@media screen and (max-width: 1200px) {
  .intro .software {
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
    padding: 0.8333333333vw 0 0.8333333333vw 0;
  }
}
@media screen and (max-width: 768px) {
  .intro .software {
    margin: 7.3791348601vw auto 0;
    border-radius: 6.106870229vw;
    padding: 3.8167938931vw 0 3.8167938931vw 0;
    position: relative;
    margin-left: 0;
    margin-right: 0;
  }
  .intro .software:after {
    content: "";
    display: block;
    width: 100vw;
    height: 98.727735369vw;
    background: url("../img/softwear_arrow_sp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: -327%;
    z-index: 1;
  }
}
.intro .software .icon {
  width: 191px;
  height: 191px;
  aspect-ratio: 1/1;
  position: relative;
  background: #FFF;
  border: 2px solid #D6DDEA;
  border-radius: var(--size-120);
}

@media screen and (max-width: 768px) {
  .intro .software .icon {
    width: 36.8956743003vw;
    height: 36.8956743003vw;
    margin-right: 0.7633587786vw;
  }
}
.intro .software .icon img {
  width: 120px;
  height: 102px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .intro .software .icon img {
    width: 21.6284987277vw;
    height: 18.320610687vw;
  }
}
.intro .software .content .title {
  color: #F08200;
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .intro .software .content .title {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .intro .software .content .title {
    font-size: 5.3435114504vw;
    margin-bottom: 1.7811704835vw;
  }
}
.intro .software .content .lead {
  color: #FFF;
  text-align: center;
  paint-order: stroke;
  -webkit-text-stroke: 6px cadetblue;
  -webkit-text-stroke-color: #000;
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 31.444px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .intro .software .content .lead {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 768px) {
  .intro .software .content .lead {
    font-size: 3.5623409669vw;
    line-height: 109.286%;
  }
}
.intro .software .content .lead:before {
  content: "";
  display: block;
  width: 17px;
  height: 47px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='47' viewBox='0 0 17 47' fill='none'%3E%3Cpath d='M11.4932 1.5C11.8941 1.50606 12.2762 1.67242 12.5537 1.96191L14.1523 3.63086C14.7057 4.20819 14.7095 5.1181 14.1602 5.69922C12.7513 7.18932 11.4871 8.84556 10.3701 10.6709L10.3652 10.6797C9.26913 12.4442 8.39493 14.3916 7.74609 16.5273C7.13823 18.622 6.82617 20.9403 6.82617 23.4922C6.82619 26.012 7.13717 28.3308 7.74609 30.457L8 31.249C8.61708 33.0767 9.40606 34.7607 10.3652 36.3047C11.4846 38.1066 12.7525 39.7695 14.1689 41.2949C14.7095 41.8772 14.7021 42.78 14.1523 43.3535L12.5537 45.0215C12.2746 45.3127 11.8896 45.4791 11.4863 45.4834C11.0832 45.4876 10.6953 45.3299 10.4102 45.0449C8.73035 43.3651 7.2217 41.466 5.88281 39.3535L5.87793 39.3457C4.51696 37.1681 3.45077 34.7605 2.67383 32.1309C1.88654 29.4662 1.50002 26.5832 1.5 23.4922C1.5 20.401 1.88651 17.5173 2.67383 14.8525C3.45076 12.2231 4.51702 9.81514 5.87793 7.6377C7.21878 5.49239 8.73212 3.58735 10.4199 1.92969L10.5312 1.83008C10.8024 1.61239 11.1424 1.49471 11.4932 1.5Z' fill='white' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 17px 47px;
  margin-right: 10px;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .intro .software .content .lead:before {
    margin-right: 0;
    width: 4.3256997455vw;
    height: 12.213740458vw;
  }
}
.intro .software .content .lead:after {
  content: "";
  display: block;
  width: 17px;
  height: 47px;
  background-size: 17px 47px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='47' viewBox='0 0 17 47' fill='none'%3E%3Cpath d='M4.57657 45.4838C4.17562 45.4777 3.79349 45.3113 3.51602 45.0218L1.91739 43.3529C1.36407 42.7756 1.36024 41.8657 1.90958 41.2845C3.3184 39.7944 4.58262 38.1382 5.69962 36.3129L5.7045 36.3041C6.80061 34.5395 7.6748 32.5922 8.32364 30.4564C8.93151 28.3618 9.24356 26.0435 9.24356 23.4916C9.24354 20.9718 8.93256 18.653 8.32364 16.5267L8.06974 15.7347C7.45265 13.9071 6.66367 12.2231 5.7045 10.6791C4.58514 8.87719 3.31721 7.21422 1.90079 5.68884C1.36027 5.10661 1.36765 4.2038 1.91739 3.63025L3.51603 1.96228C3.79512 1.6711 4.1801 1.50464 4.58341 1.50037C4.98651 1.49613 5.37444 1.65389 5.65958 1.93884C7.33938 3.61864 8.84803 5.51778 10.1869 7.63025L10.1918 7.63806C11.5528 9.81562 12.619 12.2233 13.3959 14.8529C14.1832 17.5176 14.5697 20.4005 14.5697 23.4916C14.5697 26.5827 14.1832 29.4665 13.3959 32.1312C12.619 34.7607 11.5527 37.1686 10.1918 39.3461C8.85095 41.4914 7.33761 43.3964 5.64981 45.0541L5.53848 45.1537C5.26737 45.3714 4.92732 45.4891 4.57657 45.4838Z' fill='white' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-left: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .intro .software .content .lead:after {
    margin-left: 0;
    width: 4.3256997455vw;
    height: 12.213740458vw;
  }
}
.intro .software .content .block {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .intro .software .content .block {
    flex-flow: column;
    margin-top: 1.272264631vw;
  }
}
.intro .software .content .block .item:first-child {
  border-radius: 93px;
  background: #F08200;
  color: #FFF;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 234px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-right: 25px;
}

@media screen and (max-width: 1200px) {
  .intro .software .content .block .item:first-child {
    font-size: 2.5vw;
    width: 19.5vw;
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .intro .software .content .block .item:first-child {
    font-size: 4.0712468193vw;
    font-size: 4.0712468193vw;
    width: 33.0788804071vw;
    margin-right: 0;
    height: 6.6157760814vw;
  }
}
.intro .software .content .block .item:nth-child(2) {
  flex: 1;
  color: #000;
  text-align: center;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 27.048px;
}

@media screen and (max-width: 1200px) {
  .intro .software .content .block .item:nth-child(2) {
    font-size: 1.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .intro .software .content .block .item:nth-child(2) {
    font-size: 3.0534351145vw;
    line-height: 141.075%;
    margin-top: 1.272264631vw;
  }
}
.intro .software-btm {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 66px;
  gap: 60px;
}

@media screen and (max-width: 1250px) {
  .intro .software-btm {
    gap: 2.4vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
@media screen and (max-width: 1040px) {
  .intro .software-btm {
    margin: 6.875vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .intro .software-btm {
    max-width: initial;
    padding-left: initial;
    padding-right: initial;
    margin-top: 15.2671755725vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 9.6692111959vw 7.3791348601vw;
  }
}
.intro .software-btm .item .icon {
  width: 226px;
  height: 134px;
  border-radius: 111.83px;
  border: 2px solid #D6DDEA;
  background: #FFF;
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 1250px) {
  .intro .software-btm .item .icon {
    margin: 0 auto;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .intro .software-btm .item .icon {
    width: 29.5165394402vw;
    height: 29.5165394402vw;
    margin: 0 auto;
  }
}
.intro .software-btm .item .icon img {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.intro .software-btm .item .icon.--icon01 img {
  width: 105px;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .icon.--icon01 img {
    width: 19.0839694656vw;
  }
}
.intro .software-btm .item .icon.--icon02 img {
  width: 116px;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .icon.--icon02 img {
    width: 23.4096692112vw;
    position: absolute;
    top: 45%;
    left: 50%;
  }
}
.intro .software-btm .item .icon.--icon03 img {
  width: 91px;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .icon.--icon03 img {
    width: 16.7938931298vw;
  }
}
.intro .software-btm .item .icon.--icon04 img {
  width: 115px;
  position: absolute;
  top: 54%;
  left: 54%;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .icon.--icon04 img {
    width: 22.3918575064vw;
  }
}
.intro .software-btm .item .title {
  color: #0353AF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .title {
    font-size: 5.5979643766vw;
    margin-top: 3.8167938931vw;
    margin-bottom: 1.272264631vw;
  }
}
.intro .software-btm .item .sub-heading {
  color: #000;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .sub-heading {
    font-size: 2.5445292621vw;
  }
  .intro .software-btm .item .sub-heading._type02 {
    position: relative;
    display: inline-flex;
  }
  .intro .software-btm .item .sub-heading._type02:before {
    content: "";
    display: block;
    width: 1.5267175573vw;
    height: 5.5979643766vw;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2222%22%20viewBox%3D%220%200%206%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%2010.7825C0%209.22178%200.19509%207.78111%200.58527%206.4605C0.975452%205.13988%201.5082%203.93933%202.18351%202.85883C2.85883%201.77832%203.61668%200.825383%204.45707%200L5.29853%200.877907C4.51817%201.70329%203.82034%202.61872%203.20506%203.62418C2.58977%204.61464%202.10205%205.70265%201.74188%206.8882C1.39672%208.07375%201.22414%209.37185%201.22414%2010.7825C1.22414%2012.1782%201.39672%2013.4763%201.74188%2014.6768C2.10205%2015.8624%202.58977%2016.9504%203.20506%2017.9408C3.82034%2018.9313%204.51817%2019.8467%205.29853%2020.6871L4.45707%2021.565C3.61668%2020.7246%202.85883%2019.7717%202.18351%2018.7062C1.5082%2017.6257%200.975452%2016.4251%200.58527%2015.1045C0.19509%2013.7839%200%2012.3432%200%2010.7825Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 13%;
  }
  .intro .software-btm .item .sub-heading._type02:after {
    content: "";
    display: block;
    width: 1.5267175573vw;
    height: 5.5979643766vw;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2222%22%20viewBox%3D%220%200%206%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.29858%2010.7825C5.29858%2012.3432%205.1035%2013.7839%204.71331%2015.1045C4.32313%2016.4251%203.79038%2017.6257%203.11507%2018.7062C2.43976%2019.7867%201.68191%2020.7396%200.841516%2021.565L5.44362e-05%2020.6871C0.780417%2019.8617%201.47824%2018.9463%202.09353%2017.9408C2.70881%2016.9504%203.19654%2015.8624%203.5567%2014.6768C3.90186%2013.4913%204.07444%2012.1932%204.07445%2010.7825C4.07445%209.38685%203.90187%208.08875%203.55671%206.88819C3.19654%205.70264%202.70881%204.61464%202.09353%203.62418C1.47824%202.63372%200.780418%201.71829%205.6168e-05%200.877903L0.841518%20-6.1117e-06C1.68191%200.840385%202.43976%201.79333%203.11507%202.85882C3.79038%203.93932%204.32313%205.13988%204.71332%206.46049C5.1035%207.78111%205.29859%209.22178%205.29858%2010.7825Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 10%;
  }
}
.intro .software-btm .item .text {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 61.05px;
  background: #0353AF;
  margin-top: 18px;
  margin-bottom: 17px;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .text {
    font-size: 3.5623409669vw;
    margin-top: 1.272264631vw;
    margin-bottom: 3.3078880407vw;
    padding-top: 0.7633587786vw;
    padding-bottom: 0.7633587786vw;
  }
}
.intro .software-btm .item .cap {
  color: #000;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 20.9px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .cap {
    font-size: 3.0534351145vw;
    font-weight: 500;
    line-height: 141.075%;
  }
}
.intro .software-btm .item .text-wrap {
  position: relative;
  height: 12px;
}

@media screen and (max-width: 900px) {
  .intro .software-btm .item .text-wrap {
    height: 2.5em;
  }
}
@media screen and (max-width: 768px) {
  .intro .software-btm .item .text-wrap {
    height: 7.6335877863vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.intro .software-btm .item .text-wrap .sub-heading {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 280px;
  display: inline-flex;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .intro .software-btm .item .text-wrap .sub-heading {
    position: initial;
    width: auto;
    text-align: center;
    transform: initial;
  }
}
@media screen and (max-width: 768px) {
  .intro .software-btm .item .text-wrap .sub-heading {
    position: initial;
    width: auto;
    text-align: center;
    transform: initial;
  }
}
.intro .software-btm .item .cap-wrap {
  position: relative;
  height: 10px;
}

@media screen and (max-width: 768px) {
  .intro .software-btm .item .cap-wrap {
    height: initial;
  }
}
.intro .software-btm .item .cap-wrap .cap {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 280px;
}

@media screen and (max-width: 1250px) {
  .intro .software-btm .item .cap-wrap .cap {
    position: initial;
    transform: initial;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .intro .software-btm .item .cap-wrap .cap {
    position: initial;
    width: auto;
    transform: initial;
  }
}
.intro .lg-text-block {
  border-radius: 60px;
  border: 2px solid #D6DDEA;
  background: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 45px auto 0;
  padding: 7px 40px 9px;
}

@media screen and (max-width: 1200px) {
  .intro .lg-text-block ._spOnly {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .intro .lg-text-block {
    margin: 8.1424936387vw auto 0;
    border-radius: 10.1781170483vw;
    padding: 5.5979643766vw 3.8167938931vw;
  }
}
.intro .lg-text-block .text {
  color: #000;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: inline-block;
  align-items: center;
  letter-spacing: 1.1px;
}

@media screen and (max-width: 768px) {
  .intro .lg-text-block .text {
    font-size: 4.5801526718vw;
  }
}
.intro .lg-text-block .text .type01 {
  color: #0353AF;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  display: inline-block;
  letter-spacing: 1.3px;
  position: relative;
  top: 0.05em;
}

@media screen and (max-width: 768px) {
  .intro .lg-text-block .text .type01 {
    font-size: 5.3435114504vw;
  }
}
.intro .lg-text-block .text .type01:before {
  display: block;
  content: "";
  width: calc(100% - 1em);
  height: 2px;
  background: #FECD1B;
  position: absolute;
  bottom: 0;
}

.intro .lg-text-block .text .type02 {
  color: #0353AF;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.3px;
  position: relative;
  top: 0.05em;
}

@media screen and (max-width: 768px) {
  .intro .lg-text-block .text .type02 {
    font-size: 5.3435114504vw;
  }
}
.worries {
  padding-top: var(--size-60);
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .worries .inner {
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .worries {
    padding-top: 0;
  }
}
.worries .lg-heading {
  background: #00236B;
  border-radius: var(--size-20) var(--size-20) 0 0;
  color: #FFF;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 1.6px;
  padding: 17px 0 18px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .worries .lg-heading {
    border-radius: 0;
    font-size: 6.106870229vw;
    line-height: 1.4;
    padding: 4.3256997455vw 0 4.5801526718vw;
  }
}
.worries .lg-heading span {
  color: #FECD1B;
}

.worries .worries-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
  margin-top: var(--size-20);
}

@media screen and (max-width: 768px) {
  .worries .worries-block {
    display: flex;
    flex-flow: column;
    padding-left: 3.8167938931vw;
    padding-right: 3.8167938931vw;
    gap: 4.3256997455vw;
  }
}
.worries .worries-block .item {
  display: block;
  height: 208px;
}

@media screen and (max-width: 768px) {
  .worries .worries-block .item {
    height: 71.2468193384vw;
  }
}
.worries .worries-block .item:first-child:before {
  content: "";
  display: block;
  width: 269px;
  height: 208px;
  background: url("../img/worries01.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block .item:first-child:before {
    width: 22.4166666667vw;
    height: 17.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block .item:first-child:before {
    width: 100%;
    height: 100%;
  }
}
.worries .worries-block .item:nth-child(2):before {
  content: "";
  display: block;
  width: 269px;
  height: 208px;
  background: url("../img/worries02.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block .item:nth-child(2):before {
    width: 22.4166666667vw;
    height: 17.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block .item:nth-child(2):before {
    width: 100%;
    height: 100%;
  }
}
.worries .worries-block .item:nth-child(3):before {
  content: "";
  display: block;
  width: 269px;
  height: 208px;
  background: url("../img/worries03.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block .item:nth-child(3):before {
    width: 22.4166666667vw;
    height: 17.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block .item:nth-child(3):before {
    width: 100%;
    height: 100%;
  }
}
.worries .worries-block .item:nth-child(4) {
  position: relative;
}

.worries .worries-block .item:nth-child(4):before {
  content: "";
  display: block;
  width: 329px;
  height: 208px;
  background: url("../img/worries04.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block .item:nth-child(4):before {
    width: 27.4166666667vw;
    height: 17.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block .item:nth-child(4):before {
    width: 122%;
    height: 100%;
  }
}
.worries .lead {
  color: #000;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 1.6px;
  margin-top: var(--size-25);
  margin-bottom: var(--size-20);
}

@media screen and (max-width: 1200px) {
  .worries .lead {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .worries .lead {
    margin-top: var(--size-25);
    font-size: 6.106870229vw;
  }
}
.worries .lead span {
  color: #0353AF;
}

.worries .elements {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--size-25);
}

@media screen and (max-width: 960px) {
  .worries .elements {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .worries .elements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
    gap: 4.3256997455vw 5.0890585242vw;
  }
}
.worries .elements__item {
  border-radius: var(--size-10);
  display: flex;
  flex-flow: column;
  padding-bottom: var(--size-25);
  padding-top: var(--size-30);
}

@media screen and (max-width: 960px) {
  .worries .elements__item {
    width: 25vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .elements__item {
    width: initial;
    padding-top: 6.8702290076vw;
    padding-bottom: var(--size-15);
  }
}
.worries .elements__item:first-child {
  background: #6FB3EA;
}

.worries .elements__item:nth-child(2) {
  background: #6BC1CA;
}

.worries .elements__item:nth-child(3) {
  background: #77C282;
}

.worries .elements__item:nth-child(4) {
  background: #C6CD51;
}

.worries .elements__item:nth-child(5) {
  background: #F0BA2E;
}

.worries .elements__title {
  color: #0353AF;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .worries .elements__title {
    font-size: 4.0712468193vw;
  }
}
.worries .elements__text {
  color: #000;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
}

@media screen and (max-width: 768px) {
  .worries .elements__text {
    font-size: 3.0534351145vw;
  }
  .worries .elements__text._type02 {
    font-size: 2.9262086514vw;
    padding-left: 1.0178117048vw;
  }
}
.worries .elements .icon {
  margin: 0 auto;
  width: 140px;
  height: 112px;
  position: relative;
  margin-bottom: var(--size-35);
  mix-blend-mode: hard-light;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon {
    margin-bottom: 5.0890585242vw;
    width: auto;
    height: auto;
  }
}
.worries .elements .icon.__icon01:before {
  content: "";
  display: block;
  width: 126px;
  height: 104px;
  background: url("../img/icon_worries01.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon.__icon01:before {
    position: initial;
    transform: initial;
    width: 26.2086513995vw;
    height: 21.6284987277vw;
  }
}
.worries .elements .icon.__icon02:before {
  content: "";
  display: block;
  width: 141px;
  height: 99px;
  background: url("../img/icon_worries02.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon.__icon02:before {
    position: initial;
    transform: initial;
    width: 29.262086514vw;
    height: 20.6106870229vw;
  }
}
.worries .elements .icon.__icon03:before {
  content: "";
  display: block;
  width: 117px;
  height: 99px;
  background: url("../img/icon_worries03.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon.__icon03:before {
    position: initial;
    transform: initial;
    width: 24.427480916vw;
    height: 20.6106870229vw;
  }
}
.worries .elements .icon.__icon04:before {
  content: "";
  display: block;
  width: 103px;
  height: 102px;
  background: url("../img/icon_worries04.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon.__icon04:before {
    position: initial;
    transform: initial;
    width: 21.8829516539vw;
    height: 21.1195928753vw;
  }
}
.worries .elements .icon.__icon05:before {
  content: "";
  display: block;
  width: 136px;
  height: 113px;
  background: url("../img/icon_worries05.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 55%;
  left: 55%;
}

@media screen and (max-width: 768px) {
  .worries .elements .icon.__icon05:before {
    position: initial;
    transform: initial;
    width: 28.2442748092vw;
    height: 23.4096692112vw;
    position: relative;
    top: 0;
    left: 10%;
  }
}
.worries .cover-heading {
  margin-top: var(--size-50);
}

.worries .cover-heading .img {
  width: 226px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .worries .cover-heading .img {
    width: 18.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .cover-heading .img {
    width: 71.2468193384vw;
    padding-top: 31.8066157761vw;
  }
}
.worries .cover-heading .img:before {
  content: "";
  display: block;
  width: 445px;
  height: 168px;
  background: url("../img/worries06.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50px;
  left: -450px;
}

@media screen and (max-width: 1200px) {
  .worries .cover-heading .img:before {
    width: 37.0833333333vw;
    left: -37.5vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .cover-heading .img:before {
    background: url("../img/worries06_sp.webp");
    width: 91.6030534351vw;
    height: 39.9491094148vw;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 10%;
  }
}
.worries .cover-heading .img:after {
  content: "";
  display: block;
  width: 445px;
  height: 168px;
  background: url("../img/worries07.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 60px;
  right: -440px;
}

@media screen and (max-width: 1200px) {
  .worries .cover-heading .img:after {
    width: 37.0833333333vw;
    right: -36.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .cover-heading .img:after {
    display: none;
  }
}
.worries .worries-block02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 22px;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02 {
    display: flex;
    flex-flow: column;
    padding-left: 3.8167938931vw;
    padding-right: 3.8167938931vw;
  }
}
.worries .worries-block02__item {
  border-radius: var(--size-10);
  border: 2px solid #00236B;
  flex-flow: column;
  padding-top: var(--size-20);
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

.worries .worries-block02__item .heading {
  color: #000;
  text-align: center;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 68px;
  margin-bottom: 13px;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block02__item .heading {
    font-size: 2.1666666667vw;
    padding-left: 0.8333333333vw;
    padding-right: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block02__item .heading {
    font-size: 6.6157760814vw;
    line-height: 130.769%;
    height: 17.3027989822vw;
    margin-bottom: 3.3078880407vw;
  }
}
.worries .worries-block02__item .heading span {
  color: #0353AF;
}

.worries .worries-block02__item .image {
  width: 100%;
  height: 242px;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block02__item .image {
    height: 20.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block02__item .image {
    height: 61.5776081425vw;
  }
}
.worries .worries-block02__item .image.__image01 {
  background: url("../img/worries08.webp");
  background-size: cover;
  background-position: top center;
}

.worries .worries-block02__item .image.__image02 {
  background: url("../img/worries09.webp");
  background-size: cover;
  background-position: top center;
}

.worries .worries-block02__item .image.__image03 {
  background: url("../img/worries10.webp");
  background-size: cover;
  background-position: top center;
}

.worries .worries-block02__text-block {
  background: #00236B;
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-top: var(--size-25);
  padding-bottom: var(--size-25);
  width: 100%;
}

.worries .worries-block02__text-block .text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block02__text-block .text-wrap {
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3.5623409669vw;
  }
}
.worries .worries-block02__text-block .text-wrap .text {
  flex: 1;
  color: #FFF;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  text-align: left;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .text {
    font-size: 3.5623409669vw;
    line-height: 142.857%;
  }
}
.worries .worries-block02__text-block .text-wrap .text.__text01 {
  max-width: 288px;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .text.__text01 {
    max-width: 73.2824427481vw;
  }
}
.worries .worries-block02__text-block .text-wrap .text.__text02 {
  max-width: 275px;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .text.__text02 {
    max-width: 69.9745547074vw;
  }
}
.worries .worries-block02__text-block .text-wrap .text.__text03 {
  max-width: 258px;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .text.__text03 {
    max-width: 65.6488549618vw;
  }
}
.worries .worries-block02__text-block .text-wrap .icon {
  width: 26px;
  height: 26px;
  margin-right: var(--size-10);
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .icon {
    width: 6.6157760814vw;
    height: 6.6157760814vw;
  }
}
.worries .worries-block02__text-block .text-wrap .icon:before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Ccircle cx='12.9534' cy='12.9534' r='12.9534' fill='white'/%3E%3Cpath d='M7.31323 12.305L11.0772 16.069C11.5476 16.5394 12.3144 16.5257 12.7677 16.0388L18.5103 9.87085' stroke='%2300236B' stroke-width='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .text-wrap .icon:before {
    width: 6.6157760814vw;
    height: 6.6157760814vw;
  }
}
.worries .worries-block02__text-block .lg-text {
  margin: 0 auto;
  color: #00236B;
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border-radius: 60px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 286px;
  width: 100%;
  padding: 8px 0 7px;
}

@media screen and (max-width: 1200px) {
  .worries .worries-block02__text-block .lg-text {
    font-size: 1.6666666667vw;
    margin-left: 1.6666666667vw;
    margin-right: 1.6666666667vw;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .worries .worries-block02__text-block .lg-text {
    font-size: 5.0890585242vw;
    padding: 2.0356234097vw 0 1.7811704835vw;
    max-width: 72.7735368957vw;
    border-radius: 15.2671755725vw;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin: 0 auto;
  }
}
.worries .mid-cover {
  margin-top: var(--size-65);
  width: 100%;
  height: 350px;
  background: url("../img/worries_mid_cover.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

@media screen and (max-width: 768px) {
  .worries .mid-cover {
    margin-top: 5.8524173028vw;
    height: 128.4987277354vw;
    background: url("../img/worries_mid_cover_sp.webp");
    background-size: contain;
  }
}
.worries .mid-cover .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.worries .mid-cover .image {
  width: 617px;
  height: 333px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 54%;
  left: 22%;
  background: url("../img/worries_mid_text.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .worries .mid-cover .image {
    width: 51.4166666667vw;
    height: 27.75vw;
  }
}
@media screen and (max-width: 768px) {
  .worries .mid-cover .image {
    display: block;
    position: initial;
    background: none;
    transform: initial;
    width: 100%;
    padding-top: var(--size-20);
  }
  .worries .mid-cover .image:after {
    content: "";
    display: block;
    width: 100%;
    height: 58.2697201018vw;
    background: url("../img/worries_mid_text_sp02.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
  }
}
.reason {
  padding-top: var(--size-40);
}

.reason-wrap {
  display: flex;
  justify-content: space-between;
  text-align: left;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .reason-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6666666667vw;
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap {
    display: flex;
    grid-template-columns: initial;
    gap: initial;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .reason-wrap .block {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1200px) {
  .reason-wrap .block:nth-child(2) {
    padding-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .block:nth-child(2) {
    padding-left: initial;
    padding-top: 5.5979643766vw;
    border-top: 1px solid #000;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap {
    display: flex;
    flex-flow: column;
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
  }
}
.reason-wrap:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .reason-wrap:before {
    display: none;
    width: 100%;
    height: 1px;
  }
}
.reason-wrap .heading-wrap {
  display: flex;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .reason-wrap .heading-wrap {
    margin-bottom: 5.0890585242vw;
    align-items: center;
  }
}
.reason-wrap .heading-wrap .icon {
  text-align: center;
  border-radius: 8px;
  background: #00236B;
  display: inline-block;
  color: #FFF;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.46px;
  padding: 12px 11px 12px;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .heading-wrap .icon {
    font-size: 1.3333333333vw;
    padding: 1vw 0.9166666667vw 1vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .heading-wrap .icon {
    font-size: 4.0712468193vw;
    border-radius: 2.0356234097vw;
    padding: 3.5623409669vw 2.7989821883vw 3.3078880407vw;
  }
}
.reason-wrap .heading-wrap .icon span {
  display: block;
  font-family: "Noto Sans JP";
  font-size: 3rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 4.467px;
  padding-top: 2px;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .heading-wrap .icon span {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .heading-wrap .icon span {
    font-size: 7.6335877863vw;
  }
}
.reason-wrap .heading-wrap .heading {
  flex: 1;
  color: #00236B;
  font-family: "Noto Sans JP";
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 37px; /* 142.308% */
  letter-spacing: 1.3px;
  margin-left: 15px;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .heading-wrap .heading {
    font-size: 2.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .heading-wrap .heading {
    font-size: 5.0890585242vw;
    line-height: 130%;
  }
}
.reason-wrap .text {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.7px;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .text ._pcOnly {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .text {
    font-size: 3.5623409669vw;
    line-height: 157.143%;
  }
}
.reason-wrap .image {
  height: 283px;
  margin-top: var(--size-30);
  position: relative;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .image {
    height: 23.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .image {
    height: auto;
    margin-top: var(--size-10);
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .image.--image01 {
    margin-top: 12.213740458vw;
    padding-bottom: 6.6157760814vw;
  }
}
.reason-wrap .image.--image01:before {
  display: block;
  content: "";
  width: 502px;
  height: 283px;
  background: url("../img/reason01.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .image.--image01:before {
    width: 41.8333333333vw;
    height: 23.5833333333vw;
    right: initial;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .image.--image01:before {
    width: 90.8396946565vw;
    height: 60.3053435115vw;
    position: initial;
    background: url("../img/reason01_sp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: initial;
  }
}
.reason-wrap .image.--image01:after {
  display: block;
  content: "";
  width: 167px;
  height: 120px;
  background: url("../img/reason03.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -76px;
  right: 6px;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .image.--image01:after {
    width: 13.9166666667vw;
    height: 10vw;
    top: -3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .image.--image01:after {
    width: 42.4936386768vw;
    height: 30.0254452926vw;
    background: url("../img/reason03_sp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    top: -5.0890585242vw;
    right: -2.5445292621vw;
  }
}
.reason-wrap .image.--image02:before {
  display: block;
  content: "";
  width: 474px;
  height: 272px;
  background: url("../img/reason02.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1200px) {
  .reason-wrap .image.--image02:before {
    width: 39.5vw;
    height: 22.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-wrap .image.--image02:before {
    width: 71.7557251908vw;
    height: 41.2213740458vw;
    position: initial;
    margin: 0 auto;
  }
}
.solution {
  background: #DFE6F0;
  padding-top: 25px;
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .solution {
    overflow: hidden;
  }
}
.solution .heading {
  color: #0353AF;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .solution .heading {
    font-size: 5.8524173028vw;
  }
}
.solution .heading__text {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .solution .heading__text {
    flex-flow: column;
    display: inline-flex;
    position: relative;
  }
}
.solution .heading__text:before {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M8.80693 2.2068C14.9134 15.4488 21.0192 28.6912 27.1257 41.9331C27.4649 42.6687 27.8046 43.4044 28.1438 44.1399C27.6748 43.4795 27.2059 42.8186 26.737 42.1582C18.2938 30.269 9.85 18.3803 1.40686 6.49105C0.937809 5.83055 0.469067 5.16983 1.21593e-05 4.50933L7.78885 0C8.12809 0.735654 8.46769 1.47115 8.80693 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: 0.08em;
}

@media screen and (max-width: 768px) {
  .solution .heading__text:before {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 5%;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.75126%203.09444C18.0591%2021.6621%2027.3662%2040.2302%2036.674%2058.7979C37.1911%2059.8293%2037.7086%2060.861%2038.2257%2061.8923C37.5887%2060.9304%2036.9517%2059.9679%2036.3147%2059.006C24.847%2041.6887%2013.3787%2024.3718%201.91099%207.05459C1.2739%206.09254%200.637101%205.13026%201.74692e-05%204.16821L7.19965%200C7.71674%201.03152%208.23417%202.06291%208.75126%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    left: -14%;
    margin-right: 0;
    top: 56%;
  }
}
.solution .heading__text:after {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M19.3369 2.2068C13.2304 15.4488 7.12458 28.6912 1.01809 41.9331C0.678889 42.6687 0.339196 43.4044 -3.35742e-07 44.1399C0.468989 43.4795 0.937862 42.8186 1.40685 42.1582C9.84998 30.269 18.2938 18.3803 26.7369 6.49105C27.206 5.83055 27.6747 5.16983 28.1438 4.50933L20.355 0C20.0157 0.735654 19.6761 1.47115 19.3369 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
  position: relative;
  top: 0.08em;
}

@media screen and (max-width: 768px) {
  .solution .heading__text:after {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 5%;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.4744%203.09444C20.1666%2021.6621%2010.8594%2040.2302%201.5516%2058.7979C1.03458%2059.8293%200.517008%2060.861%20-1.18334e-05%2061.8923C0.636982%2060.9304%201.27396%2059.9679%201.91096%2059.006C13.3786%2041.6887%2024.847%2024.3718%2036.3147%207.05459C36.9517%206.09254%2037.5885%205.13026%2038.2256%204.16821L31.026%200C30.5089%201.03152%2029.9915%202.06291%2029.4744%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    right: -40%;
    margin-right: 0;
    top: 56%;
  }
}
.solution .heading .logo {
  width: 82px;
  height: 31px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='31' viewBox='0 0 82 31' fill='none'%3E%3Cpath d='M6.96191 30.543H0L5.28516 0H12.2451L6.96191 30.543ZM16.6582 14.9443L23.5566 30.543H16.1621L9.63477 15.1221L9.66602 14.9766L20.8848 0H28.7139L16.6582 14.9443ZM34.2461 30.543H27.2842L32.5693 0H39.5273L34.2461 30.543ZM56 0L43.9434 14.9443L50.8389 30.543H43.4424L36.917 15.1221L36.9492 14.9443L48.1689 0H56ZM81.7002 3.69141L80.7666 8.97852H73.8047L74.3652 5.6709H64.9775L63.9951 10.8701L79.8027 15.0635L77.8125 26.6436L73.3408 30.4854H58.9834L54.6611 26.79L55.6875 21.001H62.6494L61.998 24.8105H71.3818L72.4053 19.2578L56.6006 15.0635H56.6182L58.5469 3.83984L63.0225 0H77.3789L81.7002 3.69141Z' fill='%230353AF'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media screen and (max-width: 768px) {
  .solution .heading .logo {
    width: 20.8651399491vw;
    height: 7.8880407125vw;
    display: inline-flex;
    position: relative;
    left: -0.25em;
  }
  .solution .heading .logo:after {
    content: "の";
    display: block;
    font-size: 5.8524173028vw;
    position: absolute;
    right: -6.106870229vw;
    bottom: -1.272264631vw;
  }
}
.solution__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 23px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .solution__container {
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .solution__container {
    display: flex;
    flex-flow: column;
    gap: 4.3256997455vw;
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
  }
}
.solution__container:before {
  content: "";
  display: block;
  width: 103px;
  height: 102px;
  background: url("../img/icon_solution.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .solution__container:before {
    width: 26.2086513995vw;
    height: 25.9541984733vw;
  }
}
.solution__block {
  border-radius: 20px;
  background: #FFF;
  padding-top: 30px;
  padding-bottom: 18px;
}

@media screen and (max-width: 768px) {
  .solution__block {
    padding-top: 7.6335877863vw;
    padding-bottom: 5.0890585242vw;
  }
}
@media screen and (max-width: 768px) {
  .solution__block:first-child .image {
    height: 49.8727735369vw;
    position: relative;
  }
  .solution__block:first-child .image:after {
    content: "";
    display: block;
    width: 96.1832061069vw;
    height: 49.8727735369vw;
    background: url("../img/solution01_sp.webp");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .solution__block:first-child .image img {
    display: none;
  }
}
.solution__block:nth-child(2) {
  display: flex;
  flex-flow: column;
}

@media screen and (max-width: 768px) {
  .solution__block:nth-child(2) {
    flex-direction: column-reverse;
    padding-top: 15.2671755725vw;
  }
  .solution__block:nth-child(2) .image {
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
  }
  .solution__block:nth-child(2) .title {
    margin-top: 9.1603053435vw;
    margin-bottom: 0;
  }
}
.solution__block .title {
  color: #00236B;
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: 1.3px;
  margin-bottom: 15px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .solution__block .title {
    font-size: 5.0890585242vw;
  }
}
.solution__block .image {
  position: relative;
  z-index: 2;
}

.form {
  padding-top: 25px;
  padding-bottom: 62px;
}

@media screen and (max-width: 1200px) {
  .form .inner {
    padding-left: 3.3333333333vw;
    padding-right: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .form {
    padding-bottom: 0;
    padding-top: 8.1424936387vw;
  }
  .form .inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.form .heading {
  color: #0353AF;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1.6px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 23px;
}

@media screen and (max-width: 768px) {
  .form .heading {
    font-size: 6.106870229vw;
  }
}
.form .heading:before {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M8.80693 2.2068C14.9134 15.4488 21.0192 28.6912 27.1257 41.9331C27.4649 42.6687 27.8046 43.4044 28.1438 44.1399C27.6748 43.4795 27.2059 42.8186 26.737 42.1582C18.2938 30.269 9.85 18.3803 1.40686 6.49105C0.937809 5.83055 0.469067 5.16983 1.21593e-05 4.50933L7.78885 0C8.12809 0.735654 8.46769 1.47115 8.80693 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: 0.08em;
}

@media screen and (max-width: 768px) {
  .form .heading:before {
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.75126%203.09444C18.0591%2021.6621%2027.3662%2040.2302%2036.674%2058.7979C37.1911%2059.8293%2037.7086%2060.861%2038.2257%2061.8923C37.5887%2060.9304%2036.9517%2059.9679%2036.3147%2059.006C24.847%2041.6887%2013.3787%2024.3718%201.91099%207.05459C1.2739%206.09254%200.637101%205.13026%201.74692e-05%204.16821L7.19965%200C7.71674%201.03152%208.23417%202.06291%208.75126%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain;
    top: 0.2em;
    margin-right: 0;
  }
}
.form .heading:after {
  content: "";
  display: block;
  width: 28px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='45' viewBox='0 0 29 45' fill='none'%3E%3Cpath d='M19.3369 2.2068C13.2304 15.4488 7.12458 28.6912 1.01809 41.9331C0.678889 42.6687 0.339196 43.4044 -3.35742e-07 44.1399C0.468989 43.4795 0.937862 42.8186 1.40685 42.1582C9.84998 30.269 18.2938 18.3803 26.7369 6.49105C27.206 5.83055 27.6747 5.16983 28.1438 4.50933L20.355 0C20.0157 0.735654 19.6761 1.47115 19.3369 2.2068Z' fill='%230353AF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
  position: relative;
  top: 0.08em;
}

@media screen and (max-width: 768px) {
  .form .heading:after {
    width: 9.9236641221vw;
    height: 15.7760814249vw;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2262%22%20viewBox%3D%220%200%2039%2062%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.4744%203.09444C20.1666%2021.6621%2010.8594%2040.2302%201.5516%2058.7979C1.03458%2059.8293%200.517008%2060.861%20-1.18334e-05%2061.8923C0.636982%2060.9304%201.27396%2059.9679%201.91096%2059.006C13.3786%2041.6887%2024.847%2024.3718%2036.3147%207.05459C36.9517%206.09254%2037.5885%205.13026%2038.2256%204.16821L31.026%200C30.5089%201.03152%2029.9915%202.06291%2029.4744%203.09444Z%22%20fill%3D%22%230353AF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain;
    top: 0.2em;
    margin-left: 0;
  }
}
.form-container {
  border-radius: 20px;
  background: #E3EEFB;
  padding-top: 75px;
  padding-bottom: 95px;
}

@media screen and (max-width: 768px) {
  .form-container {
    border-radius: 0;
    padding-top: var(--size-40);
    padding-bottom: var(--size-55);
  }
}
.form-container .title {
  color: #382D24;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.537px;
}

@media screen and (max-width: 768px) {
  .form-container .title {
    font-size: 4.5801526718vw;
    line-height: 1;
  }
}
.form-container .form-block {
  margin: 0 auto;
  margin-top: 65px;
  max-width: 773px;
}

.form-container .form-block._confirm .form_item {
  border-bottom: 1px solid #c9d8ea;
  padding-bottom: var(--size-10);
}

.form-container .form-block._confirm .form_item + .form_item {
  margin-top: var(--size-15);
}

@media screen and (max-width: 768px) {
  .form-container .form-block._confirm .form_item + .form_item {
    margin-top: 4.5801526718vw;
  }
}
@media screen and (max-width: 1200px) {
  .form-container .form-block {
    padding-left: 3.3333333333vw;
    padding-right: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .form-container .form-block {
    margin-top: var(--size-40);
    padding-left: 4.0712468193vw;
    padding-right: 4.0712468193vw;
  }
}
.form-container .form-block .form_item + .form_item {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .form_item + .form_item {
    margin-top: 4.5801526718vw;
  }
}
.form-container .form-block .neme {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 240px;
  text-align: left;
  padding-right: var(--size-15);
  position: relative;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .neme {
    width: 100%;
    padding-right: 0;
    font-size: 3.5623409669vw;
    margin-bottom: 2.5445292621vw;
  }
}
.form-container .form-block .neme._require:after {
  content: "必須";
  display: inline-block;
  font-size: 1.2rem;
  background: #c70e0e;
  color: #FFF;
  line-height: 1;
  padding: 4px 6px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 10px;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .neme._require:after {
    right: initial;
    transform: initial;
    position: initial;
    margin-left: 2.5445292621vw;
    font-size: 2.5445292621vw;
    padding: 1.0178117048vw 1.5267175573vw;
  }
}
.form-container .form-block .form_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .form_item {
    display: flex;
    flex-flow: column;
  }
}
.form-container .form-block .form_item.--center {
  align-items: center;
}

.form-container .form-block .input-wrap {
  flex: 1;
  text-align: left;
  position: relative;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .input-wrap {
    width: 100%;
  }
}
.form-container .form-block .input-wrap input, .form-container .form-block .input-wrap textarea {
  width: 100%;
  font-size: 1.6rem;
  padding: 11px 10px;
  border-radius: 5px;
  border: none;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .input-wrap input, .form-container .form-block .input-wrap textarea {
    font-size: 3.5623409669vw;
    padding: 1.272264631vw 2.5445292621vw;
    border-radius: 0;
  }
}
.form-container .form-block .input-wrap textarea {
  height: 150px;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .input-wrap textarea {
    height: 23.4096692112vw;
  }
}
.form-container .form-block .input-wrap._col02 {
  position: relative;
}

.form-container .form-block .input-wrap._col02 .block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  position: relative;
}

.form-container .form-block .input._select {
  position: relative;
  display: inline-block;
}

.form-container .form-block .input._select::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 14px;
  height: 8px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.530334 0.530273L7.8941 7.89404L15.2579 0.530273' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .input._select::after {
    width: 2.5445292621vw;
    height: 1.0178117048vw;
  }
}
.form-container .form-block .input._select select {
  border-radius: 5px;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.6px;
  width: 240px;
  padding: 8px 10px 8px 40px;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .input._select select {
    border-radius: 0;
    font-size: 2.7989821883vw;
    width: 45.8015267176vw;
  }
}
.form-container .form-block .submit-btn {
  margin-top: 55px;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .submit-btn {
    margin-top: 10.1781170483vw;
  }
}
.form-container .form-block .submit-btn:after {
  content: "";
  display: block;
  width: 11px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24' fill='none'%3E%3Cpath d='M0.707108 0.707031L11.7071 11.707L0.707108 22.707' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/contain;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 20px;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .submit-btn:after {
    width: 2.2900763359vw;
    height: 4.3256997455vw;
  }
}
.form-container .form-block .submit-btn #submit {
  border-radius: 40px;
  background: #AEC0DA;
  border: none;
  color: #FFF;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2.2px;
  padding: 25px 138px;
  position: relative;
  cursor: pointer;
  transition: 0.6s;
}

@media screen and (max-width: 768px) {
  .form-container .form-block .submit-btn #submit {
    font-size: 4.5801526718vw;
    padding: 4.834605598vw 20.3562340967vw 4.5801526718vw;
  }
}
.form-container .form-block .submit-btn #submit:hover {
  background: #7594c0;
}

.form-container .el-input {
  position: relative;
}

.form-container .form-error {
  color: #c70e0e;
  font-size: 1.4rem;
  position: absolute;
  padding-top: 3px;
}

.footer {
  background: #0353AF;
  color: #FFF;
  padding-top: 37px;
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .footer {
    padding-top: 9.4147582697vw;
    padding-bottom: 5.0890585242vw;
  }
}
.footer .company__logo {
  width: 124px;
  margin: 0 auto 36px;
}

@media screen and (max-width: 768px) {
  .footer .company__logo {
    width: 31.5521628499vw;
    margin: 0 auto 9.1603053435vw;
  }
}
.footer .company__name {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.9px;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .footer .company__name {
    font-size: 4.5801526718vw;
    margin-bottom: 8.1424936387vw;
  }
}
.footer .office__block {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  letter-spacing: 2.1px;
}

@media screen and (max-width: 768px) {
  .footer .office__block {
    font-size: 3.5623409669vw;
    line-height: 1.5714285714;
  }
}
.footer .office__block + .office__block {
  margin-top: 27px;
}

@media screen and (max-width: 768px) {
  .footer .office__block + .office__block {
    margin-top: 6.8702290076vw;
  }
}
.footer .copyright {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.2px;
  margin-top: var(--size-50);
}

@media screen and (max-width: 768px) {
  .footer .copyright {
    font-size: 3.0534351145vw;
  }
}
.complete {
  padding: 60px 0;
}

.complete__heading {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.complete__heading:after {
  display: block;
  content: "";
  width: 40px;
  height: 5px;
  background: #0353af;
  margin: 8px auto 0;
}

@media screen and (max-width: 768px) {
  .complete__heading:after {
    width: 7.6335877863vw;
  }
}
.complete__message {
  margin-top: 50px;
}

.complete__message p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
}

.complete__button {
  margin-top: 60px;
}

.complete__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 60px;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  background: #0353af;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.complete__button a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .complete {
    padding: 80px 20px;
  }
  .complete__heading {
    font-size: 2.4rem;
  }
  .complete__message {
    margin-top: 35px;
  }
  .complete__message p {
    font-size: 1.4rem;
    line-height: 2;
  }
  .complete__button {
    margin-top: 45px;
  }
  .complete__button a {
    width: 100%;
    max-width: 280px;
    height: 55px;
    font-size: 1.4rem;
  }
}
.appeal-point {
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 1200px) {
  .appeal-point {
    display: block;
  }
}
.appeal-point:hover {
  -webkit-animation: appeal-bounce 0.6s ease-in-out;
          animation: appeal-bounce 0.6s ease-in-out;
}

@-webkit-keyframes appeal-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-4px);
  }
}

@keyframes appeal-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-4px);
  }
}
.form-container .form-block .confirm-value {
  font-size: 1.6rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
  min-width: 0;
}

.form-container .form-block .server-errors {
  color: #a00000;
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: left;
  margin-bottom: 30px;
}

.form-container .form-block .confirm-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
}

.form-container .form-block .confirm-actions .submit-btn {
  margin-top: 0;
}

.form-container .form-block .back-button {
  border: 1px solid #7594c0;
  border-radius: 40px;
  padding: 20px 30px;
  background: #fff;
  color: #382d24;
  font-size: 1.6rem;
  cursor: pointer;
}

.form-container .form-block #submit:disabled {
  opacity: 0.6;
  cursor: wait;
}
/*# sourceMappingURL=style.css.map */