@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  line-height: 1.4;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

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

em {
  color: black;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

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

.content {
  margin-top: 0;
}

.wrap {
  width: 100%;
}

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

.mysyle {
  overflow: hidden;
}

a {
  text-decoration: none;
}

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

.pc-layout {
  display: block;
}

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

@media screen and (max-width: 768px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}
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;
}

.custom-cursor {
  position: fixed;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  mix-blend-mode: difference;
}
@media screen and (max-width: 768px) {
  .custom-cursor {
    display: none !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
}

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

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

.slideheader {
  padding: 1.1111111111vw 1.6666666667vw;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.3s ease;
}
.slideheader.is-visible {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 1800px) {
  .slideheader {
    padding: 0.8888888889vw 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader {
    padding: 26.4px 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader {
    padding: 1.28vw 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader {
    padding: 2.2135416667vw 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader {
    padding: 3.7777777778vw 5.3333333333vw;
  }
}
.slideheader .link {
  width: 11.6666666667vw;
}
@media screen and (min-width: 1800px) {
  .slideheader .link {
    width: 9.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .link {
    width: 277.2px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .link {
    width: 13.44vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .link {
    width: 21.875vw;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .link {
    width: 37.3333333333vw;
  }
}
.slideheader .div {
  gap: 1.6666666667vw;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .slideheader .div {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .div {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .div {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .slideheader .div {
    display: none;
  }
}
.slideheader .div .navbar {
  gap: 1.3888888889vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .slideheader .div .navbar {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .div .navbar {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .div .navbar {
    gap: 1.6vw;
  }
}
.slideheader .div .navbar .text-wrapper .link {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .slideheader .div .navbar .text-wrapper .link {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .div .navbar .text-wrapper .link {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .div .navbar .text-wrapper .link {
    font-size: 1.28vw;
  }
}
.slideheader .div .div-wrapper {
  padding: 0.8333333333vw 1.6666666667vw;
  background-color: #000000;
}
@media screen and (min-width: 1800px) {
  .slideheader .div .div-wrapper {
    padding: 0.6666666667vw 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .div .div-wrapper {
    padding: 19.8px 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .div .div-wrapper {
    padding: 0.96vw 1.92vw;
  }
}
.slideheader .div .div-wrapper .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .slideheader .div .div-wrapper .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .slideheader .div .div-wrapper .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .slideheader .div .div-wrapper .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
.slideheader .icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .slideheader .icon {
    gap: 0.6510416667vw;
    width: 2.34375vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .slideheader .icon span {
    height: 0.390625vw;
    border-radius: 6.5104166667vw;
    display: block;
    width: 100%;
    background: #000;
    transition: all 0.3s ease-in-out;
  }
  .slideheader .icon span:nth-of-type(3) {
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .slideheader .icon {
    gap: 1.1111111111vw;
    width: 4vw;
  }
  .slideheader .icon span {
    height: 0.6666666667vw;
    border-radius: 11.1111111111vw;
  }
}
.slideheader .icon.is-active span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slideheader .icon.is-active span:nth-child(1) {
  transform: rotate(45deg);
  width: 100%;
}
.slideheader .icon.is-active span:nth-child(2) {
  opacity: 0;
}
.slideheader .icon.is-active span:nth-child(3) {
  width: 100%;
  transform: rotate(-45deg);
}

.overlay {
  top: 8.4635416667vw;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 50;
  pointer-events: none;
  transition: 0.4s all ease-in-out;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 450px) {
  .overlay {
    top: 14.4444444444vw;
  }
}
.overlay.is-active {
  opacity: 1;
  pointer-events: all;
}
.overlay .open-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay .open-menu .content .links {
  gap: 3.3854166667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links {
    gap: 5.7777777778vw;
  }
}
.overlay .open-menu .content .links .link-text .link {
  font-size: 2.0833333333vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 3.5555555556vw;
  }
}

.m-header .frame {
  padding: 1.1111111111vw 1.6666666667vw;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .m-header .frame {
    padding: 0.8888888889vw 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame {
    padding: 26.4px 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame {
    padding: 1.28vw 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .frame {
    padding: 2.2135416667vw 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .frame {
    padding: 3.7777777778vw 5.3333333333vw;
  }
}
.m-header .frame .link {
  width: 11.6666666667vw;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .link {
    width: 9.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .link {
    width: 277.2px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .link {
    width: 13.44vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .frame .link {
    width: 21.875vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .frame .link {
    width: 37.3333333333vw;
  }
}
.m-header .frame .div {
  gap: 1.6666666667vw;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .div {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .div {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .div {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .frame .div {
    display: none;
  }
}
.m-header .frame .div .navbar {
  gap: 1.3888888889vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .div .navbar {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .div .navbar {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .div .navbar {
    gap: 1.6vw;
  }
}
.m-header .frame .div .navbar .text-wrapper .link {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .div .navbar .text-wrapper .link {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .div .navbar .text-wrapper .link {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .div .navbar .text-wrapper .link {
    font-size: 1.28vw;
  }
}
.m-header .frame .div .div-wrapper {
  padding: 0.8333333333vw 1.6666666667vw;
  background-color: #000000;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .div .div-wrapper {
    padding: 0.6666666667vw 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .div .div-wrapper {
    padding: 19.8px 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .div .div-wrapper {
    padding: 0.96vw 1.92vw;
  }
}
.m-header .frame .div .div-wrapper .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .m-header .frame .div .div-wrapper .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .frame .div .div-wrapper .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .frame .div .div-wrapper .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
.m-header .frame .icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .m-header .frame .icon {
    gap: 0.6510416667vw;
    width: 2.34375vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .m-header .frame .icon span {
    height: 0.390625vw;
    border-radius: 6.5104166667vw;
    display: block;
    width: 100%;
    background: #000;
    transition: all 0.3s ease-in-out;
  }
  .m-header .frame .icon span:nth-of-type(3) {
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .m-header .frame .icon {
    gap: 1.1111111111vw;
    width: 4vw;
  }
  .m-header .frame .icon span {
    height: 0.6666666667vw;
    border-radius: 11.1111111111vw;
  }
}
.m-header .frame .icon.is-active span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m-header .frame .icon.is-active span:nth-child(1) {
  transform: rotate(45deg);
  width: 100%;
}
.m-header .frame .icon.is-active span:nth-child(2) {
  opacity: 0;
}
.m-header .frame .icon.is-active span:nth-child(3) {
  width: 100%;
  transform: rotate(-45deg);
}
.m-header .fv {
  height: 58.3333333333vw;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .fv {
    height: 90vh;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv {
    height: 90vh;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv {
    height: 90vh;
  }
}
@media screen and (max-width: 768px) {
  .m-header .fv {
    height: 51.3888888889vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .fv {
    height: 164.4444444444vw;
  }
}
.m-header .fv .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-header .fv .group {
  gap: 2.0833333333vw;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1800px) {
  .m-header .fv .group {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .group {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .group {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .fv .group {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .fv .group {
    gap: 6.6666666667vw;
  }
}
.m-header .fv .group .text-wrapper {
  font-size: 3.6111111111vw;
  align-self: center;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 130%;
  opacity: 0;
  filter: blur(20px);
  transform: translateY(20px);
  transition: opacity 1.2s ease-out 0.3s, filter 1.2s ease-out 0.3s, transform 1.2s ease-out 0.3s;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .group .text-wrapper {
    font-size: 2.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .group .text-wrapper {
    font-size: 85.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .group .text-wrapper {
    font-size: 4.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .fv .group .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .fv .group .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.m-header .fv .group .a-trusted {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 130%;
  opacity: 0;
  filter: blur(20px);
  transform: translateY(20px);
  transition: opacity 1.2s ease-out 0.9s, filter 1.2s ease-out 0.9s, transform 1.2s ease-out 0.9s;
}
@media screen and (min-width: 1800px) {
  .m-header .fv .group .a-trusted {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .fv .group .a-trusted {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .fv .group .a-trusted {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .fv .group .a-trusted {
    font-size: 0.8333333333vw;
    letter-spacing: 0.1388888889vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .fv .group .a-trusted {
    font-size: 2.6666666667vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-header .fv .group.is-visible .text-wrapper {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}
.m-header .fv .group.is-visible .a-trusted {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}
.m-header .mv {
  height: 20.8333333333vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .mv {
    height: 22.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .mv {
    height: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .mv {
    height: 24vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .mv {
    height: 29.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .mv {
    height: 51.1111111111vw;
  }
}
.m-header .mv .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-header .mv .background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
}
.m-header .mv .group {
  gap: 2.9861111111vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-header .mv .group {
    gap: 2.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .mv .group {
    gap: 70.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .mv .group {
    gap: 3.44vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .mv .group {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .mv .group {
    gap: 2.8888888889vw;
  }
}
.m-header .mv .group .heading-SERVICE {
  font-size: 3.6111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .m-header .mv .group .heading-SERVICE {
    font-size: 2.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .mv .group .heading-SERVICE {
    font-size: 85.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .mv .group .heading-SERVICE {
    font-size: 4.16vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .mv .group .heading-SERVICE {
    font-size: 3.6458333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .mv .group .heading-SERVICE {
    font-size: 6.2222222222vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-header .mv .group .heading {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .m-header .mv .group .heading {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .mv .group .heading {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .mv .group .heading {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .mv .group .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .mv .group .heading {
    font-size: 4.4444444444vw;
  }
}

.m-header .mv .group .heading-SERVICE,
.m-header .mv .group .heading {
  opacity: 0;
  filter: blur(20px);
  transform: translateY(20px);
}
.m-header .mv .group .heading-SERVICE {
  transition: opacity 1.2s ease-out 0.3s, filter 1.2s ease-out 0.3s, transform 1.2s ease-out 0.3s;
}
.m-header .mv .group .heading {
  transition: opacity 1.2s ease-out 0.6s, filter 1.2s ease-out 0.6s, transform 1.2s ease-out 0.6s;
}
.m-header .mv .group.is-visible .heading-SERVICE,
.m-header .mv .group.is-visible .heading {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.front {
  overflow: hidden;
}
.front .section1 {
  padding-top: 9.7222222222vw;
}
@media screen and (min-width: 1800px) {
  .front .section1 {
    padding-top: 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 {
    padding-top: 231px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 {
    padding-top: 11.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 {
    padding: 2.6041666667vw 2.6041666667vw 0;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 {
    padding: 4.4444444444vw 4.4444444444vw 0;
  }
}
.front .section1 .group {
  width: 91.1111111111vw;
  gap: 4.6666666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group {
    width: 91.1111111111vw;
    gap: 5.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group {
    width: 2132px;
    gap: 96px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group {
    width: 91.84vw;
    gap: 4.608vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group {
    gap: 2.6041666667vw;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group {
    gap: 4.4444444444vw;
  }
}
.front .section1 .group .imgArea {
  width: 43.75vw;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .imgArea {
    width: 50vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .imgArea {
    width: 1170px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .imgArea {
    width: 43.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .imgArea {
    width: 100%;
  }
}
.front .section1 .group .right-area {
  gap: 3.6111111111vw;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area {
    gap: 2.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area {
    gap: 85.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area {
    gap: 4.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area {
    gap: 3.7760416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area {
    gap: 6.4444444444vw;
  }
}
.front .section1 .group .right-area .section-title {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .section-title {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .section-title {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .section-title {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .section-title {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .section-title {
    gap: 2.2222222222vw;
  }
}
.front .section1 .group .right-area .section-title .heading-SERVICE {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .section-title .heading-SERVICE {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .section-title .heading-SERVICE {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .section-title .heading-SERVICE {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .section-title .heading-SERVICE {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .section-title .heading-SERVICE {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section1 .group .right-area .section-title .text-wrapper {
  font-size: 2.7777777778vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .section-title .text-wrapper {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .section-title .text-wrapper {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .section-title .text-wrapper {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .section-title .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .section-title .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.front .section1 .group .right-area .section-title .div {
  margin-top: 0.4166666667vw;
  font-size: 1.3888888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .section-title .div {
    margin-top: 0.3333333333vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .section-title .div {
    margin-top: 9.9px;
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .section-title .div {
    margin-top: 0.48vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .section-title .div {
    font-size: 2.0833333333vw;
    margin-top: 0;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .section-title .div {
    font-size: 3.5555555556vw;
  }
}
.front .section1 .group .right-area .buttonArea {
  gap: 1.3888888889vw;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.4s, transform 1s ease-out 0.4s;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .buttonArea {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .buttonArea {
    gap: 24px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .buttonArea {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .buttonArea {
    gap: 1.953125vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .buttonArea {
    gap: 3.3333333333vw;
  }
}
.front .section1 .group .right-area .buttonArea .link {
  width: 19.375vw;
  padding: 1.25vw 0;
  border-radius: 0.3472222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .buttonArea .link {
    width: 17.2222222222vw;
    padding: 1vw 0;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .buttonArea .link {
    width: 403px;
    padding: 29.7px 0;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .buttonArea .link {
    width: 19.84vw;
    padding: 1.44vw 0;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .buttonArea .link {
    padding: 2.34375vw;
    border-radius: 0.6510416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .buttonArea .link {
    padding: 4vw;
    border-radius: 1.1111111111vw;
  }
}
.front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .buttonArea .link .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section1 .group .right-area .buttonArea .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .front .section1 .group .right-area .buttonArea .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .group .right-area .buttonArea .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .group .right-area .buttonArea .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .group .right-area .buttonArea .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .group .right-area .buttonArea .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
.front .section1 .group.is-visible .imgArea,
.front .section1 .group.is-visible .section-title,
.front .section1 .group.is-visible .buttonArea {
  opacity: 1;
  transform: translateY(0);
}
.front .section2 {
  padding-top: 16.3888888889vw;
  padding-bottom: 11.4583333333vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section2 {
    padding-top: 13.1111111111vw;
    padding-bottom: 9.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 {
    padding-top: 389.4px;
    padding-bottom: 272.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 {
    padding-top: 18.88vw;
    padding-bottom: 13.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 {
    padding: 8.4635416667vw 2.6041666667vw 9.1145833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 {
    padding: 14.4444444444vw 4.4444444444vw 15.5555555556vw;
  }
}
.front .section2 .group {
  gap: 4.1666666667vw;
  width: 94.4444444444vw;
  display: flex;
}
.front .section2 .group .imgArea,
.front .section2 .group .text-wrapper {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.front .section2 .group .PE,
.front .section2 .group .link {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.4s, transform 1s ease-out 0.4s;
}
.front .section2 .group.is-visible .imgArea,
.front .section2 .group.is-visible .text-wrapper,
.front .section2 .group.is-visible .PE,
.front .section2 .group.is-visible .link {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section2 .group {
    gap: 3.3333333333vw;
    width: 75.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group {
    gap: 99px;
    width: 2040px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group {
    gap: 4.8vw;
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group {
    gap: 5.2083333333vw;
    flex-direction: column-reverse;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group {
    gap: 8.8888888889vw;
  }
}
.front .section2 .group .left-area {
  gap: 5.5555555556vw;
  padding-top: 4.8611111111vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area {
    gap: 4.4444444444vw;
    padding-top: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area {
    gap: 132px;
    padding-top: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area {
    gap: 6.4vw;
    padding-top: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area {
    gap: 4.5572916667vw;
    padding-top: 0;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area {
    gap: 7.7777777778vw;
  }
}
.front .section2 .group .left-area .text-area {
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .text-area {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .text-area {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .text-area {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .text-area {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .text-area {
    gap: 2.6666666667vw;
  }
}
.front .section2 .group .left-area .text-area .text-wrapper {
  font-size: 2.7777777778vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .text-area .text-wrapper {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .text-area .text-wrapper {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .text-area .text-wrapper {
    font-size: 2.96vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .text-area .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .text-area .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.front .section2 .group .left-area .text-area .PE {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .text-area .PE {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .text-area .PE {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .text-area .PE {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .text-area .PE {
    font-size: 1.953125vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .text-area .PE {
    font-size: 3.3333333333vw;
  }
}
.front .section2 .group .left-area .text-area .PE br.pc {
  display: none;
}
.front .section2 .group .left-area .link {
  width: 14.5833333333vw;
  padding: 1.25vw 0;
  border-radius: 0.3472222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .link {
    width: 11.6666666667vw;
    padding: 1vw 0;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .link {
    width: 346.5px;
    padding: 29.7px 0;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .link {
    width: 16.8vw;
    padding: 1.44vw 0;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .link {
    padding: 2.34375vw;
    border-radius: 0.6510416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .link {
    padding: 4vw;
    border-radius: 1.1111111111vw;
  }
}
.front .section2 .group .left-area .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .link .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .link .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .group .left-area .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .left-area .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .left-area .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .left-area .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .left-area .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .group .left-area .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
.front .section2 .group .imgArea {
  width: 50.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .front .section2 .group .imgArea {
    width: 40.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .group .imgArea {
    width: 1000px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .group .imgArea {
    width: 38.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .group .imgArea {
    width: 100%;
  }
}
.front .section2 .group .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 {
  height: 45.1388888889vw;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section3 {
    height: 36.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 {
    height: 1072.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 {
    height: 52vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 {
    padding: 7.8125vw 2.6041666667vw;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.front .section3 .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.front .section3 .group {
  gap: 2.5vw;
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
.front .section3 .group .title {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.front .section3 .group .text-wrapper,
.front .section3 .group .link {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.4s, transform 1s ease-out 0.4s;
}
.front .section3 .group.is-visible .title,
.front .section3 .group.is-visible .text-wrapper,
.front .section3 .group.is-visible .link {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section3 .group {
    gap: 2vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group {
    gap: 59.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group {
    gap: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group {
    gap: 3.2552083333vw;
    position: static;
    transform: translate(0);
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group {
    gap: 5.5555555556vw;
  }
}
.front .section3 .group .text-area {
  gap: 1.9444444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .text-area {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .text-area {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .text-area {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .text-area {
    gap: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .text-area {
    gap: 5.7777777778vw;
  }
}
.front .section3 .group .text-area .title {
  gap: 1.9444444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .text-area .title {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .text-area .title {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .text-area .title {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .text-area .title {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .text-area .title {
    gap: 2.8888888889vw;
  }
}
.front .section3 .group .text-area .title .heading-SERVICE {
  font-size: 3.6111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .text-area .title .heading-SERVICE {
    font-size: 2.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .text-area .title .heading-SERVICE {
    font-size: 85.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .text-area .title .heading-SERVICE {
    font-size: 4.16vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .text-area .title .heading-SERVICE {
    font-size: 3.6458333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .text-area .title .heading-SERVICE {
    font-size: 6.2222222222vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section3 .group .text-area .title .heading {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .text-area .title .heading {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .text-area .title .heading {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .text-area .title .heading {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .text-area .title .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .text-area .title .heading {
    font-size: 4.4444444444vw;
  }
}
.front .section3 .group .text-area .text-wrapper {
  width: 43.75vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .text-area .text-wrapper {
    width: 35vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .text-area .text-wrapper {
    width: 1039.5px;
    font-size: 26.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .text-area .text-wrapper {
    width: 50.4vw;
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .text-area .text-wrapper {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
    width: 100%;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .text-area .text-wrapper {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section3 .group .link {
  width: 18.75vw;
  padding: 1.25vw 0;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .link {
    width: 15vw;
    padding: 1vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .link {
    width: 445.5px;
    padding: 29.7px 0;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .link {
    width: 21.6vw;
    padding: 1.44vw 0;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .link {
    padding: 2.34375vw;
    border-radius: 0.6510416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .link {
    padding: 4vw;
    border-radius: 1.1111111111vw;
  }
}
.front .section3 .group .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .link .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .link .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.front .section3 .group .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .front .section3 .group .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .group .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .group .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .group .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .group .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}

.about .section1 {
  padding: 17.0138888889vw 0 11.6666666667vw;
  background: #EDEDED;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .about .section1 {
    padding: 13.6111111111vw 0 9.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 {
    padding: 404.25px 0 277.2px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 {
    padding: 19.6vw 0 13.44vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 {
    padding: 9.1145833333vw 2.6041666667vw 8.0729166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 {
    padding: 15.5555555556vw 4.4444444444vw 13.7777777778vw;
  }
}
.about .section1 .wrapper {
  width: 93.75vw;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper {
    width: 81.6666666667vw;
    left: 3%;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper {
    width: 2150px;
    left: 0;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper {
    width: 93.6vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper {
    gap: 9.1145833333vw;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper {
    gap: 15.5555555556vw;
  }
}
.about .section1 .wrapper .imgArea {
  width: 25vw;
  display: block;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  position: sticky;
  top: 6.9444444444vw;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .imgArea {
    width: 23.8888888889vw;
    top: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .imgArea {
    width: 495px;
    top: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .imgArea {
    width: 18.4vw;
    top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .imgArea {
    display: block;
    position: static;
    width: 32.5520833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .imgArea {
    width: 55.5555555556vw;
  }
}
.about .section1 .wrapper .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}
.about .section1 .wrapper .left-area {
  width: 61.1111111111vw;
  gap: 7.3611111111vw;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area {
    width: 48.8888888889vw;
    gap: 5.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area {
    width: 1453px;
    gap: 174.9px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area {
    width: 70.4vw;
    gap: 8.48vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area {
    width: 100%;
    gap: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area {
    gap: 11.1111111111vw;
  }
}
.about .section1 .wrapper .left-area .group {
  gap: 1.5277777778vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area .group {
    gap: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area .group {
    gap: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area .group {
    gap: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area .group {
    gap: 2.2135416667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area .group {
    gap: 3.7777777778vw;
  }
}
.about .section1 .wrapper .left-area .group .title {
  gap: 0.9027777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area .group .title {
    gap: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area .group .title {
    gap: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area .group .title {
    gap: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area .group .title {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area .group .title {
    gap: 2.8888888889vw;
  }
}
.about .section1 .wrapper .left-area .group .title .heading-SERVICE {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area .group .title .heading-SERVICE {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area .group .title .heading-SERVICE {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area .group .title .heading-SERVICE {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area .group .title .heading-SERVICE {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area .group .title .heading-SERVICE {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section1 .wrapper .left-area .group .title .text-wrapper {
  font-size: 2.7777777778vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area .group .title .text-wrapper {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area .group .title .text-wrapper {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area .group .title .text-wrapper {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area .group .title .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area .group .title .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.about .section1 .wrapper .left-area .group .passione-group {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .wrapper .left-area .group .passione-group {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .wrapper .left-area .group .passione-group {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .wrapper .left-area .group .passione-group {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .wrapper .left-area .group .passione-group {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .about .section1 .wrapper .left-area .group .passione-group br {
    display: none;
  }
  .about .section1 .wrapper .left-area .group .passione-group.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .wrapper .left-area .group .passione-group {
    font-size: 3.1111111111vw;
  }
}
.about .section1 .wrapper.is-visible .imgArea,
.about .section1 .wrapper.is-visible .left-area {
  opacity: 1;
  transform: translateY(0);
}
.about .section2 {
  padding: 16.875vw 0 15.0694444444vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .about .section2 {
    padding: 13.5vw 0 12.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 {
    padding: 400.95px 0 358.05px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 {
    padding: 19.44vw 0 17.36vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 {
    padding: 7.6822916667vw 2.6041666667vw 8.0729166667vw;
  }
}
.about .section2 .section-wrapper {
  width: 95.1388888889vw;
  gap: 5.3472222222vw;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper {
    width: 76.1111111111vw;
    gap: 4.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper {
    width: 2100px;
    gap: 127.05px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper {
    width: 93.6vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 4.6875vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper {
    gap: 8vw;
  }
}
.about .section2 .section-wrapper .group {
  gap: 2.0833333333vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group {
    width: 100%;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group {
    gap: 2.2222222222vw;
  }
}
.about .section2 .section-wrapper .group .heading-SERVICE {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 150%;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .heading-SERVICE {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .heading-SERVICE {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .heading-SERVICE {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .heading-SERVICE {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .heading-SERVICE {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section2 .section-wrapper .group .wrapper {
  gap: 1.875vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper {
    gap: 1.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper {
    gap: 44.55px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper {
    gap: 2.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper {
    gap: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper {
    gap: 5.1111111111vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .text-area {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .text-area {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .text-area {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .text-area {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .text-area {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .text-area {
    gap: 2.8888888889vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .text-wrapper {
    font-size: 3.1111111111vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .text-area .div {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 150%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .div {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .div {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .div {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .div {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .div {
    font-size: 4.8888888889vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m .pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .text-area .passione-group-m-a-m {
    font-size: 3.1111111111vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .author {
  gap: 1.4583333333vw;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .author {
    gap: 1.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .author {
    gap: 34.65px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .author {
    gap: 1.68vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .author {
    gap: 1.4322916667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .author {
    gap: 2.4444444444vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 170%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
    font-size: 26.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .author .text-wrapper-3 {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .author .list-area .list {
  padding: 1.1111111111vw 0;
  font-size: 1.1111111111vw;
  border-bottom: 1px solid #000;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .group .wrapper .author .list-area .list {
    padding: 0.8888888889vw 0;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .group .wrapper .author .list-area .list {
    padding: 26.4px 0;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .group .wrapper .author .list-area .list {
    padding: 1.28vw 0;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .group .wrapper .author .list-area .list {
    padding: 1.953125vw 0;
    font-size: 1.8229166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .section-wrapper .group .wrapper .author .list-area .list {
    padding: 3.3333333333vw 0;
    font-size: 3.1111111111vw;
  }
}
.about .section2 .section-wrapper .group .wrapper .author .list-area .list:nth-of-type(1) {
  border-top: 1px solid #000;
}
.about .section2 .section-wrapper .imgArea {
  width: 35.7638888889vw;
  height: 38.8888888889vw;
  display: block;
  overflow: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .about .section2 .section-wrapper .imgArea {
    width: 28.6111111111vw;
    height: 31.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .section-wrapper .imgArea {
    width: 690px;
    height: 750px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .section-wrapper .imgArea {
    width: 28.16vw;
    height: 30.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .section-wrapper .imgArea {
    width: 100%;
    height: auto;
  }
}
.about .section2 .section-wrapper .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}
.about .section2 .section-wrapper.is-visible .heading-SERVICE,
.about .section2 .section-wrapper.is-visible .imgArea {
  opacity: 1;
  transform: translateY(0);
}
.about .section2 .section-wrapper.is-visible .wrapper .text-area,
.about .section2 .section-wrapper.is-visible .wrapper .author {
  opacity: 1;
  transform: translateY(0);
}
.about .section3 {
  padding: 7.2222222222vw 0 12.8472222222vw;
  display: flex;
  justify-content: center;
  background: #EDEDED;
}
@media screen and (min-width: 1800px) {
  .about .section3 {
    padding: 5.7777777778vw 0 10.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 {
    padding: 171.6px 0 305.25px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 {
    padding: 8.32vw 0 14.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 {
    padding: 7.8125vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.about .section3 .section-wrapper {
  gap: 4.375vw;
  width: 91.6666666667vw;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper {
    gap: 3.5vw;
    width: 73.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper {
    gap: 103.95px;
    width: 2150px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper {
    gap: 5.04vw;
    width: 93.6vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 3.6458333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper {
    gap: 6.2222222222vw;
  }
}
.about .section3 .section-wrapper .left-area {
  gap: 8.3333333333vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area {
    gap: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area {
    gap: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area {
    gap: 9.6vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area {
    width: 100%;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area {
    gap: 4.4444444444vw;
  }
}
.about .section3 .section-wrapper .left-area .group {
  gap: 0.6944444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area .group {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area .group {
    gap: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area .group {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area .group {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area .group {
    gap: 2.8888888889vw;
  }
}
.about .section3 .section-wrapper .left-area .group .heading-SERVICE {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area .group .heading-SERVICE {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area .group .heading-SERVICE {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area .group .heading-SERVICE {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area .group .heading-SERVICE {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area .group .heading-SERVICE {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section3 .section-wrapper .left-area .group .text-wrapper {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area .group .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area .group .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area .group .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area .group .text-wrapper {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area .group .text-wrapper {
    font-size: 3.5555555556vw;
  }
}
.about .section3 .section-wrapper .left-area table tr {
  padding: 2.0833333333vw 0;
  border-bottom: 1px solid #000;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area table tr {
    padding: 1.6666666667vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area table tr {
    padding: 49.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area table tr {
    padding: 2.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area table tr {
    padding: 1.8229166667vw 0;
    gap: 0.5208333333vw;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area table tr {
    padding: 3.1111111111vw 0;
    gap: 0.8888888889vw;
  }
}
.about .section3 .section-wrapper .left-area table tr:nth-of-type(1) {
  border-top: 1px solid #000;
}
.about .section3 .section-wrapper .left-area table tr th {
  width: 11.8055555556vw;
  font-size: 1.1111111111vw;
  text-align: left;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area table tr th {
    width: 9.4444444444vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area table tr th {
    width: 280.5px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area table tr th {
    width: 13.6vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area table tr th {
    width: 100%;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area table tr th {
    font-size: 3.1111111111vw;
  }
}
.about .section3 .section-wrapper .left-area table tr td {
  font-size: 1.1111111111vw;
  flex: 1;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .left-area table tr td {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .left-area table tr td {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .left-area table tr td {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .left-area table tr td {
    width: 100%;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .left-area table tr td {
    font-size: 3.1111111111vw;
  }
}
.about .section3 .section-wrapper .right-area {
  width: 42.3611111111vw;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area {
    width: 33.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area {
    width: 1006.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area {
    width: 48.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area {
    width: 100%;
  }
}
.about .section3 .section-wrapper .right-area .group {
  gap: 2.0833333333vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group {
    gap: 2.2222222222vw;
  }
}
.about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area {
  gap: 0.9027777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area {
    gap: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area {
    gap: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area {
    gap: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area {
    gap: 2.8888888889vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area .map {
  height: 29.1666666667vw;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area .map {
    height: 23.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area .map {
    height: 693px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area .map {
    height: 36.24vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area .map {
    height: 26.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area .map {
    height: 44.4444444444vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
  gap: 0.9027777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
    gap: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
    gap: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
    gap: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area {
    gap: 2.8888888889vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
  font-size: 0.9722222222vw;
  color: #004cff;
  line-height: 100%;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-wrapper {
    font-size: 3.1111111111vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
  gap: 2.9861111111vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
    gap: 2.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
    gap: 70.95px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
    gap: 3.44vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
    flex-direction: column;
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area {
    gap: 3.3333333333vw;
  }
}
.about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
  font-size: 0.9722222222vw;
  color: #000000;
  line-height: 160%;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .section-wrapper .right-area .group .main-area .bottom-area .text-area .div {
    font-size: 3.1111111111vw;
  }
}
.about #philosophy,
.about #company-name,
.about #ceo-profile,
.about #access {
  scroll-margin-top: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .about #philosophy,
  .about #company-name,
  .about #ceo-profile,
  .about #access {
    scroll-margin-top: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about #philosophy,
  .about #company-name,
  .about #ceo-profile,
  .about #access {
    scroll-margin-top: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .about #philosophy,
  .about #company-name,
  .about #ceo-profile,
  .about #access {
    scroll-margin-top: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .about #philosophy,
  .about #company-name,
  .about #ceo-profile,
  .about #access {
    scroll-margin-top: 26.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about #philosophy,
  .about #company-name,
  .about #ceo-profile,
  .about #access {
    scroll-margin-top: 44.4444444444vw;
  }
}

.service .section1 {
  padding: 8.75vw 0 9.375vw;
  display: flex;
  justify-content: center;
  background-color: #EDEDED;
}
@media screen and (min-width: 1800px) {
  .service .section1 {
    padding: 7vw 0 7.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 {
    padding: 207.9px 0 222.75px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 {
    padding: 10.08vw 0 10.8vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 {
    padding: 5.2083333333vw 2.6041666667vw 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 {
    padding: 8.8888888889vw 4.4444444444vw 13.3333333333vw;
  }
}
.service .section1 .section-wrapper {
  width: 86.1111111111vw;
  gap: 3.4722222222vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper {
    width: 68.8888888889vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper {
    width: 2046px;
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper {
    width: 99.2vw;
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper {
    width: 100%;
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper {
    gap: 8.4444444444vw;
  }
}
.service .section1 .section-wrapper .main-text {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper .main-text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper .main-text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper .main-text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper .main-text {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper .main-text {
    font-size: 3.1111111111vw;
  }
}
.service .section1 .section-wrapper .wrapper {
  gap: 1.5277777778vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper .wrapper {
    gap: 1.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper .wrapper {
    gap: 36.3px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper .wrapper {
    gap: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper .wrapper {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper .wrapper {
    gap: 4.4444444444vw;
  }
}
.service .section1 .section-wrapper .wrapper .group {
  height: 18.75vw;
  border-radius: 0.6944444444vw;
  padding: 2.5vw 2.7777777778vw;
  gap: 1.1805555556vw;
  width: calc(50% - 0.7638888889vw);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper .wrapper .group {
    height: 15vw;
    border-radius: 0.5555555556vw;
    padding: 2vw 2.2222222222vw;
    gap: 0.9444444444vw;
    width: calc(50% - 0.6111111111vw);
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper .wrapper .group {
    height: 445.5px;
    border-radius: 16.5px;
    padding: 59.4px 66px;
    gap: 28.05px;
    width: calc(50% - 18.15px);
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper .wrapper .group {
    height: 21.6vw;
    border-radius: 0.8vw;
    padding: 2.88vw 3.2vw;
    gap: 1.36vw;
    width: calc(50% - 0.88vw);
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper .wrapper .group {
    height: auto;
    border-radius: 1.3020833333vw;
    padding: 5.2083333333vw 2.6041666667vw;
    gap: 2.2135416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper .wrapper .group {
    border-radius: 2.2222222222vw;
    padding: 8.8888888889vw 4.4444444444vw;
    gap: 3.7777777778vw;
  }
}
.service .section1 .section-wrapper .wrapper .group:nth-child(1) {
  transition: opacity 1s ease-out 0s, transform 1s ease-out 0s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(2) {
  transition: opacity 1s ease-out 0.5s, transform 1s ease-out 0.5s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(3) {
  transition: opacity 1s ease-out 1s, transform 1s ease-out 1s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(4) {
  transition: opacity 1s ease-out 1.5s, transform 1s ease-out 1.5s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(5) {
  transition: opacity 1s ease-out 2s, transform 1s ease-out 2s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(6) {
  transition: opacity 1s ease-out 2.5s, transform 1s ease-out 2.5s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(7) {
  transition: opacity 1s ease-out 3s, transform 1s ease-out 3s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(8) {
  transition: opacity 1s ease-out 3.5s, transform 1s ease-out 3.5s;
}
.service .section1 .section-wrapper .wrapper .group:nth-child(9) {
  transition: opacity 1s ease-out 4s, transform 1s ease-out 4s;
}
.service .section1 .section-wrapper .wrapper .group .m-a {
  font-size: 1.6666666667vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #111e2c;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper .wrapper .group .m-a {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper .wrapper .group .m-a {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper .wrapper .group .m-a {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper .wrapper .group .m-a {
    font-size: 2.0833333333vw;
  }
  .service .section1 .section-wrapper .wrapper .group .m-a br {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper .wrapper .group .m-a {
    font-size: 3.5555555556vw;
  }
}
.service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
  font-size: 0.9722222222vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #111e2c;
  letter-spacing: 0;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .service .section1 .section-wrapper .wrapper .group .m-a-PMI-m-a-FA-DD {
    font-size: 3.1111111111vw;
  }
}
.service .section1 .section-wrapper.is-visible .group {
  opacity: 1;
  transform: translateY(0);
}

.experts .section1 {
  padding: 8.75vw 0 10.9722222222vw;
  display: flex;
  justify-content: center;
  background: #EDEDED;
}
@media screen and (min-width: 1800px) {
  .experts .section1 {
    padding: 7vw 0 8.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 {
    padding: 207.9px 0 260.7px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 {
    padding: 10.08vw 0 12.64vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 {
    padding: 5.2083333333vw 2.6041666667vw 7.5520833333vw;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 {
    padding: 8.8888888889vw 4.4444444444vw 12.8888888889vw;
  }
}
.experts .section1 .section-wrapper {
  width: 90.2777777778vw;
  gap: 3.4722222222vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper {
    width: 72.2222222222vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper {
    width: 2145px;
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper {
    width: 96vw;
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper {
    width: 100%;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper {
    gap: 4.4444444444vw;
  }
}
.experts .section1 .section-wrapper .group {
  border-radius: 0.6944444444vw;
  padding: 3.4722222222vw 4.0277777778vw;
  background-color: #ffffff;
  display: flex;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper .group {
    border-radius: 0.5555555556vw;
    padding: 2.7777777778vw 3.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper .group {
    border-radius: 16.5px;
    padding: 82.5px 95.7px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper .group {
    border-radius: 0.8vw;
    padding: 4vw 2vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper .group {
    flex-direction: column;
    gap: 1.953125vw;
    border-radius: 1.3020833333vw;
    padding: 5.2083333333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper .group {
    gap: 3.3333333333vw;
    border-radius: 2.2222222222vw;
    padding: 8.8888888889vw 4.4444444444vw;
  }
}
.experts .section1 .section-wrapper .group.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.experts .section1 .section-wrapper .group .left-area {
  width: 17.0138888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper .group .left-area {
    width: 13.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper .group .left-area {
    width: 404.25px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper .group .left-area {
    width: 16.8vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper .group .left-area {
    width: 100%;
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper .group .left-area {
    gap: 3.3333333333vw;
  }
}
.experts .section1 .section-wrapper .group .left-area .text-wrapper {
  font-size: 1.9444444444vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 170%;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper .group .left-area .text-wrapper {
    font-size: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper .group .left-area .text-wrapper {
    font-size: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper .group .left-area .text-wrapper {
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper .group .left-area .text-wrapper {
    font-size: 2.8645833333vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper .group .left-area .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.experts .section1 .section-wrapper .group .left-area .div {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 160%;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper .group .left-area .div {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper .group .left-area .div {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper .group .left-area .div {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper .group .left-area .div {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper .group .left-area .div {
    font-size: 3.1111111111vw;
  }
}
.experts .section1 .section-wrapper .group .passione-group-m-a-m {
  font-size: 1.1111111111vw;
  flex: 1;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .experts .section1 .section-wrapper .group .passione-group-m-a-m {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .experts .section1 .section-wrapper .group .passione-group-m-a-m {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .experts .section1 .section-wrapper .group .passione-group-m-a-m {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .experts .section1 .section-wrapper .group .passione-group-m-a-m {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .experts .section1 .section-wrapper .group .passione-group-m-a-m.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .experts .section1 .section-wrapper .group .passione-group-m-a-m {
    font-size: 3.1111111111vw;
  }
}

.section2 .section-wrapper .left-area .group .text-wrapper,
.section2 .section-wrapper .left-area .group .text-area .div,
.section2 .section-wrapper .left-area .group .text-area .text-wrapper-2,
.section2 .section-wrapper .imgArea {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
  transition-delay: 0.3s;
}
.section2 .section-wrapper.is-visible .left-area .group .text-wrapper,
.section2 .section-wrapper.is-visible .left-area .group .text-area .div,
.section2 .section-wrapper.is-visible .left-area .group .text-area .text-wrapper-2,
.section2 .section-wrapper.is-visible .imgArea {
  opacity: 1;
  transform: translateY(0);
}

.recruit .section1 {
  padding: 5.9722222222vw 0 8.1944444444vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 {
    padding: 4.7777777778vw 0 6.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 {
    padding: 141.9px 0 194.7px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 {
    padding: 6.88vw 0 9.44vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 {
    padding: 7.03125vw 2.6041666667vw 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 {
    padding: 12vw 4.4444444444vw 13.3333333333vw;
  }
}
.recruit .section1 .section-wrapper {
  width: 97.2222222222vw;
  gap: 5.5555555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper {
    width: 85vw;
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper {
    width: 2150px;
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper {
    width: 96vw;
    gap: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper {
    width: 100%;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper {
    gap: 8.8888888889vw;
  }
}
.recruit .section1 .section-wrapper .main-text {
  font-size: 2.7777777778vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .main-text {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .main-text {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .main-text {
    font-size: 2.88vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .main-text {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .main-text {
    font-size: 4.8888888889vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper {
  gap: 6.0416666667vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper {
    gap: 4.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper {
    gap: 143.55px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper {
    gap: 6.96vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .content-wrapper {
    gap: 8.8888888889vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper .content {
    gap: 5.4444444444vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content .left-area .group .text-wrapper,
.recruit .section1 .section-wrapper .content-wrapper .content .left-area .group .text-area .div,
.recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.recruit .section1 .section-wrapper .content-wrapper .content .left-area .group .text-area .text-wrapper-2 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
}
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .left-area .group .text-wrapper,
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .left-area .group .text-area .div,
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .imgArea {
  opacity: 1;
  transform: translateY(0);
}
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .left-area .group .text-area .text-wrapper-2 {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper .content {
    gap: 80px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper .content {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content {
    flex-direction: column-reverse;
    gap: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .content-wrapper .content {
    gap: 5.7777777778vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper,
.recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.recruit .section1 .section-wrapper .content-wrapper .content .group .div {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
}
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .group .text-wrapper,
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .imgArea {
  opacity: 1;
  transform: translateY(0);
}
.recruit .section1 .section-wrapper .content-wrapper .content.is-visible .group .div {
  opacity: 1;
  transform: translateY(0);
}
.recruit .section1 .section-wrapper .content-wrapper .content .group {
  gap: 2.7083333333vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group {
    gap: 2.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group {
    gap: 64.35px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group {
    gap: 3.12vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group {
    width: 100%;
    gap: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group {
    gap: 5.7777777778vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 150%;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
    font-size: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
    font-size: 2.6041666667vw;
    text-align: justify;
  }
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .text-wrapper {
    font-size: 4.4444444444vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content .group .div {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 200%;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .group .div {
    font-size: 3.1111111111vw;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
  width: 37.5vw;
}
@media screen and (min-width: 1800px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
    width: 34.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
    width: 720px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
    width: 35.2vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content .imgArea {
    width: 100%;
  }
}
.recruit .section1 .section-wrapper .content-wrapper .content:nth-of-type(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .recruit .section1 .section-wrapper .content-wrapper .content:nth-of-type(2) {
    flex-direction: column-reverse;
  }
}
.recruit .section2 {
  padding: 9.3055555556vw 0 9.4444444444vw;
  display: flex;
  justify-content: center;
  background: #EDEDED;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 {
    padding: 7.4444444444vw 0 7.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 {
    padding: 221.1px 0 224.4px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 {
    padding: 10.72vw 0 10.88vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 {
    padding: 7.8125vw 2.6041666667vw 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 {
    padding: 13.3333333333vw 4.4444444444vw 11.1111111111vw;
  }
}
.recruit .section2 .section-wrapper {
  width: 97.2222222222vw;
  gap: 3.75vw;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper {
    width: 85vw;
    gap: 6.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper {
    width: 2150px;
    gap: 100px;
  }
}
@media screen and (min-width: 2450px) {
  .recruit .section2 .section-wrapper {
    width: 2455px;
    gap: 100px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper {
    width: 96vw;
    gap: 4.32vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper {
    width: 100%;
    flex-direction: column-reverse;
    gap: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper {
    gap: 5.7777777778vw;
  }
}
.recruit .section2 .section-wrapper .left-area {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area {
    width: 100%;
  }
}
.recruit .section2 .section-wrapper .left-area .group {
  gap: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .left-area .group {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .left-area .group {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .left-area .group {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area .group {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper .left-area .group {
    gap: 4vw;
  }
}
.recruit .section2 .section-wrapper .left-area .group .text-wrapper {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 150%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .left-area .group .text-wrapper {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .left-area .group .text-wrapper {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .left-area .group .text-wrapper {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area .group .text-wrapper {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper .left-area .group .text-wrapper {
    font-size: 4.4444444444vw;
  }
}
.recruit .section2 .section-wrapper .left-area .group .text-area {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area {
    gap: 4vw;
  }
}
.recruit .section2 .section-wrapper .left-area .group .text-area .div {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 180%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .div {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .div {
    font-size: 26.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .div {
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .div {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .div {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
  border-radius: 0.3472222222vw;
  padding: 1.7361111111vw 1.9444444444vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  background-color: #ffffff;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
    border-radius: 0.2777777778vw;
    padding: 1.3888888889vw 1.5555555556vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
    border-radius: 8.25px;
    padding: 41.25px 46.2px;
    font-size: 26.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
    border-radius: 0.4vw;
    padding: 2vw 2.24vw;
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
    border-radius: 0.6510416667vw;
    padding: 2.6041666667vw 2.6041666667vw;
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .recruit .section2 .section-wrapper .left-area .group .text-area .text-wrapper-2 {
    border-radius: 1.1111111111vw;
    padding: 4.4444444444vw 4.4444444444vw;
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.recruit .section2 .section-wrapper .imgArea {
  width: 46.9444444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .recruit .section2 .section-wrapper .imgArea {
    width: 41.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .recruit .section2 .section-wrapper .imgArea {
    width: 936px;
  }
}
@media screen and (min-width: 2450px) {
  .recruit .section2 .section-wrapper .imgArea {
    width: 1245px;
  }
}
@media screen and (max-width: 1250px) {
  .recruit .section2 .section-wrapper .imgArea {
    width: 37.84vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .section2 .section-wrapper .imgArea {
    width: 100%;
  }
}
.recruit .section2 .section-wrapper .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}

.join-us .section1 {
  padding: 5.9722222222vw 0 9.7222222222vw;
  display: flex;
  justify-content: center;
  background: #EDEDED;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 {
    padding: 4.7777777778vw 0 7.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 {
    padding: 141.9px 0 231px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 {
    padding: 6.88vw 0 11.2vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 {
    padding: 0;
  }
}
.join-us .section1 .section-wrapper {
  width: 79.8611111111vw;
  gap: 3.4722222222vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper {
    width: 63.8888888889vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper {
    width: 1897.5px;
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper {
    width: 92vw;
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper {
    width: 100%;
    gap: 0;
    padding: 0;
  }
}
.join-us .section1 .section-wrapper .content {
  gap: 2.6388888889vw;
  border-radius: 0.6944444444vw;
  padding: 4.4444444444vw 5.2083333333vw 4.7916666667vw;
  background: #FFF;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper .content {
    gap: 2.1111111111vw;
    border-radius: 0.5555555556vw;
    padding: 3.5555555556vw 4.1666666667vw 3.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper .content {
    gap: 62.7px;
    border-radius: 16.5px;
    padding: 105.6px 123.75px 113.85px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper .content {
    gap: 3.04vw;
    border-radius: 0.8vw;
    padding: 5.12vw 6vw 5.52vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content {
    border-radius: 0;
    padding: 6.5104166667vw 2.6041666667vw 0;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content {
    padding: 11.1111111111vw 4.4444444444vw 0;
    gap: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content.next {
    padding-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content.next {
    padding-top: 22.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content.last {
    padding-bottom: 10.0260416667vw;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content.last {
    padding-bottom: 17.1111111111vw;
  }
}
.join-us .section1 .section-wrapper .content .title {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #132745;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper .content .title {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper .content .title {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper .content .title {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content .title {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content .title {
    font-size: 4.8888888889vw;
  }
}
.join-us .section1 .section-wrapper .content .wrapper {
  gap: 2.2916666667vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper .content .wrapper {
    gap: 1.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper .content .wrapper {
    gap: 54.45px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper .content .wrapper {
    gap: 2.64vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content .wrapper {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content .wrapper {
    gap: 6.6666666667vw;
  }
}
.join-us .section1 .section-wrapper .content .wrapper .sub-title {
  font-size: 1.3888888889vw;
  padding-bottom: 2.0138888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #132745;
  letter-spacing: 0;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper .content .wrapper .sub-title {
    font-size: 1.1111111111vw;
    padding-bottom: 1.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper .content .wrapper .sub-title {
    font-size: 33px;
    padding-bottom: 47.85px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper .content .wrapper .sub-title {
    font-size: 1.6vw;
    padding-bottom: 2.32vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content .wrapper .sub-title {
    font-size: 2.0833333333vw;
    padding-bottom: 3.90625vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content .wrapper .sub-title {
    font-size: 3.5555555556vw;
    padding-bottom: 6.6666666667vw;
  }
}
.join-us .section1 .section-wrapper .content .wrapper .text,
.join-us .section1 .section-wrapper .content .wrapper .list {
  font-size: 1.1805555556vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #132745;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .join-us .section1 .section-wrapper .content .wrapper .text,
  .join-us .section1 .section-wrapper .content .wrapper .list {
    font-size: 0.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .join-us .section1 .section-wrapper .content .wrapper .text,
  .join-us .section1 .section-wrapper .content .wrapper .list {
    font-size: 28.05px;
  }
}
@media screen and (max-width: 1250px) {
  .join-us .section1 .section-wrapper .content .wrapper .text,
  .join-us .section1 .section-wrapper .content .wrapper .list {
    font-size: 1.36vw;
  }
}
@media screen and (max-width: 768px) {
  .join-us .section1 .section-wrapper .content .wrapper .text,
  .join-us .section1 .section-wrapper .content .wrapper .list {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
  .join-us .section1 .section-wrapper .content .wrapper .text .sp,
  .join-us .section1 .section-wrapper .content .wrapper .list .sp {
    display: inline;
  }
  .join-us .section1 .section-wrapper .content .wrapper .text .pc,
  .join-us .section1 .section-wrapper .content .wrapper .list .pc {
    display: none;
  }
  .join-us .section1 .section-wrapper .content .wrapper .text.pc,
  .join-us .section1 .section-wrapper .content .wrapper .list.pc {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .join-us .section1 .section-wrapper .content .wrapper .text,
  .join-us .section1 .section-wrapper .content .wrapper .list {
    font-size: 3.1111111111vw;
  }
}
.join-us .section1 .section-wrapper .content .wrapper ul.list-area {
  list-style-type: disc;
  padding-left: 1.5em;
}

.contact {
  padding: 10.9027777778vw 0 14.0972222222vw;
  background: linear-gradient(90deg, rgb(186, 38, 56) 0%, rgb(228, 102, 26) 100%);
}
.contact .wpcf7-response-output {
  display: none !important;
}
@media screen and (min-width: 1800px) {
  .contact {
    padding: 8.7222222222vw 0 11.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact {
    padding: 259.05px 0 334.95px;
  }
}
@media screen and (max-width: 1250px) {
  .contact {
    padding: 12.56vw 0 16.24vw;
  }
}
@media screen and (max-width: 768px) {
  .contact {
    padding: 10.4166666667vw 2.6041666667vw 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact {
    padding: 17.7777777778vw 4.4444444444vw 13.3333333333vw;
  }
}
.contact .page-title {
  gap: 1.9444444444vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .page-title {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .page-title {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .page-title {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .page-title {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .page-title {
    gap: 2.8888888889vw;
  }
}
.contact .page-title .heading-SERVICE {
  font-size: 3.6111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .contact .page-title .heading-SERVICE {
    font-size: 2.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .page-title .heading-SERVICE {
    font-size: 85.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .page-title .heading-SERVICE {
    font-size: 4.16vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .page-title .heading-SERVICE {
    font-size: 3.6458333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .page-title .heading-SERVICE {
    font-size: 6.2222222222vw;
    letter-spacing: 0.4444444444vw;
  }
}
.contact .page-title .heading {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .contact .page-title .heading {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .page-title .heading {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .page-title .heading {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .page-title .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .page-title .heading {
    font-size: 4.4444444444vw;
  }
}
.contact .section1 {
  margin-top: 8.3333333333vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .section1 {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 {
    margin-top: 198px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 {
    margin-top: 9.6vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 {
    margin-top: 8.59375vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 {
    margin-top: 14.6666666667vw;
  }
}
.contact .section1 .section-wrapper {
  width: 54.1666666667vw;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper {
    width: 43.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper {
    width: 1287px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper {
    width: 62.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper {
    width: 100%;
  }
}
.contact .section1 .section-wrapper form {
  gap: 1.9444444444vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form {
    gap: 3.6458333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form {
    gap: 6.2222222222vw;
  }
}
.contact .section1 .section-wrapper form .input-area {
  gap: 1.0416666667vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area {
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area {
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area {
    gap: 1.7777777778vw;
  }
}
.contact .section1 .section-wrapper form .input-area p {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area p {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area p {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area p {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area p {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area p {
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form .input-area p span {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area p span {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area p span {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area p span {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area p span {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area p span {
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form .input-area input,
.contact .section1 .section-wrapper form .input-area textarea {
  padding: 0.8333333333vw 1.1111111111vw;
  border-radius: 0.3472222222vw;
  font-size: 0.9722222222vw;
  border: none;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  letter-spacing: 0;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area input,
  .contact .section1 .section-wrapper form .input-area textarea {
    padding: 0.6666666667vw 0.8888888889vw;
    border-radius: 0.2777777778vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area input,
  .contact .section1 .section-wrapper form .input-area textarea {
    padding: 19.8px 26.4px;
    border-radius: 8.25px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area input,
  .contact .section1 .section-wrapper form .input-area textarea {
    padding: 0.96vw 1.28vw;
    border-radius: 0.4vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area input,
  .contact .section1 .section-wrapper form .input-area textarea {
    padding: 1.5625vw 0.78125vw;
    border-radius: 0.6510416667vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area input,
  .contact .section1 .section-wrapper form .input-area textarea {
    padding: 2.6666666667vw 1.3333333333vw;
    border-radius: 1.1111111111vw;
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form .input-area select {
  padding: 0.8333333333vw 2.7777777778vw 0.8333333333vw 1.1111111111vw;
  border-radius: 0.3472222222vw;
  font-size: 0.9722222222vw;
  width: 100%;
  position: relative;
  border: none;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  letter-spacing: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #FFF;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area select {
    padding: 0.6666666667vw 2.2222222222vw 0.6666666667vw 0.8888888889vw;
    border-radius: 0.2777777778vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area select {
    padding: 19.8px 66px 19.8px 26.4px;
    border-radius: 8.25px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area select {
    padding: 0.96vw 3.2vw 0.96vw 1.28vw;
    border-radius: 0.4vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area select {
    padding: 1.5625vw 3.90625vw 1.5625vw 0.78125vw;
    border-radius: 0.6510416667vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area select {
    padding: 2.6666666667vw 6.6666666667vw 2.6666666667vw 1.3333333333vw;
    border-radius: 1.1111111111vw;
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form .input-area .select-area {
  position: relative;
  width: 100%;
}
.contact .section1 .section-wrapper form .input-area .select-area::after {
  content: "";
  right: 0.6944444444vw;
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/contact/img1.webp") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form .input-area .select-area::after {
    right: 0.5555555556vw;
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form .input-area .select-area::after {
    right: 16.5px;
    width: 16.5px;
    height: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form .input-area .select-area::after {
    right: 0.8vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form .input-area .select-area::after {
    right: 1.3020833333vw;
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form .input-area .select-area::after {
    right: 2.2222222222vw;
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
.contact .section1 .section-wrapper form button,
.contact .section1 .section-wrapper form .wpcf7-submit {
  border: none;
  border-radius: 0.3472222222vw;
  padding: 1.1111111111vw 0;
  background: #000;
  font-size: 1.1111111111vw;
  color: #FFF;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    border-radius: 0.2777777778vw;
    padding: 0.8888888889vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    border-radius: 8.25px;
    padding: 26.4px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    border-radius: 0.4vw;
    padding: 1.28vw 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    border-radius: 0.6510416667vw;
    padding: 2.0833333333vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    border-radius: 1.1111111111vw;
    padding: 3.5555555556vw 0;
  }
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form button,
  .contact .section1 .section-wrapper form .wpcf7-submit {
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form button span,
.contact .section1 .section-wrapper form .wpcf7-submit span {
  font-size: 1.1111111111vw;
  color: #FFF;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .section-wrapper form button span,
  .contact .section1 .section-wrapper form .wpcf7-submit span {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .section-wrapper form button span,
  .contact .section1 .section-wrapper form .wpcf7-submit span {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .section-wrapper form button span,
  .contact .section1 .section-wrapper form .wpcf7-submit span {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .section-wrapper form button span,
  .contact .section1 .section-wrapper form .wpcf7-submit span {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .section-wrapper form button span,
  .contact .section1 .section-wrapper form .wpcf7-submit span {
    font-size: 3.1111111111vw;
  }
}
.contact .section1 .section-wrapper form .wpcf7-not-valid-tip {
  margin-top: 8px;
  color: #FFF;
}
.contact .section1 .section-wrapper form .wpcf7-spinner {
  display: none;
}
.contact.conform .section1 .section-wrapper form .input-area {
  padding-bottom: 0.6944444444vw;
  border-bottom: 1px solid #FFF;
}
@media screen and (min-width: 1800px) {
  .contact.conform .section1 .section-wrapper form .input-area {
    padding-bottom: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.conform .section1 .section-wrapper form .input-area {
    padding-bottom: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.conform .section1 .section-wrapper form .input-area {
    padding-bottom: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.conform .section1 .section-wrapper form .input-area {
    padding-bottom: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.conform .section1 .section-wrapper form .input-area {
    padding-bottom: 2.2222222222vw;
  }
}
.contact.conform .section1 .button-area {
  display: flex;
  gap: 20px;
}
.contact.conform .section1 .button-area button {
  width: 50%;
}
.contact.conform .section1 .button-area button:nth-of-type(1) {
  background: #555;
}
.contact.conform .section1 .button-area .wpcf7-previous,
.contact.conform .section1 .button-area .wpcf7-submit {
  width: 50%;
}
.contact.conform .section1 .button-area .wpcf7-previous {
  background: #555;
  font-size: 1.1111111111vw;
  color: #FFF;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .contact.conform .section1 .button-area .wpcf7-previous {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.conform .section1 .button-area .wpcf7-previous {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.conform .section1 .button-area .wpcf7-previous {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.conform .section1 .button-area .wpcf7-previous {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.conform .section1 .button-area .wpcf7-previous {
    font-size: 3.1111111111vw;
  }
}
.contact.thanks .section1 .section-wrapper {
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper {
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper {
    gap: 13.3333333333vw;
  }
}
.contact.thanks .section1 .section-wrapper .main-text {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper .main-text {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper .main-text {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper .main-text {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper .main-text {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper .main-text {
    font-size: 5.3333333333vw;
  }
}
.contact.thanks .section1 .section-wrapper .sub-text {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 500;
  line-height: 180%;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper .sub-text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper .sub-text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper .sub-text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper .sub-text {
    font-size: 2.0833333333vw;
  }
  .contact.thanks .section1 .section-wrapper .sub-text br {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper .sub-text {
    font-size: 3.5555555556vw;
  }
}
.contact.thanks .section1 .section-wrapper .link {
  width: 19.375vw;
  padding: 1.25vw 0;
  border-radius: 0.3472222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper .link {
    width: 17.2222222222vw;
    padding: 1vw 0;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper .link {
    width: 403px;
    padding: 29.7px 0;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper .link {
    width: 19.84vw;
    padding: 1.44vw 0;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper .link {
    padding: 2.34375vw;
    border-radius: 0.6510416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper .link {
    padding: 4vw;
    border-radius: 1.1111111111vw;
  }
}
.contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.contact.thanks .section1 .section-wrapper .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .contact.thanks .section1 .section-wrapper .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact.thanks .section1 .section-wrapper .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .contact.thanks .section1 .section-wrapper .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .contact.thanks .section1 .section-wrapper .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact.thanks .section1 .section-wrapper .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}

.privacy .section1 {
  padding: 11.1111111111vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 {
    padding: 8.8888888889vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 {
    padding: 264px 0;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 {
    padding: 12.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 {
    padding: 7.03125vw 2.6041666667vw 12.2395833333vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 {
    padding: 12vw 4.4444444444vw 20.8888888889vw;
  }
}
.privacy .section1 .section-wrapper {
  width: 63.8888888889vw;
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 .section-wrapper {
    width: 51.1111111111vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 .section-wrapper {
    width: 1518px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 .section-wrapper {
    width: 73.6vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 .section-wrapper {
    width: 100%;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 .section-wrapper {
    gap: 4.4444444444vw;
  }
}
.privacy .section1 .section-wrapper .wrapper {
  gap: 1.6666666667vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 .section-wrapper .wrapper {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 .section-wrapper .wrapper {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 .section-wrapper .wrapper {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 .section-wrapper .wrapper {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 .section-wrapper .wrapper {
    gap: 2.6666666667vw;
  }
}
.privacy .section1 .section-wrapper .wrapper .title {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 .section-wrapper .wrapper .title {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 .section-wrapper .wrapper .title {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 .section-wrapper .wrapper .title {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 .section-wrapper .wrapper .title {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 .section-wrapper .wrapper .title {
    font-size: 4vw;
  }
}
.privacy .section1 .section-wrapper .wrapper .text {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 170%;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 .section-wrapper .wrapper .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 .section-wrapper .wrapper .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 .section-wrapper .wrapper .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 .section-wrapper .wrapper .text {
    font-size: 1.8229166667vw;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 .section-wrapper .wrapper .text {
    font-size: 3.1111111111vw;
  }
}
.privacy .section1 .section-wrapper .wrapper .text a {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 170%;
  text-decoration: underline;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 .section-wrapper .wrapper .text a {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 .section-wrapper .wrapper .text a {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 .section-wrapper .wrapper .text a {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 .section-wrapper .wrapper .text a {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 .section-wrapper .wrapper .text a {
    font-size: 3.1111111111vw;
  }
}

.error .section1 {
  padding: 11.1111111111vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .error .section1 {
    padding: 8.8888888889vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 {
    padding: 264px 0;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 {
    padding: 12.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 {
    padding: 7.03125vw 2.6041666667vw 10.4166666667vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 {
    padding: 12vw 4.4444444444vw 17.7777777778vw;
  }
}
.error .section1 .section-wrapper {
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper {
    gap: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper {
    gap: 7.7777777778vw;
  }
}
.error .section1 .section-wrapper .title {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper .title {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper .title {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper .title {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper .title {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper .title {
    font-size: 4vw;
  }
}
.error .section1 .section-wrapper .text {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: 170%;
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper .text {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper .text {
    font-size: 3.1111111111vw;
  }
}
.error .section1 .section-wrapper .link {
  width: 16.25vw;
  padding: 1.25vw 0;
  border-radius: 0.3472222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper .link {
    width: 13vw;
    padding: 1vw 0;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper .link {
    width: 386.1px;
    padding: 29.7px 0;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper .link {
    width: 18.72vw;
    padding: 1.44vw 0;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper .link {
    width: 30.46875vw;
    padding: 2.34375vw 0;
    border-radius: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper .link {
    width: 52vw;
    padding: 4vw 0;
    border-radius: 1.1111111111vw;
  }
}
.error .section1 .section-wrapper .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper .link .text-wrapper-2 {
    font-size: 3.1111111111vw;
  }
}
.error .section1 .section-wrapper .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .error .section1 .section-wrapper .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 .section-wrapper .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 .section-wrapper .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .section-wrapper .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 .section-wrapper .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}

.m-footer .recruit-area {
  height: 43.75vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area {
    height: 35vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area {
    height: 1039.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area {
    height: 50.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area {
    padding: 7.8125vw 2.6041666667vw 9.1145833333vw;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area {
    padding: 13.3333333333vw 4.4444444444vw 15.5555555556vw;
  }
}
.m-footer .recruit-area .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-footer .recruit-area .imgArea img {
  vertical-align: bottom;
}
.m-footer .recruit-area .group {
  gap: 2.9166666667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m-footer .recruit-area .group .title {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.m-footer .recruit-area .group .text-wrapper,
.m-footer .recruit-area .group .link {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.4s, transform 1s ease-out 0.4s;
}
.m-footer .recruit-area .group.is-visible .title,
.m-footer .recruit-area .group.is-visible .text-wrapper,
.m-footer .recruit-area .group.is-visible .link {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group {
    gap: 2.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group {
    gap: 69.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group {
    gap: 3.36vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group {
    gap: 7.2916666667vw;
    position: static;
    transform: translate(0);
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group {
    gap: 12.4444444444vw;
  }
}
.m-footer .recruit-area .group .div {
  gap: 2.2222222222vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .div {
    gap: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .div {
    gap: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .div {
    gap: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .div {
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .div {
    gap: 8.4444444444vw;
  }
}
.m-footer .recruit-area .group .div .title {
  gap: 1.9444444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .div .title {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .div .title {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .div .title {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .div .title {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .div .title {
    gap: 2.8888888889vw;
  }
}
.m-footer .recruit-area .group .div .title .heading-SERVICE {
  font-size: 3.6111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .div .title .heading-SERVICE {
    font-size: 2.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .div .title .heading-SERVICE {
    font-size: 85.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .div .title .heading-SERVICE {
    font-size: 4.16vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .div .title .heading-SERVICE {
    font-size: 3.6458333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .div .title .heading-SERVICE {
    font-size: 6.2222222222vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .recruit-area .group .div .title .heading {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .div .title .heading {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .div .title .heading {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .div .title .heading {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .div .title .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .div .title .heading {
    font-size: 4.4444444444vw;
  }
}
.m-footer .recruit-area .group .div .text-wrapper {
  font-size: 2.2222222222vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .div .text-wrapper {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .div .text-wrapper {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .div .text-wrapper {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .div .text-wrapper {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .div .text-wrapper {
    font-size: 4.8888888889vw;
  }
}
.m-footer .recruit-area .group .link {
  width: 18.75vw;
  padding: 1.25vw 0;
  border-radius: 0.3472222222vw;
  background-color: rgba(186, 64, 64, 0.4);
  border: 1px solid;
  border-color: #000000;
  text-align: center;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .link {
    width: 15vw;
    padding: 1vw 0;
    border-radius: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .link {
    width: 445.5px;
    padding: 29.7px 0;
    border-radius: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .link {
    width: 21.6vw;
    padding: 1.44vw 0;
    border-radius: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .link {
    padding: 2.34375vw;
    border-radius: 0.6510416667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .link {
    padding: 4vw;
    border-radius: 1.1111111111vw;
  }
}
.m-footer .recruit-area .group .link .text-wrapper-2 {
  font-size: 1.1111111111vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFF;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .link .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .link .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .link .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .link .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .link .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.m-footer .recruit-area .group .link .border {
  right: 1.4583333333vw;
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  position: absolute;
  top: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #FFF;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area .group .link .border {
    right: 1.1666666667vw;
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area .group .link .border {
    right: 34.65px;
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area .group .link .border {
    right: 1.68vw;
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area .group .link .border {
    right: 2.734375vw;
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area .group .link .border {
    right: 4.6666666667vw;
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
.m-footer .recruit-area.recruit-page {
  height: 25.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area.recruit-page {
    height: 20.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area.recruit-page {
    height: 610.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area.recruit-page {
    height: 29.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area.recruit-page {
    padding: 7.8125vw 9.1145833333vw;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area.recruit-page {
    padding: 13.3333333333vw 15.5555555556vw;
  }
}
.m-footer .recruit-area.recruit-page .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
}
.m-footer .recruit-area.recruit-page .group {
  gap: 2.0833333333vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .recruit-area.recruit-page .group {
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .recruit-area.recruit-page .group {
    gap: 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .recruit-area.recruit-page .group {
    gap: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .recruit-area.recruit-page .group {
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .recruit-area.recruit-page .group {
    gap: 8.4444444444vw;
  }
}
.m-footer .recruit-area.recruit-page .group .link {
  background: #000;
}
.m-footer .cta {
  height: 34.0277777778vw;
  position: relative;
  background: linear-gradient(90deg, rgb(186, 38, 56) 0%, rgb(228, 102, 26) 100%);
}
@media screen and (min-width: 1800px) {
  .m-footer .cta {
    height: 27.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta {
    height: 808.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta {
    height: 39.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta {
    padding: 7.8125vw 2.6041666667vw;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.m-footer .cta .group {
  width: 69.4444444444vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
}
.m-footer .cta .group .title,
.m-footer .cta .group .link {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.m-footer .cta .group .text-wrapper-2 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out 0.4s, transform 1s ease-out 0.4s;
}
.m-footer .cta .group.is-visible .title,
.m-footer .cta .group.is-visible .link,
.m-footer .cta .group.is-visible .text-wrapper-2 {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group {
    width: 55.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group {
    width: 1650px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group {
    width: 80vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group {
    gap: 5.2083333333vw;
    width: 100%;
    flex-direction: column;
    position: static;
    transform: translate(0);
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group {
    gap: 8.8888888889vw;
  }
}
.m-footer .cta .group .div {
  gap: 2.5694444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .div {
    gap: 2.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .div {
    gap: 61.05px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .div {
    gap: 2.96vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .div {
    gap: 3.3854166667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .div {
    gap: 5.7777777778vw;
  }
}
.m-footer .cta .group .div .title {
  gap: 1.9444444444vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .div .title {
    gap: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .div .title {
    gap: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .div .title {
    gap: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .div .title {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .div .title {
    gap: 2.8888888889vw;
  }
}
.m-footer .cta .group .div .title .heading-SERVICE {
  font-size: 3.6111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: times-new-roman, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .div .title .heading-SERVICE {
    font-size: 2.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .div .title .heading-SERVICE {
    font-size: 85.8px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .div .title .heading-SERVICE {
    font-size: 4.16vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .div .title .heading-SERVICE {
    font-size: 3.6458333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .div .title .heading-SERVICE {
    font-size: 6.2222222222vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .cta .group .div .title .heading {
  font-size: 1.6666666667vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .div .title .heading {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .div .title .heading {
    font-size: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .div .title .heading {
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .div .title .heading {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .div .title .heading {
    font-size: 4.4444444444vw;
  }
}
.m-footer .cta .group .div .text-wrapper-2 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  width: 27.5694444444vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  line-height: 170%;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .div .text-wrapper-2 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
    width: 22.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .div .text-wrapper-2 {
    font-size: 26.4px;
    letter-spacing: 3.3px;
    width: 655.05px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .div .text-wrapper-2 {
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
    width: 31.76vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .div .text-wrapper-2 {
    font-size: 1.8229166667vw;
    letter-spacing: 0.2604166667vw;
    width: 100%;
    text-align: justify;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .div .text-wrapper-2 {
    font-size: 3.1111111111vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .cta .group .link {
  width: 13.8888888889vw;
  height: 13.8888888889vw;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ba2638;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .link {
    width: 11.1111111111vw;
    height: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .link {
    width: 330px;
    height: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .link {
    width: 16vw;
    height: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .link {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .cta .group .link {
    width: 44.4444444444vw;
    height: 44.4444444444vw;
  }
}
.m-footer .cta .group .link .text-wrapper {
  font-size: 1.3888888889vw;
  letter-spacing: 0.1388888889vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .m-footer .cta .group .link .text-wrapper {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .cta .group .link .text-wrapper {
    font-size: 33px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .cta .group .link .text-wrapper {
    font-size: 1.6vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .cta .group .link .text-wrapper {
    font-size: 2.34375vw;
    letter-spacing: 0.2604166667vw;
  }
}
.m-footer .footer {
  padding: 7.6388888889vw 0;
  position: relative;
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer {
    padding: 6.1111111111vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer {
    padding: 181.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer {
    padding: 8.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer {
    padding: 3.125vw 2.6041666667vw 12.3697916667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer {
    padding: 5.3333333333vw 4.4444444444vw 21.1111111111vw;
  }
}
.m-footer .footer .group {
  width: 90.2777777778vw;
  display: flex;
  justify-content: space-between;
}
.m-footer .footer .group .left,
.m-footer .footer .group .right,
.m-footer .footer .group .top-link {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.m-footer .footer .group.is-visible .left,
.m-footer .footer .group.is-visible .right,
.m-footer .footer .group.is-visible .top-link {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group {
    width: 83.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group {
    width: 2145px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group {
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group {
    gap: 5.2083333333vw;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group {
    gap: 8.8888888889vw;
  }
}
.m-footer .footer .group .left {
  gap: 3.9583333333vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .left {
    gap: 3.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .left {
    gap: 94.05px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .left {
    gap: 4.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left {
    gap: 2.6041666667vw;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left {
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .left .imgArea {
  width: 21.5277777778vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .left .imgArea {
    width: 17.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .left .imgArea {
    width: 511.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .left .imgArea {
    width: 24.8vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left .imgArea {
    width: 22.1354166667%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left .imgArea {
    width: 37.7777777778%;
  }
}
.m-footer .footer .group .left .text-area {
  gap: 0.2777777778vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .left .text-area {
    gap: 0.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .left .text-area {
    gap: 6.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .left .text-area {
    gap: 0.32vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left .text-area {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left .text-area {
    gap: 2.2222222222vw;
  }
}
.m-footer .footer .group .left .text-area .element-biz {
  font-size: 0.9722222222vw;
  letter-spacing: 0.1388888889vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .left .text-area .element-biz {
    font-size: 0.7777777778vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .left .text-area .element-biz {
    font-size: 23.1px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .left .text-area .element-biz {
    font-size: 1.12vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left .text-area .element-biz {
    font-size: 1.5625vw;
    letter-spacing: 0.2604166667vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left .text-area .element-biz {
    font-size: 2.6666666667vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .footer .group .left .text-area .text-wrapper {
  font-size: 0.9722222222vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #004cff;
  letter-spacing: 0;
  line-height: 240%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .left .text-area .text-wrapper {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .left .text-area .text-wrapper {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .left .text-area .text-wrapper {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left .text-area .text-wrapper {
    font-size: 1.5625vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left .text-area .text-wrapper {
    font-size: 2.6666666667vw;
  }
}
.m-footer .footer .group .left .text-wrapper2 {
  font-size: 0.8333333333vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 1px;
  line-height: 170%;
  display: none;
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .left .text-wrapper2 {
    font-size: 1.5625vw;
    display: block;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .left .text-wrapper2 {
    font-size: 2.6666666667vw;
  }
}
.m-footer .footer .group .right {
  gap: 4.375vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right {
    gap: 3.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right {
    gap: 103.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right {
    gap: 5.04vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right {
    gap: 0;
    width: 100%;
  }
}
.m-footer .footer .group .right .list-area {
  gap: 2.6388888889vw;
  width: 31.25vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .list-area {
    gap: 2.1111111111vw;
    width: 25vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .list-area {
    gap: 62.7px;
    width: 742.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .list-area {
    gap: 3.04vw;
    width: 36vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .list-area {
    gap: 1.3020833333vw 0;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .right .list-area {
    gap: 2.2222222222vw 0;
  }
}
.m-footer .footer .group .right .list-area .list {
  width: 13.8888888889vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .list-area .list {
    width: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .list-area .list {
    width: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .list-area .list {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .list-area .list {
    width: 50%;
  }
}
.m-footer .footer .group .right .list-area .list .link {
  gap: 0.5555555556vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .list-area .list .link {
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .list-area .list .link {
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .list-area .list .link {
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .list-area .list .link {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .right .list-area .list .link {
    gap: 1.7777777778vw;
  }
}
.m-footer .footer .group .right .list-area .list .link .border {
  width: 0.4861111111vw;
  height: 0.4861111111vw;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #111e2c;
  transform: rotate(45deg);
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .list-area .list .link .border {
    width: 0.3888888889vw;
    height: 0.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .list-area .list .link .border {
    width: 11.55px;
    height: 11.55px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .list-area .list .link .border {
    width: 0.56vw;
    height: 0.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .list-area .list .link .border {
    width: 0.9114583333vw;
    height: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .right .list-area .list .link .border {
    width: 1.5555555556vw;
    height: 1.5555555556vw;
  }
}
.m-footer .footer .group .right .list-area .list .link .text-wrapper {
  font-size: 1.1111111111vw;
  font-family: hiragino-mincho-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .list-area .list .link .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .list-area .list .link .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .list-area .list .link .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .list-area .list .link .text-wrapper {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .right .list-area .list .link .text-wrapper {
    font-size: 2.6666666667vw;
  }
}
.m-footer .footer .group .right .text-wrapper2 {
  font-size: 0.8333333333vw;
  font-family: yu-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  letter-spacing: 1px;
  line-height: 170%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .right .text-wrapper2 {
    font-size: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .right .text-wrapper2 {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .right .text-wrapper2 {
    font-size: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .right .text-wrapper2 {
    display: none;
  }
}
.m-footer .footer .top-link {
  position: absolute;
  bottom: 1.3888888889vw;
  right: 1.3888888889vw;
  width: 3.4722222222vw;
  height: 3.4722222222vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .top-link {
    bottom: 1.1111111111vw;
    right: 1.1111111111vw;
    width: 2.7777777778vw;
    height: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .top-link {
    bottom: 33px;
    right: 33px;
    width: 82.5px;
    height: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .top-link {
    bottom: 1.6vw;
    right: 1.6vw;
    width: 4vw;
    height: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .top-link {
    width: 6.5104166667vw;
    height: 6.5104166667vw;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .top-link {
    width: 11.1111111111vw;
    height: 11.1111111111vw;
  }
}
.m-footer .footer .top-link .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}

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