@charset "UTF-8";
html {
  font-size: 1.0582010582vw;
  font-weight: 400;
  color: #000;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

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

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.header {
  display: flex;
  position: fixed;
  width: 100%;
  justify-content: space-between;
  background-color: transparent;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .header {
    position: relative;
    background-color: #fff;
    justify-content: center;
  }
}

.logo {
  width: 17.328042328vw;
  padding: 2.1164021164vw 0 0 2.1164021164vw;
}
@media screen and (max-width: 768px) {
  .logo {
    width: 61.4128205128vw;
    padding: 2.0512820513vw 0;
  }
}

.header__items {
  position: absolute;
  display: flex;
  right: 0;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .header__items {
    position: fixed;
    display: flex;
    justify-content: center;
    bottom: env(safe-area-inset-bottom, 0);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 2.1384615385vw 0;
    z-index: 1000;
  }
}

.header__item {
  font-size: 1.0582010582vw;
  font-weight: 700;
  line-height: 175%;
  width: 16.9312169312vw;
  height: 3.7037037037vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../../assets/img/bg_header-download.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: -2.1825396825vw;
  transition: filter 0.3s ease;
}
@media screen and (max-width: 768px) {
  .header__item {
    font-size: 3.5897435897vw;
    width: 48.241025641vw;
    height: 11.4512820513vw;
    background-image: url(../../assets/img/sp_bg_header-download.png);
    margin-right: -6.6666666667vw;
  }
}

.header__item:nth-child(2) {
  width: 15.873015873vw;
  justify-content: flex-end;
  padding-right: 1.5873015873vw;
  background-image: url(../../assets/img/bg_header-contact.png);
  margin-right: unset;
}
@media screen and (max-width: 768px) {
  .header__item:nth-child(2) {
    width: 52.3435897436vw;
    height: 11.4512820513vw;
    background-image: url(../../assets/img/sp_bg_header-contact.png);
    padding-right: 6.4102564103vw;
  }
}

.header__item:hover {
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
}

.header__link {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: 0.3s all;
}

.header__item:nth-child(2) .header__link {
  color: #fff;
  margin-left: 2.6455026455vw;
}
@media screen and (max-width: 768px) {
  .header__item:nth-child(2) .header__link {
    margin-left: 5.8974358974vw;
  }
}

.fv {
  position: relative;
  padding-top: 6.8783068783vw;
  padding-bottom: 3.4279100529vw;
  background-color: #446073;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .fv {
    padding-top: 5.3871794872vw;
    padding-bottom: 11.0384615385vw;
  }
}

.bg_fv {
  position: absolute;
  width: 82.087962963vw;
  top: 2.1164021164vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .bg_fv {
    width: 100%;
  }
}

.fv__inner {
  position: relative;
  z-index: 30;
}

.fv-title__wrap {
  display: flex;
  flex-direction: column;
}

.fv-title__heading {
  font-size: 1.8518518519vw;
  font-weight: 700;
  line-height: 175%;
  color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .fv-title__heading {
    font-size: 4.1025641026vw;
  }
}

.fv__title {
  width: 44.6111111111vw;
  margin: 0 auto;
  padding-top: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .fv__title {
    width: 75.541025641vw;
    padding-top: 3.3333333333vw;
  }
}

.fv__subtitle {
  width: 44.3941798942vw;
  padding-top: 2.8439153439vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .fv__subtitle {
    width: 75.1743589744vw;
    padding-top: 4.8153846154vw;
  }
}

.fv-contents__items {
  display: flex;
  justify-content: center;
  margin-top: 3.1712962963vw;
}
@media screen and (max-width: 768px) {
  .fv-contents__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(41.0256410256vw, 1fr));
    justify-items: center;
    padding-top: 8.8641025641vw;
    max-width: 82.0512820513vw;
    margin: 0 auto;
  }
}

.fv-contents__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12.1693121693vw;
  height: 12.1693121693vw;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}
@media screen and (max-width: 768px) {
  .fv-contents__item {
    width: 41.0256410256vw;
    height: 41.0256410256vw;
  }
}

@media screen and (max-width: 768px) {
  .fv-contents__item:last-child {
    grid-column: 1/-1;
    justify-self: center;
    margin-top: -5.1282051282vw;
  }
}

