@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: 767px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}
@font-face {
  font-family: "Adobe Caslon Pro";
  src: url("../font/ACASLONPRO-BOLD.OTF") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../font/OUTFIT-VARIABLEFONT_WGHT.TTF") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit-ExtraLight";
  src: url("../font/OUTFIT-EXTRALIGHT.TTF") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit-Medium";
  src: url("../font/OUTFIT-MEDIUM.TTF") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit-SemiBold";
  src: url("../font/OUTFIT-SEMIBOLD.TTF") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit-Bold";
  src: url("../font/OUTFIT-EXTRABOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit-Black";
  src: url("../font/OUTFIT-BLACK.TTF") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html.active,
body.active {
  overflow: hidden;
}

.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}

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

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

.navbar {
  padding: 1.1111111111vw 4.4444444444vw;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1800px) {
  .navbar {
    padding: 0.8888888889vw 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar {
    padding: 26.4px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar {
    padding: 1.28vw 5.12vw;
  }
}
@media screen and (max-width: 767px) {
  .navbar {
    position: relative;
    padding: 2.0860495437vw 1.3037809648vw;
    z-index: 100;
  }
}
@media screen and (max-width: 450px) {
  .navbar {
    padding: 3.5555555556vw 2.2222222222vw;
  }
}
.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar .container .content {
  width: 9.0277777778vw;
}
@media screen and (min-width: 1800px) {
  .navbar .container .content {
    width: 7.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .content {
    width: 214.5px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .content {
    width: 10.4vw;
  }
}
@media screen and (max-width: 767px) {
  .navbar .container .content {
    width: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .content {
    width: 17.7777777778vw;
  }
}
.navbar .container .content .imgArea {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
.navbar .container .content .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.navbar .container .content .imgArea:hover {
  opacity: 0.6;
}
.navbar .container .humberger {
  display: none;
  cursor: pointer;
  z-index: 101;
}
@media screen and (max-width: 767px) {
  .navbar .container .humberger {
    display: flex;
    flex-direction: column;
    gap: 0.5215123859vw;
    width: 2.6075619296vw;
    height: 2.0860495437vw;
  }
  .navbar .container .humberger span {
    display: block;
    width: 100%;
    height: 0.260756193vw;
    background-color: #000;
    transition: all 0.3s ease;
    transform-origin: center;
  }
  .navbar .container .humberger span:nth-child(1) {
    transform: translateY(0);
  }
  .navbar .container .humberger span:nth-child(2) {
    opacity: 1;
  }
  .navbar .container .humberger span:nth-child(3) {
    transform: translateY(0);
  }
  .navbar .container .humberger.active span:nth-child(1) {
    transform: translateY(0.7822685789vw) rotate(45deg);
  }
  .navbar .container .humberger.active span:nth-child(2) {
    opacity: 0;
  }
  .navbar .container .humberger.active span:nth-child(3) {
    transform: translateY(-0.7822685789vw) rotate(-45deg);
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .humberger {
    gap: 0.8888888889vw;
    width: 4.4444444444vw;
    height: 3.5555555556vw;
  }
  .navbar .container .humberger span {
    height: 0.4444444444vw;
  }
  .navbar .container .humberger.active span:nth-child(1) {
    transform: translateY(1.3333333333vw) rotate(45deg);
  }
  .navbar .container .humberger.active span:nth-child(2) {
    opacity: 0;
  }
  .navbar .container .humberger.active span:nth-child(3) {
    transform: translateY(-1.3333333333vw) rotate(-45deg);
  }
}
.navbar .container .div {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .navbar .container .div {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .div {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .div {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .navbar .container .div {
    display: none;
  }
}
.navbar .container .div .link-text {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1666666667vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #000;
  line-height: 150%;
  display: block;
}
@media screen and (min-width: 1800px) {
  .navbar .container .div .link-text {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .navbar .container .div .link-text {
    font-size: 26.4px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .navbar .container .div .link-text {
    font-size: 1.28vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 767px) {
  .navbar .container .div .link-text {
    font-size: 2.0860495437vw;
    letter-spacing: 0.3129074316vw;
  }
}
@media screen and (max-width: 450px) {
  .navbar .container .div .link-text {
    font-size: 3.5555555556vw;
    letter-spacing: 0.5333333333vw;
  }
}
.navbar .container .div .link-text::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  background: #000;
  transition: all 0.4s ease;
}
.navbar .container .div .link-text:hover::after {
  width: 100%;
}

.navbar2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.navbar2.active {
  opacity: 1;
  pointer-events: auto;
}
.navbar2 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar2 .container .humberger {
  cursor: pointer;
  z-index: 101;
}
@media screen and (max-width: 767px) {
  .navbar2 .container .humberger span {
    transition: all 0.3s ease;
  }
  .navbar2 .container .humberger span:nth-child(1) {
    transform: translateY(0);
  }
  .navbar2 .container .humberger span:nth-child(2) {
    opacity: 1;
  }
  .navbar2 .container .humberger span:nth-child(3) {
    transform: translateY(0);
  }
}
.navbar2 .container .div {
  gap: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .navbar2 .container .div {
    display: none;
  }
}
.navbar2 .container .div .link-text {
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  letter-spacing: 2.4px;
  line-height: 150%;
  display: block;
  text-decoration: none;
}
.navbar2 .container .div .link-text::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  background: #000;
  transition: all 0.4s ease;
}
.navbar2 .container .div .link-text:hover::after {
  width: 100%;
}

.overlay {
  padding: 0 5.2151238592vw;
  padding-top: 13.037809648vw;
  margin-top: 65px;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease;
}
@media screen and (max-width: 450px) {
  .overlay {
    padding: 0 8.8888888889vw;
    padding-top: 22.2222222222vw;
  }
}
.overlay.active {
  opacity: 1;
  pointer-events: all;
}
.overlay .list {
  gap: 5.2151238592vw;
  padding-top: 5.2151238592vw;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 450px) {
  .overlay .list {
    gap: 8.8888888889vw;
    padding-top: 8.8888888889vw;
  }
}
.overlay .list .item .link {
  font-size: 3.6505867014vw;
  padding: 1.3037809648vw 0;
  font-family: "Adobe Caslon Pro", Helvetica;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 450px) {
  .overlay .list .item .link {
    font-size: 6.2222222222vw;
    padding: 2.2222222222vw 0;
  }
}
.overlay .list .item .link:hover {
  opacity: 0.7;
}

.m-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-header.other-page {
  position: static;
}
.m-header .header {
  width: 100%;
  height: calc(100vh - 6.9444444444vw);
  overflow: hidden;
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(102, 102, 102) 100%);
}
@media screen and (min-width: 1800px) {
  .m-header .header {
    height: calc(100vh - 5.5555555556vw);
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header {
    height: calc(100vh - 165px);
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header {
    height: calc(100vh - 8vw);
  }
}
@media screen and (max-width: 767px) {
  .m-header .header {
    height: calc(100vh - 10.4302477184vw);
  }
}
@media screen and (max-width: 450px) {
  .m-header .header {
    height: calc(100vh - 17.7777777778vw);
  }
}
.m-header .header .container {
  position: relative;
  height: 100%;
}
.m-header .header .container .polygon {
  bottom: -12%;
  left: 38%;
  width: 57.0833333333vw;
  position: absolute;
  height: auto;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .polygon {
    width: 45.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .polygon {
    width: 1356.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .polygon {
    width: 65.76vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .polygon {
    bottom: -5.2151238592vw;
    left: auto;
    right: -12%;
    width: 53.4550195567vw;
    top: auto;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .polygon {
    bottom: -8.8888888889vw;
    width: 91.1111111111vw;
  }
}
.m-header .header .container .polygon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.m-header .header .container .column {
  gap: 2.2222222222vw;
  padding: 0px 5.5555555556vw 0px 4.4444444444vw;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .column {
    gap: 1.7777777778vw;
    padding: 0px 4.4444444444vw 0px 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .column {
    gap: 52.8px;
    padding: 0px 132px 0px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .column {
    gap: 2.56vw;
    padding: 0px 6.4vw 0px 5.12vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .column {
    padding: 0px 2.6075619296vw 0px 2.6075619296vw;
    top: -18%;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .column {
    padding: 0px 4.4444444444vw 0px 4.4444444444vw;
  }
}
.m-header .header .container .column .heading-business {
  font-size: 11.1111111111vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #ffffff;
  mix-blend-mode: difference;
  position: relative;
  z-index: 2;
  opacity: 0;
  animation: blurToFocusText 2.5s ease-out 0.5s forwards;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .column .heading-business {
    font-size: 8.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .column .heading-business {
    font-size: 264px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .column .heading-business {
    font-size: 12.8vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .column .heading-business {
    font-size: 10.4302477184vw;
    line-height: 1;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .column .heading-business {
    font-size: 17.7777777778vw;
  }
}
.m-header .header .container .column .medium-length-hero {
  font-size: 2.6388888889vw;
  letter-spacing: 1.0555555556vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  mix-blend-mode: difference;
  position: relative;
  z-index: 2;
  opacity: 0;
  animation: blurToFocusText 2.5s ease-out 0.8s forwards;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .column .medium-length-hero {
    font-size: 2.1111111111vw;
    letter-spacing: 0.8444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .column .medium-length-hero {
    font-size: 62.7px;
    letter-spacing: 25.08px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .column .medium-length-hero {
    font-size: 3.04vw;
    letter-spacing: 1.216vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .column .medium-length-hero {
    font-size: 3.9113428944vw;
    letter-spacing: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .column .medium-length-hero {
    font-size: 6.6666666667vw;
    letter-spacing: 4vw;
  }
}
@keyframes blurToFocus {
  0% {
    filter: blur(10px);
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes blurToFocusText {
  0% {
    filter: blur(8px);
    opacity: 0;
    transform: translateY(30px);
  }
  50% {
    filter: blur(4px);
    opacity: 0.6;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
    transform: translateY(0px);
  }
}
.m-header .header .container .div {
  left: 7.0833333333vw;
  height: 180px;
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .div {
    left: 5.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .div {
    left: 168.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .div {
    left: 8.16vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .div {
    left: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .div {
    left: 4.4444444444vw;
  }
}
.m-header .header .container .div .ellipse {
  top: 5.4861111111vw;
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  border-radius: 0.2777777778vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  animation: scrollIndicator 3s ease-in-out infinite;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .div .ellipse {
    top: 4.3888888889vw;
    width: 0.4444444444vw;
    height: 0.4444444444vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .div .ellipse {
    top: 130.35px;
    width: 13.2px;
    height: 13.2px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .div .ellipse {
    top: 6.32vw;
    width: 0.64vw;
    height: 0.64vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .div .ellipse {
    top: 10.2998696219vw;
    width: 1.0430247718vw;
    height: 1.0430247718vw;
    border-radius: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .div .ellipse {
    top: 17.5555555556vw;
    width: 1.7777777778vw;
    height: 1.7777777778vw;
    border-radius: 0.8888888889vw;
  }
}
@keyframes scrollIndicator {
  0% {
    top: 5.4861111111vw;
    opacity: 0;
    transform: translateX(-50%);
    @media screen and (min-width: 1800px) {
      .m-header .header .container .div {
        top: 4.3888888889vw;
      }
    }
    @media screen and (min-width: 2200px) {
      .m-header .header .container .div {
        top: 130.35px;
      }
    }
    @media screen and (max-width: 1250px) {
      .m-header .header .container .div {
        top: 6.32vw;
      }
    }
    @media screen and (max-width: 767px) {
      .m-header .header .container .div {
        top: 10.2998696219vw;
      }
    }
    @media screen and (max-width: 450px) {
      .m-header .header .container .div {
        top: 17.5555555556vw;
      }
    }
  }
  50% {
    opacity: 1;
    transform: translateX(-50%);
  }
  100% {
    top: 11.1111111111vw;
    opacity: 0;
    transform: translateX(-50%);
    @media screen and (min-width: 1800px) {
      .m-header .header .container .div {
        top: 8.8888888889vw;
      }
    }
    @media screen and (min-width: 2200px) {
      .m-header .header .container .div {
        top: 264px;
      }
    }
    @media screen and (max-width: 1250px) {
      .m-header .header .container .div {
        top: 12.8vw;
      }
    }
    @media screen and (max-width: 767px) {
      .m-header .header .container .div {
        top: 20.8604954368vw;
      }
    }
    @media screen and (max-width: 450px) {
      .m-header .header .container .div {
        top: 35.5555555556vw;
      }
    }
  }
}
.m-header .header .container .div .text-wrapper {
  top: 1.5972222222vw;
  font-size: 0.9722222222vw;
  position: absolute;
  left: 50%;
  transform: translateX(-56%) rotate(90deg);
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .div .text-wrapper {
    top: 1.2777777778vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .div .text-wrapper {
    top: 37.95px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .div .text-wrapper {
    top: 1.84vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .div .text-wrapper {
    top: 2.998696219vw;
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .div .text-wrapper {
    top: 5.1111111111vw;
    font-size: 3.1111111111vw;
  }
}
.m-header .header .container .div .line {
  top: 4.9305555556vw;
  height: 7.8472222222vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-header .header .container .div .line {
    top: 3.9444444444vw;
    height: 6.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .container .div .line {
    top: 117.15px;
    height: 186.45px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .container .div .line {
    top: 5.68vw;
    height: 9.04vw;
  }
}
@media screen and (max-width: 767px) {
  .m-header .header .container .div .line {
    top: 9.2568448501vw;
    height: 14.7327249022vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .container .div .line {
    top: 15.7777777778vw;
    height: 25.1111111111vw;
  }
}

.mv .horizontal-border {
  gap: 0.6944444444vw;
  padding: 2.0833333333vw 7.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #d9dfe5;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(102, 102, 102) 100%);
}
@media screen and (min-width: 1800px) {
  .mv .horizontal-border {
    gap: 0.5555555556vw;
    padding: 1.6666666667vw 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .horizontal-border {
    gap: 16.5px;
    padding: 49.5px 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .horizontal-border {
    gap: 0.8vw;
    padding: 2.4vw 8.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .horizontal-border {
    padding: 2.6075619296vw;
    gap: 0;
  }
}
@media screen and (max-width: 450px) {
  .mv .horizontal-border {
    padding: 4.4444444444vw;
  }
}
.mv .horizontal-border .nav-breadcrumb {
  width: 100%;
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .mv .horizontal-border .nav-breadcrumb {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .horizontal-border .nav-breadcrumb {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .horizontal-border .nav-breadcrumb {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .horizontal-border .nav-breadcrumb {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .horizontal-border .nav-breadcrumb {
    gap: 2.2222222222vw;
  }
}
.mv .horizontal-border .nav-breadcrumb .text-wrapper {
  font-size: 0.9027777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .mv .horizontal-border .nav-breadcrumb .text-wrapper {
    font-size: 0.7222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .horizontal-border .nav-breadcrumb .text-wrapper {
    font-size: 21.45px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .horizontal-border .nav-breadcrumb .text-wrapper {
    font-size: 1.04vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .horizontal-border .nav-breadcrumb .text-wrapper {
    font-size: 1.6949152542vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .horizontal-border .nav-breadcrumb .text-wrapper {
    font-size: 2.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.mv .horizontal-border .nav-breadcrumb .horizontal-divider {
  width: 0.6944444444vw;
  position: relative;
  height: 1px;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .mv .horizontal-border .nav-breadcrumb .horizontal-divider {
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .horizontal-border .nav-breadcrumb .horizontal-divider {
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .horizontal-border .nav-breadcrumb .horizontal-divider {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .horizontal-border .nav-breadcrumb .horizontal-divider {
    width: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .horizontal-border .nav-breadcrumb .horizontal-divider {
    width: 2.2222222222vw;
  }
}
.mv .horizontal-border .nav-breadcrumb .div {
  font-size: 0.9027777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .mv .horizontal-border .nav-breadcrumb .div {
    font-size: 0.7222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .horizontal-border .nav-breadcrumb .div {
    font-size: 21.45px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .horizontal-border .nav-breadcrumb .div {
    font-size: 1.04vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .horizontal-border .nav-breadcrumb .div {
    font-size: 1.6949152542vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .horizontal-border .nav-breadcrumb .div {
    font-size: 2.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.mv .background {
  gap: 0.6944444444vw;
  padding: 5.5555555556vw 7.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(102, 102, 102) 100%);
}
@media screen and (min-width: 1800px) {
  .mv .background {
    gap: 0.5555555556vw;
    padding: 4.4444444444vw 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .background {
    gap: 16.5px;
    padding: 132px 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .background {
    gap: 0.8vw;
    padding: 6.4vw 8.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .background {
    padding: 6.7796610169vw 2.6075619296vw;
    gap: 0;
  }
}
@media screen and (max-width: 450px) {
  .mv .background {
    padding: 11.5555555556vw 4.4444444444vw;
  }
}
.mv .background .frame {
  gap: 2.8472222222vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}
@media screen and (min-width: 1800px) {
  .mv .background .frame {
    gap: 2.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .background .frame {
    gap: 67.65px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .background .frame {
    gap: 3.28vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .background .frame {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .background .frame {
    gap: 4.4444444444vw;
  }
}
.mv .background .frame .text-wrapper {
  font-size: 2.0833333333vw;
  letter-spacing: 0.2083333333vw;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .mv .background .frame .text-wrapper {
    font-size: 1.6666666667vw;
    letter-spacing: 0.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .background .frame .text-wrapper {
    font-size: 49.5px;
    letter-spacing: 4.95px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .background .frame .text-wrapper {
    font-size: 2.4vw;
    letter-spacing: 0.24vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .background .frame .text-wrapper {
    font-size: 2.3468057366vw;
    letter-spacing: 0.3911342894vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .background .frame .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.6666666667vw;
  }
}
.mv .background .frame .heading {
  font-size: 3.3333333333vw;
  letter-spacing: 0.1666666667vw;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .mv .background .frame .heading {
    font-size: 2.6666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .mv .background .frame .heading {
    font-size: 79.2px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .mv .background .frame .heading {
    font-size: 3.84vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 767px) {
  .mv .background .frame .heading {
    font-size: 3.3898305085vw;
    letter-spacing: 0.3129074316vw;
  }
}
@media screen and (max-width: 450px) {
  .mv .background .frame .heading {
    font-size: 5.7777777778vw;
    letter-spacing: 0.5333333333vw;
  }
}

.front {
  padding-top: 100vh;
  width: 100%;
}
.front .header {
  padding: 22.2222222222vw 0;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 1800px) {
  .front .header {
    padding: 17.7777777778vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .header {
    padding: 528px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .header {
    padding: 25.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .front .header {
    padding: 13.037809648vw 0;
  }
}
@media screen and (max-width: 450px) {
  .front .header {
    padding: 22.2222222222vw 0;
  }
}
.front .header .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.front .header .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .header .column {
  padding: 0px 5.5555555556vw 0px 4.4444444444vw;
}
@media screen and (min-width: 1800px) {
  .front .header .column {
    padding: 0px 4.4444444444vw 0px 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .header .column {
    padding: 0px 132px 0px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .header .column {
    padding: 0px 6.4vw 0px 5.12vw;
  }
}
@media screen and (max-width: 767px) {
  .front .header .column {
    padding: 0px 2.6075619296vw 0px 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .front .header .column {
    padding: 0px 4.4444444444vw 0px 4.4444444444vw;
  }
}
.front .header .column .content {
  width: 45.7638888889vw;
  gap: 1.6666666667vw;
  flex-direction: column;
  display: flex;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .header .column .content {
    width: 36.6111111111vw;
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .header .column .content {
    width: 1087.35px;
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .header .column .content {
    width: 52.72vw;
    gap: 1.92vw;
  }
}
@media screen and (max-width: 767px) {
  .front .header .column .content {
    width: 100%;
    gap: 3.1290743155vw;
  }
}
@media screen and (max-width: 450px) {
  .front .header .column .content {
    gap: 5.3333333333vw;
  }
}
.front .header .column .content .lorem-ipsum-dolor {
  font-size: 1.6666666667vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  opacity: 0;
  filter: blur(10px);
  transform: translateY(30px);
  transition: all 1.5s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .header .column .content .lorem-ipsum-dolor {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .header .column .content .lorem-ipsum-dolor {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .header .column .content .lorem-ipsum-dolor {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 767px) {
  .front .header .column .content .lorem-ipsum-dolor {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .front .header .column .content .lorem-ipsum-dolor {
    font-size: 4.4444444444vw;
  }
}
.front .header .column .content .text-wrapper {
  font-size: 1.1111111111vw;
  line-height: 2vw;
  font-family: "Outfit-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  filter: blur(10px);
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.5s ease-out 0.5s;
}
@media screen and (min-width: 1800px) {
  .front .header .column .content .text-wrapper {
    font-size: 0.8888888889vw;
    line-height: 1.6vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .header .column .content .text-wrapper {
    font-size: 26.4px;
    line-height: 47.52px;
  }
}
@media screen and (max-width: 1250px) {
  .front .header .column .content .text-wrapper {
    font-size: 1.28vw;
    line-height: 2.304vw;
  }
}
@media screen and (max-width: 767px) {
  .front .header .column .content .text-wrapper {
    font-size: 2.0860495437vw;
    line-height: 3.7548891786vw;
  }
}
@media screen and (max-width: 450px) {
  .front .header .column .content .text-wrapper {
    font-size: 3.5555555556vw;
    line-height: 6.4vw;
  }
}
.front .header .column .content.animate-in .lorem-ipsum-dolor {
  filter: blur(0px);
  opacity: 1;
  transform: translateY(0);
}
.front .header .column .content.animate-in .text-wrapper {
  filter: blur(0px);
  opacity: 1;
  transform: translateY(0);
}
.front .section1 {
  padding: 12.5vw 9.7222222222vw;
  overflow: hidden;
  position: relative;
  background-color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section1 {
    padding: 10vw 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 {
    padding: 297px 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 {
    padding: 14.4vw 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 {
    padding: 13.037809648vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 {
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.front .section1 .heading-business {
  top: 16.3888888889vw;
  left: 15.4166666667vw;
  font-size: 22.2222222222vw;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 1800px) {
  .front .section1 .heading-business {
    top: 13.1111111111vw;
    left: 12.3333333333vw;
    font-size: 17.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .heading-business {
    top: 389.4px;
    left: 366.3px;
    font-size: 528px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .heading-business {
    top: 18.88vw;
    left: 17.76vw;
    font-size: 25.6vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .heading-business {
    font-size: 13.037809648vw;
    top: 16.036505867vw;
    left: 16.1668839635vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .heading-business {
    font-size: 22.2222222222vw;
    top: 27.3333333333vw;
    left: 27.5555555556vw;
  }
}
.front .section1 .imgArea {
  top: 28.1944444444vw;
  left: 46.875vw;
  width: 46.3194444444vw;
  height: 35.9722222222vw;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  filter: blur(10px);
  opacity: 0;
  transform: scale(1.1);
  transition: all 1.5s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .section1 .imgArea {
    top: 22.5555555556vw;
    left: 37.5vw;
    width: 37.0555555556vw;
    height: 28.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .imgArea {
    top: 669.9px;
    left: 1113.75px;
    width: 1100.55px;
    height: 854.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .imgArea {
    top: 32.48vw;
    left: 54vw;
    width: 53.36vw;
    height: 41.44vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .imgArea {
    display: none;
  }
}
.front .section1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section1 .imgArea.animate-in {
  filter: blur(0px);
  opacity: 1;
  transform: scale(1);
}
.front .section1 .imgArea2 {
  display: none;
}
@media screen and (max-width: 767px) {
  .front .section1 .imgArea2 {
    display: block;
    width: 100%;
  }
  .front .section1 .imgArea2 img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
}
.front .section1 .frame {
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame {
    gap: 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame {
    gap: 8.8888888889vw;
  }
}
.front .section1 .frame .text-wrapper {
  font-size: 12.6388888889vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  filter: blur(10px);
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.5s ease-out 0.3s;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .text-wrapper {
    font-size: 10.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .text-wrapper {
    font-size: 300.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .text-wrapper {
    font-size: 14.56vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .text-wrapper {
    font-size: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame .text-wrapper {
    font-size: 17.7777777778vw;
  }
}
.front .section1 .frame .content {
  width: 45.7638888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .content {
    font-size: 36.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .content {
    font-size: 1087.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .content {
    font-size: 52.72vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .content {
    width: 100%;
  }
}
.front .section1 .frame .content .lorem-ipsum-dolor {
  font-size: 1.1111111111vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .content .lorem-ipsum-dolor {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .content .lorem-ipsum-dolor {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .content .lorem-ipsum-dolor {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .content .lorem-ipsum-dolor {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame .content .lorem-ipsum-dolor {
    font-size: 3.5555555556vw;
  }
}
.front .section1 .frame .link {
  width: 17.3611111111vw;
  gap: 0.6944444444vw;
  padding: 1.9444444444vw 4.3055555556vw;
  border-radius: 6.9444444444vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border: 2px solid;
  border-color: #ffffff;
  transition: all 0.3s ease;
  text-decoration: none;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .link {
    width: 13.8888888889vw;
    gap: 0.5555555556vw;
    padding: 1.5555555556vw 3.4444444444vw;
    border-radius: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .link {
    width: 412.5px;
    gap: 16.5px;
    padding: 46.2px 102.3px;
    border-radius: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .link {
    width: 20vw;
    gap: 0.8vw;
    padding: 2.24vw 4.96vw;
    border-radius: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .link {
    width: 100%;
    gap: 1.3037809648vw;
    padding: 3.6505867014vw 8.0834419817vw;
    border-radius: 13.037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame .link {
    gap: 2.2222222222vw;
    padding: 6.2222222222vw 13.7777777778vw;
    border-radius: 22.2222222222vw;
  }
}
.front .section1 .frame .link .div {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  line-height: 180%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .link .div {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .link .div {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .link .div {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .link .div {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame .link .div {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section1 .frame .link .text-wrapper-2 {
  top: 1.9444444444vw;
  left: 14.5138888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  position: absolute;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 180%;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section1 .frame .link .text-wrapper-2 {
    top: 1.5555555556vw;
    left: 11.6111111111vw;
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .frame .link .text-wrapper-2 {
    top: 46.2px;
    left: 344.85px;
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .frame .link .text-wrapper-2 {
    top: 2.24vw;
    left: 16.72vw;
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section1 .frame .link .text-wrapper-2 {
    top: 3.6505867014vw;
    left: 54.7588005215vw;
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .frame .link .text-wrapper-2 {
    top: 6.2222222222vw;
    left: 57.7777777778vw;
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section1 .frame .link:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.front .section1 .frame .link:hover .div {
  color: #000000;
}
.front .section1 .frame .link:hover .text-wrapper-2 {
  color: #000000;
}
.front .section1 .frame.animate-in .text-wrapper {
  filter: blur(0px);
  opacity: 1;
  transform: translateY(0);
}
.front .section2 {
  gap: 0.6944444444vw;
  padding: 12.5vw 9.7222222222vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: #000000;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section2 {
    gap: 0.5555555556vw;
    padding: 10vw 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 {
    gap: 16.5px;
    padding: 297px 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 {
    gap: 0.8vw;
    padding: 14.4vw 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 {
    gap: 1.3037809648vw;
    padding: 13.037809648vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 {
    gap: 2.2222222222vw;
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.front .section2 .imgArea {
  top: 6.0416666667vw;
  width: 47.6388888889vw;
  height: 38.1944444444vw;
  position: absolute;
  left: 0;
  filter: blur(10px);
  opacity: 0;
  transform: scale(1.1);
  transition: all 1.5s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .section2 .imgArea {
    top: 4.8333333333vw;
    width: 38.1111111111vw;
    height: 30.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .imgArea {
    top: 143.55px;
    width: 1131.9px;
    height: 907.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .imgArea {
    top: 6.96vw;
    width: 54.88vw;
    height: 44vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .imgArea {
    display: none;
  }
}
.front .section2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section2 .frame {
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 10;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame {
    gap: 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame {
    gap: 8.8888888889vw;
  }
}
.front .section2 .frame .heading-business {
  font-size: 12.6388888889vw;
  position: relative;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 1;
  filter: blur(10px);
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.5s ease-out 0.3s;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .heading-business {
    font-size: 10.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .heading-business {
    font-size: 300.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .heading-business {
    font-size: 14.56vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .heading-business {
    font-size: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame .heading-business {
    font-size: 17.7777777778vw;
  }
}
.front .section2 .frame .imgArea2 {
  display: none;
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .imgArea2 {
    display: block;
    width: 100%;
  }
  .front .section2 .frame .imgArea2 img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
}
.front .section2 .frame .content {
  width: 45.7638888889vw;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .content {
    font-size: 36.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .content {
    font-size: 1087.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .content {
    font-size: 52.72vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .content {
    width: 100%;
  }
}
.front .section2 .frame .content .lorem-ipsum-dolor {
  font-size: 1.1111111111vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .content .lorem-ipsum-dolor {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .content .lorem-ipsum-dolor {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .content .lorem-ipsum-dolor {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .content .lorem-ipsum-dolor {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame .content .lorem-ipsum-dolor {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .frame .link {
  width: 17.3611111111vw;
  gap: 0.6944444444vw;
  padding: 1.9444444444vw 4.3055555556vw;
  position: relative;
  background-color: #000000;
  border-radius: 9999px;
  border: 2px solid;
  border-color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .link {
    width: 13.8888888889vw;
    gap: 0.5555555556vw;
    padding: 1.5555555556vw 3.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .link {
    width: 412.5px;
    gap: 16.5px;
    padding: 46.2px 102.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .link {
    width: 20vw;
    gap: 0.8vw;
    padding: 2.24vw 4.96vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .link {
    width: 100%;
    gap: 1.3037809648vw;
    padding: 3.6505867014vw 8.0834419817vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame .link {
    gap: 2.2222222222vw;
    padding: 6.2222222222vw 13.7777777778vw;
  }
}
.front .section2 .frame .link .text-wrapper {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 180%;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .link .text-wrapper {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .link .text-wrapper {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .link .text-wrapper {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .link .text-wrapper {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame .link .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section2 .frame .link .div {
  top: 1.9444444444vw;
  left: 14.5138888889vw;
  height: 1.875vw;
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  position: absolute;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 180%;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section2 .frame .link .div {
    top: 1.5555555556vw;
    left: 11.6111111111vw;
    height: 1.5vw;
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .frame .link .div {
    top: 46.2px;
    left: 344.85px;
    height: 44.55px;
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .frame .link .div {
    top: 2.24vw;
    left: 16.72vw;
    height: 2.16vw;
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .frame .link .div {
    top: 3.6505867014vw;
    left: 54.7588005215vw;
    height: 3.520208605vw;
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .frame .link .div {
    top: 6.2222222222vw;
    left: 57.7777777778vw;
    height: 6vw;
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section2 .frame .link:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.front .section2 .frame .link:hover .text-wrapper {
  color: #000000;
}
.front .section2 .frame .link:hover .div {
  color: #000000;
}
.front .section2 .frame.animate-in .heading-business {
  filter: blur(0px);
  opacity: 1;
  transform: translateY(0);
}
.front .section2 .imgArea.animate-in {
  filter: blur(0px);
  opacity: 1;
  transform: scale(1);
}
.front .section2 .heading-business-2 {
  position: absolute;
  top: 45.5555555556vw;
  left: -3.6805555556vw;
  font-size: 22.2222222222vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0;
  pointer-events: none;
}
@media screen and (min-width: 1800px) {
  .front .section2 .heading-business-2 {
    top: 36.4444444444vw;
    left: -2.9444444444vw;
    font-size: 17.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .heading-business-2 {
    top: 1082.4px;
    left: -87.45px;
    font-size: 528px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .heading-business-2 {
    top: 52.48vw;
    left: -4.24vw;
    font-size: 25.6vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section2 .heading-business-2 {
    font-size: 13.037809648vw;
    top: 15.6453715776vw;
    left: 16.1668839635vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .heading-business-2 {
    font-size: 22.2222222222vw;
    top: 26.6666666667vw;
    left: 27.5555555556vw;
  }
}
.front .section3 {
  padding: 12.5vw 9.7222222222vw;
  position: relative;
  background-color: #000000;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section3 {
    padding: 10vw 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 {
    padding: 297px 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 {
    padding: 14.4vw 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 {
    padding: 13.037809648vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 {
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.front .section3 .frame {
  width: 80.5555555556vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame {
    width: 64.4444444444vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame {
    width: 1914px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame {
    width: 92.8vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame {
    width: 100%;
    gap: 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame {
    gap: 8.8888888889vw;
  }
}
.front .section3 .frame .heading-business {
  font-size: 12.6388888889vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .heading-business {
    font-size: 10.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .heading-business {
    font-size: 300.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .heading-business {
    font-size: 14.56vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .heading-business {
    font-size: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .heading-business {
    font-size: 17.7777777778vw;
  }
}
.front .section3 .frame .list {
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ffffff;
}
.front .section3 .frame .list .item {
  padding: 0 0.6944444444vw;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item {
    padding: 0 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item {
    padding: 0 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item {
    padding: 0 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item {
    padding: 0;
  }
}
.front .section3 .frame .list .item .link {
  gap: 2.7777777778vw;
  padding: 1.0416666667vw 0;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link {
    gap: 2.2222222222vw;
    padding: 0.8333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link {
    gap: 66px;
    padding: 24.75px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link {
    gap: 3.2vw;
    padding: 1.2vw 0;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link {
    gap: 1.3037809648vw;
    padding: 1.9556714472vw 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link {
    gap: 2.2222222222vw;
    padding: 3.3333333333vw 0;
  }
}
.front .section3 .frame .list .item .link:hover {
  opacity: 0.6;
}
.front .section3 .frame .list .item .link .text-wrapper {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Outfit-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link .text-wrapper {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link .text-wrapper {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link .text-wrapper {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link .text-wrapper {
    font-size: 1.8252933507vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link .text-wrapper {
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section3 .frame .list .item .link .border {
  padding: 0.3472222222vw 0.5555555556vw;
  border-radius: 0.3472222222vw;
  border: 1px solid;
  border-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link .border {
    padding: 0.2777777778vw 0.4444444444vw;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link .border {
    padding: 8.25px 13.2px;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link .border {
    padding: 0.4vw 0.64vw;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link .border {
    padding: 0.6518904824vw 1.0430247718vw;
    border-radius: 0.6518904824vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link .border {
    padding: 1.1111111111vw 1.7777777778vw;
    border-radius: 1.1111111111vw;
  }
}
.front .section3 .frame .list .item .link .border .div {
  font-size: 0.8333333333vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Hiragino Kaku Gothic Pro-W3", Helvetica;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link .border .div {
    font-size: 0.6666666667vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link .border .div {
    font-size: 19.8px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link .border .div {
    font-size: 0.96vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link .border .div {
    font-size: 1.5645371578vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link .border .div {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section3 .frame .list .item .link .container {
  padding: 0.4166666667vw 0vw;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link .container {
    padding: 0.3333333333vw 0vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link .container {
    padding: 9.9px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link .container {
    padding: 0.48vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link .container {
    padding: 0.7822685789vw 0vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link .container {
    padding: 1.3333333333vw 0vw;
  }
}
.front .section3 .frame .list .item .link .container .text-wrapper-2 {
  width: 45.3472222222vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  position: relative;
  display: -webkit-box;
  height: auto;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 300;
  line-height: 180%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .list .item .link .container .text-wrapper-2 {
    width: 36.2777777778vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .list .item .link .container .text-wrapper-2 {
    width: 1077.45px;
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .list .item .link .container .text-wrapper-2 {
    width: 52.24vw;
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .list .item .link .container .text-wrapper-2 {
    width: 100%;
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .list .item .link .container .text-wrapper-2 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section3 .frame .link-2 {
  width: 17.3611111111vw;
  gap: 0.6944444444vw;
  padding: 1.9444444444vw 4.3055555556vw;
  background-color: #000000;
  border-radius: 9999px;
  border: 2px solid;
  border-color: #ffffff;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .link-2 {
    width: 13.8888888889vw;
    gap: 0.5555555556vw;
    padding: 1.5555555556vw 3.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .link-2 {
    width: 412.5px;
    gap: 16.5px;
    padding: 46.2px 102.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .link-2 {
    width: 20vw;
    gap: 0.8vw;
    padding: 2.24vw 4.96vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .link-2 {
    width: 100%;
    gap: 1.3037809648vw;
    padding: 3.6505867014vw 8.0834419817vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .link-2 {
    gap: 2.2222222222vw;
    padding: 6.2222222222vw 13.7777777778vw;
  }
}
.front .section3 .frame .link-2 .text-wrapper-3 {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  text-align: center;
  line-height: 180%;
  color: #ffffff;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .link-2 .text-wrapper-3 {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .link-2 .text-wrapper-3 {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .link-2 .text-wrapper-3 {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .link-2 .text-wrapper-3 {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .link-2 .text-wrapper-3 {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section3 .frame .link-2 .text-wrapper-4 {
  top: 1.9444444444vw;
  left: 14.5138888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  position: absolute;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  line-height: 180%;
  color: #ffffff;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section3 .frame .link-2 .text-wrapper-4 {
    top: 1.5555555556vw;
    left: 11.6111111111vw;
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .frame .link-2 .text-wrapper-4 {
    top: 46.2px;
    left: 344.85px;
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .frame .link-2 .text-wrapper-4 {
    top: 2.24vw;
    left: 16.72vw;
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .frame .link-2 .text-wrapper-4 {
    top: 3.6505867014vw;
    left: 57.3663624511vw;
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .frame .link-2 .text-wrapper-4 {
    top: 6.2222222222vw;
    left: 62.2222222222vw;
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section3 .frame .link-2:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.front .section3 .frame .link-2:hover .text-wrapper-3 {
  color: #000000;
}
.front .section3 .frame .link-2:hover .text-wrapper-4 {
  color: #000000;
}
.front .section3 .heading-business-2 {
  top: 70.3472222222vw;
  left: 52.9166666667vw;
  font-size: 22.2222222222vw;
  position: absolute;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0;
  line-height: 1;
  pointer-events: none;
}
@media screen and (min-width: 1800px) {
  .front .section3 .heading-business-2 {
    top: 56.2777777778vw;
    left: 42.3333333333vw;
    font-size: 17.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .heading-business-2 {
    top: 1671.45px;
    left: 1257.3px;
    font-size: 528px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .heading-business-2 {
    top: 81.04vw;
    left: 60.96vw;
    font-size: 25.6vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section3 .heading-business-2 {
    font-size: 13.037809648vw;
    top: 21.3820078227vw;
    left: 18.2529335072vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .heading-business-2 {
    font-size: 22.2222222222vw;
    top: 36.4444444444vw;
    left: 31.1111111111vw;
  }
}
.front .section4 {
  gap: 0.6944444444vw;
  padding: 12.5vw 9.7222222222vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section4 {
    gap: 0.5555555556vw;
    padding: 10vw 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 {
    gap: 16.5px;
    padding: 297px 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 {
    gap: 0.8vw;
    padding: 14.4vw 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 {
    gap: 1.3037809648vw;
    padding: 13.037809648vw 2.6075619296vw;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 {
    gap: 2.2222222222vw;
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.front .section4 .imgArea {
  top: 22.7083333333vw;
  left: 4.375vw;
  width: 37.5vw;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .front .section4 .imgArea {
    top: 18.1666666667vw;
    left: 3.5vw;
    width: 30vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .imgArea {
    top: 539.55px;
    left: 103.95px;
    width: 891px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .imgArea {
    top: 26.16vw;
    left: 5.04vw;
    width: 43.2vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .imgArea {
    width: 28.2920469361vw;
    top: -7.3011734029vw;
    right: -6.258148631vw;
    left: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .imgArea {
    width: 48.2222222222vw;
    top: -12.4444444444vw;
    right: -10.6666666667vw;
  }
}
.front .section4 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section4 .imgArea2 {
  top: 4.2361111111vw;
  left: 64.375vw;
  width: 35.625vw;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .front .section4 .imgArea2 {
    top: 3.3888888889vw;
    left: 51.5vw;
    width: 28.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .imgArea2 {
    top: 100.65px;
    left: 1529.55px;
    width: 846.45px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .imgArea2 {
    top: 4.88vw;
    left: 74.16vw;
    width: 41.04vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .imgArea2 {
    width: 28.2920469361vw;
    top: 15.6453715776vw;
    left: -7.1707953064vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .imgArea2 {
    width: 48.2222222222vw;
    top: 26.6666666667vw;
    left: -12.2222222222vw;
  }
}
.front .section4 .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section4 .frame {
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section4 .frame {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .frame {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .frame {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .frame {
    gap: 7.8226857888vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .frame {
    gap: 13.3333333333vw;
  }
}
.front .section4 .frame .heading-business {
  font-size: 12.6388888889vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .front .section4 .frame .heading-business {
    font-size: 10.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .frame .heading-business {
    font-size: 300.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .frame .heading-business {
    font-size: 14.56vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .frame .heading-business {
    font-size: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .frame .heading-business {
    font-size: 17.7777777778vw;
  }
}
.front .section4 .frame .link {
  width: 17.3611111111vw;
  gap: 0.6944444444vw;
  padding: 1.9444444444vw 4.3055555556vw;
  position: relative;
  background-color: #000000;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #000000;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section4 .frame .link {
    width: 13.8888888889vw;
    gap: 0.5555555556vw;
    padding: 1.5555555556vw 3.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .frame .link {
    width: 412.5px;
    gap: 16.5px;
    padding: 46.2px 102.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .frame .link {
    width: 20vw;
    gap: 0.8vw;
    padding: 2.24vw 4.96vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .frame .link {
    width: 32.5945241199vw;
    gap: 1.3037809648vw;
    padding: 3.6505867014vw 8.0834419817vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .frame .link {
    width: 55.5555555556vw;
    gap: 2.2222222222vw;
    padding: 6.2222222222vw 13.7777777778vw;
  }
}
.front .section4 .frame .link .text-wrapper {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 180%;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section4 .frame .link .text-wrapper {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .frame .link .text-wrapper {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .frame .link .text-wrapper {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .frame .link .text-wrapper {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .frame .link .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section4 .frame .link .div {
  top: 1.9444444444vw;
  left: 14.5138888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  position: absolute;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 180%;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section4 .frame .link .div {
    top: 1.5555555556vw;
    left: 11.6111111111vw;
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .frame .link .div {
    top: 46.2px;
    left: 344.85px;
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .frame .link .div {
    top: 2.24vw;
    left: 16.72vw;
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .front .section4 .frame .link .div {
    top: 3.6505867014vw;
    left: 23.4680573664vw;
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .frame .link .div {
    top: 6.2222222222vw;
    left: 40vw;
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.front .section4 .frame .link:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.front .section4 .frame .link:hover .text-wrapper {
  color: #000000;
}
.front .section4 .frame .link:hover .div {
  color: #000000;
}

.business .section1 .section {
  gap: 5.0694444444vw;
  padding: 7.4305555556vw 15.7638888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .business .section1 .section {
    gap: 4.0555555556vw;
    padding: 5.9444444444vw 12.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section1 .section {
    gap: 120.45px;
    padding: 176.55px 374.55px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section1 .section {
    gap: 5.84vw;
    padding: 8.56vw 18.16vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section1 .section {
    gap: 1.5645371578vw;
    padding: 7.0404172099vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .business .section1 .section {
    gap: 2.6666666667vw;
    padding: 12vw 4.4444444444vw;
  }
}
.business .section1 .section .frame {
  font-size: 3.8888888889vw;
  letter-spacing: 0.2083333333vw;
  width: 100%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  text-align: center;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .business .section1 .section .frame {
    font-size: 3.1111111111vw;
    letter-spacing: 0.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section1 .section .frame {
    font-size: 92.4px;
    letter-spacing: 4.95px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section1 .section .frame {
    font-size: 4.48vw;
    letter-spacing: 0.24vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section1 .section .frame {
    font-size: 3.520208605vw;
    letter-spacing: 0.3911342894vw;
  }
}
@media screen and (max-width: 450px) {
  .business .section1 .section .frame {
    font-size: 6vw;
    letter-spacing: 0.6666666667vw;
  }
}
.business .section1 .section .element-km-VR-wrapper {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  width: 100%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  text-align: center;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .business .section1 .section .element-km-VR-wrapper {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section1 .section .element-km-VR-wrapper {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section1 .section .element-km-VR-wrapper {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section1 .section .element-km-VR-wrapper {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .business .section1 .section .element-km-VR-wrapper {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.business .section2 {
  padding: 6.9444444444vw 0;
  gap: 9.0277777778vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .business .section2 {
    padding: 5.5555555556vw 0;
    gap: 7.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 {
    padding: 165px 0;
    gap: 214.5px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 {
    padding: 8vw 0;
    gap: 10.4vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 {
    padding: 13.037809648vw 0;
    gap: 16.9491525424vw;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 {
    padding: 22.2222222222vw 0;
    gap: 28.8888888889vw;
  }
}
.business .section2 .content {
  width: 93.75vw;
  height: 32.6388888889vw;
  padding: 5.4166666667vw 6.9444444444vw;
  gap: 4.1666666667vw;
  background: #EBEBEB;
  padding-right: 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content {
    width: 75vw;
    height: 26.1111111111vw;
    padding: 4.3333333333vw 5.5555555556vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content {
    width: 2227.5px;
    height: 775.5px;
    padding: 128.7px 165px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content {
    width: 108vw;
    height: 37.6vw;
    padding: 6.24vw 8vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content {
    padding: 3.9113428944vw 2.6075619296vw;
    gap: 4.1720990874vw;
    width: 100%;
    height: auto;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content {
    padding: 6.6666666667vw 4.4444444444vw;
    gap: 7.1111111111vw;
  }
}
.business .section2 .content .top-area {
  width: 27.7777777778vw;
  left: 2.7777777778vw;
  position: absolute;
  display: block;
  top: -10%;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .top-area {
    width: 22.2222222222vw;
    left: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .top-area {
    width: 660px;
    left: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .top-area {
    width: 32vw;
    left: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .top-area {
    width: 35.2020860495vw;
    left: 0;
    top: -5%;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content .top-area {
    width: 60vw;
  }
}
.business .section2 .content .top-area .imgArea {
  display: block;
  width: 100%;
}
.business .section2 .content .top-area .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.business .section2 .content .text-area {
  gap: 3.125vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .text-area {
    gap: 2.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .text-area {
    gap: 74.25px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .text-area {
    gap: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .text-area {
    gap: 4.1720990874vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content .text-area {
    gap: 7.1111111111vw;
  }
}
.business .section2 .content .text-area .title {
  font-size: 2.2222222222vw;
  letter-spacing: 0.1388888889vw;
  color: #333;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .text-area .title {
    font-size: 1.7777777778vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .text-area .title {
    font-size: 52.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .text-area .title {
    font-size: 2.56vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .text-area .title {
    font-size: 2.6075619296vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content .text-area .title {
    font-size: 4.4444444444vw;
    letter-spacing: 0.4444444444vw;
  }
}
.business .section2 .content .text-area .text {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  color: #333;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  line-height: 160%;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .text-area .text {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .text-area .text {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .text-area .text {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .text-area .text {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content .text-area .text {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.business .section2 .content .main-img {
  top: -9.0277777778vw;
  width: 51.3888888889vw;
  position: relative;
  display: block;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .main-img {
    top: -7.2222222222vw;
    width: 41.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .main-img {
    top: -214.5px;
    width: 1221px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .main-img {
    top: -10.4vw;
    width: 59.2vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .main-img {
    position: static;
    width: 100%;
  }
}
.business .section2 .content .main-img .imgArea {
  display: block;
  width: 100%;
  height: auto;
}
.business .section2 .content .main-img .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.business .section2 .content .back-img {
  width: 29.1666666667vw;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 1;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content .back-img {
    width: 23.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content .back-img {
    width: 693px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content .back-img {
    width: 33.6vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content .back-img {
    width: 100%;
  }
}
.business .section2 .content .back-img .imgArea {
  display: block;
  width: 100%;
}
.business .section2 .content .back-img .imgArea 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;
}
.business .section2 .content:nth-of-type(2) {
  padding-right: 6.9444444444vw;
  flex-direction: row-reverse;
  padding-left: 0;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content:nth-of-type(2) {
    padding-right: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content:nth-of-type(2) {
    padding-right: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content:nth-of-type(2) {
    padding-right: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content:nth-of-type(2) {
    padding: 3.9113428944vw 2.6075619296vw;
    padding-right: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .business .section2 .content:nth-of-type(2) {
    padding: 6.6666666667vw 4.4444444444vw;
  }
}
.business .section2 .content:nth-of-type(2) .top-area {
  right: 9.7222222222vw;
  left: auto;
}
@media screen and (min-width: 1800px) {
  .business .section2 .content:nth-of-type(2) .top-area {
    right: 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .business .section2 .content:nth-of-type(2) .top-area {
    right: 231px;
  }
}
@media screen and (max-width: 1250px) {
  .business .section2 .content:nth-of-type(2) .top-area {
    right: 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .business .section2 .content:nth-of-type(2) .top-area {
    right: auto;
    left: 0;
  }
}
.business .section2 .content:nth-of-type(2) .back-img {
  right: auto;
  left: 0;
}

.feature .section1 {
  padding: 6.9444444444vw 0;
  gap: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .feature .section1 {
    padding: 5.5555555556vw 0;
    gap: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 {
    padding: 165px 0;
    gap: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 {
    padding: 8vw 0;
    gap: 9.6vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 {
    padding: 7.0404172099vw 0;
    gap: 7.8226857888vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 {
    padding: 12vw 0;
    gap: 13.3333333333vw;
  }
}
.feature .section1 .article {
  gap: 3.4722222222vw;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article {
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article {
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article {
    gap: 2.2222222222vw;
  }
}
.feature .section1 .article .title {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .title {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .title {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .title {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .title {
    padding: 0 2.6075619296vw;
    gap: 2.6075619296vw;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article .title {
    padding: 0 4.4444444444vw;
    gap: 4.4444444444vw;
  }
}
.feature .section1 .article .title .num {
  font-size: 3.4722222222vw;
  letter-spacing: 0.1736111111vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .title .num {
    font-size: 2.7777777778vw;
    letter-spacing: 0.1388888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .title .num {
    font-size: 82.5px;
    letter-spacing: 4.125px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .title .num {
    font-size: 4vw;
    letter-spacing: 0.2vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .title .num {
    font-size: 4.1720990874vw;
    letter-spacing: 0.3259452412vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article .title .num {
    font-size: 7.1111111111vw;
    letter-spacing: 0.5555555556vw;
  }
}
.feature .section1 .article .title .text {
  font-size: 2.7777777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .title .text {
    font-size: 2.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .title .text {
    font-size: 66px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .title .text {
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .title .text {
    font-size: 3.1290743155vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article .title .text {
    font-size: 5.3333333333vw;
    letter-spacing: 0.4444444444vw;
  }
}
.feature .section1 .article .main-area {
  padding: 3.4722222222vw 0;
  gap: 6.9444444444vw;
  width: 100%;
  background: #DBDBDB;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .main-area {
    padding: 2.7777777778vw 0;
    gap: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .main-area {
    padding: 82.5px 0;
    gap: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .main-area {
    padding: 4vw 0;
    gap: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .main-area {
    padding: 6.518904824vw 2.6075619296vw;
    gap: 3.1290743155vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article .main-area {
    padding: 11.1111111111vw 4.4444444444vw;
    gap: 5.3333333333vw;
  }
}
.feature .section1 .article .main-area .imgArea {
  width: 55.5555555556vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .main-area .imgArea {
    width: 44.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .main-area .imgArea {
    width: 1320px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .main-area .imgArea {
    width: 64vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .main-area .imgArea {
    width: 100%;
  }
}
.feature .section1 .article .main-area .text {
  width: 83.3333333333vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  line-height: 160%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .feature .section1 .article .main-area .text {
    width: 66.6666666667vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .feature .section1 .article .main-area .text {
    width: 1980px;
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .feature .section1 .article .main-area .text {
    width: 96vw;
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .feature .section1 .article .main-area .text {
    width: 100%;
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .feature .section1 .article .main-area .text {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}

.company {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company .section1 {
  width: 83.3333333333vw;
  padding: 5.5555555556vw 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .company .section1 {
    width: 66.6666666667vw;
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 {
    width: 1980px;
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 {
    width: 96vw;
    padding: 6.4vw 0;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 {
    padding: 7.8226857888vw 2.6075619296vw;
    gap: 3.9113428944vw;
    width: 100%;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 {
    padding: 13.3333333333vw 4.4444444444vw;
    gap: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .img-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.9113428944vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .img-wrapper {
    gap: 6.6666666667vw;
  }
}
.company .section1 .img-wrapper .imgArea {
  width: 55.5555555556vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  z-index: -1;
}
@media screen and (min-width: 1800px) {
  .company .section1 .img-wrapper .imgArea {
    width: 44.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .img-wrapper .imgArea {
    width: 1320px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .img-wrapper .imgArea {
    width: 64vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .img-wrapper .imgArea {
    width: 100%;
    position: static;
    transform: translateY(0);
  }
}
.company .section1 .img-wrapper .bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .company .section1 .img-wrapper .bottom {
    display: flex;
    justify-content: flex-end;
  }
  .company .section1 .img-wrapper .bottom .name {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    line-height: 160%;
    font-family: "Outfit-Medium", Helvetica;
    color: #333;
    font-weight: 500;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .img-wrapper .bottom .name {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section1 .text-area {
  width: 45.8333333333vw;
  padding: 3.4722222222vw 5.5555555556vw;
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.85);
}
@media screen and (min-width: 1800px) {
  .company .section1 .text-area {
    width: 36.6666666667vw;
    padding: 2.7777777778vw 4.4444444444vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .text-area {
    width: 1089px;
    padding: 82.5px 132px;
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .text-area {
    width: 52.8vw;
    padding: 4vw 6.4vw;
    gap: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area {
    width: 100%;
    padding: 0;
    background: none;
    gap: 3.9113428944vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .text-area {
    gap: 6.6666666667vw;
  }
}
.company .section1 .text-area .title {
  font-size: 1.9444444444vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .company .section1 .text-area .title {
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .text-area .title {
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .text-area .title {
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area .title {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .text-area .title {
    font-size: 4.4444444444vw;
  }
}
.company .section1 .text-area .title::after {
  width: 5.5555555556vw;
  height: 0.1388888889vw;
  margin-top: 0.6944444444vw;
  content: "";
  display: block;
  background: #000000;
}
@media screen and (min-width: 1800px) {
  .company .section1 .text-area .title::after {
    width: 4.4444444444vw;
    height: 0.1111111111vw;
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .text-area .title::after {
    width: 132px;
    height: 3.3px;
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .text-area .title::after {
    width: 6.4vw;
    height: 0.16vw;
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area .title::after {
    width: 10.4302477184vw;
    height: 0.260756193vw;
    margin-top: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .text-area .title::after {
    width: 17.7777777778vw;
    height: 0.4444444444vw;
    margin-top: 2.2222222222vw;
  }
}
.company .section1 .text-area .text {
  font-size: 1.1111111111vw;
  letter-spacing: 0;
  line-height: 160%;
  font-family: "Outfit-Medium", Helvetica;
  color: #333;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 1800px) {
  .company .section1 .text-area .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .text-area .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .text-area .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area .text {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .text-area .text {
    font-size: 3.5555555556vw;
  }
}
.company .section1 .text-area .bottom {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area .bottom {
    display: none;
  }
}
.company .section1 .text-area .bottom .name {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  line-height: 160%;
  font-family: "Outfit-Medium", Helvetica;
  color: #333;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .company .section1 .text-area .bottom .name {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section1 .text-area .bottom .name {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section1 .text-area .bottom .name {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section1 .text-area .bottom .name {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section1 .text-area .bottom .name {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section2 {
  width: 83.3333333333vw;
  padding: 4.1666666667vw 0 9.7222222222vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .company .section2 {
    width: 66.6666666667vw;
    padding: 3.3333333333vw 0 7.7777777778vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 {
    width: 1980px;
    padding: 99px 0 231px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 {
    width: 96vw;
    padding: 4.8vw 0 11.2vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 {
    width: 100%;
    padding: 7.8226857888vw 2.6075619296vw 0;
    gap: 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 {
    padding: 13.3333333333vw 4.4444444444vw 0;
    gap: 8.8888888889vw;
  }
}
.company .section2 .title {
  font-size: 1.6666666667vw;
  letter-spacing: 0.0694444444vw;
  text-align: center;
  line-height: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .company .section2 .title {
    font-size: 1.3333333333vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .title {
    font-size: 39.6px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .title {
    font-size: 1.92vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .title {
    font-size: 2.6075619296vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .title {
    font-size: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section2 .main-area {
  gap: 5.5555555556vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area {
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area {
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area {
    gap: 5.2151238592vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area {
    gap: 8.8888888889vw;
  }
}
.company .section2 .main-area .list {
  width: 38.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .list {
    width: 31.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .list {
    width: 924px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .list {
    width: 44.8vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .list {
    gap: 2.6075619296vw;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .list {
    gap: 4.4444444444vw;
  }
}
.company .section2 .main-area .list dl {
  display: flex;
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .list dl {
    flex-direction: column;
  }
}
.company .section2 .main-area .list dl dt {
  width: 9.7222222222vw;
  padding: 0.6944444444vw 0;
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  line-height: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .list dl dt {
    width: 7.7777777778vw;
    padding: 0.5555555556vw 0;
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .list dl dt {
    width: 231px;
    padding: 16.5px 0;
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .list dl dt {
    width: 11.2vw;
    padding: 0.8vw 0;
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .list dl dt {
    font-size: 1.8252933507vw;
    letter-spacing: 0.1303780965vw;
    width: 100%;
    padding: 0;
    border: none;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .list dl dt {
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section2 .main-area .list dl dd {
  padding: 0.6944444444vw 1.25vw;
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  flex: 1;
  line-height: 160%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #283037;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .list dl dd {
    padding: 0.5555555556vw 1vw;
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .list dl dd {
    padding: 16.5px 29.7px;
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .list dl dd {
    padding: 0.8vw 1.44vw;
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .list dl dd {
    padding: 1.3037809648vw 0;
    font-size: 1.8252933507vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .list dl dd {
    padding: 2.2222222222vw 0;
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section2 .main-area .right {
  gap: 1.3888888889vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .right {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .right {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .right {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .right {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .right {
    gap: 4.4444444444vw;
  }
}
.company .section2 .main-area .right .map-area {
  width: 100%;
  height: 34.7222222222vw;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .right .map-area {
    height: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .right .map-area {
    height: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .right .map-area {
    height: 40vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .right .map-area {
    height: 41.7209908735vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .right .map-area {
    height: 71.1111111111vw;
  }
}
.company .section2 .main-area .right .text-area {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .right .text-area {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .right .text-area {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .right .text-area {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .right .text-area {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .right .text-area {
    gap: 2.2222222222vw;
  }
}
.company .section2 .main-area .right .text-area .address-title {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  line-height: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .right .text-area .address-title {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .right .text-area .address-title {
    font-size: 33px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .right .text-area .address-title {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .right .text-area .address-title {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .right .text-area .address-title {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.company .section2 .main-area .right .text-area .text {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  line-height: 160%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #283037;
}
@media screen and (min-width: 1800px) {
  .company .section2 .main-area .right .text-area .text {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .company .section2 .main-area .right .text-area .text {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .company .section2 .main-area .right .text-area .text {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .company .section2 .main-area .right .text-area .text {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .company .section2 .main-area .right .text-area .text {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}

.news .section1 {
  padding: 5.5555555556vw 0;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .news .section1 {
    padding: 4.4444444444vw 0;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 {
    padding: 132px 0;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 {
    padding: 6.4vw 0;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 {
    padding: 7.8226857888vw 2.6075619296vw;
    gap: 7.8226857888vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 {
    padding: 13.3333333333vw 4.4444444444vw;
    gap: 13.3333333333vw;
  }
}
.news .section1 .notion-items {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-items {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-items {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-items {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-items {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-items {
    gap: 2.2222222222vw;
  }
}
.news .section1 .notion-item {
  width: 83.3333333333vw;
  padding: 1.5972222222vw 0;
  padding-right: 3.3333333333vw;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item {
    width: 66.6666666667vw;
    padding: 1.2777777778vw 0;
    padding-right: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item {
    width: 1980px;
    padding: 37.95px 0;
    padding-right: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item {
    width: 96vw;
    padding: 1.84vw 0;
    padding-right: 3.84vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item {
    width: 100%;
    padding: 1.8252933507vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-item {
    padding: 3.1111111111vw 0;
  }
}
.news .section1 .notion-item .notion-item-content {
  gap: 2.0833333333vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item .notion-item-content {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item .notion-item-content {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item .notion-item-content {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item .notion-item-content {
    gap: 1.3037809648vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-item .notion-item-content {
    gap: 2.2222222222vw;
  }
}
.news .section1 .notion-item .notion-item-content .time {
  min-width: 7.9861111111vw;
  letter-spacing: 0.0694444444vw;
  font-size: 0.9722222222vw;
  line-height: 160%;
  font-weight: 400;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #6f6f6f;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item .notion-item-content .time {
    min-width: 6.3888888889vw;
    letter-spacing: 0.0555555556vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item .notion-item-content .time {
    min-width: 189.75px;
    letter-spacing: 1.65px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item .notion-item-content .time {
    min-width: 9.2vw;
    letter-spacing: 0.08vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item .notion-item-content .time {
    min-width: 14.9934810952vw;
    letter-spacing: 0.1303780965vw;
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-item .notion-item-content .time {
    min-width: 25.5555555556vw;
    letter-spacing: 0.2222222222vw;
    font-size: 3.1111111111vw;
  }
}
.news .section1 .notion-item .notion-item-content .span {
  padding: 0.2083333333vw 1.7361111111vw;
  font-size: 0.8333333333vw;
  border-radius: 0.1388888889vw;
  color: #000;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  border: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item .notion-item-content .span {
    padding: 0.1666666667vw 1.3888888889vw;
    font-size: 0.6666666667vw;
    border-radius: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item .notion-item-content .span {
    padding: 4.95px 41.25px;
    font-size: 19.8px;
    border-radius: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item .notion-item-content .span {
    padding: 0.24vw 2vw;
    font-size: 0.96vw;
    border-radius: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item .notion-item-content .span {
    padding: 0.3911342894vw 3.259452412vw;
    font-size: 1.5645371578vw;
    border-radius: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-item .notion-item-content .span {
    padding: 0.6666666667vw 5.5555555556vw;
    font-size: 2.6666666667vw;
    border-radius: 0.4444444444vw;
  }
}
.news .section1 .notion-item .notion-item-content .p {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  flex: 1;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #222222;
  line-height: 160%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item .notion-item-content .p {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item .notion-item-content .p {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item .notion-item-content .p {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item .notion-item-content .p {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    flex: none;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-item .notion-item-content .p {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.news .section1 .notion-item .imgArea {
  width: 0.6944444444vw;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-item .imgArea {
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-item .imgArea {
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-item .imgArea {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-item .imgArea {
    display: none;
  }
}
.news .section1 .notion-item:nth-child(1) {
  border-top: 1px solid #e1e1e1;
}
.news .section1 .notion-page {
  gap: 3.4722222222vw;
  position: relative;
  display: flex;
  align-items: center;
  margin: auto;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-page {
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-page {
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-page {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-page {
    justify-content: center;
  }
}
.news .section1 .notion-page .direction-left {
  transform: rotate(180deg);
}
.news .section1 .notion-page span,
.news .section1 .notion-page a {
  font-size: 1.1111111111vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  position: relative;
  color: #000;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-page span,
  .news .section1 .notion-page a {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-page span,
  .news .section1 .notion-page a {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-page span,
  .news .section1 .notion-page a {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-page span,
  .news .section1 .notion-page a {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-page span,
  .news .section1 .notion-page a {
    font-size: 3.5555555556vw;
  }
}
.news .section1 .notion-page span.direction-left:nth-child(1)::before,
.news .section1 .notion-page span.direction-left:nth-child(1)::after {
  left: 0;
  rotate: 135deg;
}
.news .section1 .notion-page span.direction-left:nth-child(1)::after {
  rotate: 45deg;
}
.news .section1 .notion-page .active::after {
  width: 2.0833333333vw;
  height: 0.1388888889vw;
  bottom: -0.3472222222vw;
  content: "";
  position: absolute;
  background-color: #000;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-page .active::after {
    width: 1.6666666667vw;
    height: 0.1111111111vw;
    bottom: -0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-page .active::after {
    width: 49.5px;
    height: 3.3px;
    bottom: -8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-page .active::after {
    width: 2.4vw;
    height: 0.16vw;
    bottom: -0.4vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-page .active::after {
    width: 3.9113428944vw;
    height: 0.260756193vw;
    bottom: -0.6518904824vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-page .active::after {
    width: 6.6666666667vw;
    height: 0.4444444444vw;
    bottom: -1.1111111111vw;
  }
}
.news .section1 .notion-page .imgArea {
  width: 0.6944444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .news .section1 .notion-page .imgArea {
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news .section1 .notion-page .imgArea {
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news .section1 .notion-page .imgArea {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .news .section1 .notion-page .imgArea {
    width: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .news .section1 .notion-page .imgArea {
    width: 2.2222222222vw;
  }
}

.news-detail .section1 {
  padding: 4.8611111111vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 {
    padding: 3.8888888889vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 {
    padding: 115.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 {
    padding: 5.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 {
    padding: 7.8226857888vw 2.6075619296vw;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.news-detail .section1 .notion-sub {
  width: 54.8611111111vw;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub {
    width: 43.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub {
    width: 1303.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub {
    width: 63.2vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-news {
    display: flex;
    flex-direction: column;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-news {
    gap: 4.4444444444vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
    gap: 1.3037809648vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date {
    gap: 2.2222222222vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .time {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
  padding: 0.2083333333vw 1.7361111111vw;
  font-size: 0.8333333333vw;
  border-radius: 0.1388888889vw;
  color: #000;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  border: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
    padding: 0.1666666667vw 1.3888888889vw;
    font-size: 0.6666666667vw;
    border-radius: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
    padding: 4.95px 41.25px;
    font-size: 19.8px;
    border-radius: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
    padding: 0.24vw 2vw;
    font-size: 0.96vw;
    border-radius: 0.16vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
    padding: 0.3911342894vw 3.259452412vw;
    font-size: 1.5645371578vw;
    border-radius: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-news .notion-sub-news-date .category {
    padding: 0.6666666667vw 5.5555555556vw;
    font-size: 2.6666666667vw;
    border-radius: 0.4444444444vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-news .title {
  font-size: 1.6666666667vw;
  padding-bottom: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  border-bottom: 1px solid rgb(0, 0, 0);
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-news .title {
    font-size: 1.3333333333vw;
    padding-bottom: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-news .title {
    font-size: 39.6px;
    padding-bottom: 33px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-news .title {
    font-size: 1.92vw;
    padding-bottom: 1.6vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-news .title {
    font-size: 3.1290743155vw;
    padding-bottom: 2.6075619296vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-news .title {
    font-size: 5.3333333333vw;
    padding-bottom: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content {
  margin-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content {
    margin-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content {
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content {
    margin-top: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content {
    margin-top: 4.4444444444vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content h2 {
  font-size: 1.6666666667vw;
  padding: 1.1111111111vw 1.6666666667vw;
  border-radius: 0.4166666667vw;
  margin: 1.3888888889vw 0;
  background-color: #E8E8E8;
  line-height: 180%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content h2 {
    font-size: 1.3333333333vw;
    padding: 0.8888888889vw 1.3333333333vw;
    border-radius: 0.3333333333vw;
    margin: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content h2 {
    font-size: 39.6px;
    padding: 26.4px 39.6px;
    border-radius: 9.9px;
    margin: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content h2 {
    font-size: 1.92vw;
    padding: 1.28vw 1.92vw;
    border-radius: 0.48vw;
    margin: 1.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content h2 {
    font-size: 3.1290743155vw;
    padding: 1.3037809648vw;
    border-radius: 0.7822685789vw;
    margin: 2.6075619296vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content h2 {
    font-size: 5.3333333333vw;
    padding: 2.2222222222vw;
    border-radius: 1.3333333333vw;
    margin: 4.4444444444vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content p {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  margin: 1.3888888889vw 0;
  letter-spacing: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content p {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    margin: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content p {
    font-size: 26.4px;
    letter-spacing: 1.65px;
    margin: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content p {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    margin: 1.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content p {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    margin: 2.6075619296vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content p {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
    margin: 4.4444444444vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content h3,
.news-detail .section1 .notion-sub .notion-sub-content h4 {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  margin: 1.3888888889vw 0;
  position: relative;
  letter-spacing: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3,
  .news-detail .section1 .notion-sub .notion-sub-content h4 {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
    margin: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3,
  .news-detail .section1 .notion-sub .notion-sub-content h4 {
    font-size: 33px;
    letter-spacing: 1.65px;
    margin: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3,
  .news-detail .section1 .notion-sub .notion-sub-content h4 {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
    margin: 1.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3,
  .news-detail .section1 .notion-sub .notion-sub-content h4 {
    font-size: 2.6075619296vw;
    letter-spacing: 0.1303780965vw;
    margin: 2.6075619296vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3,
  .news-detail .section1 .notion-sub .notion-sub-content h4 {
    font-size: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
    margin: 4.4444444444vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content h3 {
  padding: 0.2083333333vw;
  padding-left: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3 {
    padding: 0.1666666667vw;
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3 {
    padding: 4.95px;
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3 {
    padding: 0.24vw;
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3 {
    padding: 0.3911342894vw;
    padding-left: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3 {
    padding: 0.6666666667vw;
    padding-left: 4.4444444444vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content h3::before {
  width: 0.2777777778vw;
  position: absolute;
  content: "";
  background-color: #000;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3::before {
    width: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3::before {
    width: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3::before {
    width: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3::before {
    width: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content h3::before {
    width: 0.8888888889vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content h4 {
  padding-left: 0;
}
.news-detail .section1 .notion-sub .notion-sub-content a {
  letter-spacing: 0.0694444444vw;
  font-size: 1.1111111111vw;
  color: #000;
  letter-spacing: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
  text-decoration: underline;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content a {
    letter-spacing: 0.0555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content a {
    letter-spacing: 1.65px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content a {
    letter-spacing: 0.08vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content a {
    letter-spacing: 0.1303780965vw;
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content a {
    letter-spacing: 0.2222222222vw;
    font-size: 3.5555555556vw;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content ul {
  padding-left: 1.3888888889vw;
  margin: 1.3888888889vw 0;
  list-style: disc;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul {
    padding-left: 1.1111111111vw;
    margin: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul {
    padding-left: 33px;
    margin: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul {
    padding-left: 1.6vw;
    margin: 1.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul {
    padding-left: 2.6075619296vw;
    margin: 2.6075619296vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul {
    padding-left: 4.4444444444vw;
    margin: 4.4444444444vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content ul ul {
  margin: 0.6944444444vw 0;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul ul {
    margin: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul ul {
    margin: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul ul {
    margin: 0.8vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul ul {
    margin: 1.3037809648vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content ul ul {
    margin: 2.2222222222vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content ol {
  padding-left: 1.3888888889vw;
  margin: 1.3888888889vw 0;
  list-style: decimal;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol {
    padding-left: 1.1111111111vw;
    margin: 1.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol {
    padding-left: 33px;
    margin: 33px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol {
    padding-left: 1.6vw;
    margin: 1.6vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol {
    padding-left: 2.6075619296vw;
    margin: 2.6075619296vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol {
    padding-left: 4.4444444444vw;
    margin: 4.4444444444vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content ol ol {
  margin: 0.6944444444vw 0;
  list-style: lower-alpha;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol ol {
    margin: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol ol {
    margin: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol ol {
    margin: 0.8vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol ol {
    margin: 1.3037809648vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content ol ol {
    margin: 2.2222222222vw 0;
  }
}
.news-detail .section1 .notion-sub .notion-sub-content ol ol ol {
  list-style: lower-roman;
}
.news-detail .section1 .notion-sub .notion-sub-content li {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  margin: 0.3472222222vw 0;
  color: #000;
  letter-spacing: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .notion-sub-content li {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    margin: 0.2777777778vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .notion-sub-content li {
    font-size: 26.4px;
    letter-spacing: 1.65px;
    margin: 8.25px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .notion-sub-content li {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    margin: 0.4vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .notion-sub-content li {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    margin: 0.6518904824vw 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .notion-sub-content li {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
    margin: 1.1111111111vw 0;
  }
}
.news-detail .section1 .notion-sub .page-list {
  gap: 5.5555555556vw;
  padding: 4.1666666667vw 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .page-list {
    gap: 4.4444444444vw;
    padding: 3.3333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .page-list {
    gap: 132px;
    padding: 99px 0;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .page-list {
    gap: 6.4vw;
    padding: 4.8vw 0;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .page-list {
    padding: 5.2151238592vw 0;
    justify-content: space-between;
    gap: 0;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .page-list {
    padding: 8.8888888889vw 0;
  }
}
.news-detail .section1 .notion-sub .page-list span,
.news-detail .section1 .notion-sub .page-list a {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-weight: 500;
  letter-spacing: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
  color: #000;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .page-list span,
  .news-detail .section1 .notion-sub .page-list a {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .page-list span,
  .news-detail .section1 .notion-sub .page-list a {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .page-list span,
  .news-detail .section1 .notion-sub .page-list a {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .page-list span,
  .news-detail .section1 .notion-sub .page-list a {
    font-size: 1.8252933507vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .page-list span,
  .news-detail .section1 .notion-sub .page-list a {
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.news-detail .section1 .notion-sub .page-list div,
.news-detail .section1 .notion-sub .page-list a {
  gap: 1.3888888889vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .page-list div,
  .news-detail .section1 .notion-sub .page-list a {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .page-list div,
  .news-detail .section1 .notion-sub .page-list a {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .page-list div,
  .news-detail .section1 .notion-sub .page-list a {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .page-list div,
  .news-detail .section1 .notion-sub .page-list a {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .news-detail .section1 .notion-sub .page-list div,
  .news-detail .section1 .notion-sub .page-list a {
    gap: 2.2222222222vw;
  }
}
.news-detail .section1 .notion-sub .page-list .previous .imgArea {
  transform: rotate(180deg);
}
.news-detail .section1 .notion-sub .page-list .disabled .span {
  color: #b2b2b2;
}
.news-detail .section1 .notion-sub .page-list .disabled .imgArea {
  opacity: 0.5;
}
.news-detail .section1 .notion-sub .page-list .active {
  border-bottom: 1px solid #000;
}
.news-detail .section1 .notion-sub .page-list .imgArea {
  width: 0.6944444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .news-detail .section1 .notion-sub .page-list .imgArea {
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .news-detail .section1 .notion-sub .page-list .imgArea {
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .news-detail .section1 .notion-sub .page-list .imgArea {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail .section1 .notion-sub .page-list .imgArea {
    display: none;
  }
}
.news-detail .section1 .notion-sub .page-list .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}

.contact {
  padding: 5.5555555556vw 0;
}
@media screen and (min-width: 1800px) {
  .contact {
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact {
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact {
    padding: 6.4vw 0;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    padding: 7.8226857888vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact {
    padding: 13.3333333333vw 0;
  }
}
@media screen and (max-width: 767px) {
  .contact .content {
    width: 100%;
    padding: 0 2.6075619296vw;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .contact .content {
    padding: 0 4.4444444444vw;
    padding-bottom: 0;
  }
}
.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: 767px) {
  .contact .content .topArea {
    gap: 1.5645371578vw;
    padding-bottom: 2.6075619296vw;
  }
}
@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: 767px) {
  .contact .content .topArea .tel {
    gap: 1.5645371578vw;
  }
}
@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: 767px) {
  .contact .content .topArea .tel .imgArea {
    width: 3.3898305085vw;
    height: 3.3898305085vw;
  }
  .contact .content .topArea .tel .imgArea img {
    vertical-align: baseline;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea .tel .imgArea {
    width: 5.7777777778vw;
    height: 5.7777777778vw;
  }
  .contact .content .topArea .tel .imgArea img {
    vertical-align: baseline;
  }
}
.contact .content .topArea .tel .span {
  font-size: 3.4722222222vw;
  font-family: "Outfit-Bold", 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: 767px) {
  .contact .content .topArea .tel .span {
    font-size: 3.6505867014vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .topArea .tel .span {
    font-size: 6.2222222222vw;
  }
}
.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: 767px) {
  .contact .content .topArea .textArea {
    font-size: 1.9556714472vw;
  }
}
@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: 767px) {
  .contact .content .formArea {
    padding-top: 7.8226857888vw;
    gap: 2.6075619296vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea {
    padding-top: 13.3333333333vw;
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .input {
  gap: 4.8611111111vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .input {
    gap: 1.9556714472vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2 {
  gap: 4.8611111111vw;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2 {
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2 {
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2 {
    gap: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .input2 {
    gap: 1.9556714472vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2 {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2 .checkArea {
  gap: 2.7777777778vw;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2 .checkArea {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2 .checkArea {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2 .checkArea {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .input2 .checkArea {
    gap: 1.9556714472vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2 .checkArea {
    gap: 3.3333333333vw;
  }
}
.contact .content .formArea form .input2 .marginTop {
  margin-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .input2 .marginTop {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .input2 .marginTop {
    margin-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .input2 .marginTop {
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .input2 .marginTop {
    margin-top: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .input2 .marginTop {
    margin-top: 4.4444444444vw;
  }
}
.contact .content .formArea form .checkItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.contact .content .formArea form .checkItem input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .formArea form .checkItem input[type=checkbox]:checked + .checkLabel::before {
  background-color: #0066cc;
  border-color: #0066cc;
}
.contact .content .formArea form .checkItem input[type=checkbox]:checked + .checkLabel::after {
  opacity: 1;
}
.contact .content .formArea form .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 {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .checkItem .checkLabel {
    padding-left: 4.1720990874vw;
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel {
    padding-left: 7.1111111111vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .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 {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel::before {
    width: 33px;
    height: 33px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel::before {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .checkItem .checkLabel::before {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    border-radius: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel::before {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .content .formArea form .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 {
    left: 0.2222222222vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .checkItem .checkLabel::after {
    left: 6.6px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .checkItem .checkLabel::after {
    left: 0.32vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .checkItem .checkLabel::after {
    left: 0.5215123859vw;
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .checkItem .checkLabel::after {
    left: 0.8888888889vw;
    font-size: 3.1111111111vw;
  }
}
.contact .content .formArea form .checkItem:hover .checkLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .left {
  width: 23.6111111111vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .left {
    width: 15vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .left {
    width: 445.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .left {
    width: 21.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .left {
    width: auto;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .left {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .text {
  font-size: 1.3888888889vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
  color: #000000;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .text {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .text {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .text {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .text {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .text {
    font-size: 4vw;
  }
}
.contact .content .formArea form .require,
.contact .content .formArea form .any {
  padding: 0.3472222222vw 0.6944444444vw;
  border-radius: 0.2777777778vw;
  font-size: 0.8333333333vw;
  line-height: 1;
  text-align: center;
  color: #FFF;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .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 {
    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 {
    padding: 0.4vw 0.8vw;
    border-radius: 0.32vw;
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any {
    padding: 0.6518904824vw 1.3037809648vw;
    border-radius: 0.5215123859vw;
    font-size: 1.5645371578vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .require,
  .contact .content .formArea form .any {
    padding: 1.1111111111vw 2.2222222222vw;
    border-radius: 0.8888888889vw;
    font-size: 2.6666666667vw;
  }
}
.contact .content .formArea form .require {
  background: #000;
}
.contact .content .formArea form .any {
  background: #AEAEAE;
}
.contact .content .formArea form .textArea {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .textArea {
    width: 100%;
  }
}
.contact .content .formArea form .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: 767px) {
  .contact .content .formArea form .textArea .button:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .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 {
    width: 429px;
    padding: 19.8px 26.4px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .textArea .button {
    width: 20.8vw;
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .textArea .button {
    margin: 0 auto;
    width: 33.8983050847vw;
    padding: 1.5645371578vw 2.0860495437vw;
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .textArea .button {
    width: 57.7777777778vw;
    padding: 2.6666666667vw 3.5555555556vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .textArea2 {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .textArea2 {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .textArea2 {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .textArea2 {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .textArea2 {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .textArea2 {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .radioArea {
  gap: 2.7777777778vw;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .radioArea {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .radioArea .radioItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio]:checked + .radioLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .radioArea .radioItem input[type=radio]:checked + .radioLabel::after {
  opacity: 1;
}
.contact .content .formArea form .radioArea .radioItem .radioLabel {
  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 {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel {
    padding-left: 4.1720990874vw;
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel {
    padding-left: 7.1111111111vw;
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .radioArea .radioItem .radioLabel::before {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border: 0.1388888889vw solid #ccc;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border: 0.1111111111vw solid #ccc;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::before {
    width: 33px;
    height: 33px;
    border: 3.3px solid #ccc;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::before {
    width: 1.6vw;
    height: 1.6vw;
    border: 0.16vw solid #ccc;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::before {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    border: 0.260756193vw solid #ccc;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::before {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border: 0.4444444444vw solid #ccc;
  }
}
.contact .content .formArea form .radioArea .radioItem .radioLabel::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 {
    left: 0.3888888889vw;
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after {
    left: 11.55px;
    width: 16.5px;
    height: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after {
    left: 0.56vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after {
    left: 0.9126466754vw;
    width: 1.3037809648vw;
    height: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .radioArea .radioItem .radioLabel::after {
    left: 1.5555555556vw;
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
.contact .content .formArea form .radioArea .radioItem:hover .radioLabel::before {
  border-color: #0066cc;
}
.contact .content .formArea form .dropdownArea {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .dropdownArea {
    width: 100%;
  }
}
.contact .content .formArea form .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 {
    right: 0.8888888889vw;
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .dropdownArea::after {
    right: 26.4px;
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .dropdownArea::after {
    right: 1.28vw;
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .dropdownArea::after {
    right: 2.0860495437vw;
    font-size: 1.5645371578vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .dropdownArea::after {
    right: 3.5555555556vw;
    font-size: 2.6666666667vw;
  }
}
.contact .content .formArea form .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 {
    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 {
    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 {
    padding: 0.96vw 3.2vw 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .dropdownArea select {
    padding: 1.5645371578vw 5.2151238592vw 1.5645371578vw 2.0860495437vw;
    font-size: 2.0860495437vw;
    border-radius: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .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 {
  outline: none;
  border-color: #0066cc;
}
.contact .content .formArea form .dropdownArea select option {
  padding: 0.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .dropdownArea select option {
    padding: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .dropdownArea select option {
    padding: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .dropdownArea select option {
    padding: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .dropdownArea select option {
    padding: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .dropdownArea select option {
    padding: 2.2222222222vw;
  }
}
.contact .content .formArea form .inputArea {
  gap: 1.3888888889vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .inputArea {
    width: 100%;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea {
    gap: 4.4444444444vw;
  }
}
.contact .content .formArea form .inputArea .inputContent {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea .inputContent {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea .inputContent {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .inputArea .inputContent {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea .inputContent {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .inputArea .inputContent .text {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent .text {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .inputArea .inputContent .text {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .inputArea .inputContent .text {
    width: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .inputArea .inputContent .text {
    width: 100%;
  }
}
.contact .content .formArea form .inputArea .inputContent input {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .inputArea .inputContent input {
    width: 100%;
  }
}
.contact .content .formArea form .inputArea .inputContent .button {
  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: 767px) {
  .contact .content .formArea form .inputArea .inputContent .button:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .inputArea .inputContent .button {
    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 {
    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 {
    width: 20.8vw;
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .inputArea .inputContent .button {
    width: 100%;
    padding: 1.5645371578vw 2.0860495437vw;
    font-size: 2.0860495437vw;
    border-radius: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .inputArea .inputContent .button {
    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 {
  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 {
    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 {
    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 {
    padding: 0.96vw 1.28vw;
    font-size: 1.28vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .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 {
    padding: 1.5645371578vw 2.0860495437vw;
    font-size: 2.0860495437vw;
    border-radius: 0.5215123859vw;
  }
}
@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 {
    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 {
  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 {
  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 {
  outline: none;
  border-color: #0066cc;
}
.contact .content .formArea form textarea {
  min-height: 8.3333333333vw;
  resize: vertical;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form textarea {
    min-height: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form textarea {
    min-height: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form textarea {
    min-height: 9.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form textarea {
    min-height: 15.6453715776vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form textarea {
    min-height: 26.6666666667vw;
  }
}
.contact .content .formArea form .birthArea {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .birthArea {
    flex-direction: column;
    gap: 1.3037809648vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .birthArea {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .birthArea .wrapper {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea .wrapper {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea .wrapper {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea .wrapper {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .birthArea .wrapper {
    width: 100%;
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .birthArea .wrapper {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .birthArea input,
.contact .content .formArea form .birthArea .dropdownArea {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea {
    width: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .birthArea input,
  .contact .content .formArea form .birthArea .dropdownArea {
    width: auto;
    flex: 1;
  }
}
.contact .content .formArea form .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 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .span2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .span2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .span2 {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .span2 {
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea form .short {
  gap: 0.6944444444vw;
  margin-top: 0.6944444444vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .short {
    gap: 0.5555555556vw;
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short {
    gap: 16.5px;
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short {
    gap: 0.8vw;
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .short {
    margin-top: 0;
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .short {
    gap: 2.2222222222vw;
  }
}
.contact .content .formArea form .short input {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea form .short input {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short input {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short input {
    width: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .short input {
    width: auto;
    flex: 1;
  }
}
.contact .content .formArea form .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 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea form .short .shortSpan {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea form .short .shortSpan {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea form .short .shortSpan {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .formArea form .short .shortSpan {
    font-size: 3.5555555556vw;
  }
}
.contact .content .formArea .bottomArea {
  width: 52.7777777778vw;
  gap: 1.3888888889vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .content .formArea .bottomArea {
    width: 42.2222222222vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .formArea .bottomArea {
    width: 1254px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .formArea .bottomArea {
    width: 60.8vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .formArea .bottomArea {
    width: 100%;
    gap: 2.6075619296vw;
  }
}
@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: "Outfit-Bold", Helvetica;
  font-weight: 400;
}
@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: 767px) {
  .contact .content .formArea .bottomArea .privacyText {
    font-size: 1.8252933507vw;
    line-height: 180%;
    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: 767px) {
  .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: 767px) {
  .contact .content .formArea .bottomArea .privacyText .link {
    font-size: 14px;
    font-size: 1.8252933507vw;
  }
}
@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: #E8E8E8;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
}
@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: 767px) {
  .contact .content .formArea .bottomArea .checkItem {
    padding: 2.3468057366vw 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: 767px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel {
    padding-left: 4.1720990874vw;
    font-size: 1.8252933507vw;
    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: 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: 767px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::before {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    border-radius: 0.5215123859vw;
  }
}
@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: 767px) {
  .contact .content .formArea .bottomArea .checkItem .checkLabel::after {
    left: 0.5215123859vw;
    font-size: 1.8252933507vw;
  }
}
@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: 767px) {
  .contact .content .buttonArea {
    margin-top: 7.8226857888vw;
  }
}
@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: 17.3611111111vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 999px;
  transition: all 0.6s ease;
  position: relative;
}
@media screen and (min-width: 767px) {
  .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: 13.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea .link {
    padding: 56.1px 0;
    gap: 8.25px;
    width: 412.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea .link {
    padding: 2.72vw 0;
    gap: 0.4vw;
    width: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .buttonArea .link {
    padding: 3.6505867014vw 0;
    gap: 1.5645371578vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea .link {
    padding: 6.2222222222vw 0;
    gap: 2.6666666667vw;
  }
}
.contact .content .buttonArea .link .iconImg {
  width: 0.6944444444vw;
  position: absolute;
  display: block;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .contact .content .buttonArea .link .iconImg {
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .content .buttonArea .link .iconImg {
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .content .buttonArea .link .iconImg {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .content .buttonArea .link .iconImg {
    width: 1.3037809648vw;
    height: auto;
  }
  .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: 2.2222222222vw;
    height: auto;
  }
}
.contact .content .buttonArea .link .iconImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.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: 767px) {
  .contact .content .buttonArea .link .span {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .content .buttonArea .link .span {
    font-size: 4vw;
  }
}
.contact .wpcf7-form-control-wrap {
  flex: 1;
}
.contact .checkItem .wpcf7-form-control-wrap {
  flex: none;
}
.contact .checkItem .wpcf7-acceptance {
  display: flex;
  align-items: center;
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
    width: 33px;
    height: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background-color: #0066cc;
  border-color: #0066cc;
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .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 .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    padding-left: 1.7777777778vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    padding-left: 52.8px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    padding-left: 2.56vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    padding-left: 4.1720990874vw;
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    padding-left: 7.1111111111vw;
    font-size: 3.5555555556vw;
  }
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::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 .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
    border-radius: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
    width: 33px;
    height: 33px;
    border-radius: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.32vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    border-radius: 0.5215123859vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
    border-radius: 0.8888888889vw;
  }
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::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 .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
    left: 0.2222222222vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
    left: 6.6px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
    left: 0.32vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 767px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
    left: 0.5215123859vw;
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .checkItem .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
    left: 0.8888888889vw;
    font-size: 3.1111111111vw;
  }
}
.contact .checkItem .wpcf7-acceptance .wpcf7-list-item label:hover .wpcf7-list-item-label::before {
  border-color: #0066cc;
}

.contact2 {
  padding: 5.5555555556vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact2 {
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 {
    padding: 132px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 {
    padding: 6.4vw 0;
  }
}
@media screen and (max-width: 767px) {
  .contact2 {
    padding: 7.8125vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact2 {
    padding: 13.3333333333vw 0;
  }
}
.contact2 .content {
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .contact2 .content {
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content {
    width: 88vw;
  }
}
@media screen and (max-width: 767px) {
  .contact2 .content {
    width: 100%;
    padding: 0 2.6075619296vw;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content {
    padding: 0 4.4444444444vw;
    padding-bottom: 0;
  }
}
.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: 767px) {
  .contact2 .content .text {
    font-size: 2.3468057366vw;
  }
}
@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: 767px) {
  .contact2 .content .contentArea {
    gap: 2.6075619296vw;
  }
}
@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: 767px) {
  .contact2 .content .contentArea .input {
    gap: 1.3037809648vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input {
    gap: 2.2222222222vw;
  }
}
.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: 767px) {
  .contact2 .content .contentArea .input .left {
    width: auto;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input .left {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .input .left .text {
  font-weight: 700;
}
.contact2 .content .contentArea .input .text {
  font-size: 1.3888888889vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 500;
  letter-spacing: 1px;
  color: #000000;
}
@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: 767px) {
  .contact2 .content .contentArea .input .text {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input .text {
    font-size: 3.5555555556vw;
  }
}
.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: 767px) {
  .contact2 .content .contentArea .input2 {
    gap: 1.9556714472vw;
    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: 767px) {
  .contact2 .content .contentArea .input2 .left {
    width: auto;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input2 .left {
    gap: 4.4444444444vw;
  }
}
.contact2 .content .contentArea .input2 .left .text {
  font-weight: 700;
}
.contact2 .content .contentArea .input2 .text {
  font-size: 1.3888888889vw;
  font-family: "Noto Sans JP-Black", Helvetica;
  color: #000000;
  font-weight: 500;
}
@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: 767px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .contentArea .input2 .text {
    font-size: 3.5555555556vw;
  }
}
.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: 767px) {
  .contact2 .content .contentArea .inputArea {
    width: 100%;
    gap: 2.6075619296vw;
  }
}
@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: 767px) {
  .contact2 .content .contentArea .inputArea .inputContent {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 1.3037809648vw;
  }
}
@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: 767px) {
  .contact2 .content .contentArea .inputArea .inputContent .text {
    width: 100%;
  }
}
.contact2 .content .contentArea .inputArea .inputContent .text {
  font-weight: 700;
}
.contact2 .content .contentArea .inputArea .inputContent .text2 {
  flex: 1;
  font-weight: 500;
}
.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: 767px) {
  .contact2 .content .buttonArea {
    flex-direction: column;
    margin-top: 7.8226857888vw;
    gap: 2.6075619296vw;
  }
}
@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: 17.3611111111vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 999px;
  transition: all 0.6s ease;
  position: relative;
}
@media screen and (min-width: 767px) {
  .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: 767px) {
  .contact2 .content .buttonArea .link {
    padding: 3.6505867014vw 0;
    gap: 1.5645371578vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link {
    padding: 6.2222222222vw 0;
    gap: 2.6666666667vw;
  }
}
.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: 767px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link .span {
    font-size: 4.4444444444vw;
  }
}
.contact2 .content .buttonArea .link .imgArea {
  width: 0.6944444444vw;
  right: 2.0833333333vw;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .contact2 .content .buttonArea .link .imgArea {
    width: 0.5555555556vw;
    right: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact2 .content .buttonArea .link .imgArea {
    width: 16.5px;
    right: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact2 .content .buttonArea .link .imgArea {
    width: 0.8vw;
    right: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .contact2 .content .buttonArea .link .imgArea {
    width: 1.3037809648vw;
    right: 3.9113428944vw;
  }
}
@media screen and (max-width: 450px) {
  .contact2 .content .buttonArea .link .imgArea {
    width: 2.2222222222vw;
    right: 6.6666666667vw;
  }
}
.contact2 .content .buttonArea .link:nth-of-type(1) {
  background: #FFF;
  border: 1px solid #000;
}
.contact2 .content .buttonArea .link:nth-of-type(1) .span {
  color: #000;
}

.contact3 {
  padding: 13.8888888889vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact3 {
    padding: 11.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 {
    padding: 330px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 {
    padding: 16vw 0;
  }
}
@media screen and (max-width: 767px) {
  .contact3 {
    padding: 13.037809648vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact3 {
    padding: 22.2222222222vw 0;
  }
}
.contact3 .content {
  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: 767px) {
  .contact3 .content {
    width: 100%;
    padding: 0 2.6075619296vw;
    gap: 5.2151238592vw;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content {
    padding: 0 4.4444444444vw;
    gap: 8.8888888889vw;
    padding-bottom: 0;
  }
}
.contact3 .content .text {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  text-align: center;
  color: #000000;
  line-height: 160%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .text {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .text {
    font-size: 33px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .text {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .contact3 .content .text {
    font-size: 2.6075619296vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .text {
    font-size: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
  }
}
.contact3 .content .buttonArea {
  gap: 4.1666666667vw;
  margin-top: 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: 767px) {
  .contact3 .content .buttonArea {
    margin-top: 0;
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea {
    gap: 4.4444444444vw;
  }
}
.contact3 .content .buttonArea .link {
  padding: 2.3611111111vw 0;
  gap: 0.3472222222vw;
  width: 17.3611111111vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0BBC;
  border-radius: 999px;
  transition: all 0.6s ease;
  position: relative;
}
@media screen and (min-width: 767px) {
  .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: 13.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea .link {
    padding: 56.1px 0;
    gap: 8.25px;
    width: 412.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea .link {
    padding: 2.72vw 0;
    gap: 0.4vw;
    width: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .contact3 .content .buttonArea .link {
    padding: 3.6505867014vw 0;
    gap: 1.5645371578vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea .link {
    padding: 6.2222222222vw 0;
    gap: 2.6666666667vw;
  }
}
.contact3 .content .buttonArea .link .span {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  color: #FFF;
  line-height: 1;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
}
@media screen and (min-width: 1800px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 33px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .contact3 .content .buttonArea .link .span {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.contact3 .content .buttonArea .link .imgArea {
  display: block;
  width: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.contact3 .content .buttonArea .link .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.contact3 .content .buttonArea .link:nth-of-type(1) {
  background: #000;
}

.privacy {
  display: flex;
  justify-content: center;
}
.privacy .section1 {
  padding: 6.9444444444vw 0;
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 {
    padding: 5.5555555556vw 0;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 {
    padding: 165px 0;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 {
    padding: 8vw 0;
    width: 88vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 {
    padding: 7.8226857888vw 2.6075619296vw 13.037809648vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 {
    padding: 13.3333333333vw 4.4444444444vw 22.2222222222vw;
  }
}
.privacy .section1 p,
.privacy .section1 a,
.privacy .section1 strong,
.privacy .section1 span {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
  width: 100%;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 26.4px;
    letter-spacing: 1.65px;
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
    margin-top: 2.6075619296vw;
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
    margin-top: 4.4444444444vw;
    margin-bottom: 4.4444444444vw;
  }
}
.privacy .section1 a {
  text-decoration: underline;
}
.privacy .section1 h2 {
  margin-top: 4.0277777778vw;
  margin-bottom: 2.0138888889vw;
  font-size: 1.9444444444vw;
  letter-spacing: 0.0694444444vw;
  padding-bottom: 0.9027777778vw;
  border-bottom: 1px solid #000;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 700;
  color: #000000;
  line-height: 210%;
  letter-spacing: 1px;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 h2 {
    margin-top: 3.2222222222vw;
    margin-bottom: 1.6111111111vw;
    font-size: 1.5555555556vw;
    letter-spacing: 0.0555555556vw;
    padding-bottom: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 h2 {
    margin-top: 95.7px;
    margin-bottom: 47.85px;
    font-size: 46.2px;
    letter-spacing: 1.65px;
    padding-bottom: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 h2 {
    margin-top: 4.64vw;
    margin-bottom: 2.32vw;
    font-size: 2.24vw;
    letter-spacing: 0.08vw;
    padding-bottom: 1.04vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 h2 {
    margin-top: 7.5619295958vw;
    margin-bottom: 2.6075619296vw;
    font-size: 2.8683181226vw;
    letter-spacing: 0.1303780965vw;
    padding-bottom: 0.6518904824vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 h2 {
    margin-top: 12.8888888889vw;
    margin-bottom: 4.4444444444vw;
    font-size: 4.8888888889vw;
    letter-spacing: 0.2222222222vw;
    padding-bottom: 1.1111111111vw;
  }
}
.privacy .section1 ul,
.privacy .section1 ol {
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 3.6505867014vw;
    margin-bottom: 3.6505867014vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 6.2222222222vw;
    margin-bottom: 6.2222222222vw;
  }
}
.privacy .section1 ul li,
.privacy .section1 ol li {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 400;
  color: #000000;
  line-height: 210%;
  letter-spacing: 1px;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.privacy .section1 ul ul,
.privacy .section1 ul ol,
.privacy .section1 ol ul,
.privacy .section1 ol ol {
  margin-top: 0.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 2.2222222222vw;
  }
}
.privacy .section1 ul {
  list-style-type: disc;
  padding-left: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 ul {
    padding-left: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul {
    padding-left: 4.4444444444vw;
  }
}
.privacy .section1 ol {
  padding-left: 1.3888888889vw;
  list-style-type: decimal;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ol {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ol {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ol {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .privacy .section1 ol {
    padding-left: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ol {
    padding-left: 4.4444444444vw;
  }
}

.error {
  padding: 10.4166666667vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .error {
    padding: 8.3333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .error {
    padding: 247.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .error {
    padding: 12vw 0;
  }
}
@media screen and (max-width: 767px) {
  .error {
    padding: 13.037809648vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .error {
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.error .section1 {
  width: 76.3888888889vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .error .section1 {
    width: 61.1111111111vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 {
    width: 1815px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 {
    width: 88vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 {
    width: 100%;
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 {
    width: 100%;
    gap: 13.3333333333vw;
  }
}
.error .section1 .paragraph {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .error .section1 .paragraph {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .paragraph {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .paragraph {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .paragraph {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .paragraph {
    gap: 4.4444444444vw;
  }
}
.error .section1 .paragraph .heading-not {
  letter-spacing: 0.0694444444vw;
  font-size: 4.4444444444vw;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 600;
  color: #000000;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .error .section1 .paragraph .heading-not {
    font-size: 3.5555555556vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .paragraph .heading-not {
    font-size: 105.6px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .paragraph .heading-not {
    font-size: 5.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .paragraph .heading-not {
    font-size: 3.1290743155vw;
    letter-spacing: 0.1303780965vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .paragraph .heading-not {
    font-size: 5.3333333333vw;
    letter-spacing: 0.2222222222vw;
  }
}
.error .section1 .paragraph .text-wrapper {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Inter-Medium", Helvetica;
  font-weight: 500;
  color: #333333;
  line-height: 180%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .error .section1 .paragraph .text-wrapper {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .paragraph .text-wrapper {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .paragraph .text-wrapper {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .paragraph .text-wrapper {
    text-align: center;
    font-size: 2.0860495437vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .paragraph .text-wrapper {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.error .section1 .group {
  border-radius: 3.4722222222vw;
  padding: 1.9444444444vw 0;
  width: 17.3611111111vw;
  position: relative;
  display: block;
  background: #000;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .error .section1 .group {
    border-radius: 2.7777777778vw;
    padding: 1.5555555556vw 0;
    width: 13.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .group {
    border-radius: 82.5px;
    padding: 46.2px 0;
    width: 412.5px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .group {
    border-radius: 4vw;
    padding: 2.24vw 0;
    width: 20vw;
  }
}
@media screen and (min-width: 767px) {
  .error .section1 .group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .error .section1 .group:hover .imgArea {
    transform: translate(5px, -50%);
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .group {
    border-radius: 6.518904824vw;
    padding: 3.6505867014vw 0;
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .group {
    border-radius: 11.1111111111vw;
    padding: 6.2222222222vw 0;
  }
}
.error .section1 .group .text-wrapper-2 {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  display: block;
  height: 100%;
  color: #FFF;
  text-align: center;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 400;
}
@media screen and (min-width: 1800px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1303780965vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.error .section1 .group .imgArea {
  right: 2.1527777778vw;
  width: 0.6944444444vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .error .section1 .group .imgArea {
    right: 1.7222222222vw;
    width: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .group .imgArea {
    right: 51.15px;
    width: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .group .imgArea {
    right: 2.48vw;
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .error .section1 .group .imgArea {
    right: 4.0417209909vw;
    width: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .group .imgArea {
    right: 6.8888888889vw;
    width: 2.2222222222vw;
  }
}
.error .section1 .group .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}

.m-footer .background {
  padding: 9.375vw 4.8611111111vw;
  position: relative;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .background {
    padding: 7.5vw 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background {
    padding: 222.75px 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background {
    padding: 10.8vw 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background {
    padding: 13.037809648vw 2.6075619296vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background {
    padding: 22.2222222222vw 4.4444444444vw;
  }
}
.m-footer .background .container {
  gap: 2.7777777778vw;
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container {
    gap: 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container {
    gap: 8.8888888889vw;
  }
}
.m-footer .background .container .div {
  gap: 17.1527777778vw;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div {
    gap: 13.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div {
    gap: 407.55px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div {
    gap: 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div {
    flex-direction: column;
    gap: 7.8226857888vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div {
    gap: 13.3333333333vw;
  }
}
.m-footer .background .container .div .heading {
  mix-blend-mode: difference;
}
.m-footer .background .container .div .heading .text-wrapper {
  font-size: 8.1944444444vw;
  font-family: "Adobe Caslon Pro", Helvetica;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .heading .text-wrapper {
    font-size: 6.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .heading .text-wrapper {
    font-size: 194.7px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .heading .text-wrapper {
    font-size: 9.44vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .heading .text-wrapper {
    font-size: 10.4302477184vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .heading .text-wrapper {
    font-size: 17.7777777778vw;
  }
}
.m-footer .background .container .div .frame {
  gap: 2.4305555556vw;
  display: flex;
  flex-direction: column;
  width: auto;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame {
    gap: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame {
    gap: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame {
    gap: 2.8vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame {
    gap: 4.5632333768vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .frame {
    gap: 7.7777777778vw;
  }
}
.m-footer .background .container .div .frame .text-wrapper-2 {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  font-family: "Inter-Medium", Helvetica;
  color: #000000;
  line-height: 180%;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame .text-wrapper-2 {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame .text-wrapper-2 {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame .text-wrapper-2 {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame .text-wrapper-2 {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .frame .text-wrapper-2 {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.m-footer .background .container .div .frame .link {
  font-size: 4.8611111111vw;
  letter-spacing: 0.6111111111vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame .link {
    font-size: 3.8888888889vw;
    letter-spacing: 0.4888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame .link {
    font-size: 115.5px;
    letter-spacing: 14.52px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame .link {
    font-size: 4.8vw;
    letter-spacing: 0.704vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame .link {
    font-size: 3.9113428944vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .frame .link {
    font-size: 6.6666666667vw;
  }
}
.m-footer .background .container .div .frame .link-2 {
  padding: 1.7361111111vw 3.6805555556vw;
  display: flex;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #000000;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame .link-2 {
    padding: 1.3888888889vw 2.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame .link-2 {
    padding: 41.25px 87.45px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame .link-2 {
    padding: 2vw 4.24vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame .link-2 {
    padding: 3.259452412vw 0;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .frame .link-2 {
    padding: 5.5555555556vw 0;
  }
}
.m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  font-family: "Outfit-Medium", Helvetica;
  color: #070707;
  text-align: center;
  line-height: 1;
  font-weight: 500;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
    font-size: 2.3468057366vw;
    letter-spacing: 0.1877444589vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-3 {
    font-size: 4vw;
    letter-spacing: 0.32vw;
  }
}
.m-footer .background .container .div .frame .link-2 .text-wrapper-4 {
  top: 1.7361111111vw;
  left: 40.9027777778vw;
  font-size: 1.25vw;
  letter-spacing: 0.1vw;
  position: absolute;
  font-family: "Outfit-Medium", Helvetica;
  color: #070707;
  text-align: center;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-4 {
    top: 1.3888888889vw;
    left: 32.7222222222vw;
    font-size: 1vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-4 {
    top: 41.25px;
    left: 971.85px;
    font-size: 29.7px;
    letter-spacing: 2.376px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-4 {
    top: 2vw;
    left: 40vw;
    font-size: 1.44vw;
    letter-spacing: 0.1152vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div .frame .link-2 .text-wrapper-4 {
    display: none;
  }
}
.m-footer .background .container .nav {
  padding: 20px 0 0;
  padding: 1.3888888889vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #000000;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .nav {
    padding: 1.1111111111vw 0 0;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .nav {
    padding: 33px 0 0;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .nav {
    padding: 1.6vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .nav {
    padding: 2.6075619296vw 0 0;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .nav {
    padding: 4.4444444444vw 0 0;
  }
}
.m-footer .background .container .nav .list {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .nav .list {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .nav .list {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .nav .list {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .nav .list {
    flex-wrap: wrap;
    gap: 1.3037809648vw 5.2151238592vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .nav .list {
    gap: 2.2222222222vw 8.8888888889vw;
  }
}
.m-footer .background .container .div-2 {
  gap: 0.6944444444vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div-2 {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div-2 {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div-2 {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div-2 {
    flex-direction: column-reverse;
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div-2 {
    gap: 2.2222222222vw;
  }
}
.m-footer .background .container .div-2 .text-wrapper-5 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1666666667vw;
  line-height: 180%;
  font-family: "Outfit-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div-2 .text-wrapper-5 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div-2 .text-wrapper-5 {
    font-size: 26.4px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div-2 .text-wrapper-5 {
    font-size: 1.28vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div-2 .text-wrapper-5 {
    font-size: 2.0860495437vw;
    letter-spacing: 0.3129074316vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div-2 .text-wrapper-5 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.5333333333vw;
  }
}
.m-footer .background .container .div-2 .small-LOGICORE {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1666666667vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div-2 .small-LOGICORE {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div-2 .small-LOGICORE {
    font-size: 26.4px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div-2 .small-LOGICORE {
    font-size: 1.28vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div-2 .small-LOGICORE {
    font-size: 1.5645371578vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div-2 .small-LOGICORE {
    font-size: 2.6666666667vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .background .container .div-2 .text-wrapper-6 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1666666667vw;
  font-family: "Outfit-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 1800px) {
  .m-footer .background .container .div-2 .text-wrapper-6 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .background .container .div-2 .text-wrapper-6 {
    font-size: 26.4px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .background .container .div-2 .text-wrapper-6 {
    font-size: 1.28vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 767px) {
  .m-footer .background .container .div-2 .text-wrapper-6 {
    font-size: 1.5645371578vw;
    letter-spacing: 0.260756193vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .background .container .div-2 .text-wrapper-6 {
    font-size: 2.6666666667vw;
    letter-spacing: 0.4444444444vw;
  }
}

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