@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: 16px;
  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;
}

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: "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: "Jost";
  src: url("../font/Jost-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  vertical-align: bottom;
}

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

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

html.active,
body.active {
  overflow: hidden;
}

.slideheader {
  padding: 1.3888888889vw 2.7777777778vw;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.3s ease;
}
.slideheader.is-visible {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 1800px) {
  .slideheader {
    padding: 1.1111111111vw 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader {
    padding: 33px 66px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader {
    padding: 1.6vw 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader {
    padding: 1.3020833333vw 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader {
    padding: 2.2222222222vw 3.1111111111vw;
  }
}
.slideheader .link {
  width: 9.8611111111vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .slideheader .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .slideheader .link {
    width: 7.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .link {
    width: 234.3px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .link {
    width: 11.36vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .link {
    width: 18.4895833333vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .link {
    width: 31.5555555556vw;
  }
}
.slideheader .link .imgArea {
  width: 100%;
  display: block;
}
.slideheader .column {
  gap: 1.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .slideheader .column {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column {
    gap: 5.3333333333vw;
  }
}
.slideheader .column .navbar {
  display: inline-flex;
  align-items: center;
  gap: 2.2222222222vw;
  position: relative;
  flex: 0 0 auto;
}
@media screen and (min-width: 1800px) {
  .slideheader .column .navbar {
    gap: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .navbar {
    gap: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .navbar {
    gap: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .navbar {
    gap: 4.1666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column .navbar {
    gap: 7.1111111111vw;
  }
}
.slideheader .column .navbar .link-text .linkText {
  font-size: 1.1111111111vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #333333;
  line-height: 150%;
  position: relative;
}
.slideheader .column .navbar .link-text .linkText::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: width 0.3s ease;
}
@media screen and (min-width: 768px) {
  .slideheader .column .navbar .link-text .linkText:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .slideheader .column .navbar .link-text .linkText {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .navbar .link-text .linkText {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .navbar .link-text .linkText {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .navbar .link-text .linkText {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column .navbar .link-text .linkText {
    font-size: 3.5555555556vw;
  }
}
.slideheader .column .button {
  border-radius: 1.3888888889vw;
  width: 12.5vw;
  padding: 0.5555555556vw 0;
  background-color: #0088ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0088ff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .slideheader .column .button:hover {
    background: #FFF;
  }
  .slideheader .column .button:hover .text-wrapper {
    color: #0088ff;
  }
}
@media screen and (min-width: 1800px) {
  .slideheader .column .button {
    border-radius: 1.1111111111vw;
    width: 10vw;
    padding: 0.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .button {
    border-radius: 33px;
    width: 297px;
    padding: 13.2px 0;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .button {
    border-radius: 1.6vw;
    width: 14.4vw;
    padding: 0.64vw 0;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .button {
    display: none;
  }
}
.slideheader .column .button .text-wrapper {
  font-size: 1.1111111111vw;
  line-height: 1.6666666667vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .slideheader .column .button .text-wrapper {
    font-size: 0.8888888889vw;
    line-height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .button .text-wrapper {
    font-size: 26.4px;
    line-height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .button .text-wrapper {
    font-size: 1.28vw;
    line-height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .button .text-wrapper {
    font-size: 2.0833333333vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column .button .text-wrapper {
    font-size: 3.5555555556vw;
    line-height: 5.3333333333vw;
  }
}
.slideheader .column .icon {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  gap: 0.3472222222vw;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .slideheader .column .icon {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .icon {
    width: 79.2px;
    height: 79.2px;
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .icon {
    width: 3.84vw;
    height: 3.84vw;
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .icon {
    width: 6.25vw;
    height: 6.25vw;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column .icon {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    gap: 1.1111111111vw;
  }
}
.slideheader .column .icon span {
  width: 1.3888888889vw;
  height: 0.0694444444vw;
  display: block;
  background: #000000;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .slideheader .column .icon span {
    width: 1.1111111111vw;
    height: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .icon span {
    width: 33px;
    height: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .icon span {
    width: 1.6vw;
    height: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .column .icon span {
    width: 2.6041666667vw;
    height: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .column .icon span {
    width: 4.4444444444vw;
    height: 0.2222222222vw;
  }
}
.slideheader .column .icon.is-active {
  gap: 0;
}
.slideheader .column .icon.is-active span {
  position: absolute;
}
.slideheader .column .icon.is-active span:nth-child(1) {
  transform: rotate(45deg);
}
.slideheader .column .icon.is-active span:nth-child(2) {
  opacity: 0;
}
.slideheader .column .icon.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}
.slideheader .column.pc {
  display: flex;
}
@media screen and (max-width: 768px) {
  .slideheader .column.pc {
    display: none;
  }
}
.slideheader .column.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .slideheader .column.sp {
    display: block;
  }
}

.overlay {
  position: fixed;
  top: 5.5555555556vw;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 50;
  pointer-events: none;
  transition: 0.4s all ease-in-out;
  overflow: scroll;
  background: #FFF;
}
@media screen and (min-width: 1800px) {
  .overlay {
    top: 4.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay {
    top: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay {
    top: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay {
    top: 6.5104166667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .overlay {
    top: 11.1111111111vw;
  }
}
.overlay.is-active {
  opacity: 1;
  pointer-events: all;
}
.overlay .open-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding-bottom: 4.1666666667vw;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu {
    padding-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu {
    padding-bottom: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu {
    padding-bottom: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu {
    padding: 7.8125vw 2.6041666667vw;
    gap: 3.90625vw;
    align-items: center;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu {
    padding: 13.3333333333vw 4.4444444444vw;
    gap: 6.6666666667vw;
  }
}
.overlay .open-menu .content {
  width: 90.2777777778vw;
  height: 52.5vw;
  padding: 2.2222222222vw 4.4444444444vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content {
    width: 72.2222222222vw;
    height: 42vw;
    padding: 1.7777777778vw 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content {
    width: 2145px;
    height: 1247.4px;
    padding: 52.8px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content {
    width: 104vw;
    height: 60.48vw;
    padding: 2.56vw 5.12vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content {
    gap: 5.2083333333vw;
    padding: 0;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content {
    gap: 8.8888888889vw;
  }
}
.overlay .open-menu .content .links {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .links {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .links {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .links {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .links {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links {
    gap: 6.6666666667vw;
  }
}
.overlay .open-menu .content .links .link-text .link {
  font-size: 3.3333333333vw;
  display: inline-block;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
  position: relative;
}
.overlay .open-menu .content .links .link-text .link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #000000;
  transition: width 0.3s ease;
}
@media screen and (min-width: 768px) {
  .overlay .open-menu .content .links .link-text .link:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 3.84vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 5.7777777778vw;
  }
}
.overlay .open-menu .content .imgArea {
  width: 45.8333333333vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .imgArea {
    width: 36.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .imgArea {
    width: 1089px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .imgArea {
    width: 52.8vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .imgArea {
    width: 100%;
  }
}
.overlay .open-menu .div {
  padding: 1.7361111111vw 5vw;
  border-radius: 1.0416666667vw;
  gap: 1.6666666667vw;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div {
    padding: 1.3888888889vw 4vw;
    border-radius: 0.8333333333vw;
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div {
    padding: 41.25px 118.8px;
    border-radius: 24.75px;
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div {
    padding: 2vw 5.76vw;
    border-radius: 1.2vw;
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div {
    padding: 5.2083333333vw 1.8229166667vw 5.7291666667vw;
    border-radius: 1.953125vw;
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div {
    padding: 8.8888888889vw 3.1111111111vw 9.7777777778vw;
    border-radius: 3.3333333333vw;
    gap: 5.3333333333vw;
  }
}
.overlay .open-menu .div .heading {
  font-size: 1.7361111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #3d33a7;
  text-align: center;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .heading {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .heading {
    font-size: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .heading {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .heading {
    font-size: 4.4444444444vw;
  }
}
.overlay .open-menu .div .group-2 {
  gap: 8.3333333333vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 {
    gap: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 {
    gap: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 {
    gap: 9.6vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 {
    flex-direction: column;
    gap: 5.7291666667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 {
    gap: 9.7777777778vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 {
  width: 20.1388888889vw;
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 {
    width: 16.1111111111vw;
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 {
    width: 478.5px;
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 {
    width: 23.2vw;
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 {
    width: 37.7604166667vw;
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 {
    width: 64.4444444444vw;
    gap: 1.7777777778vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 .titleArea {
  gap: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea {
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea {
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea {
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea {
    gap: 3.3333333333vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
  height: 1.6666666667vw;
  width: 1px;
  background: #3B90F8;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
    height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
    height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
    height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
    height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .bar {
    height: 5.3333333333vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 .titleArea .bar.bar1 {
  transform: rotate(-25deg);
}
.overlay .open-menu .div .group-2 .group-3 .titleArea .bar.bar2 {
  transform: rotate(25deg);
}
.overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
  font-size: 1.0416666667vw;
  color: #3B90F8;
  line-height: 120%;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 3.3333333333vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 .group-4 {
  padding: 1.3888888889vw 0;
  border-radius: 0.5555555556vw;
  outline-offset: -0.3472222222vw;
  width: 100%;
  background: #3B90F8;
  display: block;
  outline: 1px solid #FFF;
  box-shadow: 0 4px 0 #004CAA;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
}
.overlay .open-menu .div .group-2 .group-3 .group-4:active {
  top: 4px;
  box-shadow: 0 0 0 #004CAA;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 {
    padding: 1.1111111111vw 0;
    border-radius: 0.4444444444vw;
    outline-offset: -0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 {
    padding: 33px 0;
    border-radius: 13.2px;
    outline-offset: -8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 {
    padding: 1.6vw 0;
    border-radius: 0.64vw;
    outline-offset: -0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 {
    padding: 2.6041666667vw 0;
    border-radius: 1.0416666667vw;
    outline-offset: -0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 {
    padding: 4.4444444444vw 0;
    border-radius: 1.7777777778vw;
    outline-offset: -1.1111111111vw;
  }
}
.overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
  font-size: 1.3888888889vw;
  display: block;
  color: #FFF;
  text-align: center;
  line-height: 120%;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.overlay .open-menu .div .group-2 .group-3:nth-of-type(2) .titleArea .bar {
  background: #EEBC0B;
}
.overlay .open-menu .div .group-2 .group-3:nth-of-type(2) .titleArea .text-wrapper {
  color: #EEBC0B;
}
.overlay .open-menu .div .group-2 .group-3:nth-of-type(2) .group-4 {
  background: #EEBC0B;
  box-shadow: 0 4px 0 #B68E00;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
}
.overlay .open-menu .div .group-2 .group-3:nth-of-type(2) .group-4:active {
  top: 4px;
  box-shadow: 0 0 0 #B68E00;
}
.overlay .open-menu .social-links {
  gap: 0.8333333333vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .social-links {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .social-links {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .social-links {
    gap: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .social-links {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .social-links {
    gap: 2.6666666667vw;
  }
}
.overlay .open-menu .social-links .link {
  width: 1.6666666667vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .overlay .open-menu .social-links .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .social-links .link {
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .social-links .link {
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .social-links .link {
    width: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .social-links .link {
    width: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .social-links .link {
    width: 5.3333333333vw;
  }
}
.overlay .open-menu .social-links .link .imgArea {
  display: block;
  width: 100%;
}

.m-header .header {
  padding: 1.3888888889vw 2.7777777778vw;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-header .header {
    padding: 1.1111111111vw 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header {
    padding: 33px 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header {
    padding: 1.6vw 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header {
    padding: 1.3020833333vw 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header {
    padding: 2.2222222222vw 3.1111111111vw;
  }
}
.m-header .header .link {
  width: 9.8611111111vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-header .header .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .header .link {
    width: 7.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .link {
    width: 234.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .link {
    width: 11.36vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .link {
    width: 18.4895833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .link {
    width: 31.5555555556vw;
  }
}
.m-header .header .link .imgArea {
  width: 100%;
  display: block;
}
.m-header .header .column {
  gap: 1.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column {
    gap: 5.3333333333vw;
  }
}
.m-header .header .column .navbar {
  display: inline-flex;
  align-items: center;
  gap: 2.2222222222vw;
  position: relative;
  flex: 0 0 auto;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .navbar {
    gap: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .navbar {
    gap: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .navbar {
    gap: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .navbar {
    gap: 4.1666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .navbar {
    gap: 7.1111111111vw;
  }
}
.m-header .header .column .navbar .link-text .linkText {
  font-size: 1.1111111111vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #333333;
  line-height: 150%;
  position: relative;
}
.m-header .header .column .navbar .link-text .linkText::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: width 0.3s ease;
}
@media screen and (min-width: 768px) {
  .m-header .header .column .navbar .link-text .linkText:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .navbar .link-text .linkText {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .navbar .link-text .linkText {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .navbar .link-text .linkText {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .navbar .link-text .linkText {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .navbar .link-text .linkText {
    font-size: 3.5555555556vw;
  }
}
.m-header .header .column .button {
  border-radius: 1.3888888889vw;
  width: 12.5vw;
  padding: 0.5555555556vw 0;
  background-color: #0088ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0088ff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .m-header .header .column .button:hover {
    background: #FFF;
  }
  .m-header .header .column .button:hover .text-wrapper {
    color: #0088ff;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .button {
    border-radius: 1.1111111111vw;
    width: 10vw;
    padding: 0.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .button {
    border-radius: 33px;
    width: 297px;
    padding: 13.2px 0;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .button {
    border-radius: 1.6vw;
    width: 14.4vw;
    padding: 0.64vw 0;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .button {
    display: none;
  }
}
.m-header .header .column .button .text-wrapper {
  font-size: 1.1111111111vw;
  line-height: 1.6666666667vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 0.8888888889vw;
    line-height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 26.4px;
    line-height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 1.28vw;
    line-height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 2.0833333333vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 3.5555555556vw;
    line-height: 5.3333333333vw;
  }
}
.m-header .header .column .icon {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  gap: 0.3472222222vw;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .icon {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .icon {
    width: 79.2px;
    height: 79.2px;
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .icon {
    width: 3.84vw;
    height: 3.84vw;
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .icon {
    width: 6.25vw;
    height: 6.25vw;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .icon {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    gap: 1.1111111111vw;
  }
}
.m-header .header .column .icon span {
  width: 1.3888888889vw;
  height: 0.0694444444vw;
  display: block;
  background: #000000;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .icon span {
    width: 1.1111111111vw;
    height: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .icon span {
    width: 33px;
    height: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .icon span {
    width: 1.6vw;
    height: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .icon span {
    width: 2.6041666667vw;
    height: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .icon span {
    width: 4.4444444444vw;
    height: 0.2222222222vw;
  }
}
.m-header .header .column .icon.is-active {
  gap: 0;
}
.m-header .header .column .icon.is-active span {
  position: absolute;
}
.m-header .header .column .icon.is-active span:nth-child(1) {
  transform: rotate(45deg);
}
.m-header .header .column .icon.is-active span:nth-child(2) {
  opacity: 0;
}
.m-header .header .column .icon.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}
.m-header .header .column.pc {
  display: flex;
}
@media screen and (max-width: 768px) {
  .m-header .header .column.pc {
    display: none;
  }
}
.m-header .header .column.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .m-header .header .column.sp {
    display: block;
  }
}
.m-header .FV {
  width: 100%;
  height: 41.6666666667vw;
}
@media screen and (min-width: 1800px) {
  .m-header .FV {
    height: 41.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .FV {
    height: 990px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .FV {
    height: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .FV {
    height: 39.0625vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .FV {
    height: 40vw;
  }
}
.m-header .FV .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}

.front {
  overflow: hidden;
}
.front .section1 {
  padding: 8.3333333333vw 0 6.9444444444vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section1 {
    padding: 6.6666666667vw 0 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 {
    padding: 198px 0 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 {
    padding: 9.6vw 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 {
    padding: 4.4328552803vw 4.8239895698vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 {
    padding: 7.5555555556vw 8.2222222222vw;
  }
}
.front .section1 .imgArea {
  width: 55.5555555556vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section1 .imgArea {
    width: 44.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .imgArea {
    width: 1320px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .imgArea {
    width: 64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .imgArea {
    width: 100%;
  }
}
.front .cta .group {
  height: 20.8333333333vw;
  gap: 1.7361111111vw;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .cta .group {
    height: 16.6666666667vw;
    gap: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group {
    height: 495px;
    gap: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group {
    height: 24vw;
    gap: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group {
    padding: 8.59375vw 2.6041666667vw;
    gap: 3.2552083333vw;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group {
    padding: 14.6666666667vw 4.4444444444vw;
    gap: 5.5555555556vw;
  }
}
.front .cta .group .rectangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.front .cta .group .div {
  padding: 1.7361111111vw 5vw;
  border-radius: 1.0416666667vw;
  gap: 1.6666666667vw;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div {
    padding: 1.3888888889vw 4vw;
    border-radius: 0.8333333333vw;
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div {
    padding: 41.25px 118.8px;
    border-radius: 24.75px;
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div {
    padding: 2vw 5.76vw;
    border-radius: 1.2vw;
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div {
    padding: 5.2083333333vw 1.8229166667vw 5.7291666667vw;
    border-radius: 1.953125vw;
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div {
    padding: 8.8888888889vw 3.1111111111vw 9.7777777778vw;
    border-radius: 3.3333333333vw;
    gap: 5.3333333333vw;
  }
}
.front .cta .group .div .heading {
  font-size: 1.7361111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #3d33a7;
  text-align: center;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .heading {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .heading {
    font-size: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .heading {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .heading {
    font-size: 4.4444444444vw;
  }
}
.front .cta .group .div .group-2 {
  gap: 8.3333333333vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 {
    gap: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 {
    gap: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 {
    gap: 9.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 {
    flex-direction: column;
    gap: 5.7291666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 {
    gap: 9.7777777778vw;
  }
}
.front .cta .group .div .group-2 .group-3 {
  width: 20.1388888889vw;
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 {
    width: 16.1111111111vw;
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 {
    width: 478.5px;
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 {
    width: 23.2vw;
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 {
    width: 37.7604166667vw;
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 {
    width: 64.4444444444vw;
    gap: 1.7777777778vw;
  }
}
.front .cta .group .div .group-2 .group-3 .titleArea {
  gap: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 .titleArea {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 .titleArea {
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 .titleArea {
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 .titleArea {
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 .titleArea {
    gap: 3.3333333333vw;
  }
}
.front .cta .group .div .group-2 .group-3 .titleArea .bar {
  height: 1.6666666667vw;
  width: 1px;
  background: #3B90F8;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .bar {
    height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .bar {
    height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .bar {
    height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .bar {
    height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .bar {
    height: 5.3333333333vw;
  }
}
.front .cta .group .div .group-2 .group-3 .titleArea .bar.bar1 {
  transform: rotate(-25deg);
}
.front .cta .group .div .group-2 .group-3 .titleArea .bar.bar2 {
  transform: rotate(25deg);
}
.front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
  font-size: 1.0416666667vw;
  color: #3B90F8;
  line-height: 120%;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 .titleArea .text-wrapper {
    font-size: 3.3333333333vw;
  }
}
.front .cta .group .div .group-2 .group-3 .group-4 {
  padding: 1.3888888889vw 0;
  border-radius: 0.5555555556vw;
  outline-offset: -0.3472222222vw;
  width: 100%;
  background: #3B90F8;
  display: block;
  outline: 1px solid #FFF;
  box-shadow: 0 4px 0 #004CAA;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
}
.front .cta .group .div .group-2 .group-3 .group-4:active {
  top: 4px;
  box-shadow: 0 0 0 #004CAA;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 .group-4 {
    padding: 1.1111111111vw 0;
    border-radius: 0.4444444444vw;
    outline-offset: -0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 .group-4 {
    padding: 33px 0;
    border-radius: 13.2px;
    outline-offset: -8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 .group-4 {
    padding: 1.6vw 0;
    border-radius: 0.64vw;
    outline-offset: -0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 .group-4 {
    padding: 2.6041666667vw 0;
    border-radius: 1.0416666667vw;
    outline-offset: -0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 .group-4 {
    padding: 4.4444444444vw 0;
    border-radius: 1.7777777778vw;
    outline-offset: -1.1111111111vw;
  }
}
.front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
  font-size: 1.3888888889vw;
  display: block;
  color: #FFF;
  text-align: center;
  line-height: 120%;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .group .div .group-2 .group-3 .group-4 .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.front .cta .group .div .group-2 .group-3:nth-of-type(2) .titleArea .bar {
  background: #EEBC0B;
}
.front .cta .group .div .group-2 .group-3:nth-of-type(2) .titleArea .text-wrapper {
  color: #EEBC0B;
}
.front .cta .group .div .group-2 .group-3:nth-of-type(2) .group-4 {
  background: #EEBC0B;
  box-shadow: 0 4px 0 #B68E00;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
}
.front .cta .group .div .group-2 .group-3:nth-of-type(2) .group-4:active {
  top: 4px;
  box-shadow: 0 0 0 #B68E00;
}
.front .cta.cta2 .group {
  height: 28.4722222222vw;
  padding-bottom: 2.7777777778vw;
  justify-content: flex-end;
}
@media screen and (min-width: 1800px) {
  .front .cta.cta2 .group {
    height: 22.7777777778vw;
    padding-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta.cta2 .group {
    height: 676.5px;
    padding-bottom: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta.cta2 .group {
    height: 32.8vw;
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta.cta2 .group {
    height: auto;
    padding: 0;
    padding-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta.cta2 .group {
    padding-bottom: 14.6666666667vw;
  }
}
.front .cta.cta2 .group .imgArea {
  display: block;
  width: 100%;
}
.front .cta.cta2 .group .title {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .cta.cta2 .group .title {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta.cta2 .group .title {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta.cta2 .group .title {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta.cta2 .group .title {
    font-size: 2.6041666667vw;
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta.cta2 .group .title {
    font-size: 4.4444444444vw;
    padding: 0 4.4444444444vw;
  }
}
.front .section3 {
  padding: 2.7777777778vw 0 5.5555555556vw;
}
@media screen and (min-width: 1800px) {
  .front .section3 {
    padding: 2.2222222222vw 0 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 {
    padding: 66px 0 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 {
    padding: 3.2vw 0 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 {
    padding: 4.4270833333vw 2.6041666667vw 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 {
    padding: 7.5555555556vw 4.4444444444vw 13.3333333333vw;
  }
}
.front .section3 .imgWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section3 .imgWrapper .imgArea1 {
  width: 57.2916666667vw;
}
@media screen and (min-width: 1800px) {
  .front .section3 .imgWrapper .imgArea1 {
    width: 45.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .imgWrapper .imgArea1 {
    width: 1361.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .imgWrapper .imgArea1 {
    width: 66vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .imgWrapper .imgArea1 {
    width: 100%;
  }
}
.front .section3 .imgWrapper .imgArea2 {
  width: 67.3611111111vw;
}
@media screen and (min-width: 1800px) {
  .front .section3 .imgWrapper .imgArea2 {
    width: 53.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .imgWrapper .imgArea2 {
    width: 1600.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .imgWrapper .imgArea2 {
    width: 77.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .imgWrapper .imgArea2 {
    width: 100%;
  }
}
.front .section4 {
  padding: 3.0555555556vw 0 3.2638888889vw;
  background: #D6EEFF;
}
@media screen and (min-width: 1800px) {
  .front .section4 {
    padding: 2.4444444444vw 0 2.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 {
    padding: 72.6px 0 77.55px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 {
    padding: 3.52vw 0 3.76vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 {
    padding: 4.296875vw 2.6041666667vw 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 {
    padding: 7.3333333333vw 4.4444444444vw 11.1111111111vw;
  }
}
.front .section4 .section4Wrapper {
  gap: 3.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper {
    gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper {
    gap: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper {
    gap: 3.84vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper {
    gap: 6.6666666667vw;
  }
}
.front .section4 .section4Wrapper .element {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.front .section4 .section4Wrapper .element .text-wrapper {
  color: #150083;
}
.front .section4 .section4Wrapper .element .span {
  color: #ff002a;
}
.front .section4 .section4Wrapper .element span {
  font-size: 3.1944444444vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .element span {
    font-size: 2.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .element span {
    font-size: 75.9px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .element span {
    font-size: 3.68vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .element span {
    text-align: center;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .element span {
    font-size: 5.3333333333vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper {
  gap: 5.4166666667vw 0;
  width: 75vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper {
    gap: 4.3333333333vw 0;
    width: 60vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper {
    gap: 128.7px 0;
    width: 1782px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper {
    gap: 6.24vw 0;
    width: 86.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper {
    flex-direction: column;
    width: 100%;
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper {
    gap: 5.3333333333vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group {
  width: 35vw;
  height: 26.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group {
    width: 28vw;
    height: 23.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group {
    width: 831.6px;
    height: 627px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group {
    width: 40.32vw;
    height: 30.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group {
    width: 100%;
    height: auto;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle {
  border-radius: 1.0416666667vw;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2509803922);
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle {
    border-radius: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle {
    border-radius: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle {
    border-radius: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle {
    border-radius: 1.3020833333vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
  top: -0.6944444444vw;
  left: 1.3888888889vw;
  width: 5.8333333333vw;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
    top: -0.5555555556vw;
    left: 1.1111111111vw;
    width: 4.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
    top: -16.5px;
    left: 33px;
    width: 138.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
    top: -0.8vw;
    left: 1.6vw;
    width: 6.72vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
    top: -1.3020833333vw;
    left: 0;
    width: 10.15625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .numberArea {
    top: -2.2222222222vw;
    left: 0;
    width: 17.3333333333vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
    padding: 21px 0 13px;
    padding: 2.734375vw 0 1.6927083333vw;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea {
    padding: 4.6666666667vw 0 2.8888888889vw;
    gap: 6.6666666667vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
  padding-left: 4.1666666667vw;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
    padding-left: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
    padding-left: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
    padding-left: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
    padding-left: 10.6770833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div {
    padding-left: 18.2222222222vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
  font-size: 2.0833333333vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
    font-size: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div span {
    font-size: 4.4444444444vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div .span {
  color: #15009d;
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .div .text-wrapper-2 {
  color: #ff002a;
}
.front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
  width: 22.5694444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
    width: 18.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
    width: 536.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
    width: 26vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
    width: 29.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group .rectangle .contentArea .imgArea {
    width: 51.1111111111vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
  width: 31.25vw;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
    width: 25vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
    width: 742.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
    width: 36vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
    width: 40.3645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(2) .rectangle .contentArea .imgArea {
    width: 68.8888888889vw;
  }
}
.front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
  width: 27.7777777778vw;
}
@media screen and (min-width: 1800px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
    width: 22.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
    width: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
    width: 32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
    width: 36.4583333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(3) .rectangle .contentArea .imgArea, .front .section4 .section4Wrapper .contentWrapper .group:nth-of-type(4) .rectangle .contentArea .imgArea {
    width: 62.2222222222vw;
  }
}
.front .section5 {
  padding-top: 3.0555555556vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 {
    padding-top: 2.4444444444vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 {
    padding-top: 72.6px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 {
    padding-top: 3.52vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 {
    padding-top: 6.1197916667vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 {
    padding-top: 10.4444444444vw;
    gap: 8.8888888889vw;
  }
}
.front .section5 .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section5 .group .text-wrapper {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .group .text-wrapper {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .group .text-wrapper {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .group .text-wrapper {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .group .text-wrapper {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .group .text-wrapper {
    font-size: 5.5555555556vw;
  }
}
.front .section5 .group .div {
  gap: 2.2916666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .group .div {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .group .div {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .group .div {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .group .div {
    gap: 4.296875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .group .div {
    gap: 7.3333333333vw;
  }
}
.front .section5 .group .div .bar {
  width: 3.9583333333vw;
  display: block;
  height: 1px;
  background: #d0d0d0;
}
@media screen and (min-width: 1800px) {
  .front .section5 .group .div .bar {
    width: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .group .div .bar {
    width: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .group .div .bar {
    width: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .group .div .bar {
    width: 7.421875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .group .div .bar {
    width: 12.6666666667vw;
  }
}
.front .section5 .group .div .text-wrapper-2 {
  font-size: 1.3888888889vw;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #d0d0d0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .group .div .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .group .div .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .group .div .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .group .div .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .group .div .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea {
    width: 100%;
  }
}
.front .section5 .contentArea .group2 {
  gap: 0.6944444444vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .group2 {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .group2 {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .group2 {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .group2 {
    gap: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .group2 {
    gap: 0.8888888889vw;
  }
}
.front .section5 .contentArea .group2 .element {
  padding: 1.0416666667vw 0;
  width: 37.7777777778vw;
  border-radius: 1.3888888889vw 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #948d8d;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .group2 .element {
    padding: 0.8333333333vw 0;
    width: 30.2222222222vw;
    border-radius: 1.1111111111vw 0 0 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .group2 .element {
    padding: 24.75px 0;
    width: 897.6px;
    border-radius: 33px 0 0 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .group2 .element {
    padding: 1.2vw 0;
    width: 43.52vw;
    border-radius: 1.6vw 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .group2 .element {
    padding: 1.953125vw 0;
    border-radius: 2.6041666667vw 0 0 0;
    flex: 1;
    width: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .group2 .element {
    padding: 3.3333333333vw 0;
    border-radius: 4.4444444444vw 0 0 0;
  }
}
.front .section5 .contentArea .group2 .element .text-wrapper {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 140%;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .group2 .element .text-wrapper {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .group2 .element .text-wrapper {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .group2 .element .text-wrapper {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .group2 .element .text-wrapper {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .group2 .element .text-wrapper {
    font-size: 4.4444444444vw;
  }
}
.front .section5 .contentArea .group2 .element .span {
  font-size: 1.875vw;
  color: #ffffff;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .group2 .element .span {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .group2 .element .span {
    font-size: 44.55px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .group2 .element .span {
    font-size: 2.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .group2 .element .span {
    font-size: 3.515625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .group2 .element .span {
    font-size: 6vw;
  }
}
.front .section5 .contentArea .group2 .element:nth-of-type(2) {
  width: 38.4027777778vw;
  border-radius: 0 1.3888888889vw 0 0;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .group2 .element:nth-of-type(2) {
    width: 30.7222222222vw;
    border-radius: 0 1.1111111111vw 0 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .group2 .element:nth-of-type(2) {
    width: 912.45px;
    border-radius: 0 33px 0 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .group2 .element:nth-of-type(2) {
    width: 44.24vw;
    border-radius: 0 1.6vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .group2 .element:nth-of-type(2) {
    border-radius: 0 2.6041666667vw 0 0;
    flex: 1;
    width: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .group2 .element:nth-of-type(2) {
    border-radius: 0 4.4444444444vw 0 0;
  }
}
.front .section5 .contentArea .group2 .element.active {
  background-color: #f04343;
}
.front .section5 .contentArea .wrapper {
  width: 83.3333333333vw;
  padding: 2.9166666667vw 3.2638888889vw 2.1527777778vw;
  gap: 1.25vw;
  background: #FAF7EA;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper {
    width: 66.6666666667vw;
    padding: 2.3333333333vw 2.6111111111vw 1.7222222222vw;
    gap: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper {
    width: 1980px;
    padding: 69.3px 77.55px 51.15px;
    gap: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper {
    width: 96vw;
    padding: 3.36vw 3.76vw 2.48vw;
    gap: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper {
    padding: 3.2552083333vw 1.5625vw;
    gap: 1.3020833333vw;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper {
    padding: 5.5555555556vw 2.6666666667vw;
    gap: 2.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item {
  gap: 1.3888888889vw;
  width: 18.0555555556vw;
  padding: 1.7361111111vw 1.0416666667vw 0.6944444444vw;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item {
    gap: 1.1111111111vw;
    width: 14.4444444444vw;
    padding: 1.3888888889vw 0.8333333333vw 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item {
    gap: 33px;
    width: 429px;
    padding: 41.25px 24.75px 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item {
    gap: 1.6vw;
    width: 20.8vw;
    padding: 2vw 1.2vw 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item {
    width: 22.1354166667vw;
    padding: 1.3020833333vw;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item {
    width: 37.7777777778vw;
    padding: 2.2222222222vw;
    gap: 2.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper {
  gap: 0.3472222222vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper {
    gap: 1.1111111111vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper {
    gap: 1.7777777778vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
  gap: 0.3472222222vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title {
    gap: 1.1111111111vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title span {
    font-size: 3.1111111111vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
  font-size: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .title .span2 {
    font-size: 3.5555555556vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
  width: 13.5416666667vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
    width: 10.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
    width: 321.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
    width: 15.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
    width: 15.625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .imgWrapper .imgArea {
    width: 26.6666666667vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .div {
  gap: 1.1111111111vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div {
    gap: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div {
    gap: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div {
    gap: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div {
    gap: 3.5555555556vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .div .background {
  padding: 0.2083333333vw 0.4166666667vw;
  height: 1.25vw;
  border-radius: 6.9444444444vw;
  background-color: #6a5b5d;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background {
    padding: 0.1666666667vw 0.3333333333vw;
    height: 1vw;
    border-radius: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background {
    padding: 4.95px 9.9px;
    height: 29.7px;
    border-radius: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background {
    padding: 0.24vw 0.48vw;
    height: 1.44vw;
    border-radius: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background {
    padding: 0.390625vw 0.78125vw;
    height: 2.34375vw;
    border-radius: 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background {
    padding: 0.6666666667vw 1.3333333333vw;
    height: 4vw;
    border-radius: 22.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
  font-size: 0.6944444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
    font-size: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
    font-size: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .topWrapper .div .background .text-wrapper {
    font-size: 2.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item .topWrapper .div .background:nth-of-type(2) {
  background-color: #5900ff;
}
.front .section5 .contentArea .wrapper .item .link {
  padding: 0.6944444444vw 0;
  border-radius: 118.0555555556vw;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  background: linear-gradient(0deg, rgb(59, 144, 248) 0%, rgb(59, 144, 248) 100%);
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 0.6944444444vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 0.5555555556vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 16.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 0.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .link:hover .arrow {
    right: 0.6666666667vw;
  }
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .link {
    padding: 0.5555555556vw 0;
    border-radius: 94.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .link {
    padding: 16.5px 0;
    border-radius: 2805px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .link {
    padding: 0.8vw 0;
    border-radius: 136vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .link {
    padding: 1.3020833333vw 0;
    border-radius: 221.3541666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .link {
    padding: 2.2222222222vw 0;
    border-radius: 377.7777777778vw;
  }
}
.front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .link .text-wrapper-3 {
    font-size: 2.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item .link .arrow {
  width: 0.6944444444vw;
  right: 1.0416666667vw;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: right 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .link .arrow {
    width: 0.5555555556vw;
    right: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .link .arrow {
    width: 16.5px;
    right: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .link .arrow {
    width: 0.8vw;
    right: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .link .arrow {
    width: 0.9114583333vw;
    right: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .link .arrow {
    width: 1.5555555556vw;
    right: 1.1111111111vw;
  }
}
.front .section5 .contentArea .wrapper .item .bottomArea {
  gap: 0.6944444444vw;
  padding: 0.8333333333vw 1.3888888889vw;
  display: flex;
  flex-direction: column;
  background: #F3F3F3;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .bottomArea {
    gap: 0.5555555556vw;
    padding: 0.6666666667vw 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .bottomArea {
    gap: 16.5px;
    padding: 19.8px 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .bottomArea {
    gap: 0.8vw;
    padding: 0.96vw 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .bottomArea {
    gap: 1.3020833333vw;
    padding: 1.3020833333vw 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .bottomArea {
    gap: 2.2222222222vw;
    padding: 2.2222222222vw 3.1111111111vw;
  }
}
.front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 {
  display: flex;
  align-items: center;
}
.front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
  font-size: 0.8333333333vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 span {
    font-size: 2.2222222222vw;
  }
}
.front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
  width: 4.1666666667vw;
}
@media screen and (min-width: 1800px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
    width: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
    width: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
    width: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
    width: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span1 {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .contentArea .wrapper .item .bottomArea .text-wrapper-5 .span2 {
    flex: 1;
  }
}
.front .section6 {
  padding-top: 3.6805555556vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section6 {
    padding-top: 2.9444444444vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 {
    padding-top: 87.45px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 {
    padding-top: 4.24vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 {
    padding: 0 1.0416666667vw;
    padding-top: 5.2083333333vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 {
    padding: 0 1.7777777778vw;
    padding-top: 8.8888888889vw;
    gap: 8.8888888889vw;
  }
}
.front .section6 .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section6 .group .text-wrapper {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section6 .group .text-wrapper {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .group .text-wrapper {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .group .text-wrapper {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .group .text-wrapper {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .group .text-wrapper {
    font-size: 5.5555555556vw;
  }
}
.front .section6 .group .text-wrapper .blue {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  line-height: 200%;
  color: #160084;
}
@media screen and (min-width: 1800px) {
  .front .section6 .group .text-wrapper .blue {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .group .text-wrapper .blue {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .group .text-wrapper .blue {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .group .text-wrapper .blue {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .group .text-wrapper .blue {
    font-size: 5.5555555556vw;
  }
}
.front .section6 .group .div {
  gap: 2.2916666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section6 .group .div {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .group .div {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .group .div {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .group .div {
    gap: 4.296875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .group .div {
    gap: 7.3333333333vw;
  }
}
.front .section6 .group .div .bar {
  width: 3.9583333333vw;
  display: block;
  height: 1px;
  background: #d0d0d0;
}
@media screen and (min-width: 1800px) {
  .front .section6 .group .div .bar {
    width: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .group .div .bar {
    width: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .group .div .bar {
    width: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .group .div .bar {
    width: 7.421875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .group .div .bar {
    width: 12.6666666667vw;
  }
}
.front .section6 .group .div .text-wrapper-2 {
  font-size: 1.3888888889vw;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #d0d0d0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section6 .group .div .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .group .div .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .group .div .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .group .div .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .group .div .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.front .section6 .tableArea {
  display: flex;
  justify-content: center;
}
.front .section6 .tableArea table tr th {
  width: 22.2222222222vw;
  padding: 0.6944444444vw 0;
  font-size: 1.3888888889vw;
  background: #FF4D4D;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 700;
  color: #FFF;
  border: 1px solid #E4E4E4;
  border-collapse: collapse;
}
@media screen and (min-width: 1800px) {
  .front .section6 .tableArea table tr th {
    width: 17.7777777778vw;
    padding: 0.5555555556vw 0;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .tableArea table tr th {
    width: 528px;
    padding: 16.5px 0;
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .tableArea table tr th {
    width: 25.6vw;
    padding: 0.8vw 0;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .tableArea table tr th {
    width: 41.6666666667vw;
    padding: 1.3020833333vw 0;
    font-size: 1.3020833333vw;
    vertical-align: middle;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .tableArea table tr th {
    width: 71.1111111111vw;
    padding: 2.2222222222vw 0;
    font-size: 2.2222222222vw;
  }
}
.front .section6 .tableArea table tr td {
  width: 18.75vw;
  font-size: 1.3888888889vw;
  padding: 0.6944444444vw 0;
  background: #FAFAFA;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 700;
  text-align: center;
  border: 1px solid #E4E4E4;
  border-collapse: collapse;
  vertical-align: middle;
}
@media screen and (min-width: 1800px) {
  .front .section6 .tableArea table tr td {
    width: 15vw;
    font-size: 1.1111111111vw;
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .tableArea table tr td {
    width: 445.5px;
    font-size: 33px;
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .tableArea table tr td {
    width: 21.6vw;
    font-size: 1.6vw;
    padding: 0.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .tableArea table tr td {
    font-size: 1.3020833333vw;
    width: 35.15625vw;
    padding: 1.3020833333vw 0;
    vertical-align: middle;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .tableArea table tr td {
    width: 60vw;
    font-size: 2.2222222222vw;
    padding: 2.2222222222vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .tableArea table tr span {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .tableArea table tr span {
    font-size: 2.2222222222vw;
  }
}
.front .section7 {
  padding-top: 6.9444444444vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section7 {
    padding-top: 5.5555555556vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 {
    padding-top: 165px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 {
    padding-top: 8vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 {
    padding-top: 6.5104166667vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 {
    padding-top: 11.1111111111vw;
    gap: 8.8888888889vw;
  }
}
.front .section7 .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section7 .group .text-wrapper {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .group .text-wrapper {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .group .text-wrapper {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .group .text-wrapper {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .group .text-wrapper {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .group .text-wrapper {
    font-size: 5.5555555556vw;
  }
}
.front .section7 .group .div {
  gap: 2.2916666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section7 .group .div {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .group .div {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .group .div {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .group .div {
    gap: 4.296875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .group .div {
    gap: 7.3333333333vw;
  }
}
.front .section7 .group .div .bar {
  width: 3.9583333333vw;
  display: block;
  height: 1px;
  background: #d0d0d0;
}
@media screen and (min-width: 1800px) {
  .front .section7 .group .div .bar {
    width: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .group .div .bar {
    width: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .group .div .bar {
    width: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .group .div .bar {
    width: 7.421875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .group .div .bar {
    width: 12.6666666667vw;
  }
}
.front .section7 .group .div .text-wrapper-2 {
  font-size: 1.3888888889vw;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #d0d0d0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .group .div .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .group .div .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .group .div .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .group .div .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .group .div .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.front .section7 .voiceWrapper {
  padding: 0 2.2222222222vw;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper {
    padding: 0 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper {
    padding: 0 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper {
    padding: 0 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper {
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper {
    padding: 0 4.4444444444vw;
  }
}
.front .section7 .voiceWrapper .article-link {
  gap: 0.6944444444vw;
  border-radius: 1.5277777778vw;
  gap: 1.3888888889vw;
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  border: 3px solid #549fcd;
  height: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .article-link {
    gap: 0.5555555556vw;
    border-radius: 1.2222222222vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .article-link {
    gap: 16.5px;
    border-radius: 36.3px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .article-link {
    gap: 0.8vw;
    border-radius: 1.76vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .article-link {
    gap: 1.3020833333vw;
    border-radius: 2.8645833333vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .article-link {
    gap: 2.2222222222vw;
    border-radius: 4.8888888889vw;
    gap: 4.4444444444vw;
  }
}
.front .section7 .voiceWrapper .article-link .frame {
  gap: 0.6944444444vw;
  padding: 0px 0.6944444444vw 0.6944444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .article-link .frame {
    gap: 0.5555555556vw;
    padding: 0px 0.5555555556vw 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .article-link .frame {
    gap: 16.5px;
    padding: 0px 16.5px 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .article-link .frame {
    gap: 0.8vw;
    padding: 0px 0.8vw 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .article-link .frame {
    gap: 1.3020833333vw;
    padding: 0px 1.3020833333vw 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .article-link .frame {
    gap: 2.2222222222vw;
    padding: 0px 2.2222222222vw 2.2222222222vw;
  }
}
.front .section7 .voiceWrapper .article-link .frame .jb {
  width: 100%;
}
.front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
  font-size: 1.1111111111vw;
  font-weight: 700;
  font-family: "Noto Sans JP-Bold", Helvetica;
  color: #212529;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .text-wrapper {
    font-size: 3.5555555556vw;
  }
}
.front .section7 .voiceWrapper .article-link .frame .jb .span {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .span {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .span {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .span {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .span {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .article-link .frame .jb .span {
    font-size: 3.1111111111vw;
  }
}
.front .section7 .voiceWrapper .article-link .frame .div {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #212529;
  letter-spacing: 2px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .article-link .frame .div {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .article-link .frame .div {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .article-link .frame .div {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .article-link .frame .div {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .article-link .frame .div {
    font-size: 3.1111111111vw;
  }
}
.front .section7 .voiceWrapper .swiper-slide {
  width: 25.2777777778vw;
  height: auto;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .swiper-slide {
    width: 20.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .swiper-slide {
    width: 600.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .swiper-slide {
    width: 29.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .swiper-slide {
    width: 47.3958333333vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .swiper-slide {
    width: 80.8888888889vw;
  }
}
.front .section7 .voiceWrapper .swiper-slide:nth-of-type(2) .article-link {
  border: 3px solid #F57D7D;
}
.front .section7 .voiceWrapper .swiper-slide:nth-of-type(3) .article-link {
  border: 3px solid #54CE66;
}
.front .section7 .voiceWrapper .swiper-slide:nth-of-type(4) .article-link {
  border: 3px solid #F5EB7D;
}
.front .section7 .voiceWrapper .swiper-pagination {
  margin-top: 2.0833333333vw;
  gap: 0.6944444444vw;
  position: relative;
  top: auto;
  bottom: auto;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .swiper-pagination {
    margin-top: 1.6666666667vw;
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .swiper-pagination {
    margin-top: 49.5px;
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .swiper-pagination {
    margin-top: 2.4vw;
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .swiper-pagination {
    margin-top: 3.90625vw;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .swiper-pagination {
    margin-top: 6.6666666667vw;
    gap: 2.2222222222vw;
  }
}
.front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background: transparent;
  border: 1px solid #4E9DF9;
  margin: 0;
}
@media screen and (min-width: 1800px) {
  .front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 16.5px;
    height: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
.front .section7 .voiceWrapper .swiper-pagination .swiper-pagination-bullet-active {
  background: #4E9DF9;
}
.front .section8 {
  padding-top: 6.9444444444vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section8 {
    padding-top: 5.5555555556vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 {
    padding-top: 165px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 {
    padding-top: 8vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 {
    padding: 0 2.6041666667vw;
    padding-top: 6.5104166667vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 {
    padding: 0 4.4444444444vw;
    padding-top: 11.1111111111vw;
    gap: 8.8888888889vw;
  }
}
.front .section8 .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section8 .group .text-wrapper {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group .text-wrapper {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group .text-wrapper {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group .text-wrapper {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group .text-wrapper {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group .text-wrapper {
    font-size: 5.5555555556vw;
  }
}
.front .section8 .group .div {
  gap: 2.2916666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group .div {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group .div {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group .div {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group .div {
    gap: 4.296875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group .div {
    gap: 7.3333333333vw;
  }
}
.front .section8 .group .div .bar {
  width: 3.9583333333vw;
  display: block;
  height: 1px;
  background: #d0d0d0;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group .div .bar {
    width: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group .div .bar {
    width: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group .div .bar {
    width: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group .div .bar {
    width: 7.421875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group .div .bar {
    width: 12.6666666667vw;
  }
}
.front .section8 .group .div .text-wrapper-2 {
  font-size: 1.3888888889vw;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #d0d0d0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group .div .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group .div .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group .div .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group .div .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group .div .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.front .section8 .group2 {
  width: 68.3333333333vw;
  gap: 5.9027777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 {
    width: 54.6666666667vw;
    gap: 4.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 {
    width: 1623.6px;
    gap: 140.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 {
    width: 78.72vw;
    gap: 6.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 {
    width: 100%;
    gap: 11.0677083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 {
    gap: 18.8888888889vw;
  }
}
.front .section8 .group2 .contentWrapper {
  gap: 4.5833333333vw;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper {
    gap: 3.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper {
    gap: 108.9px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper {
    gap: 5.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper {
    gap: 3.6458333333vw;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper {
    gap: 6.2222222222vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea {
  gap: 2.4305555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea {
    gap: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea {
    gap: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea {
    gap: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea {
    gap: 2.6666666667vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .topArea {
  gap: 2.0833333333vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea {
    gap: 4vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText {
    gap: 2.2222222222vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
  font-size: 1.1111111111vw;
  font-family: "Jost-SemiBold", Helvetica;
  font-weight: 600;
  color: #69a1d2;
  letter-spacing: 1px;
  line-height: 180%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-3 {
    font-size: 3.1111111111vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
  font-size: 5.8333333333vw;
  font-family: "Karla-Bold", Helvetica;
  font-weight: 700;
  color: #2e02cd;
  letter-spacing: 1px;
  line-height: 100%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
    font-size: 4.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
    font-size: 138.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
    font-size: 6.72vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
    font-size: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .numberText .text-wrapper-2 {
    font-size: 13.3333333333vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
  font-size: 1.9444444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 180%;
  color: #333333;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .topArea .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.front .section8 .group2 .contentWrapper .textArea .text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  line-height: 180%;
  color: #333333;
}
@media screen and (min-width: 1800px) {
  .front .section8 .group2 .contentWrapper .textArea .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section8 .group2 .contentWrapper .textArea .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section8 .group2 .contentWrapper .textArea .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper .textArea .text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section8 .group2 .contentWrapper .textArea .text {
    font-size: 3.5555555556vw;
  }
}
.front .section8 .group2 .contentWrapper:nth-of-type(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .front .section8 .group2 .contentWrapper:nth-of-type(2) {
    flex-direction: column-reverse;
  }
}
.front .section9 {
  padding-top: 6.9444444444vw;
  padding-bottom: 5.9027777778vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section9 {
    padding-top: 5.5555555556vw;
    padding-bottom: 4.7222222222vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 {
    padding-top: 165px;
    padding-bottom: 140.25px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 {
    padding-top: 8vw;
    padding-bottom: 6.8vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 {
    padding: 6.5104166667vw 2.6041666667vw 11.4583333333vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 {
    padding: 11.1111111111vw 4.4444444444vw 19.5555555556vw;
    gap: 8.8888888889vw;
  }
}
.front .section9 .group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.front .section9 .group .text-wrapper {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .group .text-wrapper {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .group .text-wrapper {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .group .text-wrapper {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .group .text-wrapper {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .group .text-wrapper {
    font-size: 5.5555555556vw;
  }
}
.front .section9 .group .div {
  gap: 2.2916666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section9 .group .div {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .group .div {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .group .div {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .group .div {
    gap: 4.296875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .group .div {
    gap: 7.3333333333vw;
  }
}
.front .section9 .group .div .bar {
  width: 3.9583333333vw;
  display: block;
  height: 1px;
  background: #d0d0d0;
}
@media screen and (min-width: 1800px) {
  .front .section9 .group .div .bar {
    width: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .group .div .bar {
    width: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .group .div .bar {
    width: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .group .div .bar {
    width: 7.421875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .group .div .bar {
    width: 12.6666666667vw;
  }
}
.front .section9 .group .div .text-wrapper-2 {
  font-size: 1.3888888889vw;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #d0d0d0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .group .div .text-wrapper-2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .group .div .text-wrapper-2 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .group .div .text-wrapper-2 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .group .div .text-wrapper-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .group .div .text-wrapper-2 {
    font-size: 4.4444444444vw;
  }
}
.front .section9 .itemArea {
  gap: 2.0833333333vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea {
    gap: 2.7777777778vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea {
    gap: 8.8888888889vw;
  }
}
.front .section9 .itemArea .item {
  width: 16.3888888889vw;
  height: 26.3888888889vw;
  padding: 2.7777777778vw 1.3888888889vw 2.0833333333vw;
  border-radius: 0.5555555556vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eefdff;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item {
    width: 13.1111111111vw;
    height: 21.1111111111vw;
    padding: 2.2222222222vw 1.1111111111vw 1.6666666667vw;
    border-radius: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item {
    width: 389.4px;
    height: 627px;
    padding: 66px 33px 49.5px;
    border-radius: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item {
    width: 18.88vw;
    height: 30.4vw;
    padding: 3.2vw 1.6vw 2.4vw;
    border-radius: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item {
    height: auto;
    width: 30.7291666667vw;
    padding: 6.5104166667vw 2.6041666667vw 4.6875vw;
    border-radius: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item {
    width: 52.4444444444vw;
    padding: 11.1111111111vw 4.4444444444vw 8vw;
    border-radius: 1.7777777778vw;
  }
}
.front .section9 .itemArea .item .paragraph-background {
  width: 3.4722222222vw;
  height: 3.4722222222vw;
  top: -1.7361111111vw;
  border-radius: 1.7361111111vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #4051d4;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .paragraph-background {
    width: 2.7777777778vw;
    height: 2.7777777778vw;
    top: -1.3888888889vw;
    border-radius: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .paragraph-background {
    width: 82.5px;
    height: 82.5px;
    top: -41.25px;
    border-radius: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .paragraph-background {
    width: 4vw;
    height: 4vw;
    top: -2vw;
    border-radius: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .paragraph-background {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
    top: -3.2552083333vw;
    border-radius: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .paragraph-background {
    width: 11.1111111111vw;
    height: 11.1111111111vw;
    top: -5.5555555556vw;
    border-radius: 5.5555555556vw;
  }
}
.front .section9 .itemArea .item .paragraph-background .text-wrapper {
  font-size: 1.6666666667vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 5.3333333333vw;
  }
}
.front .section9 .itemArea .item .paragraph-background .div {
  font-size: 0.6944444444vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .paragraph-background .div {
    font-size: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .paragraph-background .div {
    font-size: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .paragraph-background .div {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .paragraph-background .div {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .paragraph-background .div {
    font-size: 2.2222222222vw;
  }
}
.front .section9 .itemArea .item .content {
  gap: 2.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content {
    gap: 2.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content {
    gap: 62.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content {
    gap: 3.04vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content {
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content {
    gap: 8.4444444444vw;
  }
}
.front .section9 .itemArea .item .content .circle {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  border-radius: 50%;
  position: relative;
  background: #333333;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .circle {
    width: 0.6666666667vw;
    height: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .circle {
    width: 19.8px;
    height: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .circle {
    width: 0.96vw;
    height: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .circle {
    display: none;
  }
}
.front .section9 .itemArea .item .content .circle::after {
  content: "";
  width: 18.75vw;
  position: absolute;
  display: block;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333333;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .circle::after {
    width: 15vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .circle::after {
    width: 445.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .circle::after {
    width: 21.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .circle::after {
    width: 35.15625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .circle::after {
    width: 60vw;
  }
}
.front .section9 .itemArea .item .content .mainWrapper {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .mainWrapper {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .mainWrapper {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .mainWrapper {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .mainWrapper {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .mainWrapper {
    gap: 1.1111111111vw;
  }
}
.front .section9 .itemArea .item .content .mainWrapper .main {
  gap: 2.1527777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .mainWrapper .main {
    gap: 1.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .mainWrapper .main {
    gap: 51.15px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .mainWrapper .main {
    gap: 2.48vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .mainWrapper .main {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .mainWrapper .main {
    gap: 1.1111111111vw;
  }
}
.front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
  display: block;
  width: 5.5555555556vw;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 10.4166666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 17.7777777778vw;
  }
}
.front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
  font-size: 1.25vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  text-align: center;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 4vw;
  }
}
.front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #666666;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section9 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section9 .itemArea .item:nth-last-of-type(1) .content .circle::after {
  display: none;
}
.front .commonArea1 {
  padding: 3.0555555556vw 0 3.6805555556vw;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 {
    padding: 2.4444444444vw 0 2.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 {
    padding: 72.6px 0 87.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 {
    padding: 3.52vw 0 4.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 {
    padding: 2.1527777778vw 0.8333333333vw 3.5416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 {
    padding: 6.8888888889vw 2.6666666667vw 11.3333333333vw;
  }
}
.front .commonArea1 .backImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.front .commonArea1 .group {
  width: 77.7777777778vw;
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group {
    width: 62.2222222222vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group {
    width: 1848px;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group {
    width: 89.6vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group {
    width: 100%;
    gap: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group {
    gap: 5.5555555556vw;
  }
}
.front .commonArea1 .group .topArea {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .topArea {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .topArea {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .topArea {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .topArea {
    gap: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .topArea {
    gap: 3.1111111111vw;
  }
}
.front .commonArea1 .group .topArea .text-wrapper {
  border-radius: 0.6944444444vw;
  padding: 0.8333333333vw 2.6388888889vw;
  font-size: 1.3888888889vw;
  background-color: #ffffff;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #333333;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .topArea .text-wrapper {
    border-radius: 0.5555555556vw;
    padding: 0.6666666667vw 2.1111111111vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .topArea .text-wrapper {
    border-radius: 16.5px;
    padding: 19.8px 62.7px;
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .topArea .text-wrapper {
    border-radius: 0.8vw;
    padding: 0.96vw 3.04vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .topArea .text-wrapper {
    padding: 0.78125vw 4.9479166667vw;
    border-radius: 1.3020833333vw;
    font-size: 2.6041666667vw;
  }
}
.front .commonArea1 .group .topArea .div {
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #ffffff;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .topArea .div {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .topArea .div {
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .topArea .div {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .topArea .div {
    font-size: 3.2552083333vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .topArea .div {
    font-size: 5.5555555556vw;
  }
}
.front .commonArea1 .group .topArea .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .topArea .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .topArea .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .topArea .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .topArea .text-wrapper-2 {
    text-align: center;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .topArea .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .commonArea1 .group .background-2 {
  gap: 1.4583333333vw;
  padding: 2.0833333333vw 2.7777777778vw;
  border-radius: 0.6944444444vw;
  width: 100%;
  flex-direction: column;
  display: flex;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 {
    gap: 1.1666666667vw;
    padding: 1.6666666667vw 2.2222222222vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 {
    gap: 34.65px;
    padding: 49.5px 66px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 {
    gap: 1.68vw;
    padding: 2.4vw 3.2vw;
    border-radius: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 {
    padding: 4.1666666667vw 2.0833333333vw;
    gap: 5.5989583333vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 {
    padding: 7.1111111111vw 3.5555555556vw;
    gap: 9.5555555556vw;
    border-radius: 2.2222222222vw;
  }
}
.front .commonArea1 .group .background-2 .ordered-list {
  gap: 0.6944444444vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .ordered-list {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .ordered-list {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .ordered-list {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .ordered-list {
    flex-direction: column;
    gap: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .ordered-list {
    gap: 5.5555555556vw;
  }
}
.front .commonArea1 .group .background-2 .ordered-list .item {
  width: 23.6111111111vw;
  height: 6.25vw;
  border-radius: 0.6944444444vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .ordered-list .item {
    width: 18.8888888889vw;
    height: 5vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .ordered-list .item {
    width: 561px;
    height: 148.5px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .ordered-list .item {
    width: 27.2vw;
    height: 7.2vw;
    border-radius: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .ordered-list .item {
    width: 100%;
    height: 10.9375vw;
    border-radius: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .ordered-list .item {
    height: 18.6666666667vw;
    border-radius: 2.2222222222vw;
  }
}
.front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
  width: 3.4722222222vw;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
    width: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
    width: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
    width: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
    width: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .imgArea {
    width: 11.1111111111vw;
  }
}
.front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
  font-size: 1.3194444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  text-align: center;
  letter-spacing: 1px;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
    font-size: 1.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
    font-size: 31.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
    font-size: 1.52vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
    font-size: 2.4739583333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .ordered-list .item .text-wrapper-3 {
    font-size: 4.2222222222vw;
  }
}
.front .commonArea1 .group .background-2 .link-area {
  gap: 3.4722222222vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area {
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area {
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area {
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area {
    flex-direction: column;
    gap: 4.8177083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area {
    gap: 8.2222222222vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link {
    gap: 2.6666666667vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link .top {
  gap: 0.2777777778vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link .top {
    gap: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link .top {
    gap: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link .top {
    gap: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link .top {
    gap: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link .top {
    gap: 0.8888888889vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
  width: 2.2222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
    width: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
    width: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
    width: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
    width: 4.1666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .imgArea {
    width: 7.1111111111vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
  font-size: 3.4722222222vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 700;
  color: #333333;
  text-align: center;
  letter-spacing: 0;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link .top .text-wrapper-4 {
    font-size: 8.8888888889vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link .element {
  font-size: 1.0416666667vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 600;
  color: #333333;
  letter-spacing: 1px;
  line-height: 110%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link .element {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link .element {
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link .element {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link .element {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link .element {
    font-size: 3.3333333333vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link-2 {
  width: 25.2777777778vw;
  gap: 0.8333333333vw;
  padding: 1.5277777778vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #3b90f8;
  border-radius: 999px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1019607843);
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link-2:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    width: 20.2222222222vw;
    gap: 0.6666666667vw;
    padding: 1.2222222222vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    width: 600.6px;
    gap: 19.8px;
    padding: 36.3px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    width: 29.12vw;
    gap: 0.96vw;
    padding: 1.76vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    padding: 2.2135416667vw 0;
    gap: 1.5625vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    padding: 3.7777777778vw 0;
    gap: 2.6666666667vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
  width: 2.5vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
    width: 2vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
    width: 59.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
    width: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
    width: 4.6875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .imgArea {
    width: 8vw;
  }
}
.front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
  font-size: 1.7361111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
    font-size: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 .text-wrapper-6 {
    font-size: 4.4444444444vw;
  }
}
.front .commonArea2 {
  padding: 6.9444444444vw 0 4.1666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 {
    padding: 5.5555555556vw 0 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 {
    padding: 165px 0 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 {
    padding: 8vw 0 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 {
    padding: 7.8125vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.front .commonArea2 .insta-section {
  width: 76.3888888889vw;
  gap: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 .insta-section {
    width: 61.1111111111vw;
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 .insta-section {
    width: 1815px;
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 .insta-section {
    width: 88vw;
    gap: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section {
    width: 100%;
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section {
    gap: 13.3333333333vw;
  }
}
.front .commonArea2 .insta-section .section {
  gap: 5.5555555556vw;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 .insta-section .section {
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 .insta-section .section {
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 .insta-section .section {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section {
    flex-direction: column;
    gap: 4.8177083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section .section {
    gap: 8.2222222222vw;
  }
}
.front .commonArea2 .insta-section .section .details-area {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section .details-area {
    display: flex;
    flex-direction: column;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section .section .details-area {
    gap: 6.6666666667vw;
  }
}
.front .commonArea2 .insta-section .section .details-area .descriptions {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions {
    flex-direction: column;
  }
}
.front .commonArea2 .insta-section .section .details-area .descriptions .term {
  padding: 1.3888888889vw 0;
  width: 9.7222222222vw;
  font-size: 0.9027777778vw;
  letter-spacing: 0.0694444444vw;
  align-items: center;
  justify-content: flex-start;
  border-bottom-width: 1px;
  display: flex;
  border-bottom-style: solid;
  border-color: #000000;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #333333;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .term {
    padding: 1.1111111111vw 0;
    width: 7.7777777778vw;
    font-size: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .term {
    padding: 33px 0;
    width: 231px;
    font-size: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .term {
    padding: 1.6vw 0;
    width: 11.2vw;
    font-size: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .term {
    padding: 0;
    width: 100%;
    border: none;
    font-size: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .term {
    font-size: 2.8888888889vw;
  }
}
.front .commonArea2 .insta-section .section .details-area .descriptions .term.term2 {
  align-items: flex-start;
}
.front .commonArea2 .insta-section .section .details-area .descriptions .details {
  padding: 1.3888888889vw 1.25vw;
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dddddd;
  display: flex;
  flex: 1;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #283037;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .details {
    padding: 1.1111111111vw 1vw;
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .details {
    padding: 33px 29.7px;
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .details {
    padding: 1.6vw 1.44vw;
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .details {
    padding: 2.6041666667vw 0;
    font-size: 1.8229166667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section .section .details-area .descriptions .details {
    padding: 4.4444444444vw 0;
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .commonArea2 .insta-section .section .placeholder-image {
  width: 36.8055555556vw;
  height: 34.7222222222vw;
}
@media screen and (min-width: 1800px) {
  .front .commonArea2 .insta-section .section .placeholder-image {
    width: 29.4444444444vw;
    height: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .commonArea2 .insta-section .section .placeholder-image {
    width: 874.5px;
    height: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .front .commonArea2 .insta-section .section .placeholder-image {
    width: 42.4vw;
    height: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea2 .insta-section .section .placeholder-image {
    width: 100%;
    height: 41.6666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea2 .insta-section .section .placeholder-image {
    height: 71.1111111111vw;
  }
}

.contact.contact4 {
  gap: 2.7777777778vw;
  padding-bottom: 6.9444444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact.contact4 {
    gap: 2.2222222222vw;
    padding-bottom: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.contact4 {
    gap: 66px;
    padding-bottom: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.contact4 {
    gap: 3.2vw;
    padding-bottom: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.contact4 {
    padding: 0 2.6041666667vw;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.contact4 {
    padding: 0 4.4444444444vw;
    gap: 8.8888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.contact4 .content {
    padding: 0;
    padding-bottom: 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.contact4 .content {
    padding-bottom: 22.2222222222vw;
  }
}
.contact .title {
  padding: 3.3333333333vw 0;
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #3d2121;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .contact .title {
    padding: 2.6666666667vw 0;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .title {
    padding: 79.2px 0;
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .title {
    padding: 3.84vw 0;
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .title {
    padding: 6.25vw 0;
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .title {
    padding: 10.6666666667vw 0;
    font-size: 5.5555555556vw;
  }
}
.contact .caution {
  width: 76.3888888889vw;
  padding: 1.3888888889vw 1.3888888889vw;
  border: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .contact .caution {
    width: 61.1111111111vw;
    padding: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .caution {
    width: 1815px;
    padding: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .caution {
    width: 88vw;
    padding: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .caution {
    width: 100%;
    padding: 2.6041666667vw;
  }
}
.contact .caution .cautionText {
  gap: 0.5555555556vw;
  padding: 0.6944444444vw 0.5555555556vw;
  display: inline-flex;
  align-items: center;
  background: #FF0000;
}
@media screen and (min-width: 1800px) {
  .contact .caution .cautionText {
    gap: 0.4444444444vw;
    padding: 0.5555555556vw 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .caution .cautionText {
    gap: 13.2px;
    padding: 16.5px 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .caution .cautionText {
    gap: 0.64vw;
    padding: 0.8vw 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .caution .cautionText {
    gap: 1.0416666667vw;
    padding: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .caution .cautionText {
    gap: 1.7777777778vw;
    padding: 1.7777777778vw;
  }
}
.contact .caution .cautionText .imgArea {
  width: 1.7361111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact .caution .cautionText .imgArea {
    width: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .caution .cautionText .imgArea {
    width: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .caution .cautionText .imgArea {
    width: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .caution .cautionText .imgArea {
    width: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .caution .cautionText .imgArea {
    width: 5.5555555556vw;
  }
}
.contact .caution .cautionText .text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .contact .caution .cautionText .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .caution .cautionText .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .caution .cautionText .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .caution .cautionText .text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .caution .cautionText .text {
    font-size: 3.5555555556vw;
  }
}
.contact .caution .contentArea {
  margin-top: 1.3888888889vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .contact .caution .contentArea {
    margin-top: 1.1111111111vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .caution .contentArea {
    margin-top: 33px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .caution .contentArea {
    margin-top: 1.6vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .caution .contentArea {
    margin-top: 2.6041666667vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .caution .contentArea {
    margin-top: 4.4444444444vw;
    font-size: 3.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content {
    width: 100%;
    padding: 0 2.6041666667vw;
    padding-bottom: 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content {
    padding: 0 4.4444444444vw;
    padding-bottom: 22.2222222222vw;
  }
}
.contact .content .topArea {
  gap: 0.8333333333vw;
  padding-bottom: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px dotted #000;
}
@media screen and (min-width: 1800px) {
  .contact .content .topArea {
    gap: 0.6666666667vw;
    padding-bottom: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .topArea {
    gap: 19.8px;
    padding-bottom: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .topArea {
    gap: 0.96vw;
    padding-bottom: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .topArea {
    gap: 1.5625vw;
    padding-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea {
    gap: 2.6666666667vw;
    padding-bottom: 4.4444444444vw;
  }
}
.contact .content .topArea .tel {
  gap: 0.8333333333vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .topArea .tel {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .topArea .tel {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .topArea .tel {
    gap: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .topArea .tel {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea .tel {
    gap: 2.6666666667vw;
  }
}
.contact .content .topArea .tel .imgArea {
  width: 2.2222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact .content .topArea .tel .imgArea {
    width: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .topArea .tel .imgArea {
    width: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .topArea .tel .imgArea {
    width: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .topArea .tel .imgArea {
    width: 1.953125vw;
    height: 1.953125vw;
  }
  .contact .content .topArea .tel .imgArea img {
    vertical-align: baseline;
  }
}
.contact .content .topArea .tel .span {
  font-size: 3.4722222222vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .contact .content .topArea .tel .span {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .topArea .tel .span {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .topArea .tel .span {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .topArea .tel .span {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea .tel .span {
    font-size: 5.3333333333vw;
  }
}
.contact .content .topArea .textArea {
  font-size: 1.0416666667vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  line-height: 160%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .topArea .textArea {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .topArea .textArea {
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .topArea .textArea {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .topArea .textArea {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea .textArea {
    font-size: 3.3333333333vw;
  }
}
.contact .content .formArea {
  padding-top: 5.5555555556vw;
  width: 76.3888888889vw;
  gap: 2.7777777778vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea {
    padding-top: 4.4444444444vw;
    width: 61.1111111111vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea {
    padding-top: 132px;
    width: 1815px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea {
    padding-top: 6.4vw;
    width: 88vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea {
    padding-top: 5.2083333333vw;
    gap: 5.2083333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea {
    padding-top: 8.8888888889vw;
    gap: 8.8888888889vw;
  }
}
.contact .content .formArea form,
.contact .content .formArea .form,
.contact .content .formArea fieldset {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form,
  .contact .content .formArea .form,
  .contact .content .formArea fieldset {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form,
  .contact .content .formArea .form,
  .contact .content .formArea fieldset {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form,
  .contact .content .formArea .form,
  .contact .content .formArea fieldset {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form,
  .contact .content .formArea .form,
  .contact .content .formArea fieldset {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form,
  .contact .content .formArea .form,
  .contact .content .formArea fieldset {
    gap: 6.6666666667vw;
  }
}
.contact .content .formArea form .input,
.contact .content .formArea .form .input,
.contact .content .formArea fieldset .input {
  gap: 4.8611111111vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input,
  .contact .content .formArea .form .input,
  .contact .content .formArea fieldset .input {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input,
  .contact .content .formArea .form .input,
  .contact .content .formArea fieldset .input {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input,
  .contact .content .formArea .form .input,
  .contact .content .formArea fieldset .input {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .input,
  .contact .content .formArea .form .input,
  .contact .content .formArea fieldset .input {
    gap: 1.953125vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input,
  .contact .content .formArea .form .input,
  .contact .content .formArea fieldset .input {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2,
.contact .content .formArea .form .input2,
.contact .content .formArea fieldset .input2 {
  gap: 4.8611111111vw;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2,
  .contact .content .formArea .form .input2,
  .contact .content .formArea fieldset .input2 {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2,
  .contact .content .formArea .form .input2,
  .contact .content .formArea fieldset .input2 {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2,
  .contact .content .formArea .form .input2,
  .contact .content .formArea fieldset .input2 {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .input2,
  .contact .content .formArea .form .input2,
  .contact .content .formArea fieldset .input2 {
    gap: 1.953125vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2,
  .contact .content .formArea .form .input2,
  .contact .content .formArea fieldset .input2 {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2 .checkArea,
.contact .content .formArea .form .input2 .checkArea,
.contact .content .formArea fieldset .input2 .checkArea {
  gap: 2.7777777778vw;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2 .checkArea,
  .contact .content .formArea .form .input2 .checkArea,
  .contact .content .formArea fieldset .input2 .checkArea {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2 .checkArea,
  .contact .content .formArea .form .input2 .checkArea,
  .contact .content .formArea fieldset .input2 .checkArea {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2 .checkArea,
  .contact .content .formArea .form .input2 .checkArea,
  .contact .content .formArea fieldset .input2 .checkArea {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .input2 .checkArea,
  .contact .content .formArea .form .input2 .checkArea,
  .contact .content .formArea fieldset .input2 .checkArea {
    gap: 1.953125vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2 .checkArea,
  .contact .content .formArea .form .input2 .checkArea,
  .contact .content .formArea fieldset .input2 .checkArea {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2 .marginTop,
.contact .content .formArea .form .input2 .marginTop,
.contact .content .formArea fieldset .input2 .marginTop {
  margin-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2 .marginTop,
  .contact .content .formArea .form .input2 .marginTop,
  .contact .content .formArea fieldset .input2 .marginTop {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2 .marginTop,
  .contact .content .formArea .form .input2 .marginTop,
  .contact .content .formArea fieldset .input2 .marginTop {
    margin-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2 .marginTop,
  .contact .content .formArea .form .input2 .marginTop,
  .contact .content .formArea fieldset .input2 .marginTop {
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .input2 .marginTop,
  .contact .content .formArea .form .input2 .marginTop,
  .contact .content .formArea fieldset .input2 .marginTop {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2 .marginTop,
  .contact .content .formArea .form .input2 .marginTop,
  .contact .content .formArea fieldset .input2 .marginTop {
    margin-top: 4.4444444444vw;
  }
}
.contact .content .formArea form .checkItem,
.contact .content .formArea .form .checkItem,
.contact .content .formArea fieldset .checkItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.contact .content .formArea form .checkItem input[type=checkbox],
.contact .content .formArea .form .checkItem input[type=checkbox],
.contact .content .formArea fieldset .checkItem input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .formArea form .checkItem input[type=checkbox]:checked + .checkLabel::before,
.contact .content .formArea .form .checkItem input[type=checkbox]:checked + .checkLabel::before,
.contact .content .formArea fieldset .checkItem input[type=checkbox]:checked + .checkLabel::before {
  background-color: #0066cc;
  border-color: #0066cc;
}
.contact .content .formArea form .checkItem input[type=checkbox]:checked + .checkLabel::after,
.contact .content .formArea .form .checkItem input[type=checkbox]:checked + .checkLabel::after,
.contact .content .formArea fieldset .checkItem input[type=checkbox]:checked + .checkLabel::after {
  opacity: 1;
}
.contact .content .formArea form .checkItem .checkLabel,
.contact .content .formArea .form .checkItem .checkLabel,
.contact .content .formArea fieldset .checkItem .checkLabel {
  padding-left: 2.2222222222vw;
  font-size: 1.1111111111vw;
  position: relative;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .checkItem .checkLabel,
  .contact .content .formArea .form .checkItem .checkLabel,
  .contact .content .formArea fieldset .checkItem .checkLabel {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel,
  .contact .content .formArea .form .checkItem .checkLabel,
  .contact .content .formArea fieldset .checkItem .checkLabel {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel,
  .contact .content .formArea .form .checkItem .checkLabel,
  .contact .content .formArea fieldset .checkItem .checkLabel {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .checkItem .checkLabel,
  .contact .content .formArea .form .checkItem .checkLabel,
  .contact .content .formArea fieldset .checkItem .checkLabel {
    padding-left: 4.1666666667vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel,
  .contact .content .formArea .form .checkItem .checkLabel,
  .contact .content .formArea fieldset .checkItem .checkLabel {
    padding-left: 7.1111111111vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .checkItem .checkLabel::before,
.contact .content .formArea .form .checkItem .checkLabel::before,
.contact .content .formArea fieldset .checkItem .checkLabel::before {
  content: "";
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 0.2777777778vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #ccc;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .checkItem .checkLabel::before,
  .contact .content .formArea .form .checkItem .checkLabel::before,
  .contact .content .formArea fieldset .checkItem .checkLabel::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel::before,
  .contact .content .formArea .form .checkItem .checkLabel::before,
  .contact .content .formArea fieldset .checkItem .checkLabel::before {
    width: 33px;
    height: 33px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel::before,
  .contact .content .formArea .form .checkItem .checkLabel::before,
  .contact .content .formArea fieldset .checkItem .checkLabel::before {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .checkItem .checkLabel::before,
  .contact .content .formArea .form .checkItem .checkLabel::before,
  .contact .content .formArea fieldset .checkItem .checkLabel::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel::before,
  .contact .content .formArea .form .checkItem .checkLabel::before,
  .contact .content .formArea fieldset .checkItem .checkLabel::before {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea form .checkItem .checkLabel::after,
.contact .content .formArea .form .checkItem .checkLabel::after,
.contact .content .formArea fieldset .checkItem .checkLabel::after {
  content: "✓";
  left: 0.2777777778vw;
  font-size: 0.9722222222vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: "Noto Sans JP-Black", Helvetica;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .checkItem .checkLabel::after,
  .contact .content .formArea .form .checkItem .checkLabel::after,
  .contact .content .formArea fieldset .checkItem .checkLabel::after {
    left: 0.2222222222vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel::after,
  .contact .content .formArea .form .checkItem .checkLabel::after,
  .contact .content .formArea fieldset .checkItem .checkLabel::after {
    left: 6.6px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel::after,
  .contact .content .formArea .form .checkItem .checkLabel::after,
  .contact .content .formArea fieldset .checkItem .checkLabel::after {
    left: 0.32vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .checkItem .checkLabel::after,
  .contact .content .formArea .form .checkItem .checkLabel::after,
  .contact .content .formArea fieldset .checkItem .checkLabel::after {
    left: 0.5208333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel::after,
  .contact .content .formArea .form .checkItem .checkLabel::after,
  .contact .content .formArea fieldset .checkItem .checkLabel::after {
    left: 0.8888888889vw;
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea form .checkItem:hover .checkLabel::before,
.contact .content .formArea .form .checkItem:hover .checkLabel::before,
.contact .content .formArea fieldset .checkItem:hover .checkLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .left,
.contact .content .formArea .form .left,
.contact .content .formArea fieldset .left {
  width: 18.75vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .left,
  .contact .content .formArea .form .left,
  .contact .content .formArea fieldset .left {
    width: 15vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .left,
  .contact .content .formArea .form .left,
  .contact .content .formArea fieldset .left {
    width: 445.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .left,
  .contact .content .formArea .form .left,
  .contact .content .formArea fieldset .left {
    width: 21.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .left,
  .contact .content .formArea .form .left,
  .contact .content .formArea fieldset .left {
    width: auto;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .left,
  .contact .content .formArea .form .left,
  .contact .content .formArea fieldset .left {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .text,
.contact .content .formArea .form .text,
.contact .content .formArea fieldset .text {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .text,
  .contact .content .formArea .form .text,
  .contact .content .formArea fieldset .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .text,
  .contact .content .formArea .form .text,
  .contact .content .formArea fieldset .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .text,
  .contact .content .formArea .form .text,
  .contact .content .formArea fieldset .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .text,
  .contact .content .formArea .form .text,
  .contact .content .formArea fieldset .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .text,
  .contact .content .formArea .form .text,
  .contact .content .formArea fieldset .text {
    font-size: 4vw;
  }
}
.contact .content .formArea form .require,
.contact .content .formArea form .any,
.contact .content .formArea .form .require,
.contact .content .formArea .form .any,
.contact .content .formArea fieldset .require,
.contact .content .formArea fieldset .any {
  padding: 0.3472222222vw 0.6944444444vw;
  border-radius: 0.2777777778vw;
  font-size: 0.8333333333vw;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any,
  .contact .content .formArea .form .require,
  .contact .content .formArea .form .any,
  .contact .content .formArea fieldset .require,
  .contact .content .formArea fieldset .any {
    padding: 0.2777777778vw 0.5555555556vw;
    border-radius: 0.2222222222vw;
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any,
  .contact .content .formArea .form .require,
  .contact .content .formArea .form .any,
  .contact .content .formArea fieldset .require,
  .contact .content .formArea fieldset .any {
    padding: 8.25px 16.5px;
    border-radius: 6.6px;
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any,
  .contact .content .formArea .form .require,
  .contact .content .formArea .form .any,
  .contact .content .formArea fieldset .require,
  .contact .content .formArea fieldset .any {
    padding: 0.4vw 0.8vw;
    border-radius: 0.32vw;
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any,
  .contact .content .formArea .form .require,
  .contact .content .formArea .form .any,
  .contact .content .formArea fieldset .require,
  .contact .content .formArea fieldset .any {
    padding: 0.6510416667vw 1.3020833333vw;
    border-radius: 0.5208333333vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any,
  .contact .content .formArea .form .require,
  .contact .content .formArea .form .any,
  .contact .content .formArea fieldset .require,
  .contact .content .formArea fieldset .any {
    padding: 1.1111111111vw 2.2222222222vw;
    border-radius: 0.8888888889vw;
    font-size: 2.6666666667vw;
  }
}
.contact .content .formArea form .require,
.contact .content .formArea .form .require,
.contact .content .formArea fieldset .require {
  background: #FF5454;
}
.contact .content .formArea form .any,
.contact .content .formArea .form .any,
.contact .content .formArea fieldset .any {
  background: #888888;
}
.contact .content .formArea form .textArea,
.contact .content .formArea .form .textArea,
.contact .content .formArea fieldset .textArea {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .textArea,
  .contact .content .formArea .form .textArea,
  .contact .content .formArea fieldset .textArea {
    width: 100%;
  }
}
.contact .content .formArea form .textArea .button,
.contact .content .formArea .form .textArea .button,
.contact .content .formArea fieldset .textArea .button {
  width: 18.0555555556vw;
  padding: 0.8333333333vw 1.1111111111vw;
  font-size: 1.1111111111vw;
  background: #000000;
  font-weight: 600;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .contact .content .formArea form .textArea .button:hover,
  .contact .content .formArea .form .textArea .button:hover,
  .contact .content .formArea fieldset .textArea .button:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .textArea .button,
  .contact .content .formArea .form .textArea .button,
  .contact .content .formArea fieldset .textArea .button {
    width: 14.4444444444vw;
    padding: 0.6666666667vw 0.8888888889vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .textArea .button,
  .contact .content .formArea .form .textArea .button,
  .contact .content .formArea fieldset .textArea .button {
    width: 429px;
    padding: 19.8px 26.4px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .textArea .button,
  .contact .content .formArea .form .textArea .button,
  .contact .content .formArea fieldset .textArea .button {
    width: 20.8vw;
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .textArea .button,
  .contact .content .formArea .form .textArea .button,
  .contact .content .formArea fieldset .textArea .button {
    margin: 0 auto;
    width: 33.8541666667vw;
    padding: 1.5625vw 2.0833333333vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .textArea .button,
  .contact .content .formArea .form .textArea .button,
  .contact .content .formArea fieldset .textArea .button {
    width: 57.7777777778vw;
    padding: 2.6666666667vw 3.5555555556vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .textArea2,
.contact .content .formArea .form .textArea2,
.contact .content .formArea fieldset .textArea2 {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .textArea2,
  .contact .content .formArea .form .textArea2,
  .contact .content .formArea fieldset .textArea2 {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .textArea2,
  .contact .content .formArea .form .textArea2,
  .contact .content .formArea fieldset .textArea2 {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .textArea2,
  .contact .content .formArea .form .textArea2,
  .contact .content .formArea fieldset .textArea2 {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .textArea2,
  .contact .content .formArea .form .textArea2,
  .contact .content .formArea fieldset .textArea2 {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .textArea2,
  .contact .content .formArea .form .textArea2,
  .contact .content .formArea fieldset .textArea2 {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .radioArea,
.contact .content .formArea form .wpcf7-radio,
.contact .content .formArea .form .radioArea,
.contact .content .formArea .form .wpcf7-radio,
.contact .content .formArea fieldset .radioArea,
.contact .content .formArea fieldset .wpcf7-radio {
  gap: 2.7777777778vw;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea,
  .contact .content .formArea form .wpcf7-radio,
  .contact .content .formArea .form .radioArea,
  .contact .content .formArea .form .wpcf7-radio,
  .contact .content .formArea fieldset .radioArea,
  .contact .content .formArea fieldset .wpcf7-radio {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea,
  .contact .content .formArea form .wpcf7-radio,
  .contact .content .formArea .form .radioArea,
  .contact .content .formArea .form .wpcf7-radio,
  .contact .content .formArea fieldset .radioArea,
  .contact .content .formArea fieldset .wpcf7-radio {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea,
  .contact .content .formArea form .wpcf7-radio,
  .contact .content .formArea .form .radioArea,
  .contact .content .formArea .form .wpcf7-radio,
  .contact .content .formArea fieldset .radioArea,
  .contact .content .formArea fieldset .wpcf7-radio {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea,
  .contact .content .formArea form .wpcf7-radio,
  .contact .content .formArea .form .radioArea,
  .contact .content .formArea .form .wpcf7-radio,
  .contact .content .formArea fieldset .radioArea,
  .contact .content .formArea fieldset .wpcf7-radio {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea,
  .contact .content .formArea form .wpcf7-radio,
  .contact .content .formArea .form .radioArea,
  .contact .content .formArea .form .wpcf7-radio,
  .contact .content .formArea fieldset .radioArea,
  .contact .content .formArea fieldset .wpcf7-radio {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .radioArea label,
.contact .content .formArea form .wpcf7-radio label,
.contact .content .formArea .form .radioArea label,
.contact .content .formArea .form .wpcf7-radio label,
.contact .content .formArea fieldset .radioArea label,
.contact .content .formArea fieldset .wpcf7-radio label {
  display: flex;
  gap: 0.3472222222vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea label,
  .contact .content .formArea form .wpcf7-radio label,
  .contact .content .formArea .form .radioArea label,
  .contact .content .formArea .form .wpcf7-radio label,
  .contact .content .formArea fieldset .radioArea label,
  .contact .content .formArea fieldset .wpcf7-radio label {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea label,
  .contact .content .formArea form .wpcf7-radio label,
  .contact .content .formArea .form .radioArea label,
  .contact .content .formArea .form .wpcf7-radio label,
  .contact .content .formArea fieldset .radioArea label,
  .contact .content .formArea fieldset .wpcf7-radio label {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea label,
  .contact .content .formArea form .wpcf7-radio label,
  .contact .content .formArea .form .radioArea label,
  .contact .content .formArea .form .wpcf7-radio label,
  .contact .content .formArea fieldset .radioArea label,
  .contact .content .formArea fieldset .wpcf7-radio label {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea label,
  .contact .content .formArea form .wpcf7-radio label,
  .contact .content .formArea .form .radioArea label,
  .contact .content .formArea .form .wpcf7-radio label,
  .contact .content .formArea fieldset .radioArea label,
  .contact .content .formArea fieldset .wpcf7-radio label {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea label,
  .contact .content .formArea form .wpcf7-radio label,
  .contact .content .formArea .form .radioArea label,
  .contact .content .formArea .form .wpcf7-radio label,
  .contact .content .formArea fieldset .radioArea label,
  .contact .content .formArea fieldset .wpcf7-radio label {
    gap: 1.1111111111vw;
  }
}
.contact .content .formArea form .radioArea .circle,
.contact .content .formArea form .wpcf7-radio .circle,
.contact .content .formArea .form .radioArea .circle,
.contact .content .formArea .form .wpcf7-radio .circle,
.contact .content .formArea fieldset .radioArea .circle,
.contact .content .formArea fieldset .wpcf7-radio .circle {
  display: block;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
}
.contact .content .formArea form .radioArea .circle::after,
.contact .content .formArea form .wpcf7-radio .circle::after,
.contact .content .formArea .form .radioArea .circle::after,
.contact .content .formArea .form .wpcf7-radio .circle::after,
.contact .content .formArea fieldset .radioArea .circle::after,
.contact .content .formArea fieldset .wpcf7-radio .circle::after {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #0066cc;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .circle::after,
  .contact .content .formArea form .wpcf7-radio .circle::after,
  .contact .content .formArea .form .radioArea .circle::after,
  .contact .content .formArea .form .wpcf7-radio .circle::after,
  .contact .content .formArea fieldset .radioArea .circle::after,
  .contact .content .formArea fieldset .wpcf7-radio .circle::after {
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .circle::after,
  .contact .content .formArea form .wpcf7-radio .circle::after,
  .contact .content .formArea .form .radioArea .circle::after,
  .contact .content .formArea .form .wpcf7-radio .circle::after,
  .contact .content .formArea fieldset .radioArea .circle::after,
  .contact .content .formArea fieldset .wpcf7-radio .circle::after {
    width: 16.5px;
    height: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .circle::after,
  .contact .content .formArea form .wpcf7-radio .circle::after,
  .contact .content .formArea .form .radioArea .circle::after,
  .contact .content .formArea .form .wpcf7-radio .circle::after,
  .contact .content .formArea fieldset .radioArea .circle::after,
  .contact .content .formArea fieldset .wpcf7-radio .circle::after {
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea .circle::after,
  .contact .content .formArea form .wpcf7-radio .circle::after,
  .contact .content .formArea .form .radioArea .circle::after,
  .contact .content .formArea .form .wpcf7-radio .circle::after,
  .contact .content .formArea fieldset .radioArea .circle::after,
  .contact .content .formArea fieldset .wpcf7-radio .circle::after {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .circle::after,
  .contact .content .formArea form .wpcf7-radio .circle::after,
  .contact .content .formArea .form .radioArea .circle::after,
  .contact .content .formArea .form .wpcf7-radio .circle::after,
  .contact .content .formArea fieldset .radioArea .circle::after,
  .contact .content .formArea fieldset .wpcf7-radio .circle::after {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .circle,
  .contact .content .formArea form .wpcf7-radio .circle,
  .contact .content .formArea .form .radioArea .circle,
  .contact .content .formArea .form .wpcf7-radio .circle,
  .contact .content .formArea fieldset .radioArea .circle,
  .contact .content .formArea fieldset .wpcf7-radio .circle {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .circle,
  .contact .content .formArea form .wpcf7-radio .circle,
  .contact .content .formArea .form .radioArea .circle,
  .contact .content .formArea .form .wpcf7-radio .circle,
  .contact .content .formArea fieldset .radioArea .circle,
  .contact .content .formArea fieldset .wpcf7-radio .circle {
    width: 33px;
    height: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .circle,
  .contact .content .formArea form .wpcf7-radio .circle,
  .contact .content .formArea .form .radioArea .circle,
  .contact .content .formArea .form .wpcf7-radio .circle,
  .contact .content .formArea fieldset .radioArea .circle,
  .contact .content .formArea fieldset .wpcf7-radio .circle {
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea .circle,
  .contact .content .formArea form .wpcf7-radio .circle,
  .contact .content .formArea .form .radioArea .circle,
  .contact .content .formArea .form .wpcf7-radio .circle,
  .contact .content .formArea fieldset .radioArea .circle,
  .contact .content .formArea fieldset .wpcf7-radio .circle {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .circle,
  .contact .content .formArea form .wpcf7-radio .circle,
  .contact .content .formArea .form .radioArea .circle,
  .contact .content .formArea .form .wpcf7-radio .circle,
  .contact .content .formArea fieldset .radioArea .circle,
  .contact .content .formArea fieldset .wpcf7-radio .circle {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
}
.contact .content .formArea form .radioArea .wpcf7-list-item,
.contact .content .formArea form .wpcf7-radio .wpcf7-list-item,
.contact .content .formArea .form .radioArea .wpcf7-list-item,
.contact .content .formArea .form .wpcf7-radio .wpcf7-list-item,
.contact .content .formArea fieldset .radioArea .wpcf7-list-item,
.contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.contact .content .formArea form .radioArea input[type=radio],
.contact .content .formArea form .wpcf7-radio input[type=radio],
.contact .content .formArea .form .radioArea input[type=radio],
.contact .content .formArea .form .wpcf7-radio input[type=radio],
.contact .content .formArea fieldset .radioArea input[type=radio],
.contact .content .formArea fieldset .wpcf7-radio input[type=radio] {
  cursor: pointer;
}
.contact .content .formArea form .radioArea input[type=radio]:checked + .circle,
.contact .content .formArea form .wpcf7-radio input[type=radio]:checked + .circle,
.contact .content .formArea .form .radioArea input[type=radio]:checked + .circle,
.contact .content .formArea .form .wpcf7-radio input[type=radio]:checked + .circle,
.contact .content .formArea fieldset .radioArea input[type=radio]:checked + .circle,
.contact .content .formArea fieldset .wpcf7-radio input[type=radio]:checked + .circle {
  border-color: #0066cc;
}
.contact .content .formArea form .radioArea input[type=radio]:checked + .circle::after,
.contact .content .formArea form .wpcf7-radio input[type=radio]:checked + .circle::after,
.contact .content .formArea .form .radioArea input[type=radio]:checked + .circle::after,
.contact .content .formArea .form .wpcf7-radio input[type=radio]:checked + .circle::after,
.contact .content .formArea fieldset .radioArea input[type=radio]:checked + .circle::after,
.contact .content .formArea fieldset .wpcf7-radio input[type=radio]:checked + .circle::after {
  opacity: 1;
}
.contact .content .formArea form .radioArea .wpcf7-list-item-label,
.contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
.contact .content .formArea .form .radioArea .wpcf7-list-item-label,
.contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
.contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
.contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
  font-size: 1.1111111111vw;
  position: relative;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .wpcf7-list-item-label {
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .radioArea .radioItem,
.contact .content .formArea form .wpcf7-radio .radioItem,
.contact .content .formArea .form .radioArea .radioItem,
.contact .content .formArea .form .wpcf7-radio .radioItem,
.contact .content .formArea fieldset .radioArea .radioItem,
.contact .content .formArea fieldset .wpcf7-radio .radioItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio],
.contact .content .formArea form .wpcf7-radio .radioItem input[type=radio],
.contact .content .formArea .form .radioArea .radioItem input[type=radio],
.contact .content .formArea .form .wpcf7-radio .radioItem input[type=radio],
.contact .content .formArea fieldset .radioArea .radioItem input[type=radio],
.contact .content .formArea fieldset .wpcf7-radio .radioItem input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio]:checked + .radioLabel::before,
.contact .content .formArea form .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::before,
.contact .content .formArea .form .radioArea .radioItem input[type=radio]:checked + .radioLabel::before,
.contact .content .formArea .form .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::before,
.contact .content .formArea fieldset .radioArea .radioItem input[type=radio]:checked + .radioLabel::before,
.contact .content .formArea fieldset .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio]:checked + .radioLabel::after,
.contact .content .formArea form .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::after,
.contact .content .formArea .form .radioArea .radioItem input[type=radio]:checked + .radioLabel::after,
.contact .content .formArea .form .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::after,
.contact .content .formArea fieldset .radioArea .radioItem input[type=radio]:checked + .radioLabel::after,
.contact .content .formArea fieldset .wpcf7-radio .radioItem input[type=radio]:checked + .radioLabel::after {
  opacity: 1;
}
.contact .content .formArea form .radioArea .radioItem .radioLabel,
.contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
.contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
.contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
.contact .content .formArea .form .radioArea .radioItem .radioLabel,
.contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
.contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
.contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
.contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
.contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
  padding-left: 2.2222222222vw;
  font-size: 1.1111111111vw;
  position: relative;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
    padding-left: 4.1666666667vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label {
    padding-left: 7.1111111111vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .radioArea .radioItem .radioLabel::before,
.contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::before,
.contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::before,
.contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::before,
.contact .content .formArea .form .radioArea .radioItem .radioLabel::before,
.contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::before,
.contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::before,
.contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::before,
.contact .content .formArea fieldset .radioArea .radioItem .radioLabel::before,
.contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::before,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::before,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
}
.contact .content .formArea form .radioArea .radioItem .radioLabel::after,
.contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
.contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
.contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
.contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
.contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
.contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
.contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
.contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
.contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
.contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
  content: "";
  left: 0.4861111111vw;
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #0066cc;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
    left: 0.3888888889vw;
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
    left: 11.55px;
    width: 16.5px;
    height: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
    left: 0.56vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
    left: 0.9114583333vw;
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea .form .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea .form .wpcf7-radio .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .radioArea .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .radioArea .radioItem .wpcf7-list-item-label::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .radioLabel::after,
  .contact .content .formArea fieldset .wpcf7-radio .radioItem .wpcf7-list-item-label::after {
    left: 1.5555555556vw;
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
.contact .content .formArea form .radioArea .radioItem:hover .radioLabel::before,
.contact .content .formArea form .wpcf7-radio .radioItem:hover .radioLabel::before,
.contact .content .formArea .form .radioArea .radioItem:hover .radioLabel::before,
.contact .content .formArea .form .wpcf7-radio .radioItem:hover .radioLabel::before,
.contact .content .formArea fieldset .radioArea .radioItem:hover .radioLabel::before,
.contact .content .formArea fieldset .wpcf7-radio .radioItem:hover .radioLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .dropdownArea,
.contact .content .formArea .form .dropdownArea,
.contact .content .formArea fieldset .dropdownArea {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .dropdownArea,
  .contact .content .formArea .form .dropdownArea,
  .contact .content .formArea fieldset .dropdownArea {
    width: 100%;
  }
}
.contact .content .formArea form .dropdownArea::after,
.contact .content .formArea .form .dropdownArea::after,
.contact .content .formArea fieldset .dropdownArea::after {
  content: "▼";
  right: 1.1111111111vw;
  font-size: 0.8333333333vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #000;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .dropdownArea::after,
  .contact .content .formArea .form .dropdownArea::after,
  .contact .content .formArea fieldset .dropdownArea::after {
    right: 0.8888888889vw;
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .dropdownArea::after,
  .contact .content .formArea .form .dropdownArea::after,
  .contact .content .formArea fieldset .dropdownArea::after {
    right: 26.4px;
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .dropdownArea::after,
  .contact .content .formArea .form .dropdownArea::after,
  .contact .content .formArea fieldset .dropdownArea::after {
    right: 1.28vw;
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .dropdownArea::after,
  .contact .content .formArea .form .dropdownArea::after,
  .contact .content .formArea fieldset .dropdownArea::after {
    right: 2.0833333333vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .dropdownArea::after,
  .contact .content .formArea .form .dropdownArea::after,
  .contact .content .formArea fieldset .dropdownArea::after {
    right: 3.5555555556vw;
    font-size: 2.6666666667vw;
  }
}
.contact .content .formArea form .dropdownArea select,
.contact .content .formArea .form .dropdownArea select,
.contact .content .formArea fieldset .dropdownArea select {
  padding: 0.8333333333vw 2.7777777778vw 0.8333333333vw 1.1111111111vw;
  font-size: 1.1111111111vw;
  border-radius: 0.2777777778vw;
  width: 100%;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  border: none;
  background-color: #E7E7E7;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .dropdownArea select,
  .contact .content .formArea .form .dropdownArea select,
  .contact .content .formArea fieldset .dropdownArea select {
    padding: 0.6666666667vw 2.2222222222vw 0.6666666667vw 0.8888888889vw;
    font-size: 0.8888888889vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .dropdownArea select,
  .contact .content .formArea .form .dropdownArea select,
  .contact .content .formArea fieldset .dropdownArea select {
    padding: 19.8px 66px 19.8px 26.4px;
    font-size: 26.4px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .dropdownArea select,
  .contact .content .formArea .form .dropdownArea select,
  .contact .content .formArea fieldset .dropdownArea select {
    padding: 0.96vw 3.2vw 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .dropdownArea select,
  .contact .content .formArea .form .dropdownArea select,
  .contact .content .formArea fieldset .dropdownArea select {
    padding: 1.5625vw 5.2083333333vw 1.5625vw 2.0833333333vw;
    font-size: 2.0833333333vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .dropdownArea select,
  .contact .content .formArea .form .dropdownArea select,
  .contact .content .formArea fieldset .dropdownArea select {
    padding: 2.6666666667vw 8.8888888889vw 2.6666666667vw 3.5555555556vw;
    font-size: 3.5555555556vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea form .dropdownArea select:focus,
.contact .content .formArea .form .dropdownArea select:focus,
.contact .content .formArea fieldset .dropdownArea select:focus {
  outline: none;
  border-color: #0066cc;
}
.contact .content .formArea form .dropdownArea select option,
.contact .content .formArea .form .dropdownArea select option,
.contact .content .formArea fieldset .dropdownArea select option {
  padding: 0.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .dropdownArea select option,
  .contact .content .formArea .form .dropdownArea select option,
  .contact .content .formArea fieldset .dropdownArea select option {
    padding: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .dropdownArea select option,
  .contact .content .formArea .form .dropdownArea select option,
  .contact .content .formArea fieldset .dropdownArea select option {
    padding: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .dropdownArea select option,
  .contact .content .formArea .form .dropdownArea select option,
  .contact .content .formArea fieldset .dropdownArea select option {
    padding: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .dropdownArea select option,
  .contact .content .formArea .form .dropdownArea select option,
  .contact .content .formArea fieldset .dropdownArea select option {
    padding: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .dropdownArea select option,
  .contact .content .formArea .form .dropdownArea select option,
  .contact .content .formArea fieldset .dropdownArea select option {
    padding: 2.2222222222vw;
  }
}
.contact .content .formArea form .inputArea,
.contact .content .formArea .form .inputArea,
.contact .content .formArea fieldset .inputArea {
  gap: 1.3888888889vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea,
  .contact .content .formArea .form .inputArea,
  .contact .content .formArea fieldset .inputArea {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea,
  .contact .content .formArea .form .inputArea,
  .contact .content .formArea fieldset .inputArea {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea,
  .contact .content .formArea .form .inputArea,
  .contact .content .formArea fieldset .inputArea {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .inputArea,
  .contact .content .formArea .form .inputArea,
  .contact .content .formArea fieldset .inputArea {
    width: 100%;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea,
  .contact .content .formArea .form .inputArea,
  .contact .content .formArea fieldset .inputArea {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .inputArea .inputContent,
.contact .content .formArea .form .inputArea .inputContent,
.contact .content .formArea fieldset .inputArea .inputContent {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
.contact .content .formArea form .inputArea .inputContent .wpcf7-form-control-wrap,
.contact .content .formArea .form .inputArea .inputContent .wpcf7-form-control-wrap,
.contact .content .formArea fieldset .inputArea .inputContent .wpcf7-form-control-wrap {
  flex: 1;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent,
  .contact .content .formArea .form .inputArea .inputContent,
  .contact .content .formArea fieldset .inputArea .inputContent {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea .inputContent,
  .contact .content .formArea .form .inputArea .inputContent,
  .contact .content .formArea fieldset .inputArea .inputContent {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea .inputContent,
  .contact .content .formArea .form .inputArea .inputContent,
  .contact .content .formArea fieldset .inputArea .inputContent {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .inputArea .inputContent,
  .contact .content .formArea .form .inputArea .inputContent,
  .contact .content .formArea fieldset .inputArea .inputContent {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea .inputContent,
  .contact .content .formArea .form .inputArea .inputContent,
  .contact .content .formArea fieldset .inputArea .inputContent {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .inputArea .inputContent .text,
.contact .content .formArea .form .inputArea .inputContent .text,
.contact .content .formArea fieldset .inputArea .inputContent .text {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent .text,
  .contact .content .formArea .form .inputArea .inputContent .text,
  .contact .content .formArea fieldset .inputArea .inputContent .text {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea .inputContent .text,
  .contact .content .formArea .form .inputArea .inputContent .text,
  .contact .content .formArea fieldset .inputArea .inputContent .text {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea .inputContent .text,
  .contact .content .formArea .form .inputArea .inputContent .text,
  .contact .content .formArea fieldset .inputArea .inputContent .text {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .inputArea .inputContent .text,
  .contact .content .formArea .form .inputArea .inputContent .text,
  .contact .content .formArea fieldset .inputArea .inputContent .text {
    width: 100%;
  }
}
.contact .content .formArea form .inputArea .inputContent input,
.contact .content .formArea .form .inputArea .inputContent input,
.contact .content .formArea fieldset .inputArea .inputContent input {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .inputArea .inputContent input,
  .contact .content .formArea .form .inputArea .inputContent input,
  .contact .content .formArea fieldset .inputArea .inputContent input {
    width: 100%;
  }
}
.contact .content .formArea form .inputArea .inputContent .button,
.contact .content .formArea form .inputArea .inputContent .zip-search-btn,
.contact .content .formArea .form .inputArea .inputContent .button,
.contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
.contact .content .formArea fieldset .inputArea .inputContent .button,
.contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
  width: 18.0555555556vw;
  padding: 0.8333333333vw 1.1111111111vw;
  font-size: 1.1111111111vw;
  border-radius: 0.2777777778vw;
  background: #000000;
  font-weight: 600;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .contact .content .formArea form .inputArea .inputContent .button:hover,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn:hover,
  .contact .content .formArea .form .inputArea .inputContent .button:hover,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn:hover,
  .contact .content .formArea fieldset .inputArea .inputContent .button:hover,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent .button,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea .form .inputArea .inputContent .button,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea fieldset .inputArea .inputContent .button,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
    width: 14.4444444444vw;
    padding: 0.6666666667vw 0.8888888889vw;
    font-size: 0.8888888889vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea .inputContent .button,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea .form .inputArea .inputContent .button,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea fieldset .inputArea .inputContent .button,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
    width: 429px;
    padding: 19.8px 26.4px;
    font-size: 26.4px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea .inputContent .button,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea .form .inputArea .inputContent .button,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea fieldset .inputArea .inputContent .button,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
    width: 20.8vw;
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .inputArea .inputContent .button,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea .form .inputArea .inputContent .button,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea fieldset .inputArea .inputContent .button,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
    width: 100%;
    padding: 1.5625vw 2.0833333333vw;
    font-size: 2.0833333333vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea .inputContent .button,
  .contact .content .formArea form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea .form .inputArea .inputContent .button,
  .contact .content .formArea .form .inputArea .inputContent .zip-search-btn,
  .contact .content .formArea fieldset .inputArea .inputContent .button,
  .contact .content .formArea fieldset .inputArea .inputContent .zip-search-btn {
    padding: 2.6666666667vw 3.5555555556vw;
    font-size: 3.5555555556vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea form input[type=text],
.contact .content .formArea form input[type=email],
.contact .content .formArea form input[type=tel],
.contact .content .formArea form textarea,
.contact .content .formArea .form input[type=text],
.contact .content .formArea .form input[type=email],
.contact .content .formArea .form input[type=tel],
.contact .content .formArea .form textarea,
.contact .content .formArea fieldset input[type=text],
.contact .content .formArea fieldset input[type=email],
.contact .content .formArea fieldset input[type=tel],
.contact .content .formArea fieldset textarea {
  padding: 0.8333333333vw 1.1111111111vw;
  font-size: 1.1111111111vw;
  border-radius: 0.2777777778vw;
  width: 100%;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  background: #E7E7E7;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form input[type=text],
  .contact .content .formArea form input[type=email],
  .contact .content .formArea form input[type=tel],
  .contact .content .formArea form textarea,
  .contact .content .formArea .form input[type=text],
  .contact .content .formArea .form input[type=email],
  .contact .content .formArea .form input[type=tel],
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset input[type=text],
  .contact .content .formArea fieldset input[type=email],
  .contact .content .formArea fieldset input[type=tel],
  .contact .content .formArea fieldset textarea {
    padding: 0.6666666667vw 0.8888888889vw;
    font-size: 0.8888888889vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form input[type=text],
  .contact .content .formArea form input[type=email],
  .contact .content .formArea form input[type=tel],
  .contact .content .formArea form textarea,
  .contact .content .formArea .form input[type=text],
  .contact .content .formArea .form input[type=email],
  .contact .content .formArea .form input[type=tel],
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset input[type=text],
  .contact .content .formArea fieldset input[type=email],
  .contact .content .formArea fieldset input[type=tel],
  .contact .content .formArea fieldset textarea {
    padding: 19.8px 26.4px;
    font-size: 26.4px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form input[type=text],
  .contact .content .formArea form input[type=email],
  .contact .content .formArea form input[type=tel],
  .contact .content .formArea form textarea,
  .contact .content .formArea .form input[type=text],
  .contact .content .formArea .form input[type=email],
  .contact .content .formArea .form input[type=tel],
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset input[type=text],
  .contact .content .formArea fieldset input[type=email],
  .contact .content .formArea fieldset input[type=tel],
  .contact .content .formArea fieldset textarea {
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form input[type=text],
  .contact .content .formArea form input[type=email],
  .contact .content .formArea form input[type=tel],
  .contact .content .formArea form textarea,
  .contact .content .formArea .form input[type=text],
  .contact .content .formArea .form input[type=email],
  .contact .content .formArea .form input[type=tel],
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset input[type=text],
  .contact .content .formArea fieldset input[type=email],
  .contact .content .formArea fieldset input[type=tel],
  .contact .content .formArea fieldset textarea {
    padding: 1.5625vw 2.0833333333vw;
    font-size: 2.0833333333vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form input[type=text],
  .contact .content .formArea form input[type=email],
  .contact .content .formArea form input[type=tel],
  .contact .content .formArea form textarea,
  .contact .content .formArea .form input[type=text],
  .contact .content .formArea .form input[type=email],
  .contact .content .formArea .form input[type=tel],
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset input[type=text],
  .contact .content .formArea fieldset input[type=email],
  .contact .content .formArea fieldset input[type=tel],
  .contact .content .formArea fieldset textarea {
    padding: 2.6666666667vw 3.5555555556vw;
    font-size: 3.5555555556vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea form input[type=text]::-moz-placeholder, .contact .content .formArea form input[type=email]::-moz-placeholder, .contact .content .formArea form input[type=tel]::-moz-placeholder, .contact .content .formArea form textarea::-moz-placeholder, .contact .content .formArea .form input[type=text]::-moz-placeholder, .contact .content .formArea .form input[type=email]::-moz-placeholder, .contact .content .formArea .form input[type=tel]::-moz-placeholder, .contact .content .formArea .form textarea::-moz-placeholder, .contact .content .formArea fieldset input[type=text]::-moz-placeholder, .contact .content .formArea fieldset input[type=email]::-moz-placeholder, .contact .content .formArea fieldset input[type=tel]::-moz-placeholder, .contact .content .formArea fieldset textarea::-moz-placeholder {
  color: #B3B3B3;
}
.contact .content .formArea form input[type=text]::placeholder,
.contact .content .formArea form input[type=email]::placeholder,
.contact .content .formArea form input[type=tel]::placeholder,
.contact .content .formArea form textarea::placeholder,
.contact .content .formArea .form input[type=text]::placeholder,
.contact .content .formArea .form input[type=email]::placeholder,
.contact .content .formArea .form input[type=tel]::placeholder,
.contact .content .formArea .form textarea::placeholder,
.contact .content .formArea fieldset input[type=text]::placeholder,
.contact .content .formArea fieldset input[type=email]::placeholder,
.contact .content .formArea fieldset input[type=tel]::placeholder,
.contact .content .formArea fieldset textarea::placeholder {
  color: #B3B3B3;
}
.contact .content .formArea form input[type=text]:focus,
.contact .content .formArea form input[type=email]:focus,
.contact .content .formArea form input[type=tel]:focus,
.contact .content .formArea form textarea:focus,
.contact .content .formArea .form input[type=text]:focus,
.contact .content .formArea .form input[type=email]:focus,
.contact .content .formArea .form input[type=tel]:focus,
.contact .content .formArea .form textarea:focus,
.contact .content .formArea fieldset input[type=text]:focus,
.contact .content .formArea fieldset input[type=email]:focus,
.contact .content .formArea fieldset input[type=tel]:focus,
.contact .content .formArea fieldset textarea:focus {
  outline: none;
  border-color: #0066cc;
}
.contact .content .formArea form textarea,
.contact .content .formArea .form textarea,
.contact .content .formArea fieldset textarea {
  min-height: 8.3333333333vw;
  resize: vertical;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form textarea,
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset textarea {
    min-height: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form textarea,
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset textarea {
    min-height: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form textarea,
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset textarea {
    min-height: 9.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form textarea,
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset textarea {
    min-height: 15.625vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form textarea,
  .contact .content .formArea .form textarea,
  .contact .content .formArea fieldset textarea {
    min-height: 26.6666666667vw;
  }
}
.contact .content .formArea form .birthArea,
.contact .content .formArea .form .birthArea,
.contact .content .formArea fieldset .birthArea {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea,
  .contact .content .formArea .form .birthArea,
  .contact .content .formArea fieldset .birthArea {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea,
  .contact .content .formArea .form .birthArea,
  .contact .content .formArea fieldset .birthArea {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea,
  .contact .content .formArea .form .birthArea,
  .contact .content .formArea fieldset .birthArea {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .birthArea,
  .contact .content .formArea .form .birthArea,
  .contact .content .formArea fieldset .birthArea {
    flex-direction: column;
    gap: 1.3020833333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .birthArea,
  .contact .content .formArea .form .birthArea,
  .contact .content .formArea fieldset .birthArea {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .birthArea .wrapper,
.contact .content .formArea .form .birthArea .wrapper,
.contact .content .formArea fieldset .birthArea .wrapper {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea .wrapper,
  .contact .content .formArea .form .birthArea .wrapper,
  .contact .content .formArea fieldset .birthArea .wrapper {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea .wrapper,
  .contact .content .formArea .form .birthArea .wrapper,
  .contact .content .formArea fieldset .birthArea .wrapper {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea .wrapper,
  .contact .content .formArea .form .birthArea .wrapper,
  .contact .content .formArea fieldset .birthArea .wrapper {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .birthArea .wrapper,
  .contact .content .formArea .form .birthArea .wrapper,
  .contact .content .formArea fieldset .birthArea .wrapper {
    width: 100%;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .birthArea .wrapper,
  .contact .content .formArea .form .birthArea .wrapper,
  .contact .content .formArea fieldset .birthArea .wrapper {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .birthArea input,
.contact .content .formArea form .birthArea .dropdownArea,
.contact .content .formArea .form .birthArea input,
.contact .content .formArea .form .birthArea .dropdownArea,
.contact .content .formArea fieldset .birthArea input,
.contact .content .formArea fieldset .birthArea .dropdownArea {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea,
  .contact .content .formArea .form .birthArea input,
  .contact .content .formArea .form .birthArea .dropdownArea,
  .contact .content .formArea fieldset .birthArea input,
  .contact .content .formArea fieldset .birthArea .dropdownArea {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea,
  .contact .content .formArea .form .birthArea input,
  .contact .content .formArea .form .birthArea .dropdownArea,
  .contact .content .formArea fieldset .birthArea input,
  .contact .content .formArea fieldset .birthArea .dropdownArea {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea,
  .contact .content .formArea .form .birthArea input,
  .contact .content .formArea .form .birthArea .dropdownArea,
  .contact .content .formArea fieldset .birthArea input,
  .contact .content .formArea fieldset .birthArea .dropdownArea {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea,
  .contact .content .formArea .form .birthArea input,
  .contact .content .formArea .form .birthArea .dropdownArea,
  .contact .content .formArea fieldset .birthArea input,
  .contact .content .formArea fieldset .birthArea .dropdownArea {
    width: auto;
    flex: 1;
  }
}
.contact .content .formArea form .span2,
.contact .content .formArea .form .span2,
.contact .content .formArea fieldset .span2 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #A4A4A4;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .span2,
  .contact .content .formArea .form .span2,
  .contact .content .formArea fieldset .span2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .span2,
  .contact .content .formArea .form .span2,
  .contact .content .formArea fieldset .span2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .span2,
  .contact .content .formArea .form .span2,
  .contact .content .formArea fieldset .span2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .span2,
  .contact .content .formArea .form .span2,
  .contact .content .formArea fieldset .span2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .span2,
  .contact .content .formArea .form .span2,
  .contact .content .formArea fieldset .span2 {
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .short,
.contact .content .formArea .form .short,
.contact .content .formArea fieldset .short {
  gap: 0.6944444444vw;
  margin-top: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .short,
  .contact .content .formArea .form .short,
  .contact .content .formArea fieldset .short {
    gap: 0.5555555556vw;
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short,
  .contact .content .formArea .form .short,
  .contact .content .formArea fieldset .short {
    gap: 16.5px;
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short,
  .contact .content .formArea .form .short,
  .contact .content .formArea fieldset .short {
    gap: 0.8vw;
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .short,
  .contact .content .formArea .form .short,
  .contact .content .formArea fieldset .short {
    margin-top: 0;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .short,
  .contact .content .formArea .form .short,
  .contact .content .formArea fieldset .short {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .short input,
.contact .content .formArea .form .short input,
.contact .content .formArea fieldset .short input {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .short input,
  .contact .content .formArea .form .short input,
  .contact .content .formArea fieldset .short input {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short input,
  .contact .content .formArea .form .short input,
  .contact .content .formArea fieldset .short input {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short input,
  .contact .content .formArea .form .short input,
  .contact .content .formArea fieldset .short input {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .short input,
  .contact .content .formArea .form .short input,
  .contact .content .formArea fieldset .short input {
    width: auto;
    flex: 1;
  }
}
.contact .content .formArea form .short .shortSpan,
.contact .content .formArea .form .short .shortSpan,
.contact .content .formArea fieldset .short .shortSpan {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .short .shortSpan,
  .contact .content .formArea .form .short .shortSpan,
  .contact .content .formArea fieldset .short .shortSpan {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short .shortSpan,
  .contact .content .formArea .form .short .shortSpan,
  .contact .content .formArea fieldset .short .shortSpan {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short .shortSpan,
  .contact .content .formArea .form .short .shortSpan,
  .contact .content .formArea fieldset .short .shortSpan {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .short .shortSpan,
  .contact .content .formArea .form .short .shortSpan,
  .contact .content .formArea fieldset .short .shortSpan {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .short .shortSpan,
  .contact .content .formArea .form .short .shortSpan,
  .contact .content .formArea fieldset .short .shortSpan {
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .wpcf7-checkbox,
.contact .content .formArea .form .wpcf7-checkbox,
.contact .content .formArea fieldset .wpcf7-checkbox {
  gap: 2.7777777778vw;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .wpcf7-checkbox,
  .contact .content .formArea .form .wpcf7-checkbox,
  .contact .content .formArea fieldset .wpcf7-checkbox {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .wpcf7-checkbox,
  .contact .content .formArea .form .wpcf7-checkbox,
  .contact .content .formArea fieldset .wpcf7-checkbox {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .wpcf7-checkbox,
  .contact .content .formArea .form .wpcf7-checkbox,
  .contact .content .formArea fieldset .wpcf7-checkbox {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea form .wpcf7-checkbox,
  .contact .content .formArea .form .wpcf7-checkbox,
  .contact .content .formArea fieldset .wpcf7-checkbox {
    gap: 1.953125vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .wpcf7-checkbox,
  .contact .content .formArea .form .wpcf7-checkbox,
  .contact .content .formArea fieldset .wpcf7-checkbox {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea .bottomArea {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea .bottomArea .privacyText {
  font-size: 1.1111111111vw;
  color: #000;
  font-family: "Noto Sans JP-Black", Helvetica;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 1.8229166667vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea .bottomArea .privacyText .link {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  text-decoration: underline;
  color: #000;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .contact .content .formArea .bottomArea .privacyText .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea .bottomArea .checkItem {
  width: 100%;
  padding: 1.25vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  background: #FFEBEB;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 1vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 29.7px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 1.44vw 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 2.34375vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 4vw 0;
  }
}
.contact .content .formArea .bottomArea .checkItem input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .formArea .bottomArea .checkItem input[type=checkbox]:checked + .checkLabel::before {
  background-color: #0066cc;
  border-color: #0066cc;
}
.contact .content .formArea .bottomArea .checkItem input[type=checkbox]:checked + .checkLabel::after {
  opacity: 1;
}
.contact .content .formArea .bottomArea .checkItem .checkLabel {
  padding-left: 2.2222222222vw;
  font-size: 1.1111111111vw;
  position: relative;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 4.1666666667vw;
    font-size: 1.8229166667vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 7.1111111111vw;
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea .bottomArea .checkItem .checkLabel::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 0.2777777778vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #ccc;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 33px;
    height: 33px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea .bottomArea .checkItem .checkLabel::after {
  content: "✓";
  left: 0.2777777778vw;
  font-size: 0.9722222222vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: "Noto Sans JP-Black", Helvetica;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 0.2222222222vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 6.6px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 0.32vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 0.5208333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 0.8888888889vw;
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea .bottomArea .checkItem:hover .checkLabel::before {
  border-color: #0066cc;
}
.contact .content .buttonArea {
  margin-top: 4.1666666667vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .buttonArea {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea {
    margin-top: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea {
    margin-top: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .buttonArea {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea {
    margin-top: 13.3333333333vw;
  }
}
.contact .content .buttonArea .link {
  padding: 2.3611111111vw 0;
  gap: 0.3472222222vw;
  width: 34.7222222222vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0BBC;
  border-radius: 999px;
  transition: all 0.6s ease;
}
.contact .content .buttonArea .link.confirm-back-btn {
  background: #000;
}
@media screen and (min-width: 768px) {
  .contact .content .buttonArea .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .buttonArea .link {
    padding: 1.8888888889vw 0;
    gap: 0.2777777778vw;
    width: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea .link {
    padding: 56.1px 0;
    gap: 8.25px;
    width: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea .link {
    padding: 2.72vw 0;
    gap: 0.4vw;
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .buttonArea .link {
    padding: 2.6041666667vw 0;
    gap: 1.5625vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea .link {
    padding: 4.4444444444vw 0;
    gap: 2.6666666667vw;
  }
}
.contact .content .buttonArea .link .iconImg {
  width: 2.5vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact .content .buttonArea .link .iconImg {
    width: 2vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea .link .iconImg {
    width: 59.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea .link .iconImg {
    width: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .buttonArea .link .iconImg {
    width: 3.515625vw;
    height: 3.515625vw;
  }
  .contact .content .buttonArea .link .iconImg img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea .link .iconImg {
    width: 6vw;
    height: 6vw;
  }
}
.contact .content .buttonArea .link .span {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .contact .content .buttonArea .link .span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea .link .span {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea .link .span {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .buttonArea .link .span {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea .link .span {
    font-size: 4.4444444444vw;
  }
}
.contact .content .checkItem .wpcf7-list-item {
  margin: 0;
}
.contact .content .checkItem label {
  display: flex;
  gap: 0.3472222222vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .checkItem label {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .checkItem label {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .checkItem label {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .checkItem label {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .checkItem label {
    gap: 1.1111111111vw;
  }
}
.contact .content .checkItem label .check {
  border-radius: 4px;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 0.2777777778vw;
  position: relative;
  border: 2px solid #ccc;
  background-color: #fff;
  transition: all 0.3s ease;
}
.contact .content .checkItem label .check::after {
  content: "✓";
  left: 50%;
  font-size: 0.9722222222vw;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: "Noto Sans JP-Black", Helvetica;
}
@media screen and (min-width: 1800px) {
  .contact .content .checkItem label .check::after {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .checkItem label .check::after {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .checkItem label .check::after {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .checkItem label .check::after {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .checkItem label .check::after {
    font-size: 3.1111111111vw;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .checkItem label .check {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .checkItem label .check {
    width: 33px;
    height: 33px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .checkItem label .check {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .checkItem label .check {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .checkItem label .check {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .checkItem label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .checkItem label input[type=checkbox]:checked + .check {
  background-color: #0066cc;
  border-color: #0066cc;
}
.contact .content .checkItem label input[type=checkbox]:checked + .check::after {
  opacity: 1;
}
.contact .content .checkItem label .wpcf7-list-item-label {
  font-size: 1.1111111111vw;
  position: relative;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1800px) {
  .contact .content .checkItem label .wpcf7-list-item-label {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .checkItem label .wpcf7-list-item-label {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .checkItem label .wpcf7-list-item-label {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .content .checkItem label .wpcf7-list-item-label {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .checkItem label .wpcf7-list-item-label {
    font-size: 3.5555555556vw;
  }
}
.contact .wpcf7-spinner {
  display: none;
}
.contact .wpcf7-submit {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .contact .wpcf7-submit {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .wpcf7-submit {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .wpcf7-submit {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .wpcf7-submit {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .wpcf7-submit {
    font-size: 4.4444444444vw;
  }
}

.contact2 .title {
  padding: 3.3333333333vw 0;
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .contact2 .title {
    padding: 2.6666666667vw 0;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .title {
    padding: 79.2px 0;
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .title {
    padding: 3.84vw 0;
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .title {
    padding: 6.25vw 0;
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .title {
    padding: 10.6666666667vw 0;
    font-size: 5.5555555556vw;
  }
}
.contact2 .content {
  padding-top: 5.5555555556vw;
  padding-bottom: 6.9444444444vw;
  width: 76.3888888889vw;
  gap: 2.7777777778vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact2 .content {
    padding-top: 4.4444444444vw;
    padding-bottom: 5.5555555556vw;
    width: 61.1111111111vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content {
    padding-top: 132px;
    padding-bottom: 165px;
    width: 1815px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content {
    width: 80vw;
    padding-top: 6.4vw;
    padding-bottom: 8vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content {
    width: 100%;
    padding: 0 2.6041666667vw;
    padding-bottom: 13.0208333333vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content {
    padding: 0 4.4444444444vw;
    padding-bottom: 22.2222222222vw;
    gap: 4.4444444444vw;
  }
}
.contact2 .content .text {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 600;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .text {
    font-size: 4vw;
  }
}
.contact2 .content .contentArea {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .input {
  gap: 4.8611111111vw;
  display: flex;
  align-items: flex-start;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input {
    gap: 1.953125vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input {
    gap: 3.3333333333vw;
  }
}
.contact2 .content .contentArea .input .left {
  width: 18.75vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input .left {
    width: 15vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input .left {
    width: 445.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input .left {
    width: 21.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input .left {
    width: auto;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input .left {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .input .text {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input .text {
    font-size: 4vw;
  }
}
.contact2 .content .contentArea .input2 {
  gap: 4.8611111111vw;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input2 {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input2 {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input2 {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input2 {
    gap: 1.953125vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input2 {
    gap: 3.3333333333vw;
  }
}
.contact2 .content .contentArea .input2 .left {
  width: 18.75vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input2 .left {
    width: 15vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input2 .left {
    width: 445.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input2 .left {
    width: 21.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input2 .left {
    width: auto;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input2 .left {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .input2 .text {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 4vw;
  }
}
.contact2 .content .contentArea .inputArea {
  gap: 1.3888888889vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .inputArea {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .inputArea {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .inputArea {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .inputArea {
    width: 100%;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .inputArea {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .inputArea .inputContent {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    gap: 2.2222222222vw;
  }
}
.contact2 .content .contentArea .inputArea .inputContent .text {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .contentArea .inputArea .inputContent .text {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .contentArea .inputArea .inputContent .text {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .contentArea .inputArea .inputContent .text {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .contentArea .inputArea .inputContent .text {
    width: 100%;
  }
}
.contact2 .content .contentArea .inputArea .inputContent .text2 {
  flex: 1;
}
.contact2 .content .contentArea .textArea {
  flex: 1;
}
.contact2 .content .buttonArea {
  margin-top: 4.1666666667vw;
  gap: 4.1666666667vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .buttonArea {
    margin-top: 3.3333333333vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .buttonArea {
    margin-top: 99px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .buttonArea {
    margin-top: 4.8vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .buttonArea {
    flex-direction: column;
    margin-top: 7.8125vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea {
    margin-top: 13.3333333333vw;
    gap: 4.4444444444vw;
  }
}
.contact2 .content .buttonArea .link {
  padding: 2.3611111111vw 0;
  gap: 0.3472222222vw;
  width: 34.7222222222vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0BBC;
  border-radius: 999px;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .contact2 .content .buttonArea .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact2 .content .buttonArea .link {
    padding: 1.8888888889vw 0;
    gap: 0.2777777778vw;
    width: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .buttonArea .link {
    padding: 56.1px 0;
    gap: 8.25px;
    width: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .buttonArea .link {
    padding: 2.72vw 0;
    gap: 0.4vw;
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .buttonArea .link {
    padding: 2.6041666667vw 0;
    gap: 1.5625vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link {
    padding: 4.4444444444vw 0;
    gap: 2.6666666667vw;
  }
}
.contact2 .content .buttonArea .link .iconImg {
  width: 2.5vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .buttonArea .link .iconImg {
    width: 2vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .buttonArea .link .iconImg {
    width: 59.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .buttonArea .link .iconImg {
    width: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .buttonArea .link .iconImg {
    width: 3.515625vw;
    height: 3.515625vw;
  }
  .contact2 .content .buttonArea .link .iconImg img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link .iconImg {
    width: 6vw;
    height: 6vw;
  }
}
.contact2 .content .buttonArea .link .span {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 4.4444444444vw;
  }
}
.contact2 .content .buttonArea .link:nth-of-type(1) {
  background: #000;
}

.contact3 .title {
  padding: 3.3333333333vw 0;
  font-size: 2.4305555556vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .contact3 .title {
    padding: 2.6666666667vw 0;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .title {
    padding: 79.2px 0;
    font-size: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .title {
    padding: 3.84vw 0;
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .title {
    padding: 6.25vw 0;
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .title {
    padding: 10.6666666667vw 0;
    font-size: 5.5555555556vw;
  }
}
.contact3 .content {
  padding-top: 5.5555555556vw;
  padding-bottom: 6.9444444444vw;
  width: 76.3888888889vw;
  gap: 2.7777777778vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact3 .content {
    padding-top: 4.4444444444vw;
    padding-bottom: 5.5555555556vw;
    width: 61.1111111111vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content {
    padding-top: 132px;
    padding-bottom: 165px;
    width: 1815px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content {
    width: 80vw;
    padding-top: 6.4vw;
    padding-bottom: 8vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content {
    width: 100%;
    padding: 0 2.6041666667vw;
    padding-bottom: 13.0208333333vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content {
    padding: 0 4.4444444444vw;
    padding-bottom: 22.2222222222vw;
    gap: 4.4444444444vw;
  }
}
.contact3 .content .text {
  font-size: 1.3888888889vw;
  text-align: center;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 600;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content .text {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .text {
    font-size: 4vw;
  }
}
.contact3 .content .buttonArea {
  margin-top: 4.1666666667vw;
  gap: 4.1666666667vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .buttonArea {
    margin-top: 3.3333333333vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea {
    margin-top: 99px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea {
    margin-top: 4.8vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content .buttonArea {
    margin-top: 7.8125vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea {
    margin-top: 13.3333333333vw;
    gap: 4.4444444444vw;
  }
}
.contact3 .content .buttonArea .link {
  padding: 2.3611111111vw 0;
  gap: 0.3472222222vw;
  width: 27.7777777778vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0BBC;
  border-radius: 999px;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .contact3 .content .buttonArea .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact3 .content .buttonArea .link {
    padding: 1.8888888889vw 0;
    gap: 0.2777777778vw;
    width: 22.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea .link {
    padding: 56.1px 0;
    gap: 8.25px;
    width: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea .link {
    padding: 2.72vw 0;
    gap: 0.4vw;
    width: 32vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content .buttonArea .link {
    padding: 2.6041666667vw 0;
    gap: 1.5625vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea .link {
    padding: 4.4444444444vw 0;
    gap: 2.6666666667vw;
  }
}
.contact3 .content .buttonArea .link .iconImg {
  width: 2.5vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .buttonArea .link .iconImg {
    width: 2vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea .link .iconImg {
    width: 59.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea .link .iconImg {
    width: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content .buttonArea .link .iconImg {
    width: 3.515625vw;
    height: 3.515625vw;
  }
  .contact3 .content .buttonArea .link .iconImg img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea .link .iconImg {
    width: 6vw;
    height: 6vw;
  }
}
.contact3 .content .buttonArea .link .span {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #FFF;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 4.4444444444vw;
  }
}
.contact3 .content .buttonArea .link:nth-of-type(1) {
  background: #000;
}

.m-footer .footer {
  padding-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer {
    padding-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer {
    padding-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer {
    padding-top: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer {
    padding-top: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer {
    padding-top: 6.6666666667vw;
  }
}
.m-footer .footer .group {
  border-radius: 3.4722222222vw 3.4722222222vw 0 0;
  padding: 7.6388888889vw 0 2.2222222222vw;
  gap: 3.4722222222vw;
  width: 100%;
  background: #0A4DDF;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group {
    border-radius: 2.7777777778vw 2.7777777778vw 0 0;
    padding: 6.1111111111vw 0 1.7777777778vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group {
    border-radius: 82.5px 82.5px 0 0;
    padding: 181.5px 0 52.8px;
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group {
    border-radius: 4vw 4vw 0 0;
    padding: 8.8vw 0 2.56vw;
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group {
    border-radius: 2.6041666667vw 2.6041666667vw 0 0;
    padding: 5.2083333333vw 0 2.6041666667vw;
    gap: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group {
    border-radius: 4.4444444444vw 4.4444444444vw 0 0;
    padding: 8.8888888889vw 0 4.4444444444vw;
    gap: 11.1111111111vw;
  }
}
.m-footer .footer .group .topArea {
  width: 83.3333333333vw;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea {
    width: 1980px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea {
    width: 96vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea {
    gap: 5.2083333333vw;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea {
    gap: 8.8888888889vw;
  }
}
.m-footer .footer .group .topArea .logoArea {
  width: 12.5vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .logoArea:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 10vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 297px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 14.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 40vw;
  }
}
.m-footer .footer .group .topArea .logoArea .imgArea {
  display: block;
  width: 100%;
}
.m-footer .footer .group .topArea .rightWrapper {
  display: flex;
  gap: 2.9861111111vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 2.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 70.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 3.44vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 2.6041666667vw;
    gap: 10.4166666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper {
    padding: 0 4.4444444444vw;
    gap: 17.7777777778vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area {
  gap: 2.7777777778vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 2.6041666667vw;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column {
  width: 13.8888888889vw;
  gap: 1.0416666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 11.1111111111vw;
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 330px;
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 16vw;
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 26.0416666667vw;
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 44.4444444444vw;
    gap: 3.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  line-height: 160%;
  color: #ffffff;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 3.5555555556vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .link {
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .link:hover {
    opacity: 0.6;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  line-height: 160%;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 3.1111111111vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
  gap: 1.3888888889vw;
  height: 1.6666666667vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 1.1111111111vw;
    height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 33px;
    height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 1.6vw;
    height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 2.6041666667vw;
    height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 4.4444444444vw;
    height: 5.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .link {
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .link:hover {
    opacity: 0.6;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
  width: 1.6666666667vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 5.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg img {
  -o-object-fit: contain;
     object-fit: contain;
}
.m-footer .footer .group .credits {
  margin-top: 7.6388888889vw;
  width: 83.3333333333vw;
  gap: 1.3888888889vw;
  padding-top: 0.6944444444vw;
  display: flex;
  margin: 0 auto;
  border-top: 1px solid #FFF;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits {
    margin-top: 6.1111111111vw;
    width: 66.6666666667vw;
    gap: 1.1111111111vw;
    padding-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits {
    margin-top: 181.5px;
    width: 1980px;
    gap: 33px;
    padding-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits {
    margin-top: 8.8vw;
    width: 96vw;
    gap: 1.6vw;
    padding-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits {
    width: 100%;
    margin-top: 3.2552083333vw;
    padding: 0 2.6041666667vw;
    padding-top: 2.9947916667vw;
    gap: 2.6041666667vw;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits {
    margin-top: 5.5555555556vw;
    padding: 0 4.4444444444vw;
    padding-top: 5.1111111111vw;
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .credits .p {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits .p {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits .p {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits .p {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits .p {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits .p {
    font-size: 3.1111111111vw;
  }
}
.m-footer .footer .group .credits .text-wrapper-3 {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
  color: #ffffff;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .credits .text-wrapper-3:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 3.1111111111vw;
  }
}

html,
body {
  background: #fff;
}/*# sourceMappingURL=style.css.map */