.fv-contents__item + .fv-contents__item {
  margin-left: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .fv-contents__item + .fv-contents__item {
    margin-left: unset;
  }
}

.item-number {
  font-size: 1.5873015873vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1.1666666667;
  color: #60CFEA;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .item-number {
    font-size: 5.1282051282vw;
    line-height: 1.15;
  }
}

.fv-contents__item:last-child .item-number {
  margin-top: -1.1904761905vw;
}

.item__text {
  font-size: 1.0582010582vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1.75;
  color: #fff;
  margin-top: 0.5291005291vw;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .item__text {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    margin-top: 2.1743589744vw;
  }
}

.fv-contents__item:last-child .item__text {
  margin-top: 0.9920634921vw;
}
@media screen and (max-width: 768px) {
  .fv-contents__item:last-child .item__text {
    margin-top: 3.6897435897vw;
  }
}

.fv-text__wrap {
  display: flex;
  flex-direction: column;
  margin-top: 3.1746031746vw;
}
@media screen and (max-width: 768px) {
  .fv-text__wrap {
    margin-top: 8.2051282051vw;
  }
}

.fv-text {
  font-size: 1.8518518519vw;
  font-weight: 700;
  line-height: 175%;
  color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .fv-text {
    font-size: 5.1282051282vw;
  }
}

.fv-text__items {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.0582010582vw 0;
}
@media screen and (max-width: 768px) {
  .fv-text__items {
    margin: 2.8666666667vw 0;
  }
}

.fv-text__item {
  font-size: 1.8518518519vw;
  font-weight: 700;
  line-height: 175%;
  color: #000;
  background-color: #5CCEEA;
  padding: 0.2645502646vw 1.5873015873vw;
  border-radius: 2.6455026455vw;
}
@media screen and (max-width: 768px) {
  .fv-text__item {
    font-size: 5.1282051282vw;
    padding: 0.7179487179vw 4.3vw;
    border-radius: 7.1666666667vw;
  }
}

.fv-text__item.color-change {
  position: relative;
  background-color: #5DD30E;
  padding: 0.2645502646vw 3.4391534392vw;
  color: #000;
}
@media screen and (max-width: 768px) {
  .fv-text__item.color-change {
    padding: 0.7179487179vw 9.0974358974vw;
  }
}

.sign {
  display: block;
  position: relative;
  width: 0.9735449735vw;
  height: 1.6865079365vw;
  margin: 0 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .sign {
    width: 2.6384615385vw;
    height: 4.5692307692vw;
    margin: 0 2.8666666667vw;
  }
}

.sign::before, .sign::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1322751323vw;
  height: 1.6865079365vw;
  background-color: #fff;
  border-radius: 1.3227513228vw;
}
@media screen and (max-width: 768px) {
  .sign::before, .sign::after {
    width: 0.358974359vw;
    height: 4.5692307692vw;
  }
}

.sign::before {
  transform: translate(-50%, -50%) rotate(30deg);
}

.sign::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}

.fv-design {
  position: absolute;
  bottom: 0.7936507937vw;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .fv-design {
    bottom: 2.5641025641vw;
  }
}

.introduction {
  position: relative;
  background-color: #446073;
  padding-bottom: 3.3895502646vw;
}
@media screen and (max-width: 768px) {
  .introduction {
    padding-bottom: 10.2564102564vw;
  }
}

.introduction-design {
  position: absolute;
  top: -15.1977513228vw;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .introduction-design {
    top: 26.1538461538vw;
  }
}

