@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
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, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

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

html {
  font-size: 62.5%;
}

em {
  color: black;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

.content {
  margin-top: 0;
}

.wrap {
  width: 100%;
}

.main {
  padding: 0;
  border-radius: 0;
  border: none;
}

.mysyle {
  overflow: hidden;
}

a {
  text-decoration: none;
}

input[type=submit],
input[type=checkbox],
input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.pc-layout {
  display: block;
}

.sp-layout {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}
@font-face {
  font-family: "poppin";
  src: url("../font/POPPINS-SEMIBOLD.woff") format("woff"), url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: semibold;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-THIN.TTF") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRALIGHT.TTF") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-LIGHT.TTF") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-MEDIUM.TTF") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-SEMIBOLD.TTF") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRABOLD.TTF") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BLACK.TTF") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-VF.TTF") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
}
html.active,
body.active {
  overflow: hidden;
}

.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

.imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
}

.floating {
  position: relative;
  display: block;
  position: fixed;
  z-index: 100;
  bottom: 1.3888888889vw;
  right: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .floating {
    bottom: 1.1111111111vw;
    right: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .floating {
    bottom: 33px;
    right: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .floating {
    bottom: 1.6vw;
    right: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .floating {
    bottom: 1.3020833333vw;
    right: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .floating {
    bottom: 2.2222222222vw;
    right: 2.2222222222vw;
  }
}
.floating .div {
  padding: 0.6944444444vw 3.4722222222vw;
  border-radius: 0.6944444444vw;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border: 2px solid;
  border-color: #f68e1b;
  position: relative;
  color: #f68e1b;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .floating .div {
    padding: 0.5555555556vw 2.7777777778vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .floating .div {
    padding: 16.5px 82.5px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .floating .div {
    padding: 0.8vw 4vw;
    border-radius: 0.8vw;
  }
}
.floating .text-wrapper {
  letter-spacing: 0.0347222222vw;
  font-size: 1.6666666667vw;
  text-align: center;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 800;
}
@media screen and (min-width: 1800px) {
  .floating .text-wrapper {
    letter-spacing: 0.0277777778vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .floating .text-wrapper {
    letter-spacing: 0.825px;
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .floating .text-wrapper {
    letter-spacing: 0.04vw;
    font-size: 1.92vw;
  }
}
.floating .span {
  font-size: 2.2222222222vw;
  letter-spacing: 0.0347222222vw;
  line-height: 3.0555555556vw;
  text-align: center;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 800;
}
@media screen and (min-width: 1800px) {
  .floating .span {
    font-size: 1.7777777778vw;
    letter-spacing: 0.0277777778vw;
    line-height: 2.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .floating .span {
    letter-spacing: 0.825px;
    font-size: 52.8px;
    line-height: 72.6px;
  }
}
@media screen and (max-width: 1250px) {
  .floating .span {
    font-size: 2.56vw;
    letter-spacing: 0.04vw;
    line-height: 3.52vw;
  }
}
.floating .imgArea {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8333333333vw;
  width: 1.7361111111vw;
}
@media screen and (min-width: 1800px) {
  .floating .imgArea {
    right: 0.6666666667vw;
    width: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .floating .imgArea {
    right: 19.8px;
    width: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .floating .imgArea {
    right: 0.96vw;
    width: 2vw;
  }
}

.overlay {
  top: 4.8611111111vw;
  padding: 4.1666666667vw;
  background: #0344A4;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .overlay {
    top: 3.8888888889vw;
    padding: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay {
    top: 115.5px;
    padding: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay {
    top: 5.6vw;
    padding: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay {
    top: 9.1145833333vw;
    padding: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay {
    top: 15.5555555556vw;
    padding: 13.3333333333vw;
  }
}
.overlay.active {
  opacity: 1;
  pointer-events: all;
}
.overlay .div {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .overlay .div {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .div {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .div {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .div {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .div {
    gap: 8.8888888889vw;
  }
}
.overlay .div .link-text .link {
  font-size: 1.6666666667vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #FFF;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .overlay .div .link-text .link {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .div .link-text .link {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .div .link-text .link {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .div .link-text .link {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .div .link-text .link {
    font-size: 5.3333333333vw;
  }
}

.navbar {
  padding: 0.6944444444vw 4.4444444444vw;
}
@media screen and (min-width: 1800px) {
  .navbar {
    padding: 0.5555555556vw 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar {
    padding: 16.5px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar {
    padding: 0.8vw 5.12vw;
  }
}
@media screen and (max-width: 768px) {
  .navbar {
    padding: 3.125vw 8.3333333333vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar {
    padding: 5.3333333333vw 14.2222222222vw;
  }
}
.navbar .humberger {
  display: none;
}
.navbar.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 900;
  transition: background-color 0.3s ease;
}
.navbar.fixed-nav.active {
  background-color: white;
}
.navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.navbar .container .logo-link {
  width: 12.5vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .navbar .container .logo-link {
    width: 10vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .logo-link {
    width: 297px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .logo-link {
    width: 14.4vw;
  }
}
@media screen and (max-width: 768px) {
  .navbar .container .logo-link {
    width: 15.625vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .logo-link {
    width: 26.6666666667vw;
  }
}
.navbar .container .logo-link .imgArea {
  display: block;
  width: 100%;
}
.navbar .container .div {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .navbar .container .div {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .div {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .div {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .navbar .container .div {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .div {
    gap: 8.8888888889vw;
  }
}
.navbar .container .div .link-text .link {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .navbar .container .div .link-text .link {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .div .link-text .link {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .div .link-text .link {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .navbar .container .div .link-text .link {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .div .link-text .link {
    font-size: 3.5555555556vw;
  }
}
.navbar .container .humberger {
  display: none;
}

.m-header .fv {
  height: 34.7222222222vw;
  margin-top: 5.2777777778vw;
  background: #FFF;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .fv {
    height: 27.7777777778vw;
    margin-top: 4.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv {
    height: 825px;
    margin-top: 125.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv {
    margin-top: 6.08vw;
    height: 40vw;
  }
}
.m-header .fv .main-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-header .fv .text-area {
  left: 5.5555555556vw;
  gap: 1.3888888889vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area {
    left: 4.4444444444vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area {
    left: 132px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area {
    left: 6.4vw;
    gap: 1.6vw;
  }
}
.m-header .fv .text-area .top-text {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .top-text {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .top-text {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .top-text {
    gap: 0.8vw;
  }
}
.m-header .fv .text-area .top-text .main-title {
  font-size: 2.0833333333vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .top-text .main-title {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .top-text .main-title {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .top-text .main-title {
    font-size: 2.4vw;
  }
}
.m-header .fv .text-area .top-text .main-title .span {
  font-size: 3.125vw;
  margin-top: 0.6944444444vw;
  display: block;
  line-height: 140%;
  letter-spacing: 1px;
  color: #F1E03A;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .top-text .main-title .span {
    font-size: 2.5vw;
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .top-text .main-title .span {
    font-size: 74.25px;
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .top-text .main-title .span {
    font-size: 3.2vw;
    margin-top: 0.8vw;
  }
}
.m-header .fv .text-area .top-text .text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 180%;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .top-text .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .top-text .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .top-text .text {
    font-size: 1.28vw;
  }
}
.m-header .fv .text-area .recomend-area {
  gap: 2.7777777778vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .recomend-area {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .recomend-area {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .recomend-area {
    gap: 3.2vw;
  }
}
.m-header .fv .text-area .recomend-area .imgArea {
  width: 9.7222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .recomend-area .imgArea {
    width: 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .recomend-area .imgArea {
    width: 231px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .recomend-area .imgArea {
    width: 11.2vw;
  }
}
.m-header .fv .text-area .recomend-area .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-header .fv .text-area .link-button {
  width: 41.6666666667vw;
  border-radius: 0.6944444444vw;
  gap: 0.6944444444vw;
  padding: 1.25vw 0;
  box-shadow: 0.2083333333vw 0.2083333333vw 0px #E4721F;
  display: flex;
  background: #F68E1B;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .link-button {
    width: 33.3333333333vw;
    border-radius: 0.5555555556vw;
    gap: 0.5555555556vw;
    padding: 1vw 0;
    box-shadow: 0.1666666667vw 0.1666666667vw 0px #E4721F;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .link-button {
    width: 990px;
    border-radius: 16.5px;
    gap: 16.5px;
    padding: 29.7px 0;
    box-shadow: 4.95px 4.95px 0px #E4721F;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .link-button {
    width: 48vw;
    border-radius: 0.8vw;
    gap: 0.8vw;
    padding: 1.44vw 0;
    box-shadow: 0.24vw 0.24vw 0px #E4721F;
  }
}
.m-header .fv .text-area .link-button .span {
  font-size: 1.6666666667vw;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  letter-spacing: 1px;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .link-button .span {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .link-button .span {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .link-button .span {
    font-size: 1.92vw;
  }
}
.m-header .fv .text-area .link-button .arrow-img {
  width: 1.3888888889vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .text-area .link-button .arrow-img {
    width: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .text-area .link-button .arrow-img {
    width: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .text-area .link-button .arrow-img {
    width: 1.6vw;
  }
}
.m-header .fv .text-area .link-button .arrow-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-header .fv .main-copy {
  width: 31.25vw;
  right: 2.0833333333vw;
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .main-copy {
    width: 25vw;
    right: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .main-copy {
    width: 742.5px;
    right: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .main-copy {
    width: 36vw;
    right: 2.4vw;
  }
}
.m-header .fv .main-copy .imgArea {
  display: block;
  width: 100%;
}

@media (max-width: 768px) {
  .floating {
    border-radius: 1.3020833333vw;
    width: calc(100% - 2.6041666667vw);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .floating .div {
    flex-direction: row;
    justify-content: center;
    padding: 2.6041666667vw 0;
    border-radius: 1.3020833333vw;
  }
  .floating .div .text-wrapper {
    font-size: 3.125vw;
  }
  .floating .div .span {
    font-size: 3.125vw;
  }
  .floating .imgArea {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6vw;
    width: 3.3333333333vw;
  }
  .navbar {
    padding: 2.2135416667vw 1.3020833333vw;
    display: none;
  }
  .navbar.fixed-nav {
    display: block;
  }
  .navbar .container .logo-link {
    width: 10.9375vw;
  }
  .navbar .container .div {
    display: none;
  }
  .navbar .container .humberger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 2.0833333333vw;
    width: 2.6041666667vw;
    cursor: pointer;
    position: relative;
  }
  .navbar .container .humberger span {
    display: block;
    width: 100%;
    height: 0.2604166667vw;
    background: #0344A4;
    transition: all 0.3s ease;
    transform-origin: center;
  }
  .navbar .container .humberger span:nth-child(1) {
    position: absolute;
    top: 0;
  }
  .navbar .container .humberger span:nth-child(2) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar .container .humberger span:nth-child(3) {
    position: absolute;
    bottom: 0;
  }
  .navbar .container .humberger.active span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .navbar .container .humberger.active span:nth-child(2) {
    opacity: 0;
  }
  .navbar .container .humberger.active span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
  }
  .m-header .fv {
    padding: 14.3229166667vw 0 5.859375vw;
    height: auto;
    margin-top: 0;
  }
  .m-header .fv .text-area {
    left: 10.4166666667vw;
    gap: 2.6041666667vw;
    position: static;
    transform: translate(0);
  }
  .m-header .fv .text-area .top-text {
    gap: 2.6041666667vw;
    padding: 0 2.6041666667vw;
  }
  .m-header .fv .text-area .top-text .main-title {
    font-size: 3.90625vw;
  }
  .m-header .fv .text-area .top-text .main-title .span {
    font-size: 5.859375vw;
    margin-top: 1.3020833333vw;
  }
  .m-header .fv .text-area .top-text .text {
    font-size: 2.0833333333vw;
  }
  .m-header .fv .text-area .recomend-area {
    padding: 0 2.8645833333vw;
    top: -5.2083333333vw;
    gap: 0;
    justify-content: space-between;
    position: relative;
  }
  .m-header .fv .text-area .recomend-area .imgArea {
    width: 26.0416666667vw;
  }
  .m-header .fv .text-area .link-button {
    top: -2.6041666667vw;
    width: calc(100% - 4.6875vw);
    border-radius: 1.3020833333vw;
    padding: 2.34375vw 0;
    box-shadow: 0.390625vw 0.390625vw 0px #E4721F;
    position: relative;
    margin: 0 auto;
  }
  .m-header .fv .text-area .link-button .span {
    font-size: 2.6041666667vw;
  }
  .m-header .fv .text-area .link-button .arrow-img {
    width: 2.6041666667vw;
  }
  .m-header .fv .main-copy {
    display: none;
  }
}
@media (max-width: 450px) {
  .floating {
    border-radius: 2.2222222222vw;
    width: calc(100% - 4.4444444444vw);
  }
  .floating .div {
    padding: 4.4444444444vw 0;
    border-radius: 2.2222222222vw;
  }
  .floating .div .text-wrapper {
    font-size: 5.3333333333vw;
  }
  .floating .div .span {
    font-size: 5.3333333333vw;
  }
  .floating .imgArea {
    right: 2.6666666667vw;
    width: 5.5555555556vw;
  }
  .navbar {
    padding: 3.7777777778vw 2.2222222222vw;
  }
  .navbar .container .logo-link {
    width: 26.6666666667vw;
  }
  .navbar .container .humberger {
    height: 3.5555555556vw;
    width: 4.4444444444vw;
  }
  .m-header .fv {
    padding: 24.4444444444vw 0 10vw;
  }
  .m-header .fv .text-area {
    left: 17.7777777778vw;
    gap: 4.4444444444vw;
  }
  .m-header .fv .text-area .top-text {
    gap: 4.4444444444vw;
    padding: 0 4.4444444444vw;
  }
  .m-header .fv .text-area .top-text .main-title {
    font-size: 4.4444444444vw;
  }
  .m-header .fv .text-area .top-text .main-title .span {
    font-size: 8.8888888889vw;
    margin-top: 2.2222222222vw;
  }
  .m-header .fv .text-area .top-text .text {
    font-size: 3.5555555556vw;
  }
  .m-header .fv .text-area .recomend-area {
    padding: 0 4.8888888889vw;
    top: -8.8888888889vw;
  }
  .m-header .fv .text-area .recomend-area .imgArea {
    width: 25.5555555556vw;
  }
  .m-header .fv .text-area .link-button {
    top: -4.4444444444vw;
    width: calc(100% - 8vw);
    border-radius: 2.2222222222vw;
    padding: 4vw 0;
    box-shadow: 0.6666666667vw 0.6666666667vw 0px #E4721F;
  }
  .m-header .fv .text-area .link-button .span {
    font-size: 4.4444444444vw;
  }
  .m-header .fv .text-area .link-button .arrow-img {
    width: 4.4444444444vw;
  }
}
.front {
  display: flex;
  flex-direction: column;
}
.front .section1 {
  padding: 0.6944444444vw 0;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section1 {
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 {
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 {
    padding: 0.8vw 0;
  }
}
.front .section1 .article {
  width: 27.0833333333vw;
  border-radius: 0.5555555556vw;
  border: 2px solid #0344A4;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article {
    width: 21.6666666667vw;
    border-radius: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article {
    width: 643.5px;
    border-radius: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article {
    width: 31.2vw;
    border-radius: 0.64vw;
  }
}
.front .section1 .article .title {
  font-size: 1.1111111111vw;
  padding: 0.6944444444vw 0;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  background: linear-gradient(90deg, rgb(35, 104, 167) 0%, rgb(15, 49, 77) 100%);
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .title {
    font-size: 0.8888888889vw;
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .title {
    font-size: 26.4px;
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .title {
    font-size: 1.28vw;
    padding: 0.8vw 0;
  }
}
.front .section1 .article .main-area {
  padding: 0.3472222222vw 0 0.6944444444vw;
  gap: 0.8333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area {
    padding: 0.2777777778vw 0 0.5555555556vw;
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area {
    padding: 8.25px 0 16.5px;
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area {
    padding: 0.4vw 0 0.8vw;
    gap: 0.96vw;
  }
}
.front .section1 .article .main-area .top-text {
  gap: 0.2777777778vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text {
    gap: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text {
    gap: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text {
    gap: 0.32vw;
  }
}
.front .section1 .article .main-area .top-text .text1 {
  display: flex;
  align-items: flex-end;
}
.front .section1 .article .main-area .top-text .text1 .span1 {
  font-size: 1.6666666667vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text .text1 .span1 {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text .text1 .span1 {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text .text1 .span1 {
    font-size: 1.92vw;
  }
}
.front .section1 .article .main-area .top-text .text1 .span2 {
  font-size: 1.25vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 400;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text .text1 .span2 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text .text1 .span2 {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text .text1 .span2 {
    font-size: 1.44vw;
  }
}
.front .section1 .article .main-area .top-text .imgArea {
  height: 1.25vw;
  width: 1.6666666667vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text .imgArea {
    height: 1vw;
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text .imgArea {
    height: 29.7px;
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text .imgArea {
    height: 1.44vw;
    width: 1.92vw;
  }
}
.front .section1 .article .main-area .top-text .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section1 .article .main-area .top-text .text2 {
  display: flex;
  align-items: flex-end;
}
.front .section1 .article .main-area .top-text .text2 .span1 {
  font-size: 2.7777777778vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 700;
  color: #F47808;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text .text2 .span1 {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text .text2 .span1 {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text .text2 .span1 {
    font-size: 3.2vw;
  }
}
.front .section1 .article .main-area .top-text .text2 .span2 {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 700;
  color: #F47808;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .top-text .text2 .span2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .top-text .text2 .span2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .top-text .text2 .span2 {
    font-size: 1.6vw;
  }
}
.front .section1 .article .main-area .main-img {
  width: 17.3611111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .main-img {
    width: 13.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .main-img {
    width: 412.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .main-img {
    width: 20vw;
  }
}
.front .section1 .article .main-area .bottom-area {
  gap: 0.8333333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .bottom-area {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .bottom-area {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .bottom-area {
    gap: 0.96vw;
  }
}
.front .section1 .article .main-area .bottom-area .text1 {
  font-size: 1.25vw;
  font-family: "Noto Sans JP", Helvetica;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .bottom-area .text1 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .bottom-area .text1 {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .bottom-area .text1 {
    font-size: 1.28vw;
  }
}
.front .section1 .article .main-area .bottom-area .text2 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.front .section1 .article .main-area .bottom-area .text2 .span1 {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 900;
  color: #F47808;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .bottom-area .text2 .span1 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .bottom-area .text2 .span1 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .bottom-area .text2 .span1 {
    font-size: 1.6vw;
  }
}
.front .section1 .article .main-area .bottom-area .text2 .span2 {
  font-size: 2.0833333333vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 100%;
  font-weight: 900;
  color: #F47808;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .bottom-area .text2 .span2 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .bottom-area .text2 .span2 {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .bottom-area .text2 .span2 {
    font-size: 2.4vw;
  }
}
.front .section1 .article .main-area .bottom-area .text3 {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  text-align: center;
  font-weight: 400;
  color: #666666;
}
@media screen and (min-width: 1800px) {
  .front .section1 .article .main-area .bottom-area .text3 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .article .main-area .bottom-area .text3 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .article .main-area .bottom-area .text3 {
    font-size: 1.12vw;
  }
}
.front .reason {
  padding: 4.1666666667vw 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .reason {
    padding: 3.3333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason {
    padding: 99px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason {
    padding: 4.8vw 0;
  }
}
.front .reason .back-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.front .reason .back-img .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .reason .title-area {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area {
    gap: 1.6vw;
  }
}
.front .reason .title-area .span-wrapper1 {
  gap: 0.3472222222vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper1 {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper1 {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper1 {
    gap: 0.4vw;
  }
}
.front .reason .title-area .span-wrapper1 .imgArea {
  width: 1.1111111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper1 .imgArea {
    width: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper1 .imgArea {
    width: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper1 .imgArea {
    width: 1.28vw;
  }
}
.front .reason .title-area .span-wrapper1 .text {
  font-size: 1.25vw;
  letter-spacing: 1px;
  font-weight: 400;
  font-family: "Noto Sans JP", Helvetica;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper1 .text {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper1 .text {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper1 .text {
    font-size: 1.44vw;
  }
}
.front .reason .title-area .span-wrapper1 .text .bold {
  font-size: 1.25vw;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica;
  color: #F68E1B;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper1 .text .bold {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper1 .text .bold {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper1 .text .bold {
    font-size: 1.44vw;
  }
}
.front .reason .title-area .span-wrapper2 {
  font-size: 2.7777777778vw;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper2 {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper2 {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper2 {
    font-size: 3.2vw;
  }
}
.front .reason .title-area .span-wrapper2 span {
  font-size: 4.1666666667vw;
  position: relative;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica;
  color: #F68E1B;
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper2 span {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper2 span {
    font-size: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper2 span {
    font-size: 4.8vw;
  }
}
.front .reason .title-area .span-wrapper2 span::before {
  width: 0.3472222222vw;
  height: 0.3472222222vw;
  content: "";
  position: absolute;
  display: block;
  background: #FFF;
  border-radius: 50%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1800px) {
  .front .reason .title-area .span-wrapper2 span::before {
    width: 0.2777777778vw;
    height: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .title-area .span-wrapper2 span::before {
    width: 8.25px;
    height: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .title-area .span-wrapper2 span::before {
    width: 0.4vw;
    height: 0.4vw;
  }
}
.front .reason .point-area {
  margin-top: 2.7777777778vw;
  gap: 2.6388888889vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .reason .point-area {
    margin-top: 2.2222222222vw;
    gap: 2.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .point-area {
    margin-top: 66px;
    gap: 62.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .point-area {
    margin-top: 3.2vw;
    gap: 3.04vw;
  }
}
.front .reason .point-area .article {
  width: 17.3611111111vw;
  height: 11.8055555556vw;
  gap: 1.3888888889vw;
  border-radius: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  background: #FFF;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .reason .point-area .article {
    width: 13.8888888889vw;
    height: 9.4444444444vw;
    gap: 1.1111111111vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .point-area .article {
    width: 412.5px;
    height: 280.5px;
    gap: 33px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .point-area .article {
    width: 20vw;
    height: 13.6vw;
    gap: 1.6vw;
    border-radius: 0.8vw;
  }
}
.front .reason .point-area .article .imgArea {
  height: 4.4444444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .reason .point-area .article .imgArea {
    height: 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .point-area .article .imgArea {
    height: 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .point-area .article .imgArea {
    height: 5.12vw;
  }
}
.front .reason .point-area .article .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .reason .point-area .article .text {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 1px;
  line-height: 180%;
  font-weight: 700;
  color: #162330;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .reason .point-area .article .text {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .point-area .article .text {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .point-area .article .text {
    font-size: 1.12vw;
  }
}
.front .reason .text-area {
  margin-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .reason .text-area {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .text-area {
    margin-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .text-area {
    margin-top: 1.6vw;
  }
}
.front .reason .text-area .text {
  font-size: 2.0833333333vw;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 1px;
  line-height: 180%;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .reason .text-area .text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .text-area .text {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .text-area .text {
    font-size: 2.4vw;
  }
}
.front .reason .button-area {
  margin-top: 7.6388888889vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .reason .button-area {
    margin-top: 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .button-area {
    margin-top: 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .button-area {
    margin-top: 8.8vw;
  }
}
.front .reason .button-area .hukidashi {
  width: 22.9166666667vw;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .reason .button-area .hukidashi {
    width: 18.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .button-area .hukidashi {
    width: 544.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .button-area .hukidashi {
    width: 26.4vw;
  }
}
.front .reason .button-area .hukidashi img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .reason .button-area .link {
  width: 31.25vw;
  border-radius: 0.6944444444vw;
  padding: 1.3888888889vw 0;
  box-shadow: 0.2083333333vw 0.2083333333vw 0px #E4721F;
  font-size: 2.0833333333vw;
  position: relative;
  display: flex;
  background: #F68E1B;
  justify-content: center;
  color: #FFF;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica;
  text-align: center;
}
.front .reason .button-area .link .imgArea {
  right: 0.5555555556vw;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .reason .button-area .link .imgArea {
    right: 0.4444444444vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .reason .button-area .link .imgArea {
    right: 13.2px;
    width: 46.2px;
    height: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .reason .button-area .link .imgArea {
    right: 0.64vw;
    width: 2.24vw;
    height: 2.24vw;
  }
}
.front .reason .button-area .link .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .nayami {
  padding: 5.5555555556vw 0;
  gap: 2.7777777778vw;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .nayami {
    padding: 4.4444444444vw 0;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami {
    padding: 132px 0;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami {
    padding: 6.4vw 0;
    gap: 3.2vw;
  }
}
.front .nayami .back-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.front .nayami .back-img .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .nayami .title-img {
  display: block;
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .nayami .title-img {
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami .title-img {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami .title-img {
    width: 88vw;
  }
}
.front .nayami .title-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .nayami .text-area {
  width: 83.3333333333vw;
  height: 41.6666666667vw;
  display: block;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .nayami .text-area {
    width: 66.6666666667vw;
    height: 33.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami .text-area {
    width: 1980px;
    height: 990px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami .text-area {
    width: 96vw;
    height: 48vw;
  }
}
.front .nayami .text-area .text-img1 {
  width: 33.3333333333vw;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .nayami .text-area .text-img1 {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami .text-area .text-img1 {
    width: 792px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami .text-area .text-img1 {
    width: 38.4vw;
  }
}
.front .nayami .text-area .text-img2 {
  width: 42.3611111111vw;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .nayami .text-area .text-img2 {
    width: 33.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami .text-area .text-img2 {
    width: 1006.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami .text-area .text-img2 {
    width: 48.8vw;
  }
}
.front .nayami .text-area .text-img3 {
  width: 27.7777777778vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .nayami .text-area .text-img3 {
    width: 22.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .nayami .text-area .text-img3 {
    width: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .front .nayami .text-area .text-img3 {
    width: 32vw;
  }
}
.front .aistaznara .top-img {
  display: block;
  width: 100%;
}
.front .section2 {
  margin-top: 4.1666666667vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 {
    margin-top: 3.3333333333vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 {
    margin-top: 99px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 {
    margin-top: 4.8vw;
    gap: 4.8vw;
  }
}
.front .section2 .h2 {
  position: relative;
}
.front .section2 .h2 .text-wrapper {
  font-size: 3.4722222222vw;
  width: 100%;
  display: block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
  padding: 10px 20px;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section2 .h2 .text-wrapper {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .h2 .text-wrapper {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .h2 .text-wrapper {
    font-size: 4vw;
  }
}
.front .section2 .h2 .text-wrapper .pc {
  font-size: 3.4722222222vw;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .h2 .text-wrapper .pc {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .h2 .text-wrapper .pc {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .h2 .text-wrapper .pc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .h2 .text-wrapper .pc {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .h2 .text-wrapper .pc {
    font-size: 11.1111111111vw;
  }
}
.front .section2 .content-wrapper {
  width: 76.3888888889vw;
  gap: 2.4305555556vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper {
    width: 61.1111111111vw;
    gap: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper {
    width: 1815px;
    gap: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper {
    width: 88vw;
    gap: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content-wrapper {
    width: 143.2291666667vw;
    gap: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content-wrapper {
    width: 244.4444444444vw;
    gap: 7.7777777778vw;
  }
}
.front .section2 .content-wrapper .wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
}
.front .section2 .content-wrapper .wrapper .top-area {
  gap: 0.8333333333vw;
  padding: 1.6666666667vw;
  border: 1px solid;
  border-color: #4a4a4a;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .top-area {
    gap: 0.6666666667vw;
    padding: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .top-area {
    gap: 19.8px;
    padding: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .top-area {
    gap: 0.96vw;
    padding: 1.92vw;
  }
}
.front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
  font-size: 0.9722222222vw;
  height: 6.25vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #162330;
  letter-spacing: 1px;
  line-height: 180%;
  text-align: justify;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
    font-size: 0.7777777778vw;
    height: 5vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
    font-size: 23.1px;
    height: 148.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
    font-size: 1.12vw;
    height: 7.2vw;
  }
}
.front .section2 .content-wrapper .wrapper .top-area .imgArea {
  display: block;
  width: 100%;
}
.front .section2 .content-wrapper .wrapper .top-area .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2 .content-wrapper .wrapper .arrow {
  height: 4.8611111111vw;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .arrow {
    height: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .arrow {
    height: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .arrow {
    height: 5.6vw;
  }
}
.front .section2 .content-wrapper .wrapper .arrow .imgArea {
  display: block;
  width: 100%;
}
.front .section2 .content-wrapper .wrapper .bottom-area {
  padding: 1.6666666667vw;
  border: 1px solid #0344A4;
  height: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .bottom-area {
    padding: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .bottom-area {
    padding: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .bottom-area {
    padding: 1.92vw;
  }
}
.front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
  height: 9.7222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
    height: 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
    height: 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
    height: 11.2vw;
  }
}
.front .section2 .content-wrapper .wrapper .bottom-area .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
  margin-top: 2.0833333333vw;
  padding: 0.6944444444vw 0;
  font-size: 1.5277777778vw;
  line-height: 180%;
  letter-spacing: 1px;
  text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2509803922);
  font-family: "Noto Sans JP", Helvetica;
  color: #F1E03A;
  text-align: center;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
    margin-top: 1.6666666667vw;
    padding: 0.5555555556vw 0;
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
    margin-top: 49.5px;
    padding: 16.5px 0;
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
    margin-top: 2.4vw;
    padding: 0.8vw 0;
    font-size: 1.76vw;
  }
}
.front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
  margin-top: 0.6944444444vw;
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
    margin-top: 0.5555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
    margin-top: 16.5px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
    margin-top: 0.8vw;
    font-size: 1.28vw;
  }
}
.front .taikenkai {
  margin-top: 5.5555555556vw;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai {
    margin-top: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai {
    margin-top: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai {
    margin-top: 6.4vw;
  }
}
.front .taikenkai .top-area {
  display: flex;
  justify-content: space-between;
}
.front .taikenkai .top-area .left-img {
  width: 47.2222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai .top-area .left-img {
    width: 50%;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai .top-area .left-img {
    width: 1122px;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai .top-area .left-img {
    width: 54.4vw;
  }
}
.front .taikenkai .top-area .text-area {
  width: 51.3888888889vw;
  gap: 0.6944444444vw;
  padding: 0.6944444444vw 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai .top-area .text-area {
    width: 50%;
    gap: 0.5555555556vw;
    padding: 0.5555555556vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai .top-area .text-area {
    width: 1221px;
    gap: 16.5px;
    padding: 16.5px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai .top-area .text-area {
    width: 59.2vw;
    gap: 0.8vw;
    padding: 0.8vw 1.6vw;
  }
}
.front .taikenkai .top-area .text-area .imgArea {
  display: block;
  width: 100%;
}
.front .taikenkai .top-area .text-area .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .taikenkai .middle-area {
  padding: 1.3888888889vw 0;
  background: #F68E1B;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai .middle-area {
    padding: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai .middle-area {
    padding: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai .middle-area {
    padding: 1.6vw 0;
  }
}
.front .taikenkai .middle-area .text {
  font-size: 2.0833333333vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai .middle-area .text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai .middle-area .text {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai .middle-area .text {
    font-size: 2.4vw;
  }
}
.front .taikenkai .middle-area .text .big {
  font-size: 3.4722222222vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .taikenkai .middle-area .text .big {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .taikenkai .middle-area .text .big {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .taikenkai .middle-area .text .big {
    font-size: 4vw;
  }
}
.front .section7 {
  gap: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
  margin-top: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section7 {
    gap: 3.3333333333vw;
    padding-bottom: 3.3333333333vw;
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 {
    gap: 99px;
    padding-bottom: 99px;
    margin-top: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 {
    gap: 4.8vw;
    padding-bottom: 4.8vw;
    margin-top: 4.8vw;
  }
}
.front .section7 .h2 {
  position: relative;
}
.front .section7 .h2 .text-wrapper {
  font-size: 3.4722222222vw;
  padding: 0.6944444444vw 1.3888888889vw;
  width: 100%;
  display: block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section7 .h2 .text-wrapper {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .h2 .text-wrapper {
    font-size: 82.5px;
    padding: 16.5px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .h2 .text-wrapper {
    font-size: 4vw;
    padding: 0.8vw 1.6vw;
  }
}
.front .section7 .h2 .text-wrapper .pc {
  font-size: 3.4722222222vw;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .h2 .text-wrapper .pc {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .h2 .text-wrapper .pc {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .h2 .text-wrapper .pc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .h2 .text-wrapper .pc {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .h2 .text-wrapper .pc {
    font-size: 11.1111111111vw;
  }
}
.front .section7 .content {
  gap: 2.7777777778vw;
  width: 76.3888888889vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .section7 .content {
    gap: 2.2222222222vw;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .content {
    gap: 66px;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .content {
    gap: 3.2vw;
    width: 88vw;
  }
}
.front .section7 .content .imgArea {
  width: 34.7222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section7 .content .imgArea {
    width: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .content .imgArea {
    width: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .content .imgArea {
    width: 40vw;
  }
}
.front .section7 .content .text {
  font-size: 1.1111111111vw;
  flex: 1;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .front .section7 .content .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .content .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .content .text {
    font-size: 1.28vw;
  }
}
.front .section7 .content .text .span {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1px;
  color: #0344A4;
}
@media screen and (min-width: 1800px) {
  .front .section7 .content .text .span {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .content .text .span {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .content .text .span {
    font-size: 1.28vw;
  }
}
.front .section7 .content .text .daihyo {
  margin: 0.6944444444vw;
  font-size: 1.1111111111vw;
  display: block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: right;
}
@media screen and (min-width: 1800px) {
  .front .section7 .content .text .daihyo {
    margin: 0.5555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .content .text .daihyo {
    margin: 16.5px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .content .text .daihyo {
    margin: 0.8vw;
    font-size: 1.28vw;
  }
}
.front .cta {
  padding: 5.5555555556vw 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .cta {
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta {
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta {
    padding: 6.4vw 0;
  }
}
.front .cta .back-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.front .cta .back-img .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .cta .back-img .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
.front .cta .main-text {
  width: 48.6111111111vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .cta .main-text {
    width: 38.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .main-text {
    width: 1155px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .main-text {
    width: 56vw;
  }
}
.front .cta .main-text .imgArea {
  width: 21.5277777778vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1800px) {
  .front .cta .main-text .imgArea {
    width: 17.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .main-text .imgArea {
    width: 511.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .main-text .imgArea {
    width: 24.8vw;
  }
}
.front .cta .main-text .span {
  font-size: 3.4722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #FFF;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .front .cta .main-text .span {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .main-text .span {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .main-text .span {
    font-size: 4vw;
  }
}
.front .cta .text-area {
  padding: 3.4722222222vw 0;
  margin-top: 2.7777777778vw;
  border-radius: 2.7777777778vw;
  width: 48.6111111111vw;
  background: #FFF;
  margin: 0 auto;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area {
    padding: 2.7777777778vw 0;
    margin-top: 2.2222222222vw;
    border-radius: 2.2222222222vw;
    width: 38.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area {
    padding: 82.5px 0;
    margin-top: 66px;
    border-radius: 66px;
    width: 1155px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area {
    padding: 4vw 0;
    margin-top: 3.2vw;
    border-radius: 3.2vw;
    width: 56vw;
  }
}
.front .cta .text-area .text1 {
  font-size: 2.6388888889vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 140%;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  color: #F68E1B;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .text1 {
    font-size: 2.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .text1 {
    font-size: 62.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .text1 {
    font-size: 3.04vw;
  }
}
.front .cta .text-area .text2 {
  margin-top: 0.6944444444vw;
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 400;
  color: #162330;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .text2 {
    margin-top: 0.5555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .text2 {
    margin-top: 16.5px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .text2 {
    margin-top: 0.8vw;
    font-size: 1.28vw;
  }
}
.front .cta .text-area .button-area {
  margin-top: 5.5555555556vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .button-area {
    margin-top: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .button-area {
    margin-top: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .button-area {
    margin-top: 6.4vw;
  }
}
.front .cta .text-area .button-area.button-area2 {
  margin-top: 6.5972222222vw;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .button-area.button-area2 {
    margin-top: 5.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .button-area.button-area2 {
    margin-top: 156.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .button-area.button-area2 {
    margin-top: 7.6vw;
  }
}
.front .cta .text-area .button-area .hukidashi {
  width: 16.6666666667vw;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .button-area .hukidashi {
    width: 13.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .button-area .hukidashi {
    width: 396px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .button-area .hukidashi {
    width: 19.2vw;
  }
}
.front .cta .text-area .button-area .hukidashi img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .cta .text-area .button-area .hukidashi2 {
  width: 22.9166666667vw;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .button-area .hukidashi2 {
    width: 18.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .button-area .hukidashi2 {
    width: 544.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .button-area .hukidashi2 {
    width: 26.4vw;
  }
}
.front .cta .text-area .button-area .link {
  width: 31.25vw;
  border-radius: 0.6944444444vw;
  padding: 1.3888888889vw 0;
  box-shadow: 0.2083333333vw 0.2083333333vw 0px #E4721F;
  font-size: 2.0833333333vw;
  position: relative;
  display: flex;
  margin: 0 auto;
  background: #F68E1B;
  justify-content: center;
  color: #FFF;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica;
  text-align: center;
}
.front .cta .text-area .button-area .link .imgArea {
  right: 0.5555555556vw;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .cta .text-area .button-area .link .imgArea {
    right: 0.4444444444vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .text-area .button-area .link .imgArea {
    right: 13.2px;
    width: 46.2px;
    height: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .text-area .button-area .link .imgArea {
    right: 0.64vw;
    width: 2.24vw;
    height: 2.24vw;
  }
}
.front .cta .text-area .button-area .link .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 {
  padding: 4.1666666667vw 0;
  display: flex;
  justify-content: center;
  background: linear-gradient(181deg, rgb(3, 19, 44) 0%, rgb(41, 71, 105) 100%);
}
@media screen and (min-width: 1800px) {
  .front .section3 {
    padding: 3.3333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 {
    padding: 99px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 {
    padding: 4.8vw 0;
  }
}
.front .section3 .container {
  width: 76.3888888889vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container {
    width: 61.1111111111vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container {
    width: 1815px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container {
    width: 88vw;
    gap: 4.8vw;
  }
}
.front .section3 .container .section-title {
  font-size: 3.4722222222vw;
  text-align: center;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1px;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .section-title {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .section-title {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .section-title {
    font-size: 4vw;
  }
}
.front .section3 .container .article-area {
  gap: 5.5555555556vw 0;
  width: 76.3888888889vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .article-area {
    gap: 4.4444444444vw 0;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .article-area {
    gap: 132px 0;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .article-area {
    gap: 6.4vw 0;
    width: 88vw;
  }
}
.front .section3 .container .article-area .article {
  padding: 4.8611111111vw 1.3888888889vw 3.4722222222vw;
  width: calc(50% - 2.0833333333vw);
  gap: 1.3888888889vw;
  position: relative;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .article-area .article {
    padding: 3.8888888889vw 1.1111111111vw 2.7777777778vw;
    width: calc(50% - 1.6666666667vw);
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .article-area .article {
    padding: 115.5px 33px 82.5px;
    width: calc(50% - 49.5px);
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .article-area .article {
    padding: 5.6vw 1.6vw 4vw;
    width: calc(50% - 2.4vw);
    gap: 1.6vw;
  }
}
.front .section3 .container .article-area .article .point-img {
  left: 0.6944444444vw;
  width: 6.9444444444vw;
  display: block;
  position: absolute;
  bottom: 90%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .article-area .article .point-img {
    left: 0.5555555556vw;
    width: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .article-area .article .point-img {
    left: 16.5px;
    width: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .article-area .article .point-img {
    left: 0.8vw;
    width: 8vw;
  }
}
.front .section3 .container .article-area .article .main-text {
  font-size: 1.6666666667vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
  color: #162330;
  letter-spacing: 1px;
  line-height: 160%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .article-area .article .main-text {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .article-area .article .main-text {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .article-area .article .main-text {
    font-size: 1.92vw;
  }
}
.front .section3 .container .article-area .article .main-text .bold {
  font-size: 2.0833333333vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
  color: #F68E1B;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .container .article-area .article .main-text .bold {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .container .article-area .article .main-text .bold {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .container .article-area .article .main-text .bold {
    font-size: 2.4vw;
  }
}
.front .section3 .container .article-area .article .main-img {
  display: block;
  width: 100%;
}
.front .section4 {
  gap: 4.1666666667vw;
  margin-top: 5.5555555556vw;
  padding-bottom: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 {
    gap: 3.3333333333vw;
    margin-top: 4.4444444444vw;
    padding-bottom: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 {
    gap: 99px;
    margin-top: 132px;
    padding-bottom: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 {
    gap: 4.8vw;
    margin-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}
.front .section4 .title-area {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.front .section4 .title-area .h2 {
  position: relative;
  text-align: center;
}
.front .section4 .title-area .h2 .text-wrapper {
  font-size: 3.4722222222vw;
  padding: 0.6944444444vw 1.3888888889vw;
  width: auto;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section4 .title-area .h2 .text-wrapper {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .title-area .h2 .text-wrapper {
    font-size: 82.5px;
    padding: 16.5px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .title-area .h2 .text-wrapper {
    font-size: 4vw;
    padding: 0.8vw 1.6vw;
  }
}
.front .section4 .title-area .h2 .text-wrapper .pc {
  font-size: 3.4722222222vw;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .title-area .h2 .text-wrapper .pc {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .title-area .h2 .text-wrapper .pc {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .title-area .h2 .text-wrapper .pc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .title-area .h2 .text-wrapper .pc {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .title-area .h2 .text-wrapper .pc {
    font-size: 11.1111111111vw;
  }
}
.front .section4 .title-area .text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 .title-area .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .title-area .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .title-area .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .title-area .text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .title-area .text {
    font-size: 3.5555555556vw;
  }
}
.front .section4 .article-wrapper {
  width: 83.3333333333vw;
  gap: 4.1666666667vw 2.0833333333vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper {
    width: 66.6666666667vw;
    gap: 3.3333333333vw 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper {
    width: 1980px;
    gap: 99px 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper {
    width: 96vw;
    gap: 4.8vw 2.4vw;
  }
}
.front .section4 .article-wrapper .article {
  padding-top: 3.4722222222vw;
  gap: 0.9027777778vw;
  width: calc(33.3333333333% - 2.0833333333vw);
  position: relative;
  background: #FFF;
  box-shadow: 0px 5px 10px #000000;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article {
    padding-top: 2.7777777778vw;
    gap: 0.7222222222vw;
    width: calc(33.3333333333% - 1.6666666667vw);
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article {
    padding-top: 82.5px;
    gap: 21.45px;
    width: calc(33.3333333333% - 49.5px);
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article {
    padding-top: 4vw;
    gap: 1.04vw;
    width: calc(33.3333333333% - 2.4vw);
  }
}
.front .section4 .article-wrapper .article .icon-img {
  width: 4.8611111111vw;
  height: 4.8611111111vw;
  top: -2.4305555556vw;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .icon-img {
    width: 3.8888888889vw;
    height: 3.8888888889vw;
    top: -1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .icon-img {
    width: 115.5px;
    height: 115.5px;
    top: -57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .icon-img {
    width: 5.6vw;
    height: 5.6vw;
    top: -2.8vw;
  }
}
.front .section4 .article-wrapper .article .top-area {
  gap: 1.3888888889vw;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .top-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .top-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .top-area {
    gap: 1.6vw;
  }
}
.front .section4 .article-wrapper .article .top-area .title {
  font-size: 1.25vw;
  padding-bottom: 0.6944444444vw;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .top-area .title {
    font-size: 1vw;
    padding-bottom: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .top-area .title {
    font-size: 29.7px;
    padding-bottom: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .top-area .title {
    font-size: 1.44vw;
    padding-bottom: 0.8vw;
  }
}
.front .section4 .article-wrapper .article .top-area .title .bar-img {
  width: 5.5555555556vw;
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .top-area .title .bar-img {
    width: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .top-area .title .bar-img {
    width: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .top-area .title .bar-img {
    width: 6.4vw;
  }
}
.front .section4 .article-wrapper .article .top-area .title .bar-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  display: block;
}
.front .section4 .article-wrapper .article .top-area .text {
  padding: 0 0.6944444444vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .top-area .text {
    padding: 0 0.5555555556vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .top-area .text {
    padding: 0 16.5px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .top-area .text {
    padding: 0 0.8vw;
    font-size: 1.12vw;
  }
}
.front .section4 .article-wrapper .article .bottom-area {
  gap: 1.3888888889vw;
  padding: 1.3888888889vw 0.6944444444vw 2.0833333333vw;
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .bottom-area {
    gap: 1.1111111111vw;
    padding: 1.1111111111vw 0.5555555556vw 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .bottom-area {
    gap: 33px;
    padding: 33px 16.5px 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .bottom-area {
    gap: 1.6vw;
    padding: 1.6vw 0.8vw 2.4vw;
  }
}
.front .section4 .article-wrapper .article .bottom-area .title {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1px;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .bottom-area .title {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .bottom-area .title {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .bottom-area .title {
    font-size: 1.12vw;
  }
}
.front .section4 .article-wrapper .article .bottom-area .list {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .bottom-area .list {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .bottom-area .list {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .bottom-area .list {
    gap: 0.8vw;
  }
}
.front .section4 .article-wrapper .article .bottom-area .list li {
  padding-left: 1.8055555556vw;
  font-size: 0.9722222222vw;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  line-height: 180%;
  letter-spacing: 1px;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .bottom-area .list li {
    padding-left: 1.4444444444vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .bottom-area .list li {
    padding-left: 42.9px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .bottom-area .list li {
    padding-left: 2.08vw;
    font-size: 1.12vw;
  }
}
.front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
  width: 1.1111111111vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 1800px) {
  .front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
    width: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
    width: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
    width: 1.28vw;
  }
}
.front .section5 {
  padding: 5.5555555556vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 {
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 {
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 {
    padding: 6.4vw 0;
  }
}
.front .section5 .h2 {
  position: relative;
  text-align: center;
}
.front .section5 .h2 .text-wrapper {
  font-size: 3.4722222222vw;
  padding: 0.6944444444vw 1.3888888889vw;
  width: auto;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section5 .h2 .text-wrapper {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .h2 .text-wrapper {
    font-size: 82.5px;
    padding: 16.5px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .h2 .text-wrapper {
    font-size: 4vw;
    padding: 0.8vw 1.6vw;
  }
}
.front .section5 .h2 .text-wrapper .pc {
  font-size: 3.4722222222vw;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .h2 .text-wrapper .pc {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .h2 .text-wrapper .pc {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .h2 .text-wrapper .pc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .h2 .text-wrapper .pc {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .h2 .text-wrapper .pc {
    font-size: 11.1111111111vw;
  }
}
.front .section5 .content-area {
  width: 76.3888888889vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area {
    width: 61.1111111111vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area {
    width: 1815px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area {
    width: 88vw;
    gap: 3.2vw;
  }
}
.front .section5 .content-area .top-area {
  margin-top: 4.1666666667vw;
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .top-area {
    gap: 1.1111111111vw;
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .top-area {
    gap: 33px;
    margin-top: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .top-area {
    gap: 1.6vw;
    margin-top: 4.8vw;
  }
}
.front .section5 .content-area .top-area .text1 {
  font-size: 2.7777777778vw;
  color: #0F314D;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .top-area .text1 {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .top-area .text1 {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .top-area .text1 {
    font-size: 3.2vw;
  }
}
.front .section5 .content-area .top-area .text2 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 180%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .top-area .text2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .top-area .text2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .top-area .text2 {
    font-size: 1.28vw;
  }
}
.front .section5 .content-area .middle-area {
  width: 48.6111111111vw;
  border-radius: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  border: 1px solid #4A4A4A;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area {
    width: 38.8888888889vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area {
    width: 1155px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area {
    width: 56vw;
    border-radius: 0.8vw;
  }
}
.front .section5 .content-area .middle-area .title {
  padding: 0.6944444444vw;
  font-size: 1.9444444444vw;
  text-align: center;
  background: #0F314D;
  color: #FFF;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .title {
    padding: 0.5555555556vw;
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .title {
    padding: 16.5px;
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .title {
    padding: 0.8vw;
    font-size: 2.24vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area {
  padding: 2.7777777778vw 0;
  gap: 0.9722222222vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #DBDBDB;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area {
    padding: 2.2222222222vw 0;
    gap: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area {
    padding: 66px 0;
    gap: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area {
    padding: 3.2vw 0;
    gap: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area {
    padding: 5.2083333333vw 0;
    gap: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area {
    padding: 8.8888888889vw 0;
    gap: 3.1111111111vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price {
  gap: 1.3888888889vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price {
    gap: 4.4444444444vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
  padding: 0.9722222222vw 1.3888888889vw;
  border-radius: 0.6944444444vw;
  font-size: 1.9444444444vw;
  background: #0F314D;
  color: #FFF;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
    padding: 0.7777777778vw 1.1111111111vw;
    border-radius: 0.5555555556vw;
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
    padding: 23.1px 33px;
    border-radius: 16.5px;
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
    padding: 1.12vw 1.6vw;
    border-radius: 0.8vw;
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
    padding: 1.8229166667vw 2.6041666667vw;
    border-radius: 1.3020833333vw;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .text {
    padding: 3.1111111111vw 4.4444444444vw;
    border-radius: 2.2222222222vw;
    font-size: 6.2222222222vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
  gap: 0.6944444444vw;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text {
    gap: 2.2222222222vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
  font-size: 3.4722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 {
    font-size: 11.1111111111vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
  font-size: 1.9444444444vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span1 .span {
    font-size: 6.2222222222vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
  font-size: 1.0416666667vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .price .price-text .span2 {
    font-size: 3.3333333333vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 180%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .price-area .bottom-text {
    font-size: 3.5555555556vw;
  }
}
.front .section5 .content-area .middle-area .price-wrapper .text-wrapper {
  border-bottom: 1px solid #000;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
  font-size: 0.8333333333vw;
  padding: 0.6944444444vw 0;
  letter-spacing: 1px;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
    font-size: 0.6666666667vw;
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
    font-size: 0.5454545455vw;
    padding: 0.4545454545vw 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
    font-size: 0.96vw;
    padding: 0.8vw 0;
  }
}
@media screen and (max-width: 767px) {
  .front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
    font-size: 1.5645371578vw;
    padding: 1.3037809648vw 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .content-area .middle-area .price-wrapper .text-wrapper .bottom-text {
    font-size: 2.6666666667vw;
    padding: 2.2222222222vw 2.2222222222vw;
  }
}
.front .section5 .content-area .middle-area .service-area {
  padding: 2.7777777778vw 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area {
    padding: 2.2222222222vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area {
    padding: 66px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area {
    padding: 3.2vw 1.6vw;
  }
}
.front .section5 .content-area .middle-area .service-area .title-text {
  font-size: 1.9444444444vw;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area .title-text {
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area .title-text {
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area .title-text {
    font-size: 2.24vw;
  }
}
.front .section5 .content-area .middle-area .service-area .title-text .bar-img {
  width: 10.4166666667vw;
  height: 3px;
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area .title-text .bar-img {
    width: 8.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area .title-text .bar-img {
    width: 247.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area .title-text .bar-img {
    width: 12vw;
  }
}
.front .section5 .content-area .middle-area .service-area .title-text .bar-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  display: block;
}
.front .section5 .content-area .middle-area .service-area .list {
  gap: 1.3888888889vw;
  margin-top: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area .list {
    gap: 1.1111111111vw;
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area .list {
    gap: 33px;
    margin-top: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area .list {
    gap: 1.6vw;
    margin-top: 2.4vw;
  }
}
.front .section5 .content-area .middle-area .service-area .list li {
  font-size: 1.25vw;
  padding-left: 2.4305555556vw;
  position: relative;
  line-height: 180%;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area .list li {
    font-size: 1vw;
    padding-left: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area .list li {
    font-size: 29.7px;
    padding-left: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area .list li {
    font-size: 1.44vw;
    padding-left: 2.8vw;
  }
}
.front .section5 .content-area .middle-area .service-area .list li .imgArea {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  left: 0;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .middle-area .service-area .list li .imgArea {
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .middle-area .service-area .list li .imgArea {
    width: 41.25px;
    height: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .middle-area .service-area .list li .imgArea {
    width: 2vw;
    height: 2vw;
  }
}
.front .section5 .content-area .bottom-area {
  margin-top: 2.7777777778vw;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area {
    margin-top: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area {
    margin-top: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area {
    margin-top: 3.2vw;
  }
}
.front .section5 .content-area .bottom-area .text-area {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .text-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .text-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .text-area {
    gap: 1.6vw;
  }
}
.front .section5 .content-area .bottom-area .text-area .text1 {
  font-size: 2.0833333333vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .text-area .text1 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .text-area .text1 {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .text-area .text1 {
    font-size: 2.4vw;
  }
}
.front .section5 .content-area .bottom-area .text-area .text2 {
  font-size: 3.4722222222vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
  color: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .text-area .text2 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .text-area .text2 {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .text-area .text2 {
    font-size: 4vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area {
  margin-top: 0.6944444444vw;
  gap: 1.3888888889vw;
  width: 76.3888888889vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area {
    margin-top: 0.5555555556vw;
    gap: 1.1111111111vw;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area {
    margin-top: 16.5px;
    gap: 33px;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area {
    margin-top: 0.8vw;
    gap: 1.6vw;
    width: 88vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article {
  padding: 1.3888888889vw 0.6944444444vw 1.7361111111vw;
  border-radius: 0 0 0.6944444444vw 0.6944444444vw;
  border-top: 2px solid #0344a4;
  background: #FFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  width: 33.3333333333%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article {
    padding: 1.1111111111vw 0.5555555556vw 1.3888888889vw;
    border-radius: 0 0 0.5555555556vw 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article {
    padding: 33px 16.5px 41.25px;
    border-radius: 0 0 16.5px 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article {
    padding: 1.6vw 0.8vw 2vw;
    border-radius: 0 0 0.8vw 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .top-content {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content {
    gap: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
  width: 4.8611111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
    width: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
    width: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
    width: 5.6vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area {
  display: flex;
  flex-direction: column;
}
.front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
.front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
  font-size: 1.25vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 1.44vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
  font-size: 0.9722222222vw;
  color: #9A9CAA;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 1.12vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
  margin-top: 0.6944444444vw;
  padding: 0.6944444444vw;
  display: flex;
  align-items: center;
  background: #F7F7F7;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
    margin-top: 0.5555555556vw;
    padding: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
    margin-top: 16.5px;
    padding: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
    margin-top: 0.8vw;
    padding: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
  font-size: 0.9722222222vw;
  padding-right: 0.6944444444vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  border-right: 1px solid #DDDDDD;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
    font-size: 0.7777777778vw;
    padding-right: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
    font-size: 23.1px;
    padding-right: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
    font-size: 1.12vw;
    padding-right: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
  margin-left: 0.6944444444vw;
  padding-left: 1.3888888889vw;
  gap: 0.6944444444vw;
  flex: 1;
  list-style: disc;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
    margin-left: 0.5555555556vw;
    padding-left: 1.1111111111vw;
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
    margin-left: 16.5px;
    padding-left: 33px;
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
    margin-left: 0.8vw;
    padding-left: 1.6vw;
    gap: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
  font-size: 0.9722222222vw;
  list-style-position: outside;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
    font-size: 1.12vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
  margin-top: 1.3888888889vw;
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
    margin-top: 1.1111111111vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
    margin-top: 33px;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
    margin-top: 1.6vw;
    gap: 2.4vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
  border-radius: 0.3472222222vw;
  padding: 0.6944444444vw;
  font-size: 0.9722222222vw;
  background: #0344A4;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
    border-radius: 0.2777777778vw;
    padding: 0.5555555556vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
    border-radius: 8.25px;
    padding: 16.5px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
    border-radius: 0.4vw;
    padding: 0.8vw;
    font-size: 1.12vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
    gap: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
  padding: 0.6944444444vw 0;
  position: relative;
  border: 2px solid #0344A4;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
    padding: 0.8vw 0;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
  top: -1.7361111111vw;
  left: -0.1388888889vw;
  padding: 0.3472222222vw 0.6944444444vw;
  font-size: 0.8333333333vw;
  position: absolute;
  background: #0F314D;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    top: -1.3888888889vw;
    left: -0.1111111111vw;
    padding: 0.2777777778vw 0.5555555556vw;
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    top: -41.25px;
    left: -3.3px;
    padding: 8.25px 16.5px;
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    top: -2vw;
    left: -0.16vw;
    padding: 0.4vw 0.8vw;
    font-size: 0.96vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
  border-radius: 0.3472222222vw;
  border: 2px solid #FCDA70;
  background: linear-gradient(180deg, rgb(83, 62, 31) 0%, rgb(91, 77, 51) 100%);
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
  font-size: 0.9722222222vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
    font-size: 1.12vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
  gap: 0.6944444444vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
    gap: 0.8vw;
  }
}
.front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper .plan-text {
  padding: 0.6944444444vw 0;
  font-size: 0.9722222222vw;
  width: 47.5%;
  border: 1px solid #58CCC3;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  text-align: center;
}
.front .section5 .content-area .bottom-area .option-area {
  margin-top: 3.4722222222vw;
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .option-area {
    margin-top: 2.7777777778vw;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .option-area {
    margin-top: 82.5px;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .option-area {
    margin-top: 4vw;
    width: 88vw;
  }
}
.front .section5 .content-area .bottom-area .option-area .text {
  font-size: 2.0833333333vw;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .option-area .text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .option-area .text {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .option-area .text {
    font-size: 2.4vw;
  }
}
.front .section5 .content-area .bottom-area .option-area .option {
  margin-top: 2.7777777778vw;
  gap: 1.3888888889vw 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .option-area .option {
    margin-top: 2.2222222222vw;
    gap: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .option-area .option {
    margin-top: 66px;
    gap: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .option-area .option {
    margin-top: 3.2vw;
    gap: 1.6vw 0;
  }
}
.front .section5 .content-area .bottom-area .option-area .option .option-text {
  font-size: 1.6666666667vw;
  padding: 2.7777777778vw 0;
  border-radius: 0.6944444444vw;
  width: calc(33.3333333333% - 1.3888888889vw);
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  text-align: center;
  background: #0F314D;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .section5 .content-area .bottom-area .option-area .option .option-text {
    font-size: 1.3333333333vw;
    padding: 2.2222222222vw 0;
    border-radius: 0.5555555556vw;
    width: calc(33.3333333333% - 1.1111111111vw);
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .content-area .bottom-area .option-area .option .option-text {
    font-size: 39.6px;
    padding: 66px 0;
    border-radius: 16.5px;
    width: calc(33.3333333333% - 33px);
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .content-area .bottom-area .option-area .option .option-text {
    font-size: 1.92vw;
    padding: 3.2vw 0;
    border-radius: 0.8vw;
    width: calc(33.3333333333% - 1.6vw);
  }
}
.front .section6 {
  padding: 5.5555555556vw;
}
@media screen and (min-width: 1800px) {
  .front .section6 {
    padding: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 {
    padding: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 {
    padding: 6.4vw;
  }
}
.front .section6 .title {
  display: none;
}
.front .section6 .imgArea {
  display: block;
}
.front .section9 {
  gap: 4.1666666667vw;
  padding: 5.5555555556vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section9 {
    gap: 3.3333333333vw;
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 {
    gap: 99px;
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 {
    gap: 4.8vw;
    padding: 6.4vw 0;
  }
}
.front .section9 .h2 {
  position: relative;
  text-align: center;
}
.front .section9 .h2 .text-wrapper {
  font-size: 3.4722222222vw;
  padding: 0.6944444444vw 1.3888888889vw;
  width: auto;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
  background: #0F314D;
}
@media screen and (min-width: 1800px) {
  .front .section9 .h2 .text-wrapper {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .h2 .text-wrapper {
    font-size: 82.5px;
    padding: 16.5px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .h2 .text-wrapper {
    font-size: 4vw;
    padding: 0.8vw 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .h2 .text-wrapper {
    font-size: 2.6041666667vw;
    padding: 1.3020833333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .h2 .text-wrapper {
    font-size: 4.4444444444vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
}
.front .section9 .h2 .text-wrapper .pc {
  font-size: 3.4722222222vw;
  display: inline-block;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .h2 .text-wrapper .pc {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .h2 .text-wrapper .pc {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .h2 .text-wrapper .pc {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .h2 .text-wrapper .pc {
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .h2 .text-wrapper .pc {
    font-size: 11.1111111111vw;
  }
}
.front .section9 .content {
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content {
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content {
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content {
    width: 143.2291666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content {
    width: 244.4444444444vw;
  }
}
.front .section9 .content .question-area {
  padding: 2.0833333333vw 0;
  gap: 2.0833333333vw;
  border-bottom: 1px solid #0344A4;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area {
    padding: 1.6666666667vw 0;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area {
    padding: 49.5px 0;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area {
    padding: 2.4vw 0;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area {
    padding: 3.90625vw 0;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area {
    padding: 6.6666666667vw 0;
    gap: 6.6666666667vw;
  }
}
.front .section9 .content .question-area .question {
  gap: 2.0833333333vw;
  display: flex;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .question {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .question {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .question {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .question {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .question {
    gap: 6.6666666667vw;
  }
}
.front .section9 .content .question-area .question .Q {
  font-size: 1.5277777778vw;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #0344A4;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .question .Q {
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .question .Q {
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .question .Q {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .question .Q {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .question .Q {
    font-size: 4.8888888889vw;
  }
}
.front .section9 .content .question-area .question .text {
  font-size: 1.5277777778vw;
  flex: 1;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #464646;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .question .text {
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .question .text {
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .question .text {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .question .text {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .question .text {
    font-size: 4.8888888889vw;
  }
}
.front .section9 .content .question-area .question .imgArea {
  width: 2.0833333333vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .question .imgArea {
    width: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .question .imgArea {
    width: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .question .imgArea {
    width: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .question .imgArea {
    width: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .question .imgArea {
    width: 6.6666666667vw;
  }
}
.front .section9 .content .question-area .question .imgArea img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 画像の鮮明さを維持する */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* 縮小時にぼやける場合 */
  -webkit-backface-visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section9 .content .question-area .question .plus {
  display: block;
}
.front .section9 .content .question-area .question .minus {
  display: none;
}
.front .section9 .content .question-area .question.close .plus {
  display: none;
}
.front .section9 .content .question-area .question.close .minus {
  display: block;
}
.front .section9 .content .question-area .answer {
  gap: 2.0833333333vw;
  display: none;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .answer {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .answer {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .answer {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .answer {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .answer {
    gap: 6.6666666667vw;
  }
}
.front .section9 .content .question-area .answer[style*="display: block"] {
  display: flex !important;
}
.front .section9 .content .question-area .answer .A {
  font-size: 1.5277777778vw;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #0344A4;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .answer .A {
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .answer .A {
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .answer .A {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .answer .A {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .answer .A {
    font-size: 4.8888888889vw;
  }
}
.front .section9 .content .question-area .answer .text {
  font-size: 1.25vw;
  flex: 1;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #464646;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .answer .text {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .answer .text {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .answer .text {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .answer .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .answer .text {
    font-size: 4vw;
  }
}
.front .section9 .content .question-area .answer .text .blue {
  font-size: 1.25vw;
  line-height: 180%;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #0344A4;
}
@media screen and (min-width: 1800px) {
  .front .section9 .content .question-area .answer .text .blue {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .content .question-area .answer .text .blue {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .content .question-area .answer .text .blue {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .content .question-area .answer .text .blue {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .content .question-area .answer .text .blue {
    font-size: 4vw;
  }
}

@media (max-width: 768px) {
  .front .section1 {
    padding: 1.3020833333vw 0;
  }
  .front .section1 .article {
    width: 50.78125vw;
    border-radius: 1.0416666667vw;
  }
  .front .section1 .article .title {
    font-size: 2.0833333333vw;
    padding: 1.3020833333vw 0;
  }
  .front .section1 .article .main-area {
    padding: 0.6510416667vw 0 1.0416666667vw;
    gap: 1.5625vw;
  }
  .front .section1 .article .main-area .top-text {
    gap: 0.5208333333vw;
  }
  .front .section1 .article .main-area .top-text .text1 .span1 {
    font-size: 3.125vw;
  }
  .front .section1 .article .main-area .top-text .text1 .span2 {
    font-size: 2.34375vw;
  }
  .front .section1 .article .main-area .top-text .imgArea {
    height: 2.34375vw;
    width: 3.125vw;
  }
  .front .section1 .article .main-area .top-text .text2 .span1 {
    font-size: 5.2083333333vw;
  }
  .front .section1 .article .main-area .top-text .text2 .span2 {
    font-size: 2.6041666667vw;
  }
  .front .section1 .article .main-area .main-img {
    width: 24.7395833333vw;
  }
  .front .section1 .article .main-area .bottom-area {
    gap: 1.5625vw;
  }
  .front .section1 .article .main-area .bottom-area .text1 {
    font-size: 2.0833333333vw;
  }
  .front .section1 .article .main-area .bottom-area .text2 .span1 {
    font-size: 2.6041666667vw;
  }
  .front .section1 .article .main-area .bottom-area .text2 .span2 {
    font-size: 3.90625vw;
  }
  .front .section1 .article .main-area .bottom-area .text3 {
    font-size: 1.8229166667vw;
  }
  .front .reason {
    padding: 7.8125vw 0;
  }
  .front .reason .title-area {
    gap: 2.6041666667vw;
    padding: 0 2.6041666667vw;
  }
  .front .reason .title-area .span-wrapper1 {
    gap: 0.6510416667vw;
  }
  .front .reason .title-area .span-wrapper1 .imgArea {
    width: 3.3854166667vw;
  }
  .front .reason .title-area .span-wrapper1 .text {
    font-size: 2.34375vw;
    text-align: center;
    line-height: 160%;
  }
  .front .reason .title-area .span-wrapper1 .text .bold {
    font-size: 2.34375vw;
  }
  .front .reason .title-area .span-wrapper2 {
    font-size: 5.2083333333vw;
  }
  .front .reason .title-area .span-wrapper2 span {
    font-size: 6.5104166667vw;
  }
  .front .reason .title-area .span-wrapper2 span::before {
    width: 0.6510416667vw;
    height: 0.6510416667vw;
  }
  .front .reason .point-area {
    margin-top: 3.90625vw;
    gap: 2.6041666667vw;
    padding: 0 2.6041666667vw;
    flex-direction: column;
    width: 100%;
  }
  .front .reason .point-area .article {
    width: 32.5520833333vw;
    height: 22.1354166667vw;
    gap: 2.6041666667vw;
    border-radius: 1.3020833333vw;
    padding: 1.8229166667vw 0;
    width: 100%;
    height: auto;
  }
  .front .reason .point-area .article .imgArea {
    width: 10.4166666667vw;
    height: auto;
  }
  .front .reason .point-area .article .text {
    font-size: 2.0833333333vw;
  }
  .front .reason .text-area {
    margin-top: 2.6041666667vw;
  }
  .front .reason .text-area .text {
    font-size: 2.34375vw;
  }
  .front .reason .button-area {
    padding: 0 2.6041666667vw;
    margin-top: 19.53125vw;
    width: 100%;
  }
  .front .reason .button-area .hukidashi {
    width: calc(80% - 5.2083333333vw);
  }
  .front .reason .button-area .link {
    font-size: 24px;
    font-size: 3.125vw;
    width: 58.59375vw;
    border-radius: 1.3020833333vw;
    padding: 2.6041666667vw 0;
    box-shadow: 0.390625vw 0.390625vw 0px #E4721F;
    display: block;
    width: 100%;
  }
  .front .reason .button-area .link .imgArea {
    display: none;
  }
  .front .nayami {
    padding: 7.8125vw 2.6041666667vw;
    gap: 5.2083333333vw;
    overflow: hidden;
  }
  .front .nayami .title-img {
    width: 100%;
  }
  .front .nayami .text-area {
    width: 100%;
    height: auto;
    position: relative;
  }
  .front .nayami .text-area .text-img1 {
    left: -1.953125vw;
    width: 65.1041666667vw;
    position: relative;
  }
  .front .nayami .text-area .text-img2 {
    position: relative;
    margin-top: 4.8177083333vw;
    right: -40%;
    width: 65.1041666667vw;
  }
  .front .nayami .text-area .text-img3 {
    width: 65.1041666667vw;
    left: -3.2552083333vw;
    position: relative;
    margin-top: 0;
    transform: translateX(0);
  }
  .front .section2 {
    margin-top: 5.2083333333vw;
    gap: 5.2083333333vw;
    padding: 0 2.6041666667vw;
  }
  .front .section2 .h2 {
    width: 100%;
  }
  .front .section2 .h2 .text-wrapper {
    font-size: 3.90625vw;
  }
  .front .section2 .h2 .text-wrapper .pc {
    display: none;
  }
  .front .section2 .content-wrapper {
    width: 100%;
    flex-direction: column;
    gap: 4.5572916667vw;
  }
  .front .section2 .content-wrapper .wrapper {
    width: 100%;
  }
  .front .section2 .content-wrapper .wrapper .top-area {
    gap: 2.34375vw;
    padding: 3.125vw;
    flex-direction: column;
  }
  .front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
    font-size: 1.8229166667vw;
    width: 100%;
    height: auto;
  }
  .front .section2 .content-wrapper .wrapper .top-area .imgArea {
    width: 100%;
  }
  .front .section2 .content-wrapper .wrapper .arrow {
    height: auto;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area {
    position: static;
    padding: 3.125vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
    width: 10.4166666667vw;
    height: auto;
    margin: 0 auto;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
    margin-top: 2.6041666667vw;
    padding: 1.3020833333vw 0;
    font-size: 2.6041666667vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
    margin-top: 1.3020833333vw;
    font-size: 2.0833333333vw;
  }
  .front .taikenkai {
    margin-top: 7.8125vw;
  }
  .front .taikenkai .top-area {
    gap: 2.6041666667vw;
    flex-direction: column;
  }
  .front .taikenkai .top-area .left-img {
    width: 100%;
  }
  .front .taikenkai .top-area .text-area {
    width: 100%;
    gap: 1.3020833333vw;
    padding: 1.3020833333vw 2.6041666667vw;
  }
  .front .taikenkai .middle-area {
    margin-top: 5.2083333333vw;
    padding: 2.6041666667vw 0;
  }
  .front .taikenkai .middle-area .text {
    font-size: 2.6041666667vw;
  }
  .front .taikenkai .middle-area .text .big {
    font-size: 3.90625vw;
  }
  .front .section7 {
    gap: 5.2083333333vw;
    padding: 0 2.6041666667vw;
    padding-bottom: 5.2083333333vw;
    margin-top: 7.8125vw;
  }
  .front .section7 .h2 .text-wrapper {
    font-size: 2.6041666667vw;
    padding: 1.3020833333vw 2.6041666667vw;
  }
  .front .section7 .content {
    gap: 2.6041666667vw;
    width: 100%;
    flex-direction: column;
  }
  .front .section7 .content .imgArea {
    width: 100%;
    height: auto;
  }
  .front .section7 .content .text {
    width: 100%;
    font-size: 2.0833333333vw;
  }
  .front .section7 .content .text .span {
    font-size: 2.0833333333vw;
  }
  .front .section7 .content .text .daihyo {
    margin: 1.3020833333vw;
    font-size: 2.0833333333vw;
  }
  .front .cta {
    padding: 10.4166666667vw 2.6041666667vw;
  }
  .front .cta .main-text {
    width: 100%;
  }
  .front .cta .main-text .imgArea {
    width: 27.34375vw;
  }
  .front .cta .main-text .span {
    font-size: 3.6458333333vw;
    margin-top: 1.3020833333vw;
    display: block;
  }
  .front .cta .text-area {
    padding: 3.90625vw 1.3020833333vw;
    margin-top: 5.2083333333vw;
    border-radius: 5.2083333333vw;
    width: 100%;
  }
  .front .cta .text-area .text1 {
    font-size: 2.6041666667vw;
  }
  .front .cta .text-area .text2 {
    margin-top: 1.3020833333vw;
    font-size: 1.5625vw;
  }
  .front .cta .text-area .button-area {
    margin-top: 14.3229166667vw;
    display: block;
    width: 100%;
  }
  .front .cta .text-area .button-area.button-area2 {
    margin-top: 8.4635416667vw;
  }
  .front .cta .text-area .button-area .hukidashi,
  .front .cta .text-area .button-area .hukidashi2 {
    width: 100%;
  }
  .front .cta .text-area .button-area .link {
    font-size: 3.125vw;
    border-radius: 1.3020833333vw;
    padding: 2.6041666667vw 0;
    box-shadow: 0.390625vw 0.390625vw 0px #E4721F;
    display: block;
    width: 100%;
  }
  .front .cta .text-area .button-area .link .imgArea {
    display: none;
  }
  .front .section3 {
    padding: 5.2083333333vw 0;
  }
  .front .section3 .container {
    width: 100%;
    gap: 7.8125vw;
    padding: 0 2.6041666667vw;
  }
  .front .section3 .container .section-title {
    font-size: 2.6041666667vw;
  }
  .front .section3 .container .article-area {
    gap: 10.4166666667vw;
    flex-direction: column;
    width: 100%;
  }
  .front .section3 .container .article-area .article {
    gap: 2.6041666667vw;
    padding: 9.1145833333vw 2.6041666667vw 6.5104166667vw;
    width: 100%;
    flex-direction: column;
  }
  .front .section3 .container .article-area .article .point-img {
    width: 13.0208333333vw;
    bottom: 87%;
    left: 50%;
    transform: translateX(-50%);
  }
  .front .section3 .container .article-area .article .main-text {
    font-size: 2.0833333333vw;
  }
  .front .section3 .container .article-area .article .main-text .bold {
    font-size: 3.125vw;
  }
  .front .section4 {
    margin-top: 5.2083333333vw;
    padding: 0 2.6041666667vw;
    gap: 7.8125vw;
  }
  .front .section4 .title-area .h2 .text-wrapper {
    font-size: 2.6041666667vw;
    padding: 1.3020833333vw 2.6041666667vw;
  }
  .front .section4 .article-wrapper {
    gap: 7.8125vw;
    width: 100%;
    flex-direction: column;
  }
  .front .section4 .article-wrapper .article {
    gap: 2.6041666667vw;
    padding-top: 6.5104166667vw;
    width: 100%;
  }
  .front .section4 .article-wrapper .article .icon-img {
    width: 9.1145833333vw;
    height: 9.1145833333vw;
    top: -4.5572916667vw;
  }
  .front .section4 .article-wrapper .article .top-area {
    gap: 2.6041666667vw;
  }
  .front .section4 .article-wrapper .article .top-area .title {
    font-size: 2.34375vw;
    padding-bottom: 1.3020833333vw;
  }
  .front .section4 .article-wrapper .article .top-area .title .bar-img {
    width: 10.4166666667vw;
  }
  .front .section4 .article-wrapper .article .top-area .text {
    padding: 0 1.3020833333vw;
    font-size: 1.8229166667vw;
  }
  .front .section4 .article-wrapper .article .bottom-area {
    gap: 2.6041666667vw;
    padding: 2.6041666667vw 1.3020833333vw 3.90625vw;
    padding-bottom: 5.2083333333vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .title {
    font-size: 1.8229166667vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list {
    gap: 1.3020833333vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list li {
    padding-left: 3.3854166667vw;
    font-size: 1.8229166667vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
    width: 2.0833333333vw;
  }
  .front .section5 {
    gap: 2.6041666667vw;
    padding: 0 2.6041666667vw;
    padding-bottom: 7.8125vw;
    margin-top: 13.0208333333vw;
  }
  .front .section5 .h2 .text-wrapper {
    font-size: 2.6041666667vw;
    padding: 1.3020833333vw 2.6041666667vw;
  }
  .front .section5 .content-area {
    gap: 2.6041666667vw;
    width: 100%;
  }
  .front .section5 .content-area .top-area {
    gap: 1.3020833333vw;
    margin-top: 0;
  }
  .front .section5 .content-area .top-area .text1 {
    font-size: 2.6041666667vw;
  }
  .front .section5 .content-area .top-area .text2 {
    font-size: 2.0833333333vw;
  }
  .front .section5 .content-area .middle-area {
    border-radius: 1.3020833333vw;
    width: 100%;
  }
  .front .section5 .content-area .middle-area .title {
    padding: 1.3020833333vw;
    font-size: 3.6458333333vw;
  }
  .front .section5 .content-area .middle-area .price-area {
    padding: 2.6041666667vw 0;
    gap: 0;
  }
  .front .section5 .content-area .middle-area .price-area .price {
    gap: 0;
    flex-direction: column;
  }
  .front .section5 .content-area .middle-area .price-area .price .text {
    padding: 1.8229166667vw 2.6041666667vw;
    border-radius: 1.3020833333vw;
    font-size: 2.6041666667vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text {
    padding: 2.8645833333vw 0;
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span1 {
    font-size: 6.5104166667vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span1 .span {
    font-size: 3.6458333333vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span2 {
    font-size: 1.953125vw;
  }
  .front .section5 .content-area .middle-area .bottom-text {
    font-size: 2.0833333333vw;
  }
  .front .section5 .content-area .middle-area .service-area {
    padding: 5.2083333333vw 2.6041666667vw;
  }
  .front .section5 .content-area .middle-area .service-area .title-text {
    font-size: 2.6041666667vw;
  }
  .front .section5 .content-area .middle-area .service-area .title-text .bar-img {
    width: 19.53125vw;
  }
  .front .section5 .content-area .middle-area .service-area .list {
    gap: 2.6041666667vw;
    margin-top: 3.90625vw;
  }
  .front .section5 .content-area .middle-area .service-area .list li {
    font-size: 2.0833333333vw;
    padding-left: 4.5572916667vw;
  }
  .front .section5 .content-area .middle-area .service-area .list li .imgArea {
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
  .front .section5 .content-area .bottom-area {
    margin-top: 0;
    padding: 0 2.6041666667vw;
    width: 100%;
  }
  .front .section5 .content-area .bottom-area .text-area {
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .text-area .text1 {
    font-size: 2.0833333333vw;
  }
  .front .section5 .content-area .bottom-area .text-area .text2 {
    font-size: 2.34375vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area {
    margin-top: 1.3020833333vw;
    gap: 2.6041666667vw;
    flex-direction: column;
    width: 100%;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article {
    width: 100%;
    padding: 2.6041666667vw 1.3020833333vw;
    border-radius: 0 0 1.3020833333vw 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content {
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
    width: 9.1145833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 2.34375vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 1.8229166667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
    margin-top: 1.3020833333vw;
    padding: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
    font-size: 1.8229166667vw;
    padding-right: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
    margin-left: 1.3020833333vw;
    padding-left: 2.6041666667vw;
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
    font-size: 1.8229166667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
    margin-top: 2.6041666667vw;
    gap: 3.90625vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
    border-radius: 0.6510416667vw;
    padding: 1.3020833333vw;
    font-size: 1.8229166667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
    padding: 1.3020833333vw 0;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    top: -3.2552083333vw;
    left: -0.2604166667vw;
    padding: 0.6510416667vw 1.3020833333vw;
    font-size: 1.5625vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    border-radius: 0.6510416667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
    font-size: 1.8229166667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
    gap: 1.3020833333vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper .plan-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.3020833333vw 0;
    font-size: 1.8229166667vw;
  }
  .front .section5 .content-area .bottom-area .option-area {
    width: 100%;
    margin-top: 3.90625vw;
  }
  .front .section5 .content-area .bottom-area .option-area .text {
    font-size: 2.6041666667vw;
  }
  .front .section5 .content-area .bottom-area .option-area .option {
    margin-top: 2.6041666667vw;
    gap: 1.3020833333vw;
    flex-direction: column;
  }
  .front .section5 .content-area .bottom-area .option-area .option .option-text {
    width: 100%;
    padding: 2.6041666667vw;
    font-size: 2.34375vw;
    border-radius: 1.3020833333vw;
  }
  .front .section6 {
    padding: 5.2083333333vw 2.6041666667vw;
    overflow: hidden;
  }
  .front .section6 .title-area {
    display: block;
  }
  .front .section6 .title-area .title {
    display: block;
    font-size: 3.90625vw;
    padding: 1.3020833333vw 2.6041666667vw;
    width: 100%;
    display: block;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 900;
    color: #FFF;
    text-align: center;
    letter-spacing: 1px;
    line-height: 180%;
    background: #0F314D;
  }
  .front .section6 .img-wrapper {
    margin-top: 2.6041666667vw;
    width: 100%;
    overflow: scroll;
  }
  .front .section6 .img-wrapper .imgArea {
    width: 100%;
  }
  .front .section9 {
    gap: 5.2083333333vw;
    padding: 7.8125vw 2.6041666667vw;
  }
  .front .section9 .content-area {
    width: 100%;
  }
  .front .section9 .content-area .content {
    width: 100%;
  }
  .front .section9 .content-area .content .question-area {
    padding: 2.6041666667vw 0;
    gap: 2.6041666667vw;
  }
  .front .section9 .content-area .content .question-area .question {
    gap: 1.953125vw;
    align-items: center;
  }
  .front .section9 .content-area .content .question-area .question .Q {
    font-size: 2.34375vw;
  }
  .front .section9 .content-area .content .question-area .question .text {
    font-size: 2.0833333333vw;
  }
  .front .section9 .content-area .content .question-area .question .imgArea {
    width: 2.6041666667vw;
  }
  .front .section9 .content-area .content .question-area .answer {
    gap: 1.953125vw;
  }
  .front .section9 .content-area .content .question-area .answer .A {
    font-size: 2.34375vw;
  }
  .front .section9 .content-area .content .question-area .answer .text {
    font-size: 2.0833333333vw;
  }
  .front .section9 .content-area .content .question-area .answer .text .blue {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 450px) {
  .front .section1 {
    padding: 2.2222222222vw 0;
  }
  .front .section1 .article {
    width: 86.6666666667vw;
    border-radius: 1.7777777778vw;
  }
  .front .section1 .article .title {
    font-size: 3.5555555556vw;
    padding: 2.2222222222vw 0;
  }
  .front .section1 .article .main-area {
    padding: 1.1111111111vw 0 1.7777777778vw;
    gap: 2.6666666667vw;
  }
  .front .section1 .article .main-area .top-text {
    gap: 0.8888888889vw;
  }
  .front .section1 .article .main-area .top-text .text1 .span1 {
    font-size: 4.4444444444vw;
  }
  .front .section1 .article .main-area .top-text .text1 .span2 {
    font-size: 3.5555555556vw;
  }
  .front .section1 .article .main-area .top-text .imgArea {
    height: 4vw;
    width: 5.3333333333vw;
  }
  .front .section1 .article .main-area .top-text .text2 .span1 {
    font-size: 6.6666666667vw;
  }
  .front .section1 .article .main-area .top-text .text2 .span2 {
    font-size: 3.5555555556vw;
  }
  .front .section1 .article .main-area .main-img {
    width: 42.2222222222vw;
  }
  .front .section1 .article .main-area .bottom-area {
    gap: 2.6666666667vw;
  }
  .front .section1 .article .main-area .bottom-area .text1 {
    font-size: 3.5555555556vw;
  }
  .front .section1 .article .main-area .bottom-area .text2 .span1 {
    font-size: 4vw;
  }
  .front .section1 .article .main-area .bottom-area .text2 .span2 {
    font-size: 5.3333333333vw;
  }
  .front .section1 .article .main-area .bottom-area .text3 {
    font-size: 2.6666666667vw;
  }
  .front .reason {
    padding: 13.3333333333vw 0;
  }
  .front .reason .title-area {
    gap: 4.4444444444vw;
    padding: 0 4.4444444444vw;
  }
  .front .reason .title-area .span-wrapper1 {
    gap: 1.1111111111vw;
  }
  .front .reason .title-area .span-wrapper1 .imgArea {
    width: 5.7777777778vw;
  }
  .front .reason .title-area .span-wrapper1 .text {
    font-size: 4vw;
  }
  .front .reason .title-area .span-wrapper1 .text .bold {
    font-size: 4vw;
  }
  .front .reason .title-area .span-wrapper2 {
    font-size: 8.8888888889vw;
  }
  .front .reason .title-area .span-wrapper2 span {
    font-size: 11.1111111111vw;
  }
  .front .reason .title-area .span-wrapper2 span::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
  .front .reason .point-area {
    margin-top: 6.6666666667vw;
    gap: 4.4444444444vw;
    padding: 0 4.4444444444vw;
  }
  .front .reason .point-area .article {
    width: 100%;
    height: 37.7777777778vw;
    gap: 4.4444444444vw;
    border-radius: 2.2222222222vw;
    padding: 3.1111111111vw 0;
  }
  .front .reason .point-area .article .imgArea {
    width: 80px;
  }
  .front .reason .point-area .article .text {
    font-size: 3.5555555556vw;
  }
  .front .reason .text-area {
    margin-top: 4.4444444444vw;
  }
  .front .reason .text-area .text {
    font-size: 4vw;
  }
  .front .reason .button-area {
    padding: 0 4.4444444444vw;
    margin-top: 24.4444444444vw;
  }
  .front .reason .button-area .hukidashi {
    width: calc(100% - 8.8888888889vw);
  }
  .front .reason .button-area .link {
    font-size: 5.3333333333vw;
    border-radius: 2.2222222222vw;
    padding: 4.4444444444vw 0;
    box-shadow: 0.6666666667vw 0.6666666667vw 0px #E4721F;
  }
  .front .nayami {
    padding: 13.3333333333vw 4.4444444444vw;
    gap: 8.8888888889vw;
  }
  .front .nayami .text-area .text-img1 {
    left: -3.3333333333vw;
    width: 73.3333333333vw;
  }
  .front .nayami .text-area .text-img2 {
    margin-top: 8.2222222222vw;
    right: -10%;
    width: 87.7777777778vw;
  }
  .front .nayami .text-area .text-img3 {
    width: 66.6666666667vw;
    left: -5.5555555556vw;
  }
  .front .section2 {
    margin-top: 8.8888888889vw;
    gap: 8.8888888889vw;
    padding: 0 4.4444444444vw;
  }
  .front .section2 .h2 .text-wrapper {
    font-size: 4.4444444444vw;
  }
  .front .section2 .content-wrapper {
    gap: 7.7777777778vw;
  }
  .front .section2 .content-wrapper .wrapper .top-area {
    gap: 4vw;
    padding: 5.3333333333vw;
  }
  .front .section2 .content-wrapper .wrapper .top-area .text-wrapper {
    font-size: 3.1111111111vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area {
    padding: 5.3333333333vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .imgArea {
    width: 17.7777777778vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-2 {
    margin-top: 4.4444444444vw;
    padding: 2.2222222222vw 0;
    font-size: 4.4444444444vw;
  }
  .front .section2 .content-wrapper .wrapper .bottom-area .text-wrapper-3 {
    margin-top: 2.2222222222vw;
    font-size: 3.5555555556vw;
  }
  .front .taikenkai {
    margin-top: 13.3333333333vw;
  }
  .front .taikenkai .top-area {
    gap: 4.4444444444vw;
  }
  .front .taikenkai .top-area .text-area {
    gap: 2.2222222222vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
  .front .taikenkai .middle-area {
    margin-top: 8.8888888889vw;
    padding: 4.4444444444vw 0;
  }
  .front .taikenkai .middle-area .text {
    font-size: 4.4444444444vw;
  }
  .front .taikenkai .middle-area .text .big {
    font-size: 6.6666666667vw;
  }
  .front .section7 {
    gap: 8.8888888889vw;
    padding: 0 4.4444444444vw;
    padding-bottom: 8.8888888889vw;
    margin-top: 13.3333333333vw;
  }
  .front .section7 .h2 .text-wrapper {
    font-size: 4.4444444444vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
  .front .section7 .content {
    gap: 4.4444444444vw;
  }
  .front .section7 .content .text {
    font-size: 3.5555555556vw;
  }
  .front .section7 .content .text .span {
    font-size: 3.5555555556vw;
  }
  .front .section7 .content .text .daihyo {
    margin: 2.2222222222vw;
    font-size: 3.5555555556vw;
  }
  .front .cta {
    padding: 17.7777777778vw 4.4444444444vw;
  }
  .front .cta .main-text .imgArea {
    width: 46.6666666667vw;
  }
  .front .cta .main-text .span {
    font-size: 6.2222222222vw;
    margin-top: 2.2222222222vw;
  }
  .front .cta .text-area {
    padding: 6.6666666667vw 2.2222222222vw;
    margin-top: 8.8888888889vw;
    border-radius: 8.8888888889vw;
  }
  .front .cta .text-area .text1 {
    font-size: 4.4444444444vw;
  }
  .front .cta .text-area .text2 {
    margin-top: 2.2222222222vw;
    font-size: 2.6666666667vw;
  }
  .front .cta .text-area .button-area {
    margin-top: 24.4444444444vw;
  }
  .front .cta .text-area .button-area.button-area2 {
    margin-top: 17.7777777778vw;
  }
  .front .cta .text-area .button-area .link {
    font-size: 5.3333333333vw;
    border-radius: 2.2222222222vw;
    padding: 4.4444444444vw 0;
    box-shadow: 0.6666666667vw 0.6666666667vw 0px #E4721F;
  }
  .front .cta .text-area .button-area .hukidashi,
  .front .cta .text-area .button-area .hukidashi2 {
    width: 80%;
  }
  .front .section3 {
    padding: 8.8888888889vw 0;
  }
  .front .section3 .container {
    gap: 13.3333333333vw;
    padding: 0 4.4444444444vw;
  }
  .front .section3 .container .section-title {
    font-size: 4.4444444444vw;
  }
  .front .section3 .container .article-area {
    gap: 17.7777777778vw;
  }
  .front .section3 .container .article-area .article {
    gap: 4.4444444444vw;
    padding: 15.5555555556vw 4.4444444444vw 11.1111111111vw;
  }
  .front .section3 .container .article-area .article .point-img {
    width: 90px;
  }
  .front .section3 .container .article-area .article .main-text {
    font-size: 3.5555555556vw;
  }
  .front .section3 .container .article-area .article .main-text .bold {
    font-size: 5.3333333333vw;
  }
  .front .section4 {
    margin-top: 8.8888888889vw;
    padding: 0 4.4444444444vw;
    gap: 13.3333333333vw;
  }
  .front .section4 .title-area .h2 .text-wrapper {
    font-size: 4.4444444444vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
  .front .section4 .article-wrapper {
    gap: 13.3333333333vw;
  }
  .front .section4 .article-wrapper .article {
    gap: 4.4444444444vw;
    padding-top: 11.1111111111vw;
  }
  .front .section4 .article-wrapper .article .icon-img {
    width: 70px;
    height: 70px;
    top: -7.7777777778vw;
  }
  .front .section4 .article-wrapper .article .top-area {
    gap: 4.4444444444vw;
  }
  .front .section4 .article-wrapper .article .top-area .title {
    font-size: 4vw;
    padding-bottom: 2.2222222222vw;
  }
  .front .section4 .article-wrapper .article .top-area .title .bar-img {
    width: 17.7777777778vw;
  }
  .front .section4 .article-wrapper .article .top-area .text {
    padding: 0 2.2222222222vw;
    font-size: 3.1111111111vw;
  }
  .front .section4 .article-wrapper .article .bottom-area {
    gap: 4.4444444444vw;
    padding: 4.4444444444vw 2.2222222222vw 6.6666666667vw;
    padding-bottom: 8.8888888889vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .title {
    font-size: 3.1111111111vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list {
    gap: 2.2222222222vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list li {
    padding-left: 5.7777777778vw;
    font-size: 3.1111111111vw;
  }
  .front .section4 .article-wrapper .article .bottom-area .list li .imgArea {
    width: 3.5555555556vw;
  }
  .front .section5 {
    gap: 4.4444444444vw;
    padding: 0 4.4444444444vw;
    padding-bottom: 13.3333333333vw;
    margin-top: 22.2222222222vw;
  }
  .front .section5 .h2 .text-wrapper {
    font-size: 4.4444444444vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
  .front .section5 .content-area {
    gap: 4.4444444444vw;
  }
  .front .section5 .content-area .top-area {
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .top-area .text1 {
    font-size: 4.4444444444vw;
  }
  .front .section5 .content-area .top-area .text2 {
    font-size: 3.5555555556vw;
  }
  .front .section5 .content-area .middle-area {
    border-radius: 2.2222222222vw;
  }
  .front .section5 .content-area .middle-area .title {
    padding: 2.2222222222vw;
    font-size: 6.2222222222vw;
  }
  .front .section5 .content-area .middle-area .price-area {
    padding: 4.4444444444vw 0;
  }
  .front .section5 .content-area .middle-area .price-area .price .text {
    padding: 3.1111111111vw 4.4444444444vw;
    border-radius: 2.2222222222vw;
    font-size: 4.4444444444vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text {
    padding: 4.8888888889vw 0;
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span1 {
    font-size: 11.1111111111vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span1 .span {
    font-size: 6.2222222222vw;
  }
  .front .section5 .content-area .middle-area .price-area .price .price-text .span2 {
    font-size: 3.3333333333vw;
  }
  .front .section5 .content-area .middle-area .bottom-text {
    font-size: 3.5555555556vw;
  }
  .front .section5 .content-area .middle-area .service-area {
    padding: 8.8888888889vw 4.4444444444vw;
  }
  .front .section5 .content-area .middle-area .service-area .title-text {
    font-size: 4.4444444444vw;
  }
  .front .section5 .content-area .middle-area .service-area .title-text .bar-img {
    width: 33.3333333333vw;
  }
  .front .section5 .content-area .middle-area .service-area .list {
    gap: 4.4444444444vw;
    margin-top: 6.6666666667vw;
  }
  .front .section5 .content-area .middle-area .service-area .list li {
    font-size: 3.5555555556vw;
    padding-left: 7.7777777778vw;
  }
  .front .section5 .content-area .middle-area .service-area .list li .imgArea {
    width: 5.5555555556vw;
    height: 5.5555555556vw;
  }
  .front .section5 .content-area .bottom-area {
    padding: 0 4.4444444444vw;
  }
  .front .section5 .content-area .bottom-area .text-area {
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .text-area .text1 {
    font-size: 3.5555555556vw;
  }
  .front .section5 .content-area .bottom-area .text-area .text2 {
    font-size: 4vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area {
    margin-top: 2.2222222222vw;
    gap: 4.4444444444vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article {
    padding: 4.4444444444vw 2.2222222222vw;
    border-radius: 0 0 2.2222222222vw 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content {
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .imgArea {
    width: 15.5555555556vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text1,
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 4vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .top-content .right-area .text2 {
    font-size: 3.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content {
    margin-top: 2.2222222222vw;
    padding: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .left-text {
    font-size: 3.1111111111vw;
    padding-right: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list {
    margin-left: 2.2222222222vw;
    padding-left: 4.4444444444vw;
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .middle-content .list li {
    font-size: 3.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content {
    margin-top: 4.4444444444vw;
    gap: 6.6666666667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .top-text {
    border-radius: 1.1111111111vw;
    padding: 2.2222222222vw;
    font-size: 3.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content {
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan {
    padding: 2.2222222222vw 0;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text,
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    top: -5.5555555556vw;
    left: -0.4444444444vw;
    padding: 1.1111111111vw 2.2222222222vw;
    font-size: 2.6666666667vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .plan-text-recomend {
    border-radius: 1.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan .text {
    font-size: 3.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper {
    gap: 2.2222222222vw;
  }
  .front .section5 .content-area .bottom-area .main-content-area .article .bottom-content .plan-content .plan-wrapper .plan-text {
    padding: 2.2222222222vw 0;
    font-size: 3.1111111111vw;
  }
  .front .section5 .content-area .bottom-area .option-area {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
  .front .section5 .content-area .bottom-area .option-area .text {
    font-size: 4.4444444444vw;
  }
  .front .section5 .content-area .bottom-area .option-area .option {
    margin-top: 4.4444444444vw;
    gap: 2.2222222222vw;
    flex-direction: column;
  }
  .front .section5 .content-area .bottom-area .option-area .option .option-text {
    width: 100%;
    padding: 4.4444444444vw;
    font-size: 4vw;
    border-radius: 2.2222222222vw;
  }
  .front .section6 {
    padding: 8.8888888889vw 4.4444444444vw;
    overflow: hidden;
  }
  .front .section6 .title-area {
    display: block;
  }
  .front .section6 .title-area .title {
    display: block;
    font-size: 6.6666666667vw;
    padding: 2.2222222222vw 4.4444444444vw;
  }
  .front .section6 .img-wrapper {
    margin-top: 8.8888888889vw;
  }
  .front .section6 .img-wrapper .imgArea {
    width: 100%;
  }
  .front .section9 {
    gap: 8.8888888889vw;
    padding: 13.3333333333vw 4.4444444444vw;
  }
  .front .section9 .content-area .content .question-area {
    padding: 4.4444444444vw 0;
    gap: 4.4444444444vw;
  }
  .front .section9 .content-area .content .question-area .question {
    gap: 3.3333333333vw;
  }
  .front .section9 .content-area .content .question-area .question .Q {
    font-size: 4vw;
  }
  .front .section9 .content-area .content .question-area .question .text {
    font-size: 3.5555555556vw;
  }
  .front .section9 .content-area .content .question-area .question .imgArea {
    width: 4.4444444444vw;
  }
  .front .section9 .content-area .content .question-area .answer {
    gap: 3.3333333333vw;
  }
  .front .section9 .content-area .content .question-area .answer .A {
    font-size: 4vw;
  }
  .front .section9 .content-area .content .question-area .answer .text {
    font-size: 3.5555555556vw;
  }
  .front .section9 .content-area .content .question-area .answer .text .blue {
    font-size: 3.5555555556vw;
  }
}
.m-footer {
  padding: 2.7777777778vw 0 5.5555555556vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-footer {
    padding: 2.2222222222vw 0 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer {
    padding: 66px 0 132px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer {
    padding: 3.2vw 0 6.4vw;
  }
}
.m-footer .footer-area {
  width: 83.3333333333vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area {
    width: 66.6666666667vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area {
    width: 1980px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area {
    width: 96vw;
    gap: 3.2vw;
  }
}
.m-footer .footer-area .top-area {
  gap: 1.3888888889vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .top-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .top-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .top-area {
    gap: 1.6vw;
  }
}
.m-footer .footer-area .top-area .span {
  font-size: 0.8333333333vw;
  font-weight: 500;
  color: #000;
  font-family: "Noto Sans JP", Helvetica;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .top-area .span {
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .top-area .span {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .top-area .span {
    font-size: 0.96vw;
  }
}
.m-footer .footer-area .top-area .imgArea {
  display: block;
  width: 2.0833333333vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .top-area .imgArea {
    width: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .top-area .imgArea {
    width: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .top-area .imgArea {
    width: 2.4vw;
  }
}
.m-footer .footer-area .bottom-area {
  display: flex;
  justify-content: space-between;
}
.m-footer .footer-area .bottom-area .left-area .imgArea {
  display: block;
  width: 22.2222222222vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .left-area .imgArea {
    width: 17.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .left-area .imgArea {
    width: 528px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .left-area .imgArea {
    width: 25.6vw;
  }
}
.m-footer .footer-area .bottom-area .left-area .copy {
  margin-top: 0.6944444444vw;
  font-size: 1.1111111111vw;
  display: block;
  font-weight: 400;
  color: #000;
  font-family: "Noto Sans JP", Helvetica;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .left-area .copy {
    margin-top: 0.5555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .left-area .copy {
    margin-top: 16.5px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .left-area .copy {
    margin-top: 0.8vw;
    font-size: 1.28vw;
  }
}
.m-footer .footer-area .bottom-area .left-area .bottomArea {
  margin-top: 0.6944444444vw;
  gap: 0.6944444444vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea {
    margin-top: 0.5555555556vw;
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea {
    margin-top: 16.5px;
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea {
    margin-top: 0.8vw;
    gap: 0.8vw;
  }
}
.m-footer .footer-area .bottom-area .left-area .bottomArea a {
  font-size: 0.8333333333vw;
  text-decoration: underline;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea a {
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea a {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .left-area .bottomArea a {
    font-size: 0.96vw;
  }
}
.m-footer .footer-area .bottom-area .right-area .list {
  gap: 1.3888888889vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .right-area .list {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .right-area .list {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .right-area .list {
    gap: 1.6vw;
  }
}
.m-footer .footer-area .bottom-area .right-area .list a {
  font-size: 1.1111111111vw;
  font-weight: 400;
  color: #000;
  font-family: "Noto Sans JP", Helvetica;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .right-area .list a {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .right-area .list a {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .right-area .list a {
    font-size: 1.28vw;
  }
}
.m-footer .footer-area .bottom-area .right-area .imgArea {
  display: none;
}
.m-footer .footer-area .bottom-area .right-area .text {
  margin-top: 1.3888888889vw;
  font-size: 1.1111111111vw;
  font-weight: 400;
  color: #000;
  font-family: "Noto Sans JP", Helvetica;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .right-area .text {
    margin-top: 1.1111111111vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .right-area .text {
    margin-top: 33px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .right-area .text {
    margin-top: 1.6vw;
    font-size: 1.28vw;
  }
}
.m-footer .footer-area .bottom-area .right-area .text a {
  font-size: 1.1111111111vw;
  font-weight: 400;
  color: #000;
  text-decoration: underline;
  font-family: "Noto Sans JP", Helvetica;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer-area .bottom-area .right-area .text a {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer-area .bottom-area .right-area .text a {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer-area .bottom-area .right-area .text a {
    font-size: 1.28vw;
  }
}
.m-footer .footer-area .bottom-area .right-area .bottomArea {
  display: none;
}
.m-footer .footer-area .bottom-area .right-area .copy {
  display: none;
}

@media (max-width: 768px) {
  .m-footer {
    padding: 5.2083333333vw 2.6041666667vw 10.4166666667vw;
  }
  .m-footer .footer-area {
    flex-direction: column-reverse;
    width: 100%;
    padding: 0 2.6041666667vw;
    gap: 5.2083333333vw;
  }
  .m-footer .footer-area .top-area {
    gap: 2.6041666667vw;
  }
  .m-footer .footer-area .top-area .span {
    font-size: 1.5625vw;
  }
  .m-footer .footer-area .top-area .imgArea {
    width: 3.90625vw;
  }
  .m-footer .footer-area .bottom-area {
    gap: 2.6041666667vw;
    width: 100%;
    flex-direction: column;
  }
  .m-footer .footer-area .bottom-area .left-area {
    width: 100%;
    display: none;
  }
  .m-footer .footer-area .bottom-area .left-area .copy {
    display: none;
  }
  .m-footer .footer-area .bottom-area .right-area .list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.6041666667vw 7.8125vw;
  }
  .m-footer .footer-area .bottom-area .right-area .list li {
    text-align: center;
  }
  .m-footer .footer-area .bottom-area .right-area .list a {
    font-size: 2.0833333333vw;
  }
  .m-footer .footer-area .bottom-area .right-area .imgArea {
    margin: 2.6041666667vw auto;
    display: block;
    width: 80%;
  }
  .m-footer .footer-area .bottom-area .right-area .text {
    margin-top: 2.6041666667vw;
    font-size: 2.0833333333vw;
  }
  .m-footer .footer-area .bottom-area .right-area .text a {
    font-size: 2.0833333333vw;
  }
  .m-footer .footer-area .bottom-area .right-area .bottomArea {
    margin: 2.6041666667vw 0 1.3020833333vw;
    gap: 1.3020833333vw;
    display: flex;
    justify-content: center;
  }
  .m-footer .footer-area .bottom-area .right-area .bottomArea a {
    font-size: 1.5625vw;
    text-decoration: underline;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: #000000;
  }
  .m-footer .footer-area .bottom-area .right-area .copy {
    display: block;
    margin-top: 1.3020833333vw;
    font-size: 2.0833333333vw;
    font-weight: 400;
    color: #000;
    font-family: "Noto Sans JP", Helvetica;
    text-align: center;
  }
}
@media (max-width: 450px) {
  .m-footer {
    padding: 8.8888888889vw 4.4444444444vw 17.7777777778vw;
  }
  .m-footer .footer-area {
    padding: 0 4.4444444444vw;
    gap: 8.8888888889vw;
  }
  .m-footer .footer-area .top-area {
    gap: 4.4444444444vw;
  }
  .m-footer .footer-area .top-area .span {
    font-size: 2.6666666667vw;
  }
  .m-footer .footer-area .top-area .imgArea {
    width: 6.6666666667vw;
  }
  .m-footer .footer-area .bottom-area {
    gap: 4.4444444444vw;
  }
  .m-footer .footer-area .bottom-area .right-area .list {
    gap: 4.4444444444vw 13.3333333333vw;
  }
  .m-footer .footer-area .bottom-area .right-area .list a {
    font-size: 3.5555555556vw;
  }
  .m-footer .footer-area .bottom-area .right-area .imgArea {
    margin: 4.4444444444vw auto;
  }
  .m-footer .footer-area .bottom-area .right-area .text {
    margin-top: 4.4444444444vw;
    font-size: 3.5555555556vw;
    text-align: center;
  }
  .m-footer .footer-area .bottom-area .right-area .text a {
    font-size: 3.5555555556vw;
  }
  .m-footer .footer-area .bottom-area .right-area .bottomArea {
    margin: 4.4444444444vw 0 2.2222222222vw;
    gap: 2.2222222222vw;
  }
  .m-footer .footer-area .bottom-area .right-area .bottomArea a {
    font-size: 2.6666666667vw;
  }
  .m-footer .footer-area .bottom-area .right-area .copy {
    margin-top: 2.2222222222vw;
    font-size: 3.5555555556vw;
  }
}
html,
body {
  background: #FFF;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 0.685vw;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 2vw;
  }
}/*# sourceMappingURL=style.css.map */