@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-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRALIGHT.TTF") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-LIGHT.TTF") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-MEDIUM.TTF") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-SEMIBOLD.TTF") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRABOLD.TTF") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BLACK.TTF") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRABOLD.TTF") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/NotoSerifJP-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant";
  src: url("../font/Cormorant-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
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: 1.6vw;
  }
}
@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: "Noto Serif JP", 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 {
  width: 12.5vw;
  padding: 0.5555555556vw 0;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .slideheader .column .button:hover {
    background: #FFF;
  }
  .slideheader .column .button:hover .text-wrapper {
    color: #000;
  }
}
@media screen and (min-width: 1800px) {
  .slideheader .column .button {
    width: 10vw;
    padding: 0.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .column .button {
    width: 297px;
    padding: 13.2px 0;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .column .button {
    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 Serif JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
}
@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 .backgroundWrapper {
  padding: 2.6041666667vw;
  background-color: #EDEDED;
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .backgroundWrapper {
    padding: 4.4444444444vw;
  }
}
.overlay .open-menu .background {
  width: 76.3888888889vw;
  gap: 1.9444444444vw 0;
  padding: 3.125vw 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9019607843);
  position: relative;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background {
    width: 61.1111111111vw;
    gap: 1.5555555556vw 0;
    padding: 2.5vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background {
    width: 1815px;
    gap: 46.2px 0;
    padding: 74.25px 0;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background {
    width: 88vw;
    gap: 2.24vw 0;
    padding: 3.6vw 0;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background {
    padding: 0 1.953125vw 5.2083333333vw;
    gap: 3.6458333333vw 0;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background {
    padding: 0 2.2222222222vw 6.6666666667vw;
    gap: 4.4444444444vw 0;
  }
}
.overlay .open-menu .background .header-heading {
  top: -2.7777777778vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .header-heading {
    top: -2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .header-heading {
    top: -66px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .header-heading {
    top: -3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .header-heading {
    position: static;
    transform: translate(0);
  }
}
.overlay .open-menu .background .header-heading .c {
  font-size: 5.1388888889vw;
  font-family: "Cormorant", Helvetica;
  font-weight: 300;
  color: #333333;
  letter-spacing: 1px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .header-heading .c {
    font-size: 4.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .header-heading .c {
    font-size: 122.1px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .header-heading .c {
    font-size: 5.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .header-heading .c {
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .header-heading .c {
    font-size: 14.2222222222vw;
  }
}
.overlay .open-menu .background .header-heading .ontact {
  font-size: 3.8888888889vw;
  font-family: "Cormorant", Helvetica;
  font-weight: 300;
  color: #333333;
  letter-spacing: 1px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .header-heading .ontact {
    font-size: 3.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .header-heading .ontact {
    font-size: 92.4px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .header-heading .ontact {
    font-size: 4.48vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .header-heading .ontact {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .header-heading .ontact {
    font-size: 8.8888888889vw;
  }
}
.overlay .open-menu .background .text-wrapper {
  font-size: 1.1805555556vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 300;
  color: #333333;
  line-height: 200%;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .text-wrapper {
    font-size: 0.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .text-wrapper {
    font-size: 28.05px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .text-wrapper {
    font-size: 1.36vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .text-wrapper {
    font-size: 2.0833333333vw;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .text-wrapper {
    font-size: 3.1111111111vw;
  }
}
.overlay .open-menu .background .info-area {
  gap: 4.8611111111vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area {
    gap: 4.6875vw;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area {
    gap: 8vw;
  }
}
.overlay .open-menu .background .info-area .link {
  width: 26.3888888889vw;
  gap: 0.4166666667vw;
  padding: 0.3472222222vw 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link {
    width: 21.1111111111vw;
    gap: 0.3333333333vw;
    padding: 0.2777777778vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link {
    width: 627px;
    gap: 9.9px;
    padding: 8.25px 0;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link {
    width: 30.4vw;
    gap: 0.48vw;
    padding: 0.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link {
    width: 100%;
    padding: 0;
    gap: 0;
    align-items: center;
  }
}
.overlay .open-menu .background .info-area .link .top-area {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .top-area {
    text-align: center;
  }
}
.overlay .open-menu .background .info-area .link .top-area .div {
  font-size: 1.5277777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  letter-spacing: 1px;
  line-height: 200%;
  display: inline-block;
  background: transparent;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link .top-area .div {
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link .top-area .div {
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link .top-area .div {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .top-area .div {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link .top-area .div {
    font-size: 4.8888888889vw;
  }
}
.overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
  font-size: 3.4722222222vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0.5px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 4.8177083333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 8.2222222222vw;
  }
}
.overlay .open-menu .background .info-area .link .bottom-area {
  gap: 0.8333333333vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link .bottom-area {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link .bottom-area {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link .bottom-area {
    gap: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .bottom-area {
    gap: 0.6510416667vw;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link .bottom-area {
    gap: 1.1111111111vw;
  }
}
.overlay .open-menu .background .info-area .link .bottom-area .border {
  padding: 0.1388888889vw 0.9722222222vw;
  font-size: 1.0416666667vw;
  border: 1px solid;
  border-color: #333333;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  line-height: 110%;
  letter-spacing: 1px;
  vertical-align: baseline;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link .bottom-area .border {
    padding: 0.1111111111vw 0.7777777778vw;
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link .bottom-area .border {
    padding: 3.3px 23.1px;
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link .bottom-area .border {
    padding: 0.16vw 1.12vw;
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .bottom-area .border {
    font-size: 1.953125vw;
    padding: 0.2604166667vw 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link .bottom-area .border {
    font-size: 3.3333333333vw;
    padding: 0.4444444444vw 0.8888888889vw;
  }
}
.overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
  font-size: 1.1111111111vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  line-height: 110%;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 3.1111111111vw;
  }
}
.overlay .open-menu .background .info-area .vertical-divider {
  width: 1px;
  height: 5.6944444444vw;
  background-color: #333333;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .vertical-divider {
    height: 4.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .vertical-divider {
    height: 135.3px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .vertical-divider {
    height: 6.56vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .vertical-divider {
    display: none;
  }
}
.overlay .open-menu .background .info-area .link-2 {
  width: 25vw;
  padding: 1.8055555556vw 0;
  background-color: #1e1e1e;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link-2 {
    width: 20vw;
    padding: 1.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link-2 {
    width: 594px;
    padding: 42.9px 0;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link-2 {
    width: 28.8vw;
    padding: 2.08vw 0;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link-2 {
    width: 100%;
    padding: 3.3854166667vw 0;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link-2 {
    padding: 5.7777777778vw 0;
  }
}
.overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
  font-size: 1.3888888889vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  display: block;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link-2 .text-wrapper-5 {
    font-size: 4.4444444444vw;
  }
}
.overlay .open-menu .background .info-area .link-2 .arrowImg {
  width: 1.875vw;
  right: 1.0416666667vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .background .info-area .link-2 .arrowImg {
    width: 1.5vw;
    right: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .background .info-area .link-2 .arrowImg {
    width: 44.55px;
    right: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .background .info-area .link-2 .arrowImg {
    width: 2.16vw;
    right: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .background .info-area .link-2 .arrowImg {
    width: 3.515625vw;
    right: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .background .info-area .link-2 .arrowImg {
    width: 6vw;
    right: 3.3333333333vw;
  }
}
.overlay .open-menu .background .info-area .link-2 .arrowImg img {
  vertical-align: middle;
}
.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 {
  gap: 2.2222222222vw;
  display: inline-flex;
  align-items: center;
  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: 1.6vw;
  }
}
@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: "Noto Serif JP", 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 {
  width: 12.5vw;
  padding: 0.5555555556vw 0;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  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: #000;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .button {
    width: 10vw;
    padding: 0.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .button {
    width: 297px;
    padding: 13.2px 0;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .button {
    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 Serif JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
}
@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 {
  height: 55.5555555556vw;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .FV {
    height: 44.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .FV {
    height: 1320px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .FV {
    height: 64vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .FV {
    height: 57.2916666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .FV {
    height: 53.3333333333vw;
  }
}
.m-header .FV .imgArea {
  display: block;
  width: 100%;
}
.m-header .FV .text {
  left: 4.0277777778vw;
  font-size: 5.5555555556vw;
  letter-spacing: 0.9027777778vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .m-header .FV .text {
    left: 3.2222222222vw;
    font-size: 4.4444444444vw;
    letter-spacing: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .FV .text {
    left: 95.7;
    font-size: 132px;
    letter-spacing: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .FV .text {
    left: 4.64vw;
    font-size: 6.4vw;
    letter-spacing: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .FV .text {
    left: 0.78125vw;
    font-size: 3.125vw;
    letter-spacing: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .FV .text {
    left: 1.3333333333vw;
    font-size: 5.3333333333vw;
    letter-spacing: 2.8888888889vw;
  }
}

.front {
  padding-top: 6.9444444444vw;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front {
    padding-top: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front {
    padding-top: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .front {
    padding-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front {
    padding-top: 22.2222222222vw;
  }
}
.front .cta {
  padding: 2.7777777778vw 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .cta {
    padding: 2.2222222222vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta {
    padding: 66px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta {
    padding: 3.2vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .cta {
    padding: 5.859375vw 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta {
    padding: 10vw 3.3333333333vw;
  }
}
.front .cta .imgArea {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.front .cta .background {
  width: 76.3888888889vw;
  gap: 1.9444444444vw 0;
  padding: 3.125vw 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9019607843);
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .cta .background {
    width: 61.1111111111vw;
    gap: 1.5555555556vw 0;
    padding: 2.5vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background {
    width: 1815px;
    gap: 46.2px 0;
    padding: 74.25px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background {
    width: 88vw;
    gap: 2.24vw 0;
    padding: 3.6vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background {
    padding: 0 1.953125vw 5.2083333333vw;
    gap: 3.6458333333vw 0;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background {
    padding: 0 2.2222222222vw 6.6666666667vw;
    gap: 4.4444444444vw 0;
  }
}
.front .cta .background .header-heading {
  top: -2.7777777778vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (min-width: 1800px) {
  .front .cta .background .header-heading {
    top: -2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .header-heading {
    top: -66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .header-heading {
    top: -3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .header-heading {
    position: static;
    transform: translate(0);
  }
}
.front .cta .background .header-heading .c {
  font-size: 5.1388888889vw;
  font-family: "Cormorant", Helvetica;
  font-weight: 300;
  color: #333333;
  letter-spacing: 1px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .header-heading .c {
    font-size: 4.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .header-heading .c {
    font-size: 122.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .header-heading .c {
    font-size: 5.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .header-heading .c {
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .header-heading .c {
    font-size: 14.2222222222vw;
  }
}
.front .cta .background .header-heading .ontact {
  font-size: 3.8888888889vw;
  font-family: "Cormorant", Helvetica;
  font-weight: 300;
  color: #333333;
  letter-spacing: 1px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .header-heading .ontact {
    font-size: 3.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .header-heading .ontact {
    font-size: 92.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .header-heading .ontact {
    font-size: 4.48vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .header-heading .ontact {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .header-heading .ontact {
    font-size: 8.8888888889vw;
  }
}
.front .cta .background .text-wrapper {
  font-size: 1.1805555556vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 300;
  color: #333333;
  line-height: 200%;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .text-wrapper {
    font-size: 0.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .text-wrapper {
    font-size: 28.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .text-wrapper {
    font-size: 1.36vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .text-wrapper {
    font-size: 2.0833333333vw;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .text-wrapper {
    font-size: 3.1111111111vw;
  }
}
.front .cta .background .info-area {
  gap: 4.8611111111vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area {
    gap: 4.6875vw;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area {
    gap: 8vw;
  }
}
.front .cta .background .info-area .link {
  width: 26.3888888889vw;
  gap: 0.4166666667vw;
  padding: 0.3472222222vw 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link {
    width: 21.1111111111vw;
    gap: 0.3333333333vw;
    padding: 0.2777777778vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link {
    width: 627px;
    gap: 9.9px;
    padding: 8.25px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link {
    width: 30.4vw;
    gap: 0.48vw;
    padding: 0.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link {
    width: 100%;
    padding: 0;
    gap: 0;
    align-items: center;
  }
}
.front .cta .background .info-area .link .top-area {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .top-area {
    text-align: center;
  }
}
.front .cta .background .info-area .link .top-area .div {
  font-size: 1.5277777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  letter-spacing: 1px;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link .top-area .div {
    font-size: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link .top-area .div {
    font-size: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link .top-area .div {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .top-area .div {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link .top-area .div {
    font-size: 4.8888888889vw;
  }
}
.front .cta .background .info-area .link .top-area .text-wrapper-2 {
  font-size: 3.4722222222vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0.5px;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 4.8177083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link .top-area .text-wrapper-2 {
    font-size: 8.2222222222vw;
  }
}
.front .cta .background .info-area .link .bottom-area {
  gap: 0.8333333333vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link .bottom-area {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link .bottom-area {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link .bottom-area {
    gap: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .bottom-area {
    gap: 0.6510416667vw;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link .bottom-area {
    gap: 1.1111111111vw;
  }
}
.front .cta .background .info-area .link .bottom-area .border {
  padding: 0.1388888889vw 0.9722222222vw;
  font-size: 1.0416666667vw;
  border: 1px solid;
  border-color: #333333;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  line-height: 110%;
  letter-spacing: 1px;
  vertical-align: baseline;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link .bottom-area .border {
    padding: 0.1111111111vw 0.7777777778vw;
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link .bottom-area .border {
    padding: 3.3px 23.1px;
    font-size: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link .bottom-area .border {
    padding: 0.16vw 1.12vw;
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .bottom-area .border {
    font-size: 1.953125vw;
    padding: 0.2604166667vw 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link .bottom-area .border {
    font-size: 3.3333333333vw;
    padding: 0.4444444444vw 0.8888888889vw;
  }
}
.front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
  font-size: 1.1111111111vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #333333;
  line-height: 110%;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link .bottom-area .text-wrapper-4 {
    font-size: 3.1111111111vw;
  }
}
.front .cta .background .info-area .vertical-divider {
  width: 1px;
  height: 5.6944444444vw;
  background-color: #333333;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .vertical-divider {
    height: 4.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .vertical-divider {
    height: 135.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .vertical-divider {
    height: 6.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .vertical-divider {
    display: none;
  }
}
.front .cta .background .info-area .link-2 {
  width: 25vw;
  padding: 1.8055555556vw 0;
  background-color: #1e1e1e;
  position: relative;
}
@media screen and (min-width: 768px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 0.6944444444vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1800px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 0.5555555556vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 2200px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 16.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1250px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 0.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 450px) {
  .front .cta .background .info-area .link-2:hover .arrowImg {
    right: 0.6666666667vw;
  }
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link-2 {
    width: 20vw;
    padding: 1.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link-2 {
    width: 594px;
    padding: 42.9px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link-2 {
    width: 28.8vw;
    padding: 2.08vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link-2 {
    width: 100%;
    padding: 3.3854166667vw 0;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link-2 {
    padding: 5.7777777778vw 0;
  }
}
.front .cta .background .info-area .link-2 .text-wrapper-5 {
  font-size: 1.3888888889vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  display: block;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link-2 .text-wrapper-5 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link-2 .text-wrapper-5 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link-2 .text-wrapper-5 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link-2 .text-wrapper-5 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link-2 .text-wrapper-5 {
    font-size: 4.4444444444vw;
  }
}
.front .cta .background .info-area .link-2 .arrowImg {
  width: 1.875vw;
  right: 1.0416666667vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .cta .background .info-area .link-2 .arrowImg {
    width: 1.5vw;
    right: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .cta .background .info-area .link-2 .arrowImg {
    width: 44.55px;
    right: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .cta .background .info-area .link-2 .arrowImg {
    width: 2.16vw;
    right: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .cta .background .info-area .link-2 .arrowImg {
    width: 3.515625vw;
    right: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .cta .background .info-area .link-2 .arrowImg {
    width: 6vw;
    right: 3.3333333333vw;
  }
}
.front .cta .background .info-area .link-2 .arrowImg img {
  vertical-align: middle;
}
.front .section1 .content {
  background: #000;
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .front .section1 .content {
    height: 117.1875vw;
    display: block;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content {
    height: 155.5555555556vw;
  }
}
.front .section1 .content .imgArea {
  width: 76.3888888889vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .imgArea {
    width: 80.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .imgArea {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .imgArea {
    width: 77.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .imgArea {
    width: 100%;
  }
}
.front .section1 .content .textArea {
  right: 3.6805555556vw;
  gap: 5.6944444444vw;
  width: 29.1666666667vw;
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .textArea {
    right: 2.9444444444vw;
    gap: 4.5555555556vw;
    width: 23.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .textArea {
    right: 87.45px;
    gap: 135.3px;
    width: 693px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .textArea {
    right: 4.24vw;
    gap: 6.56vw;
    width: 33.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .textArea {
    bottom: 3.6458333333vw;
    padding: 0 2.6041666667vw;
    gap: 2.6041666667vw;
    top: auto;
    transform: translateY(0);
    flex-direction: column-reverse;
    right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content .textArea {
    bottom: 3.6458333333vw;
    padding: 0 2.6041666667vw;
    gap: 2.6041666667vw;
  }
}
.front .section1 .content .textArea .banner {
  width: 23.6111111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .textArea .banner {
    width: 18.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .textArea .banner {
    width: 561px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .textArea .banner {
    width: 27.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .textArea .banner {
    width: 100%;
  }
}
.front .section1 .content .textArea .textWrapper {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .textArea .textWrapper {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .textArea .textWrapper {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .textArea .textWrapper {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .textArea .textWrapper {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content .textArea .textWrapper {
    gap: 2.2222222222vw;
  }
}
.front .section1 .content .textArea .textWrapper .title {
  font-size: 2.4305555556vw;
  letter-spacing: 0.4166666667vw;
  color: #FFF;
  line-height: 140%;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .textArea .textWrapper .title {
    font-size: 1.9444444444vw;
    letter-spacing: 0.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .textArea .textWrapper .title {
    font-size: 57.75px;
    letter-spacing: 9.9px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .textArea .textWrapper .title {
    font-size: 2.8vw;
    letter-spacing: 0.48vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .textArea .textWrapper .title {
    font-size: 3.2552083333vw;
    letter-spacing: 0.78125vw;
    text-align: right;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content .textArea .textWrapper .title {
    font-size: 5.5555555556vw;
    letter-spacing: 1.3333333333vw;
  }
}
.front .section1 .content .textArea .textWrapper .text {
  font-size: 1.1111111111vw;
  color: #FFF;
  line-height: 180%;
  letter-spacing: 1px;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content .textArea .textWrapper .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content .textArea .textWrapper .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content .textArea .textWrapper .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content .textArea .textWrapper .text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content .textArea .textWrapper .text {
    font-size: 3.5555555556vw;
  }
}
.front .section1 .content:nth-of-type(2) {
  flex-direction: row-reverse;
}
.front .section1 .content:nth-of-type(2) .textArea {
  left: 3.6805555556vw;
  gap: 1.5972222222vw;
  right: auto;
  top: 36%;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content:nth-of-type(2) .textArea {
    left: 2.9444444444vw;
    gap: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content:nth-of-type(2) .textArea {
    left: 87.45px;
    gap: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content:nth-of-type(2) .textArea {
    left: 4.24vw;
    gap: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content:nth-of-type(2) .textArea {
    gap: 1.4322916667vw;
    right: auto;
    left: auto;
    top: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content:nth-of-type(2) .textArea {
    gap: 2.4444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content:nth-of-type(2) .textArea .textWrapper .title {
    text-align: left;
  }
}
.front .section1 .content:nth-of-type(2) .banner {
  width: 14.5833333333vw;
}
@media screen and (min-width: 1800px) {
  .front .section1 .content:nth-of-type(2) .banner {
    width: 11.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .content:nth-of-type(2) .banner {
    width: 346.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .content:nth-of-type(2) .banner {
    width: 16.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .content:nth-of-type(2) .banner {
    width: 18.2291666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .content:nth-of-type(2) .banner {
    width: 31.1111111111vw;
  }
}
.front .section2 {
  padding: 5.6944444444vw 0 7.6388888889vw;
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 {
    padding: 4.5555555556vw 0 6.1111111111vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 {
    padding: 135.3px 0 181.5px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 {
    padding: 6.56vw 0 8.8vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 {
    gap: 2.6041666667vw;
    padding: 6.25vw 2.6041666667vw 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 {
    gap: 4.4444444444vw;
    padding: 10.6666666667vw 3.3333333333vw 6.6666666667vw;
  }
}
.front .section2 .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.front .section2 .title .text-wrapper {
  font-size: 2.7777777778vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .title .text-wrapper {
    font-size: 2.2222222222vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .title .text-wrapper {
    font-size: 66px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .title .text-wrapper {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .title .text-wrapper {
    font-size: 3.125vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .title .text-wrapper {
    font-size: 5.3333333333vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section2 .title .div {
  font-size: 1.3888888889vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #d6c766;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .title .div {
    font-size: 1.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .title .div {
    font-size: 33px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .title .div {
    font-size: 1.6vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .title .div {
    font-size: 2.0833333333vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .title .div {
    font-size: 3.5555555556vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section2 .content {
  width: 76.3888888889vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content {
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content {
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content {
    width: 100%;
    flex-direction: column;
  }
}
.front .section2 .content .item {
  width: 24.3055555556vw;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #9b9b9b;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item {
    width: 19.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item {
    width: 577.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item {
    width: 28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item {
    width: 100%;
  }
}
.front .section2 .content .item .horizontal-border {
  padding: 0.9722222222vw 0;
  font-size: 1.3888888889vw;
  letter-spacing: 0.6px;
  background-color: #100085;
  border-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .horizontal-border {
    padding: 0.7777777778vw 0;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .horizontal-border {
    padding: 23.1px 0;
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .horizontal-border {
    padding: 1.12vw 0;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .horizontal-border {
    padding: 1.8229166667vw 0;
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .horizontal-border {
    padding: 3.1111111111vw 0;
    font-size: 4.4444444444vw;
  }
}
.front .section2 .content .item .bottomArea {
  padding: 1.3888888889vw 1.6666666667vw 1.9444444444vw;
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea {
    padding: 1.1111111111vw 1.3333333333vw 1.5555555556vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea {
    padding: 33px 39.6px 46.2px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea {
    padding: 1.6vw 1.92vw 2.24vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea {
    padding: 2.6041666667vw 3.125vw 3.6458333333vw;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea {
    padding: 4.4444444444vw 5.3333333333vw 6.2222222222vw;
    gap: 2.2222222222vw;
  }
}
.front .section2 .content .item .bottomArea .container {
  gap: 0.6944444444vw;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .container {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .container {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .container {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .container {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .container {
    gap: 2.2222222222vw;
  }
}
.front .section2 .content .item .bottomArea .container .price {
  gap: 1.3888888889vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .container .price {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .container .price {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .container .price {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .container .price {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .container .price {
    gap: 4.4444444444vw;
  }
}
.front .section2 .content .item .bottomArea .container .price .div {
  width: 2.7777777778vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 600;
  color: #333333;
  line-height: 250%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .container .price .div {
    width: 2.2222222222vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .container .price .div {
    width: 66px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .container .price .div {
    width: 3.2vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .container .price .div {
    width: 5.2083333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .container .price .div {
    width: 8.8888888889vw;
    font-size: 3.1111111111vw;
  }
}
.front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 600;
  color: #333333;
  letter-spacing: 0;
  line-height: 220%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .container .price .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .content .item .bottomArea .content {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content {
    gap: 2.2222222222vw;
  }
}
.front .section2 .content .item .bottomArea .content .text-wrapper-3 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #000000;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content .text-wrapper-3 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content .text-wrapper-3 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content .text-wrapper-3 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content .text-wrapper-3 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content .text-wrapper-3 {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .content .item .bottomArea .content .element {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #000000;
  display: flex;
  align-items: flex-end;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content .element {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content .element {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content .element {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content .element {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content .element {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
  font-size: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content .element .text-wrapper-4 {
    font-size: 4.4444444444vw;
  }
}
.front .section2 .content .item .bottomArea .content .p {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #000000;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 200%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content .p {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content .p {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content .p {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content .p {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content .p {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
  font-size: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .content .item .bottomArea .content .p .text-wrapper-4 {
    font-size: 4.4444444444vw;
  }
}
.front .section2 .content .item:nth-of-type(2) .horizontal-border {
  background-color: #00891E;
}
.front .section2 .content .item:nth-of-type(3) .horizontal-border {
  background-color: #BA9353;
}
.front .section3 {
  padding: 2.0833333333vw 0 3.4722222222vw;
  gap: 2.0833333333vw;
  background: #473636;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section3 {
    padding: 1.6666666667vw 0 2.7777777778vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 {
    padding: 49.5px 0 82.5px;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 {
    padding: 2.4vw 0 4vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 {
    padding: 3.90625vw 2.6041666667vw;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 {
    padding: 6.6666666667vw 4.4444444444vw;
    gap: 4.4444444444vw;
  }
}
.front .section3 .title {
  font-size: 2.2222222222vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 700;
  color: #FFF;
}
@media screen and (min-width: 1800px) {
  .front .section3 .title {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .title {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .title {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .title {
    font-size: 3.2552083333vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .title {
    font-size: 5.5555555556vw;
  }
}
.front .section3 .youtube {
  width: 34.7222222222vw;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 1800px) {
  .front .section3 .youtube {
    width: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .youtube {
    width: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .youtube {
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .youtube {
    width: 100%;
  }
}
.front .section4 {
  padding: 5.6944444444vw 0 7.6388888889vw;
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #000;
}
@media screen and (min-width: 1800px) {
  .front .section4 {
    padding: 4.5555555556vw 0 6.1111111111vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 {
    padding: 135.3px 0 181.5px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 {
    padding: 6.56vw 0 8.8vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 {
    padding: 1.8229166667vw 2.6041666667vw;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 {
    padding: 3.1111111111vw 4.4444444444vw;
    gap: 2.2222222222vw;
  }
}
.front .section4 .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.front .section4 .title .text-wrapper {
  font-size: 2.7777777778vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #fff;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .title .text-wrapper {
    font-size: 2.2222222222vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .title .text-wrapper {
    font-size: 66px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .title .text-wrapper {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .title .text-wrapper {
    font-size: 3.125vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .title .text-wrapper {
    font-size: 5.3333333333vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section4 .title .div {
  font-size: 1.3888888889vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #d6c766;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .title .div {
    font-size: 1.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .title .div {
    font-size: 33px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .title .div {
    font-size: 1.6vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .title .div {
    font-size: 2.0833333333vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .title .div {
    font-size: 3.5555555556vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section4 .contentWrapper {
  width: 77.7777777778vw;
  gap: 5.9722222222vw 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .front .section4 .contentWrapper {
    width: 62.2222222222vw;
    gap: 4.7777777778vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .contentWrapper {
    width: 1848px;
    gap: 141.9px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .contentWrapper {
    width: 89.6vw;
    gap: 6.88vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .contentWrapper {
    gap: 5.2083333333vw;
    width: 100%;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .contentWrapper {
    gap: 8.8888888889vw;
  }
}
.front .section4 .contentWrapper .item {
  width: 36.1111111111vw;
  gap: 0.9027777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .contentWrapper .item {
    width: 28.8888888889vw;
    gap: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .contentWrapper .item {
    width: 858px;
    gap: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .contentWrapper .item {
    width: 41.6vw;
    gap: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .contentWrapper .item {
    width: 100%;
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .contentWrapper .item {
    gap: 2.8888888889vw;
  }
}
.front .section4 .contentWrapper .item .imgArea {
  height: 27.0833333333vw;
  display: block;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .contentWrapper .item .imgArea {
    height: 21.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .contentWrapper .item .imgArea {
    height: 643.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .contentWrapper .item .imgArea {
    height: 31.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .contentWrapper .item .imgArea {
    height: 71.6145833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .contentWrapper .item .imgArea {
    height: 51.1111111111vw;
  }
}
.front .section4 .contentWrapper .item .itemTitle {
  font-size: 1.25vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #D6C767;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .contentWrapper .item .itemTitle {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .contentWrapper .item .itemTitle {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .contentWrapper .item .itemTitle {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .contentWrapper .item .itemTitle {
    text-align: center;
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .contentWrapper .item .itemTitle {
    font-size: 4vw;
  }
}
.front .section4 .contentWrapper .item .textArea {
  display: flex;
  flex-direction: column;
}
.front .section4 .contentWrapper .item .textArea p {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #FFF;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .contentWrapper .item .textArea p {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .contentWrapper .item .textArea p {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .contentWrapper .item .textArea p {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .contentWrapper .item .textArea p {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .contentWrapper .item .textArea p {
    font-size: 3.5555555556vw;
  }
}
.front .section5 {
  padding-top: 6.9444444444vw;
  padding-bottom: 5.9027777778vw;
  gap: 5.6944444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #E8E7DD;
}
@media screen and (min-width: 1800px) {
  .front .section5 {
    padding-top: 5.5555555556vw;
    padding-bottom: 4.7222222222vw;
    gap: 4.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 {
    padding-top: 165px;
    padding-bottom: 140.25px;
    gap: 135.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 {
    padding-top: 8vw;
    padding-bottom: 6.8vw;
    gap: 6.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 {
    padding: 6.5104166667vw 2.6041666667vw 11.4583333333vw;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 {
    padding: 11.1111111111vw 4.4444444444vw 19.5555555556vw;
    gap: 6.6666666667vw;
  }
}
.front .section5 .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.front .section5 .title .text-wrapper {
  font-size: 2.7777777778vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #000;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .title .text-wrapper {
    font-size: 2.2222222222vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .title .text-wrapper {
    font-size: 66px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .title .text-wrapper {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .title .text-wrapper {
    font-size: 3.125vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .title .text-wrapper {
    font-size: 5.3333333333vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section5 .title .div {
  font-size: 1.3888888889vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #8E8B75;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .title .div {
    font-size: 1.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .title .div {
    font-size: 33px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .title .div {
    font-size: 1.6vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .title .div {
    font-size: 2.0833333333vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .title .div {
    font-size: 3.5555555556vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section5 .itemArea {
  gap: 0.6944444444vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea {
    flex-direction: column;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea {
    gap: 8.8888888889vw;
  }
}
.front .section5 .itemArea .item {
  width: 19.4444444444vw;
  height: 26.3888888889vw;
  padding: 2.7777777778vw 1.3888888889vw 2.0833333333vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFF;
  border: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item {
    width: 15.5555555556vw;
    height: 21.1111111111vw;
    padding: 2.2222222222vw 1.1111111111vw 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item {
    width: 462px;
    height: 627px;
    padding: 66px 33px 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item {
    width: 22.4vw;
    height: 30.4vw;
    padding: 3.2vw 1.6vw 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item {
    width: 36.4583333333vw;
    height: auto;
    padding: 6.5104166667vw 2.6041666667vw 4.6875vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item {
    width: 62.2222222222vw;
    padding: 11.1111111111vw 4.4444444444vw 8vw;
  }
}
.front .section5 .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: #FFF;
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .paragraph-background {
    width: 82.5px;
    height: 82.5px;
    top: -41.25px;
    border-radius: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .paragraph-background {
    width: 4vw;
    height: 4vw;
    top: -2vw;
    border-radius: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .paragraph-background {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
    top: -3.2552083333vw;
    border-radius: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .paragraph-background {
    width: 11.1111111111vw;
    height: 11.1111111111vw;
    top: -5.5555555556vw;
    border-radius: 5.5555555556vw;
  }
}
.front .section5 .itemArea .item .paragraph-background .text-wrapper {
  font-size: 1.6666666667vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 700;
  color: #AAAFB6;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .paragraph-background .text-wrapper {
    font-size: 5.3333333333vw;
  }
}
.front .section5 .itemArea .item .paragraph-background .div {
  font-size: 0.6944444444vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 700;
  color: #AAAFB6;
  text-align: center;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .paragraph-background .div {
    font-size: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .paragraph-background .div {
    font-size: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .paragraph-background .div {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .paragraph-background .div {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .paragraph-background .div {
    font-size: 2.2222222222vw;
  }
}
.front .section5 .itemArea .item .content {
  gap: 2.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .content {
    gap: 2.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content {
    gap: 62.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content {
    gap: 3.04vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content {
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content {
    gap: 8.4444444444vw;
  }
}
.front .section5 .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 .section5 .itemArea .item .content .circle {
    width: 0.6666666667vw;
    height: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .circle {
    width: 19.8px;
    height: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .circle {
    width: 0.96vw;
    height: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .circle {
    display: none;
  }
}
.front .section5 .itemArea .item .content .circle::after {
  width: 20.1388888889vw;
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333333;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .content .circle::after {
    width: 16.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .circle::after {
    width: 478.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .circle::after {
    width: 23.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .circle::after {
    width: 37.7604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .circle::after {
    width: 64.4444444444vw;
  }
}
.front .section5 .itemArea .item .content .mainWrapper {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .content .mainWrapper {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .mainWrapper {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .mainWrapper {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .mainWrapper {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .mainWrapper {
    gap: 1.1111111111vw;
  }
}
.front .section5 .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 .section5 .itemArea .item .content .mainWrapper .main {
    gap: 1.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .mainWrapper .main {
    gap: 51.15px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .mainWrapper .main {
    gap: 2.48vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .mainWrapper .main {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .mainWrapper .main {
    gap: 1.1111111111vw;
  }
}
.front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
  width: 5.5555555556vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 10.4166666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .imgArea {
    width: 17.7777777778vw;
  }
}
.front .section5 .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 .section5 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .mainWrapper .main .heading-LINE {
    font-size: 4vw;
  }
}
.front .section5 .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 .section5 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .itemArea .item .content .mainWrapper .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section5 .itemArea .item:nth-last-of-type(1) .content .circle::after {
  display: none;
}
.front .section6 {
  padding-top: 6.9444444444vw;
  padding-bottom: 5.9027777778vw;
  gap: 5.6944444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section6 {
    padding-top: 5.5555555556vw;
    padding-bottom: 4.7222222222vw;
    gap: 4.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 {
    padding-top: 165px;
    padding-bottom: 140.25px;
    gap: 135.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 {
    padding-top: 8vw;
    padding-bottom: 6.8vw;
    gap: 6.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 {
    padding: 6.5104166667vw 1.0416666667vw 11.4583333333vw;
    gap: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 {
    padding: 11.1111111111vw 1.7777777778vw 19.5555555556vw;
    gap: 7.7777777778vw;
  }
}
.front .section6 .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.front .section6 .title .text-wrapper {
  font-size: 2.7777777778vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #000;
  line-height: 110%;
}
@media screen and (min-width: 1800px) {
  .front .section6 .title .text-wrapper {
    font-size: 2.2222222222vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .title .text-wrapper {
    font-size: 66px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .title .text-wrapper {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .title .text-wrapper {
    font-size: 3.125vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .title .text-wrapper {
    font-size: 5.3333333333vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section6 .title .div {
  font-size: 1.3888888889vw;
  letter-spacing: 0.2777777778vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 500;
  color: #D6C767;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .front .section6 .title .div {
    font-size: 1.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .title .div {
    font-size: 33px;
    letter-spacing: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .title .div {
    font-size: 1.6vw;
    letter-spacing: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .title .div {
    font-size: 2.0833333333vw;
    letter-spacing: 0.5208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .title .div {
    font-size: 3.5555555556vw;
    letter-spacing: 0.8888888889vw;
  }
}
.front .section6 .content {
  width: 65.9722222222vw;
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content {
    width: 52.7777777778vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content {
    width: 1567.5px;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content {
    width: 76vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content {
    width: 100%;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content {
    gap: 6.6666666667vw;
  }
}
.front .section6 .content .item {
  padding: 0 0.6944444444vw;
  padding-bottom: 1.3888888889vw;
  width: 100%;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item {
    padding: 0 0.5555555556vw;
    padding-bottom: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item {
    padding: 0 16.5px;
    padding-bottom: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item {
    padding: 0 0.8vw;
    padding-bottom: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item {
    padding: 0 1.3020833333vw;
    padding-bottom: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item {
    padding: 0 2.2222222222vw;
    padding-bottom: 2.2222222222vw;
  }
}
.front .section6 .content .item .question {
  gap: 0.6944444444vw;
  padding: 0.6944444444vw 0;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item .question {
    gap: 0.5555555556vw;
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item .question {
    gap: 16.5px;
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item .question {
    gap: 0.8vw;
    padding: 0.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item .question {
    gap: 1.3020833333vw;
    padding: 1.3020833333vw 0;
    padding-right: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item .question {
    gap: 2.2222222222vw;
    padding: 2.2222222222vw 0;
    padding-right: 11.1111111111vw;
  }
}
.front .section6 .content .item .question span {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item .question span {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item .question span {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item .question span {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item .question span {
    font-size: 2.0833333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item .question span {
    font-size: 3.5555555556vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section6 .content .item .question .span {
  color: #7D672E;
}
.front .section6 .content .item .question .plus {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  right: 1.3888888889vw;
  display: block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #000;
  background: #FFF;
  border-radius: 50%;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item .question .plus {
    width: 1.7777777778vw;
    height: 1.7777777778vw;
    right: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item .question .plus {
    width: 52.8px;
    height: 52.8px;
    right: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item .question .plus {
    width: 2.56vw;
    height: 2.56vw;
    right: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item .question .plus {
    width: 3.3854166667vw;
    height: 3.3854166667vw;
    right: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item .question .plus {
    width: 5.7777777778vw;
    height: 5.7777777778vw;
    right: 4.4444444444vw;
  }
}
.front .section6 .content .item.active .question .plus {
  transform: translateY(-50%) rotate(45deg);
}
.front .section6 .content .item .answer {
  gap: 0.6944444444vw;
  margin-top: 0;
  padding-top: 0;
  display: none;
  align-items: flex-start;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item .answer {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item .answer {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item .answer {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item .answer {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item .answer {
    gap: 2.2222222222vw;
  }
}
.front .section6 .content .item .answer span {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Noto Sans JP", Helvetica;
  color: #000;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section6 .content .item .answer span {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section6 .content .item .answer span {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section6 .content .item .answer span {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section6 .content .item .answer span {
    font-size: 2.0833333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section6 .content .item .answer span {
    font-size: 3.5555555556vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section6 .content .item .answer .span {
  color: #7D672E;
}
.front .section6 .content .item.active .answer {
  display: flex;
}
.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: 4.0364583333vw 1.5625vw 6.640625vw;
  }
}
@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 .div {
  font-size: 2.4305555556vw;
  font-family: "Noto Serif JP", 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;
  box-shadow: 0.2083333333vw 0.2083333333vw 0.4166666667vw rgba(0, 0, 0, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #000;
  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;
    box-shadow: 0.1666666667vw 0.1666666667vw 0.3333333333vw rgba(0, 0, 0, 0.1019607843);
  }
}
@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;
    box-shadow: 4.95px 4.95px 9.9px rgba(0, 0, 0, 0.1019607843);
  }
}
@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;
    box-shadow: 0.24vw 0.24vw 0.48vw rgba(0, 0, 0, 0.1019607843);
  }
}
@media screen and (max-width: 768px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    gap: 1.5625vw;
    padding: 2.2135416667vw 0;
    box-shadow: 0.390625vw 0.390625vw 0.78125vw rgba(0, 0, 0, 0.1019607843);
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .commonArea1 .group .background-2 .link-area .link-2 {
    gap: 2.6666666667vw;
    padding: 3.7777777778vw 0;
    box-shadow: 0.6666666667vw 0.6666666667vw 1.3333333333vw rgba(0, 0, 0, 0.1019607843);
  }
}
.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 Serif JP", 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: #000;
  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 Serif JP", Helvetica;
  font-weight: 700;
  line-height: 160%;
  color: #ffffff;
}
@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 .div {
  font-size: 0.9722222222vw;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  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 .footer-links .div:hover {
    opacity: 0.6;
  }
}
@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: "Noto Serif JP", 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: "Noto Serif JP", 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 */