.introduction__inner {
  position: relative;
  display: flex;
  margin: 0 auto;
  background-image: url(../../assets/img/bg_introduction.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 64.2857142857vw;
  padding: 8.5317460317vw 8.1468253968vw 8.4490740741vw 8.2010582011vw;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .introduction__inner {
    display: block;
    background-image: url(../../assets/img/sp_bg_introduction.png);
    width: 100%;
    padding: 16.9820512821vw 4.1025641026vw 16.1538461538vw;
  }
}

.introduction-title_en {
  font-size: 0.9259259259vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1.1428571429;
  color: #446073;
}
@media screen and (max-width: 768px) {
  .introduction-title_en {
    font-size: 3.0769230769vw;
    line-height: 1.1666666667;
    text-align: center;
  }
}

.introduction-sign {
  position: relative;
  margin-left: 0.8597883598vw;
}
@media screen and (max-width: 768px) {
  .introduction-sign {
    margin-left: 3.3333333333vw;
  }
}

.introduction-sign::before {
  position: absolute;
  content: "";
  left: -0.8597883598vw;
  top: 50%;
  transform: translateY(-60%);
  width: 0.3306878307vw;
  height: 0.462962963vw;
  background-image: url(../../assets/img/introduction-sign.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .introduction-sign::before {
    width: 1.2820512821vw;
    height: 1.7948717949vw;
    left: -3.3333333333vw;
  }
}

.introduction-title {
  font-size: 1.5806878307vw;
  font-weight: 700;
  line-height: 1.2083333333;
  color: #fff;
  margin-top: 0.7936507937vw;
}
@media screen and (max-width: 768px) {
  .introduction-title {
    font-size: 4.6153846154vw;
    line-height: 1.2222222222;
    margin-top: 2.0512820513vw;
    text-align: center;
  }
}

.introduction__items {
  margin-left: 5.291005291vw;
}
@media screen and (max-width: 768px) {
  .introduction__items {
    margin-left: unset;
    margin-top: 6.0948717949vw;
  }
}

.introduction__item {
  font-size: 1.3227513228vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 175%;
  color: #000;
  padding: 1.0582010582vw 0;
  text-indent: -1em;
  padding-left: 1em;
  width: 28.373015873vw;
}
@media screen and (max-width: 768px) {
  .introduction__item {
    font-size: 4.1025641026vw;
    line-height: 1.75;
    width: unset;
    padding: 3.0769230769vw 4.1025641026vw;
  }
}

.introduction__item:first-child {
  padding-top: 0;
}

.introduction__item:last-child {
  padding-bottom: 0;
}

.introduction__item:not(:last-child) {
  background-image: radial-gradient(circle, #446073 50%, transparent 51%);
  background-size: 8px 2px;
  background-repeat: repeat-x;
  background-position: bottom left;
}

.color-change {
  color: #fff;
}

.bg__wrap {
  position: relative;
}

.bg_service {
  position: absolute;
  top: 16.4060846561vw;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .bg_service {
    top: 78.9897435897vw;
  }
}

.service {
  background-color: #446073;
  padding-bottom: 5.6216931217vw;
}
@media screen and (max-width: 768px) {
  .service {
    padding-bottom: 6.1538461538vw;
  }
}

.service__inner {
  position: relative;
  z-index: 20;
}

.service-heading__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}

.service-sign {
  position: relative;
  width: 2.2447089947vw;
  margin: 0 auto;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .service-sign {
    width: 8.7025641026vw;
  }
}

.service-heading__text {
  position: relative;
  font-size: 1.8518518519vw;
  font-weight: 700;
  line-height: 1.2142857143;
  color: #5CCEEA;
  text-align: center;
  margin: 3.373015873vw 0;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .service-heading__text {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin: 10.2564102564vw 0;
  }
}

.bg_service-heading {
  position: absolute;
  top: -9.0608465608vw;
  left: 50%;
  transform: translateX(-50%);
  width: 31.8783068783vw;
  z-index: 10;
}

.service-img {
  width: 24.6693121693vw;
  margin: 0 auto;
  padding-top: 3.376984127vw;
}
@media screen and (max-width: 768px) {
  .service-img {
    width: 61.5384615385vw;
    padding-top: 10.2564102564vw;
  }
}

.service-title {
  width: 44.1455026455vw;
  margin: 0 auto;
  padding-top: 3.1746031746vw;
}
@media screen and (max-width: 768px) {
  .service-title {
    width: 76.9230769231vw;
    padding-top: 8.2051282051vw;
  }
}

.service-subtitle {
  font-size: 2.5132275132vw;
  font-weight: 700;
  line-height: 1.2105263158;
  color: #fff;
  text-align: center;
  margin-top: 0.8597883598vw;
}
@media screen and (max-width: 768px) {
  .service-subtitle {
    font-size: 6.1538461538vw;
    line-height: 1.2083333333;
    margin-top: 2.7153846154vw;
  }
}

.service__items {
  margin-top: 3.1448412698vw;
}
@media screen and (max-width: 768px) {
  .service__items {
    margin-top: 8.2051282051vw;
  }
}

.service__item {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 58.5978835979vw;
  height: 26.3888888889vw;
  padding: 2.419973545vw 0;
  background-image: url(../../assets/img/service-frame.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .service__item {
    width: 90.3205128205vw;
    height: 108.7179487179vw;
    background-image: url(../../assets/img/sp_service-frame.png);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.service__item:not(:first-child) {
  margin-top: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .service__item:not(:first-child) {
    margin-top: 2.0512820513vw;
  }
}

.point-icon {
  width: 6.1858465608vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .point-icon {
    width: 23.9820512821vw;
  }
}

.service-item__title {
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 175%;
  color: #60CFEA;
  margin-top: 0.5747354497vw;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .service-item__title {
    font-size: 4.6153846154vw;
    margin-top: 2.2282051282vw;
  }
}

.service-item__text {
  font-size: 1.0582010582vw;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  width: 38.0952380952vw;
  padding-top: 1.0582010582vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .service-item__text {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    padding-top: 4.1025641026vw;
    width: 74.358974359vw;
  }
}

.case {
  position: relative;
  background-color: #446073;
  padding-top: 5.753968254vw;
  padding-bottom: 10.119047619vw;
}
@media screen and (max-width: 768px) {
  .case {
    padding-top: 8.2051282051vw;
    padding-bottom: 0;
  }
}

.bg_case {
  position: absolute;
  top: 0;
  z-index: 20;
}

.case__inner {
  position: relative;
  z-index: 30;
}

.case__items {
  max-width: 67.7248677249vw;
  padding-top: 5.291005291vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .case__items {
    max-width: unset;
    padding: 0 4.1025641026vw;
    display: flex;
    flex-direction: column;
    padding-top: 8.2051282051vw;
    gap: unset;
  }
}

.case__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 16.4682539683vw;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
}
@media screen and (max-width: 768px) {
  .case__item {
    height: unset;
    padding: 6.1538461538vw;
  }
}

@media screen and (max-width: 768px) {
  .case__item:not(:first-child) {
    margin-top: 4.1025641026vw;
  }
}

.case__item:last-child {
  grid-column: 1/-1;
}
@media screen and (max-width: 768px) {
  .case__item:last-child {
    padding: 6.1538461538vw 8.2051282051vw;
  }
}

.case__title {
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 175%;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .case__title {
    font-size: 4.6153846154vw;
  }
}

.case .color-change {
  color: #5DD30E;
}

.case__text {
  font-size: 1.0582010582vw;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  margin-top: 1.0582010582vw;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .case__text {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    margin-top: 4.1025641026vw;
  }
}

.case-text__items {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 0.5291005291vw;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .case-text__items {
    display: flex;
    flex-direction: column;
    margin-top: 4.1025641026vw;
  }
}

.case-text__item.case__text {
  position: relative;
  text-align: left;
  margin-left: 2.1164021164vw;
  margin-top: unset;
}
@media screen and (max-width: 768px) {
  .case-text__item.case__text {
    margin-left: 8.2051282051vw;
  }
}

@media screen and (max-width: 768px) {
  .case-text__item.case__text + .case-text__item.case__text {
    margin-top: 2.0512820513vw;
  }
}

.case-text__item.case__text::before {
  position: absolute;
  content: "";
  width: 0.8597883598vw;
  height: 0.0661375661vw;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: -2.1164021164vw;
}
@media screen and (max-width: 768px) {
  .case-text__item.case__text::before {
    width: 4.1025641026vw;
    height: 0.2564102564vw;
    left: -8.2051282051vw;
  }
}

.case-text__item:nth-child(odd) {
  width: 14.8148148148vw;
}
@media screen and (max-width: 768px) {
  .case-text__item:nth-child(odd) {
    width: unset;
  }
}

.flow {
  position: relative;
  background-color: #446073;
  padding-top: 5.291005291vw;
  padding-bottom: 10.582010582vw;
}
@media screen and (max-width: 768px) {
  .flow {
    padding-top: 12.8358974359vw;
    padding-bottom: 14.358974359vw;
  }
}

.bg_flow {
  position: absolute;
  width: 63.3597883598vw;
  top: 3.9682539683vw;
  right: 0;
}
@media screen and (max-width: 768px) {
  .bg_flow {
    width: 100%;
    top: 0;
  }
}

.flow .section-title {
  color: #60CFEA;
}

.flow__wrapper {
  display: flex;
  max-width: 68.7248677249vw;
  margin: 0 auto;
  padding-top: 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .flow__wrapper {
    max-width: unset;
    padding: 8.2051282051vw 4.1025641026vw 0;
  }
}

.flow-line {
  width: 19.8412698413vw;
}
@media screen and (max-width: 768px) {
  .flow-line {
    width: 7.2564102564vw;
  }
}

@media screen and (max-width: 768px) {
  .flow__items {
    margin-left: 4.1025641026vw;
  }
}

.flow__item:first-child {
  margin-top: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .flow__item:first-child {
    margin-top: 2.0512820513vw;
  }
}

.flow__item:nth-child(odd) {
  margin-left: -16.9312169312vw;
}
@media screen and (max-width: 768px) {
  .flow__item:nth-child(odd) {
    margin-left: unset;
  }
}

.flow__item:nth-child(even) {
  margin-left: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .flow__item:nth-child(even) {
    margin-left: unset;
  }
}

.flow__item + .flow__item {
  margin-top: 5.291005291vw;
}
@media screen and (max-width: 768px) {
  .flow__item + .flow__item {
    margin-top: 6.1538461538vw;
  }
}

.flow-item__title {
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 175%;
  color: #60CFEA;
  margin-bottom: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .flow-item__title {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
  }
}

.flow-number {
  font-family: "Roboto", sans-serif;
  margin-right: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .flow-number {
    margin-right: 4.1025641026vw;
  }
}

.flow__text {
  position: relative;
  font-size: 1.044973545vw;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  margin-left: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  .flow__text {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    margin-left: 8.2051282051vw;
  }
}

.flow__text + .flow__text {
  margin-top: 0.5291005291vw;
}
@media screen and (max-width: 768px) {
  .flow__text + .flow__text {
    margin-top: 2.0512820513vw;
  }
}

.flow__text::before {
  position: absolute;
  content: "";
  width: 1.0582010582vw;
  height: 0.0661375661vw;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: -2.1164021164vw;
}
@media screen and (max-width: 768px) {
  .flow__text::before {
    width: 4.1025641026vw;
    height: 0.2564102564vw;
    top: 3.3333333333vw;
    left: -8.2051282051vw;
  }
}

.faq {
  position: relative;
  background-color: #446073;
  padding-bottom: 14.0873015873vw;
}
@media screen and (max-width: 768px) {
  .faq {
    padding-bottom: 30.7692307692vw;
  }
}

.bg_faq-left {
  position: absolute;
  top: -10.8220899471vw;
  left: 0;
  width: 9.5899470899vw;
}
@media screen and (max-width: 768px) {
  .bg_faq-left {
    width: 24.358974359vw;
    top: -309.2307692308vw;
  }
}

.bg_faq-right {
  position: absolute;
  top: 37.037037037vw;
  right: 0;
  width: 11.2433862434vw;
}
@media screen and (max-width: 768px) {
  .bg_faq-right {
    width: 16.9230769231vw;
    top: unset;
    bottom: 16.9666666667vw;
  }
}

.bg_faq-left02 {
  position: absolute;
  left: 0;
  bottom: 21.8895502646vw;
  width: 11.3756613757vw;
}

.bg_faq-right02 {
  position: absolute;
  right: 0;
  bottom: -36.1772486772vw;
  width: 9.5899470899vw;
}

.faq__items {
  margin-top: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  .faq__items {
    margin-top: 10.2051282051vw;
    padding: 0 4.1025641026vw;
  }
}

.faq__item + .faq__item {
  margin-top: 5.0925925926vw;
}
@media screen and (max-width: 768px) {
  .faq__item + .faq__item {
    margin-top: 8.2051282051vw;
  }
}

.faq-frame {
  width: 42.5297619048vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .faq-frame {
    width: 100%;
  }
}

.faq-item__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.faq-item__title {
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 175%;
  color: #fff;
  padding-top: 0.5291005291vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .faq-item__title {
    font-size: 4.6153846154vw;
    padding-top: 0;
  }
}

.faq-icon {
  width: 2.1164021164vw;
  margin: 0 auto;
  margin-top: 0.9259259259vw;
  transition: transform 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq-icon {
    width: 8.2051282051vw;
    margin-top: 4.1025641026vw;
  }
}

.faq__item.is-open .faq-icon {
  display: none;
}

.faq-item__text {
  font-size: 1.0582010582vw;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  width: 32.208994709vw;
  margin: 0 auto;
  margin-top: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .faq-item__text {
    font-size: 3.5897435897vw;
    line-height: 1.7142857143;
    width: 83.5897435897vw;
    margin-top: 4.1025641026vw;
  }
}

.consultation {
  background-color: #446073;
  padding: 2.6455026455vw 3.1746031746vw;
}
@media screen and (max-width: 768px) {
  .consultation {
    position: relative;
    padding: 6.1538461538vw 6.1538461538vw 2.5641025641vw;
  }
}

.consultation__inner {
  display: flex;
  width: 61.3756613757vw;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #325368;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.5);
  padding: 5.291005291vw 3.1746031746vw;
  transition: background-color 0.8s ease;
}
.consultation__inner:hover {
  background-color: #718c9d;
  box-shadow: unset;
}
.consultation__inner:hover .consultation-btn {
  transform: translateX(20px);
  transition: transform 1s ease;
}
.consultation__inner:hover .consultation-img {
  transform: translateX(-20px);
  transition: transform 0.8s ease;
}
@media screen and (max-width: 768px) {
  .consultation__inner {
    display: block;
    width: 100%;
    padding: 45.8974358974vw 6.1538461538vw 26.7948717949vw;
  }
}

.consultation__heading {
  width: 25.1322751323vw;
}
@media screen and (max-width: 768px) {
  .consultation__heading {
    width: 100%;
  }
}

.consultation__comment {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 1.1904761905vw;
  font-weight: 700;
  line-height: 1.2222222222;
  color: #fff;
  width: 15.6746031746vw;
  height: 2.2486772487vw;
  background-image: url(../../assets/img/consultation-comment.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .consultation__comment {
    font-size: 3.5897435897vw;
    line-height: 1.2142857143;
    width: 47.458974359vw;
    height: 6.7948717949vw;
  }
}

.consultation__title {
  font-size: 2.5132275132vw;
  font-weight: 700;
  line-height: 1.2105263158;
  color: #60CFEA;
  margin-top: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .consultation__title {
    font-size: 6.1538461538vw;
    line-height: 1.2083333333;
    margin-top: 2.0512820513vw;
    text-align: center;
  }
}

.consultation__text {
  font-size: 1.1904761905vw;
  font-weight: 400;
  line-height: 1.7777777778;
  color: #fff;
  margin-top: 1.5873015873vw;
  width: 25.1984126984vw;
}
@media screen and (max-width: 768px) {
  .consultation__text {
    font-size: 4.1025641026vw;
    line-height: 1.75;
    margin-top: 4.1025641026vw;
    width: 75.3846153846vw;
  }
}

.consultation-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 1.2083333333;
  color: #fff;
  background-image: url(../../assets/img/bg_consultation-btn.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 33.7301587302vw;
  height: 4.8941798942vw;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
  margin-top: 2.1164021164vw;
  margin-left: -6.3492063492vw;
  z-index: 50;
  will-change: transform;
}
@media screen and (max-width: 768px) {
  .consultation-btn {
    position: absolute;
    font-size: 5.1282051282vw;
    line-height: 1.2;
    margin-top: unset;
    background-image: url(../../assets/img/sp_bg_consultation-btn.png);
    width: 86.4102564103vw;
    height: 14.358974359vw;
    left: 0;
    margin-left: unset;
    margin-top: 6.2820512821vw;
  }
}

.consultation-img {
  width: 33.0026455026vw;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  margin-left: 1.917989418vw;
}
@media screen and (max-width: 768px) {
  .consultation-img {
    position: absolute;
    top: 0;
    width: 71.2820512821vw;
  }
}

.consultation-btn,
.consultation-img {
  transition: transform 0.8s ease;
}

.download {
  background-color: #446073;
  padding-top: 10.582010582vw;
}
@media screen and (max-width: 768px) {
  .download {
    padding-top: 26.9230769231vw;
  }
}

.download__inner {
  position: relative;
  background-image: url(../../assets/img/bg_download.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 9.5238095238vw;
}
@media screen and (max-width: 768px) {
  .download__inner {
    background-image: url(../../assets/img/sp_bg_download.jpg);
    padding-bottom: 27.1794871795vw;
  }
}

.download__title {
  position: absolute;
  top: -2.6455026455vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5132275132vw;
  font-weight: 700;
  line-height: 1.2105263158;
  color: #446073;
  text-align: center;
  background-image: url(../../assets/img/bg_download-title.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 81.2169312169vw;
  height: 5.9523809524vw;
}
@media screen and (max-width: 768px) {
  .download__title {
    font-size: 6.1538461538vw;
    line-height: 1.2083333333;
    z-index: 50;
    background-image: unset;
  }
}

@media screen and (max-width: 768px) {
  .md-download__title {
    position: absolute;
    top: -8.9743589744vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 17.6923076923vw;
    flex-shrink: 0;
    background: linear-gradient(90deg, rgba(255, 218, 42, 0) 0%, #FFDA2A 50%, rgba(255, 218, 42, 0) 100%);
    filter: blur(10px);
    overflow-x: hidden;
    background-size: 157.9487179487vw 100%;
    background-position: center center;
  }
}

.download-contents__wrap {
  display: flex;
  justify-content: center;
  padding-top: 8.9285714286vw;
}
@media screen and (max-width: 768px) {
  .download-contents__wrap {
    display: block;
    padding-top: 17.1794871795vw;
  }
}

.download-btn__wrap:hover .download-img {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
}

.download-btn__wrap:hover .download-btn {
  color: #FFDA2A;
  background-image: url(../../assets/img/bg_download-hoverbtn.svg);
}

.download-img {
  width: 20.3703703704vw;
  box-shadow: 0px 0px 15px 0px #FFF;
  margin-bottom: 3.3068783069vw;
  transition: box-shadow 0.8s ease;
}
@media screen and (max-width: 768px) {
  .download-img {
    width: 57.8vw;
    margin: 0 auto;
  }
}

.download-btn {
  font-size: 1.0582010582vw;
  font-weight: 700;
  line-height: 1.1875;
  background-image: url(../../assets/img/bg_download-btn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 16.1375661376vw;
  height: 3.0271164021vw;
  display: flex;
  align-items: center;
  color: #000;
  padding-left: 1.1904761905vw;
  margin: 0 auto;
  transition: color 0.8s ease, background-image 0.8s ease;
}
@media screen and (max-width: 768px) {
  .download-btn {
    font-size: 5.1282051282vw;
    line-height: 1.2;
    padding-left: unset;
    width: 76.1538461538vw;
    height: 14.358974359vw;
    margin-top: 6.1538461538vw;
    padding-left: 5.1282051282vw;
  }
}

.download-contents {
  margin-left: 2.9100529101vw;
}
@media screen and (max-width: 768px) {
  .download-contents {
    margin-left: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .download-contents__heading {
    margin-top: 8.2051282051vw;
  }
}

.download-contents__heading-title {
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 175%;
  color: #FFDA2A;
}
@media screen and (max-width: 768px) {
  .download-contents__heading-title {
    font-size: 4.6153846154vw;
  }
}

.download-list__wrap {
  margin-top: 1.0582010582vw;
}
@media screen and (max-width: 768px) {
  .download-list__wrap {
    margin-top: 4.1025641026vw;
  }
}

.download-list__title {
  font-size: 1.0582010582vw;
  font-weight: 700;
  line-height: 175%;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .download-list__title {
    font-size: 3.5897435897vw;
  }
}

.download-list {
  font-size: 1.0582010582vw;
  font-weight: 400;
  line-height: 175%;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .download-list {
    font-size: 3.5897435897vw;
  }
}

.download-recommendation__wrap {
  margin-top: 1.5873015873vw;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
  padding: 1.5873015873vw 0.8597883598vw 1.5873015873vw 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .download-recommendation__wrap {
    margin-top: 6.1538461538vw;
    padding: 6.1538461538vw;
    margin-left: 7.6923076923vw;
    margin-right: 6.1538461538vw;
  }
}

.download-recommendation__title {
  font-size: 1.0582010582vw;
  font-weight: 700;
  line-height: 1.75;
  color: #FFDA2A;
}
@media screen and (max-width: 768px) {
  .download-recommendation__title {
    font-size: 4.1025641026vw;
  }
}

.download-recommendation__text {
  position: relative;
  font-size: 0.9259259259vw;
  font-weight: 400;
  line-height: 1.7142857143;
  color: #fff;
  margin-top: 0.5291005291vw;
  margin-left: 1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .download-recommendation__text {
    font-size: 3.5897435897vw;
    margin-top: 2.0512820513vw;
    margin-left: 6.1538461538vw;
  }
}

.download-recommendation__text::before {
  position: absolute;
  content: "";
  width: 0.5291005291vw;
  height: 0.0661375661vw;
  background-color: #FFDA2A;
  top: 50%;
  transform: translateY(-50%);
  left: -1.5873015873vw;
}
@media screen and (max-width: 768px) {
  .download-recommendation__text::before {
    width: 2.0512820513vw;
    height: 0.2564102564vw;
    left: -6.1538461538vw;
  }
}

.contact {
  position: relative;
}

.contact__inner {
  position: absolute;
  bottom: -1.9841269841vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .contact__inner {
    bottom: -11.0256410256vw;
  }
}

.contact-comment {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1904761905vw;
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  color: #fff;
  background-image: url(../../assets/img/contact-comment_frame.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 15.5423280423vw;
  height: 1.1243386243vw;
  margin: 0 auto 0.7275132275vw;
}
@media screen and (max-width: 768px) {
  .contact-comment {
    font-size: 3.8461538462vw;
    line-height: 1.8666666667;
    width: 52.5641025641vw;
    height: 4.358974359vw;
    background-image: url(../../assets/img/sp_contact-comment_frame.png);
    margin-bottom: 1.7948717949vw;
  }
}

.contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5873015873vw;
  font-weight: 700;
  line-height: 1.1666666667;
  color: #fff;
  background-image: url(../../assets/img/bg_contact.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 44.246031746vw;
  height: 4.3650793651vw;
  box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
  padding-bottom: 0.3306878307vw;
}
@media screen and (max-width: 768px) {
  .contact-btn {
    font-size: 4.6153846154vw;
    line-height: 1.5555555556;
    width: 86.4102564103vw;
    height: 22.0512820513vw;
    background-image: url(../../assets/img/sp_bg_contact.png);
    padding-left: 5.1282051282vw;
    justify-content: start;
  }
}

.contact-btn:hover {
  filter: grayscale(40%);
  transition: filter 0.3s ease;
}

.footer {
  padding: 3.542989418vw 0 1.4265873016vw;
  background-color: #002B49;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 17.1794871795vw 0 19.076923vw;
  }
}

.copyright {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .copyright {
    font-size: 3.0769230769vw;
    line-height: 2.3333333333;
  }
}

.section-title__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.section-title {
  font-size: 2.5132275132vw;
  font-weight: 700;
  line-height: 1.2105263158;
  color: #5DD30E;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 6.1538461538vw;
    line-height: 1.2083333333;
  }
}

.section-subtitle {
  font-size: 1.0582010582vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1.1875;
  color: #fff;
  padding-top: 1.0582010582vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .section-subtitle {
    font-size: 3.5897435897vw;
    line-height: 1.1428571429;
    padding-top: 2.0512820513vw;
  }
}

@media screen and (max-width: 768px) {
  .md-none {
    display: none;
  }
}

.md-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .md-show {
    display: block;
  }
}