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

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

em {
  color: black;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

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

.content {
  margin-top: 0;
}

.wrap {
  width: 100%;
}

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

.mysyle {
  overflow: hidden;
}

a {
  text-decoration: none;
}

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

.pc-layout {
  display: block;
}

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

@media screen and (max-width: 768px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-THIN.TTF") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRALIGHT.TTF") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-LIGHT.TTF") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-MEDIUM.TTF") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-SEMIBOLD.TTF") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-EXTRABOLD.TTF") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NOTOSANSJP-BLACK.TTF") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Jost";
  src: url("../font/Jost-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  vertical-align: bottom;
}

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

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

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

.overlay {
  position: fixed;
  top: 5.5555555556vw;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 50;
  pointer-events: none;
  transition: 0.4s all ease-in-out;
  overflow: scroll;
  background: #FFF;
}
@media screen and (min-width: 1800px) {
  .overlay {
    top: 4.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay {
    top: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay {
    top: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay {
    top: 6.5104166667vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .overlay {
    top: 11.1111111111vw;
  }
}
.overlay.is-active {
  opacity: 1;
  pointer-events: all;
}
.overlay .open-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding-bottom: 4.1666666667vw;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu {
    padding-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu {
    padding-bottom: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu {
    padding-bottom: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu {
    padding: 7.8125vw 2.6041666667vw;
    gap: 3.90625vw;
    align-items: center;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu {
    padding: 13.3333333333vw 4.4444444444vw;
    gap: 6.6666666667vw;
  }
}
.overlay .open-menu .content {
  width: 90.2777777778vw;
  height: 52.5vw;
  padding: 2.2222222222vw 4.4444444444vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content {
    width: 72.2222222222vw;
    height: 42vw;
    padding: 1.7777777778vw 3.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content {
    width: 2145px;
    height: 1247.4px;
    padding: 52.8px 105.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content {
    width: 104vw;
    height: 60.48vw;
    padding: 2.56vw 5.12vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content {
    gap: 5.2083333333vw;
    padding: 0;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content {
    gap: 8.8888888889vw;
  }
}
.overlay .open-menu .content .links {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .links {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .links {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .links {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .links {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links {
    gap: 6.6666666667vw;
  }
}
.overlay .open-menu .content .links .link-text .link {
  font-size: 3.3333333333vw;
  display: inline-block;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
  position: relative;
}
.overlay .open-menu .content .links .link-text .link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #000000;
  transition: width 0.3s ease;
}
@media screen and (min-width: 768px) {
  .overlay .open-menu .content .links .link-text .link:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 3.84vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .content .links .link-text .link {
    font-size: 5.7777777778vw;
  }
}
.overlay .open-menu .content .imgArea {
  width: 45.8333333333vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .content .imgArea {
    width: 36.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .content .imgArea {
    width: 1089px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .content .imgArea {
    width: 52.8vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .content .imgArea {
    width: 100%;
  }
}
.overlay .open-menu .social-links {
  gap: 0.8333333333vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .social-links {
    gap: 0.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .social-links {
    gap: 19.8px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .social-links {
    gap: 0.96vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .social-links {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .social-links {
    gap: 2.6666666667vw;
  }
}
.overlay .open-menu .social-links .link {
  width: 1.6666666667vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .overlay .open-menu .social-links .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .overlay .open-menu .social-links .link {
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .overlay .open-menu .social-links .link {
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .overlay .open-menu .social-links .link {
    width: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .overlay .open-menu .social-links .link {
    width: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .overlay .open-menu .social-links .link {
    width: 5.3333333333vw;
  }
}
.overlay .open-menu .social-links .link .imgArea {
  display: block;
  width: 100%;
}

.m-header .header {
  padding: 1.3888888889vw 2.7777777778vw;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-header .header {
    padding: 1.1111111111vw 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header {
    padding: 33px 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header {
    padding: 1.6vw 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header {
    padding: 1.3020833333vw 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header {
    padding: 2.2222222222vw 3.1111111111vw;
  }
}
.m-header .header .link {
  width: 9.8611111111vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .m-header .header .link {
    width: 7.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .link {
    width: 234.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .link {
    width: 11.36vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .link {
    width: 18.4895833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .link {
    width: 31.5555555556vw;
  }
}
.m-header .header .link .imgArea {
  width: 100%;
  display: block;
}
.m-header .header .column {
  gap: 1.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column {
    gap: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column {
    gap: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column {
    gap: 5.3333333333vw;
  }
}
.m-header .header .column .button {
  border-radius: 1.3888888889vw;
  width: 12.5vw;
  padding: 0.5555555556vw 0;
  background-color: #0088ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0088ff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .button {
    border-radius: 1.1111111111vw;
    width: 10vw;
    padding: 0.4444444444vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .button {
    border-radius: 33px;
    width: 297px;
    padding: 13.2px 0;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .button {
    border-radius: 1.6vw;
    width: 14.4vw;
    padding: 0.64vw 0;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .button {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .m-header .header .column .button:hover {
    background-color: #ffffff;
    border-color: #0088ff;
  }
  .m-header .header .column .button:hover .text-wrapper {
    color: #0088ff;
  }
}
.m-header .header .column .button .text-wrapper {
  font-size: 1.1111111111vw;
  line-height: 1.6666666667vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 0.8888888889vw;
    line-height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 26.4px;
    line-height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 1.28vw;
    line-height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 2.0833333333vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .button .text-wrapper {
    font-size: 3.5555555556vw;
    line-height: 5.3333333333vw;
  }
}
.m-header .header .column .icon {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  gap: 0.3472222222vw;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .icon {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .icon {
    width: 79.2px;
    height: 79.2px;
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .icon {
    width: 3.84vw;
    height: 3.84vw;
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .icon {
    width: 6.25vw;
    height: 6.25vw;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .icon {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    gap: 1.1111111111vw;
  }
}
.m-header .header .column .icon span {
  width: 1.3888888889vw;
  height: 0.0694444444vw;
  display: block;
  background: #000000;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .m-header .header .column .icon span {
    width: 1.1111111111vw;
    height: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .header .column .icon span {
    width: 33px;
    height: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .header .column .icon span {
    width: 1.6vw;
    height: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .header .column .icon span {
    width: 2.6041666667vw;
    height: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .header .column .icon span {
    width: 4.4444444444vw;
    height: 0.2222222222vw;
  }
}
.m-header .header .column .icon.is-active {
  gap: 0;
}
.m-header .header .column .icon.is-active span {
  position: absolute;
}
.m-header .header .column .icon.is-active span:nth-child(1) {
  transform: rotate(45deg);
}
.m-header .header .column .icon.is-active span:nth-child(2) {
  opacity: 0;
}
.m-header .header .column .icon.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}
.m-header .FV {
  height: 55.5555555556vw;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-header .FV {
    height: 44.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .FV {
    height: 1320px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .FV {
    height: 64vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .FV {
    height: 65.1041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .FV {
    height: 111.1111111111vw;
  }
}
.m-header .FV .imgArea {
  display: block;
  height: 100%;
  width: 100%;
}
.m-header .FV .imgArea1 {
  display: block;
  position: absolute;
  width: 78.4722222222vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fadeIn 2s ease-in-out 0.5s forwards;
}
@media screen and (min-width: 2200px) {
  .m-header .FV .imgArea1 {
    width: 1864.5;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .FV .imgArea1 {
    width: 62.7777777778vw;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .FV .imgArea1 {
    width: 90.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .FV .imgArea1 {
    width: 100%;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.m-header .commonWrapper .container {
  height: 34.7222222222vw;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container {
    height: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container {
    height: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container {
    height: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container {
    height: 65.1041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container {
    height: 111.1111111111vw;
  }
}
.m-header .commonWrapper .container .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 49, 58, 0.7);
}
.m-header .commonWrapper .container .imgArea {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.m-header .commonWrapper .container .titleWrapper {
  width: 90.2777777778vw;
  padding-bottom: 2.2222222222vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 auto;
  height: 100%;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper {
    width: 72.2222222222vw;
    padding-bottom: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper {
    width: 2145px;
    padding-bottom: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper {
    width: 100%;
    padding: 0 1.6vw;
    padding-bottom: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper {
    width: 100%;
    padding: 0;
    padding-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper {
    padding-bottom: 7.1111111111vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .frame {
  font-size: 2.7777777778vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 220%;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .frame {
    font-size: 2.2222222222vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .frame {
    font-size: 66px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .frame {
    font-size: 3.2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .frame {
    font-size: 3.2552083333vw;
    padding: 0 2.6041666667vw;
    letter-spacing: 0.1302083333vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .frame {
    font-size: 4.8888888889vw;
    padding: 0 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .frame .span {
  display: none;
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .frame .span {
    font-size: 2.8645833333vw;
    display: block;
    font-family: "Jost", Helvetica;
    font-weight: 400;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .frame .span {
    font-size: 4.8888888889vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group {
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group {
    padding: 0 4.4444444444vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .enTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-header .commonWrapper .container .titleWrapper .group .enTitle .text-wrapper {
  font-size: 1.5277777778vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Jost", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .text-wrapper {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .text-wrapper {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .text-wrapper {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .text-wrapper {
    display: none;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
  width: 76.3888888889vw;
  height: 0.0694444444vw;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
    width: 61.1111111111vw;
    height: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
    width: 1815px;
    height: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
    width: 88vw;
    height: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
    width: 143.2291666667vw;
    height: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group .enTitle .horizontal-divider {
    width: 244.4444444444vw;
    height: 0.2222222222vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .ordered-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list {
    margin-top: 0.9114583333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list {
    margin-top: 1.5555555556vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .ordered-list .top {
  display: flex;
  align-items: center;
}
.m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
  font-size: 0.8333333333vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 180%;
  text-decoration: underline;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
    font-size: 0.6666666667vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
    font-size: 19.8px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
    font-size: 0.96vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
    font-size: 1.5625vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .top .link {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
  width: 1.6666666667vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
    width: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
    width: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .arrowImg {
    width: 5.3333333333vw;
  }
}
.m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
  font-size: 0.8333333333vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-DemiLight", Helvetica;
  font-weight: 300;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
    font-size: 0.6666666667vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
    font-size: 19.8px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
    font-size: 0.96vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
    font-size: 1.5625vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-header .commonWrapper .container .titleWrapper .group .ordered-list .text-wrapper-2 {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}

.front {
  overflow: hidden;
}
.front .section1 {
  display: flex;
  justify-content: center;
}
.front .section1 .about-section {
  width: 100vw;
  height: 57.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section {
    width: 80vw;
    height: 46.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section {
    width: 2376px;
    height: 1369.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section {
    width: 100%;
    height: 66.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section {
    padding: 23.4375vw 1.3020833333vw 31.25vw;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section {
    padding: 40vw 2.2222222222vw 53.3333333333vw;
  }
}
.front .section1 .about-section .imgArea1 {
  top: 6.8055555556vw;
  left: 78.0555555556vw;
  width: 20.2777777778vw;
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
}
.front .section1 .about-section .imgArea1.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .imgArea1 {
    top: 5.4444444444vw;
    left: 62.4444444444vw;
    width: 16.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .imgArea1 {
    top: 161.7px;
    left: 1854.6px;
    width: 481.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .imgArea1 {
    top: 7.84vw;
    left: auto;
    right: 2%;
    width: 23.36vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .imgArea1 {
    width: 19.53125vw;
    right: -2.8645833333vw;
    top: 6.5104166667vw;
    left: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .imgArea1 {
    width: 33.3333333333vw;
    right: -4.8888888889vw;
    top: 11.1111111111vw;
  }
}
.front .section1 .about-section .imgArea2 {
  top: 32.2916666667vw;
  left: 71.875vw;
  width: 24.9305555556vw;
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease 1.5s, transform 1s ease 1.5s;
}
.front .section1 .about-section .imgArea2.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .imgArea2 {
    top: 25.8333333333vw;
    left: 57.5vw;
    width: 19.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .imgArea2 {
    top: 767.25px;
    left: 1707.75px;
    width: 592.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .imgArea2 {
    top: 37.2vw;
    left: auto;
    right: 2%;
    width: 28.72vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .imgArea2 {
    width: 20.8333333333vw;
    right: -1.3020833333vw;
    bottom: 3.2552083333vw;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .imgArea2 {
    width: 35.5555555556vw;
    right: -2.2222222222vw;
    bottom: 5.5555555556vw;
  }
}
.front .section1 .about-section .imgArea3 {
  top: 5.6944444444vw;
  left: 2.2222222222vw;
  width: 27.5vw;
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease, transform 1s ease;
}
.front .section1 .about-section .imgArea3.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .imgArea3 {
    top: 4.5555555556vw;
    left: 1.7777777778vw;
    width: 22vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .imgArea3 {
    top: 135.3px;
    left: 52.8px;
    width: 653.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .imgArea3 {
    top: 6.56vw;
    left: -6%;
    width: 31.68vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .imgArea3 {
    width: 27.34375vw;
    top: 3.90625vw;
    left: -6.9010416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .imgArea3 {
    width: 46.6666666667vw;
    top: 6.6666666667vw;
    left: -11.7777777778vw;
  }
}
.front .section1 .about-section .imgArea4 {
  top: 40.6944444444vw;
  left: 6.9444444444vw;
  width: 22.8472222222vw;
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease 1s, transform 1s ease 1s;
}
.front .section1 .about-section .imgArea4.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .imgArea4 {
    top: 32.5555555556vw;
    left: 5.5555555556vw;
    width: 18.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .imgArea4 {
    top: 966.9px;
    left: 165px;
    width: 542.85px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .imgArea4 {
    top: 46.88vw;
    left: 3%;
    width: 26.32vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .imgArea4 {
    width: 27.9947916667vw;
    bottom: 11.71875vw;
    left: -3.2552083333vw;
    top: auto;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .imgArea4 {
    width: 47.7777777778vw;
    bottom: 20vw;
    left: -5.5555555556vw;
  }
}
.front .section1 .about-section .frame {
  gap: 2.9166666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .frame {
    gap: 2.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .frame {
    gap: 69.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .frame {
    gap: 3.36vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .frame {
    gap: 3.515625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .frame {
    gap: 6vw;
  }
}
.front .section1 .about-section .frame .span-wrapper,
.front .section1 .about-section .frame .blue,
.front .section1 .about-section .frame .green {
  font-size: 2.9166666667vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  color: #2b2b2b;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .frame .span-wrapper,
  .front .section1 .about-section .frame .blue,
  .front .section1 .about-section .frame .green {
    font-size: 2.3333333333vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .frame .span-wrapper,
  .front .section1 .about-section .frame .blue,
  .front .section1 .about-section .frame .green {
    font-size: 69.3px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .frame .span-wrapper,
  .front .section1 .about-section .frame .blue,
  .front .section1 .about-section .frame .green {
    font-size: 3.36vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .frame .span-wrapper,
  .front .section1 .about-section .frame .blue,
  .front .section1 .about-section .frame .green {
    font-size: 3.90625vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .frame .span-wrapper,
  .front .section1 .about-section .frame .blue,
  .front .section1 .about-section .frame .green {
    font-size: 6.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section1 .about-section .frame .span-wrapper br {
  display: none;
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .frame .span-wrapper br {
    display: block;
  }
}
.front .section1 .about-section .frame .blue {
  color: #528fff;
}
.front .section1 .about-section .frame .green {
  color: #43dd4d;
}
.front .section1 .about-section .frame .div {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  line-height: 200%;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .frame .div {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .frame .div {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .frame .div {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .frame .div {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .frame .div {
    font-size: 3.5555555556vw;
  }
}
.front .section1 .about-section .group {
  border-radius: 3.4722222222vw;
  width: 20.2777777778vw;
  height: 4.0972222222vw;
  position: relative;
  background: #7293FF;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .group {
    border-radius: 2.7777777778vw;
    width: 16.2222222222vw;
    height: 3.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .group {
    border-radius: 82.5px;
    width: 481.8px;
    height: 97.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .group {
    border-radius: 4vw;
    width: 23.36vw;
    height: 4.72vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .group {
    border-radius: 6.5104166667vw;
    width: 38.0208333333vw;
    height: 7.6822916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .group {
    border-radius: 11.1111111111vw;
    width: 64.8888888889vw;
    height: 13.1111111111vw;
  }
}
@media screen and (min-width: 768px) {
  .front .section1 .about-section .group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .front .section1 .about-section .group:hover .imgArea {
    transform: translate(5px, -50%);
  }
}
.front .section1 .about-section .group .text-wrapper-2 {
  font-size: 1.25vw;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  letter-spacing: 1;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .group .text-wrapper-2 {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .group .text-wrapper-2 {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .group .text-wrapper-2 {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .group .text-wrapper-2 {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .group .text-wrapper-2 {
    font-size: 4vw;
  }
}
.front .section1 .about-section .group .imgArea {
  right: 1.25vw;
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section1 .about-section .group .imgArea {
    right: 1vw;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section1 .about-section .group .imgArea {
    right: 29.7px;
    width: 41.25px;
    height: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section1 .about-section .group .imgArea {
    right: 1.44vw;
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section1 .about-section .group .imgArea {
    right: 2.34375vw;
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section1 .about-section .group .imgArea {
    right: 4vw;
    width: 5.5555555556vw;
    height: 5.5555555556vw;
  }
}
.front .section2 .service-section {
  gap: 3.125vw;
  padding: 6.9444444444vw 0 10.4166666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e9f6ff;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section {
    gap: 2.5vw;
    padding: 5.5555555556vw 0 8.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section {
    gap: 74.25px;
    padding: 165px 0 247.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section {
    gap: 3.6vw;
    padding: 8vw 1.6vw 12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section {
    padding: 3.90625vw 2.6041666667vw 14.3229166667vw;
    gap: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section {
    padding: 6.6666666667vw 4.4444444444vw 24.4444444444vw;
    gap: 11.1111111111vw;
  }
}
.front .section2 .service-section .title {
  width: 90.2777777778vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .title {
    width: 72.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .title {
    width: 2145px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .title {
    width: 100%;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .title {
    width: 100%;
    flex-direction: column;
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .title {
    gap: 2.2222222222vw;
  }
}
.front .section2 .service-section .title .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.front .section2 .service-section .title .frame .text-wrapper {
  font-size: 4.0277777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Jost", Helvetica;
  font-weight: 600;
  color: #528fff;
  line-height: 120%;
  white-space: nowrap;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .title .frame .text-wrapper {
    font-size: 3.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .title .frame .text-wrapper {
    font-size: 95.7px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .title .frame .text-wrapper {
    font-size: 4.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .title .frame .text-wrapper {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .title .frame .text-wrapper {
    font-size: 8.8888888889vw;
  }
}
.front .section2 .service-section .title .frame .div {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #1f1d1b;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .title .frame .div {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .title .frame .div {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .title .frame .div {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .title .frame .div {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .title .frame .div {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section2 .service-section .title .element {
  width: 67.3611111111vw;
  font-size: 1.1805555556vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #1f1d1b;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .title .element {
    width: 53.8888888889vw;
    font-size: 0.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .title .element {
    width: 1600.5px;
    font-size: 28.05px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .title .element {
    width: 77.6vw;
    font-size: 1.36vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .title .element {
    width: 100%;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .title .element {
    font-size: 3.1111111111vw;
  }
}
.front .section2 .service-section .frame-2 {
  gap: 4.0277777778vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 {
    gap: 3.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 {
    gap: 95.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 {
    gap: 4.64vw;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 {
    gap: 4.296875vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 {
    gap: 7.3333333333vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 {
  width: 90.2777777778vw;
  gap: 4.0277777778vw;
  padding: 2.0833333333vw 3.4027777778vw 2.0833333333vw 8.3333333333vw;
  border-radius: 1.8055555556vw;
  box-shadow: 0px 0.2777777778vw 1.3888888889vw rgba(0, 0, 0, 0.2509803922);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  background-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 {
    width: 72.2222222222vw;
    gap: 3.2222222222vw;
    padding: 1.6666666667vw 2.7222222222vw 1.6666666667vw 6.6666666667vw;
    border-radius: 1.4444444444vw;
    box-shadow: 0px 0.2222222222vw 1.1111111111vw rgba(0, 0, 0, 0.2509803922);
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 {
    width: 2145px;
    gap: 95.7px;
    padding: 49.5px 80.85px 49.5px 198px;
    border-radius: 42.9px;
    box-shadow: 0px 6.6px 33px rgba(0, 0, 0, 0.2509803922);
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 {
    width: 100%;
    gap: 4.64vw;
    padding: 2.4vw 3.92vw 2.4vw 9.6vw;
    border-radius: 2.08vw;
    box-shadow: 0px 0.32vw 1.6vw rgba(0, 0, 0, 0.2509803922);
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 {
    gap: 3.90625vw;
    padding: 4.6875vw 1.953125vw 4.1666666667vw 1.953125vw;
    border-radius: 1.3020833333vw;
    box-shadow: 0px 0.5208333333vw 2.6041666667vw rgba(0, 0, 0, 0.2509803922);
    width: 100%;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 {
    gap: 6.6666666667vw;
    padding: 8vw 3.3333333333vw 7.1111111111vw 3.3333333333vw;
    border-radius: 2.2222222222vw;
    box-shadow: 0px 0.8888888889vw 4.4444444444vw rgba(0, 0, 0, 0.2509803922);
  }
}
.front .section2 .service-section .frame-2 .frame-3 .imgArea {
  display: block;
  width: 100%;
  flex: 1;
}
.front .section2 .service-section .frame-2 .frame-3 .tagImg {
  width: 6.25vw;
  left: 1.3888888889vw;
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .tagImg {
    width: 5vw;
    left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .tagImg {
    width: 148.5px;
    left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .tagImg {
    width: 7.2vw;
    left: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .tagImg {
    width: 7.2916666667vw;
    left: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .tagImg {
    width: 12.4444444444vw;
    left: 3.3333333333vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 {
  gap: 2.0833333333vw;
  width: 39.5833333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 {
    gap: 1.6666666667vw;
    width: 31.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 {
    gap: 49.5px;
    width: 940.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 {
    gap: 2.4vw;
    width: 45.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 {
    gap: 1.3020833333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 {
    gap: 2.2222222222vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
  gap: 1.4583333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
    gap: 1.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
    gap: 34.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
    gap: 1.68vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
    gap: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 {
    gap: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5.next {
    gap: 3.90625vw;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5.next {
    gap: 6.6666666667vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
  font-size: 1.3888888889vw;
  color: #1f1d1b;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
    font-size: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h {
    font-size: 3.1111111111vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
  font-size: 2.2222222222vw;
  color: #57a35c;
  line-height: 160%;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
    font-size: 1.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
    font-size: 52.8px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
    font-size: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .h-2 {
    font-size: 4.4444444444vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #1f1d1b;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .p {
    font-size: 3.5555555556vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
  border-radius: 3.4722222222vw;
  width: 20.2777777778vw;
  height: 4.0972222222vw;
  position: relative;
  background: #7293FF;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
    border-radius: 2.7777777778vw;
    width: 16.2222222222vw;
    height: 3.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
    border-radius: 82.5px;
    width: 481.8px;
    height: 97.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
    border-radius: 4vw;
    width: 23.36vw;
    height: 4.72vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
    border-radius: 6.5104166667vw;
    width: 38.0208333333vw;
    height: 7.6822916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group {
    border-radius: 11.1111111111vw;
    width: 64.8888888889vw;
    height: 13.1111111111vw;
  }
}
@media screen and (min-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group:hover .imgAreaArrow {
    transform: translate(5px, -50%);
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
  font-size: 1.25vw;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  letter-spacing: 1;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .linkText {
    font-size: 4vw;
  }
}
.front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
  right: 1.25vw;
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
    right: 1vw;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
    right: 29.7px;
    width: 41.25px;
    height: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
    right: 1.44vw;
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
    right: 2.34375vw;
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section2 .service-section .frame-2 .frame-3 .frame-4 .frame-5 .group .imgAreaArrow {
    right: 4vw;
    width: 5.5555555556vw;
    height: 5.5555555556vw;
  }
}
.front .section3 {
  position: relative;
}
.front .section3 .imgArea {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
}
.front .section3 .forte-point-section {
  height: 27.7777777778vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
@media screen and (min-width: 1800px) {
  .front .section3 .forte-point-section {
    height: 22.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .forte-point-section {
    height: 660px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .forte-point-section {
    height: 32vw;
    padding: 0 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .forte-point-section {
    height: auto;
    padding: 6.5104166667vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .forte-point-section {
    padding: 11.1111111111vw 4.4444444444vw;
  }
}
.front .section3 .forte-point-section .content {
  width: 90.2777777778vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .front .section3 .forte-point-section .content {
    width: 72.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .forte-point-section .content {
    width: 2145px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .forte-point-section .content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .forte-point-section .content {
    gap: 3.90625vw;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .forte-point-section .content {
    gap: 6.6666666667vw;
  }
}
.front .section3 .forte-point-section .content .heading {
  font-size: 2.7777777778vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 150%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .forte-point-section .content .heading {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .forte-point-section .content .heading {
    font-size: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .forte-point-section .content .heading {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .forte-point-section .content .heading {
    font-size: 3.2552083333vw;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .forte-point-section .content .heading {
    font-size: 5.5555555556vw;
  }
}
.front .section3 .forte-point-section .content .text-wrapper {
  width: 42.3611111111vw;
}
@media screen and (min-width: 1800px) {
  .front .section3 .forte-point-section .content .text-wrapper {
    width: 33.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .forte-point-section .content .text-wrapper {
    width: 1006.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .forte-point-section .content .text-wrapper {
    width: 48.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .forte-point-section .content .text-wrapper {
    width: 100%;
  }
}
.front .section3 .forte-point-section .content .text-wrapper .text {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section3 .forte-point-section .content .text-wrapper .text {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section3 .forte-point-section .content .text-wrapper .text {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section3 .forte-point-section .content .text-wrapper .text {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section3 .forte-point-section .content .text-wrapper .text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section3 .forte-point-section .content .text-wrapper .text {
    font-size: 3.5555555556vw;
  }
}
.front .section4 .insta-section {
  gap: 5.5555555556vw;
  padding: 6.9444444444vw 4.4444444444vw 4.1666666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section {
    gap: 4.4444444444vw;
    padding: 5.5555555556vw 3.5555555556vw 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section {
    gap: 132px;
    padding: 165px 105.6px 99px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section {
    gap: 6.4vw;
    padding: 8vw 5.12vw 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section {
    gap: 3.90625vw;
    padding: 6.5104166667vw 2.6041666667vw 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section {
    gap: 6.6666666667vw;
    padding: 11.1111111111vw 4.4444444444vw 6.6666666667vw;
  }
}
.front .section4 .insta-section .group {
  gap: 0.1388888889vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section .group {
    gap: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section .group {
    gap: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section .group {
    gap: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section .group {
    gap: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section .group {
    gap: 0.4444444444vw;
  }
}
.front .section4 .insta-section .group .text-wrapper {
  font-size: 4.0277777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Jost", Helvetica;
  font-weight: 600;
  color: #f82696;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section .group .text-wrapper {
    font-size: 3.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section .group .text-wrapper {
    font-size: 95.7px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section .group .text-wrapper {
    font-size: 4.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section .group .text-wrapper {
    font-size: 5.2083333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section .group .text-wrapper {
    font-size: 8.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section4 .insta-section .group .div {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #1f1d1b;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section .group .div {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section .group .div {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section .group .div {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section .group .div {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section .group .div {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section4 .insta-section .instaArea {
  padding: 0 4.8611111111vw;
  gap: 2.7777777778vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section .instaArea {
    padding: 0 3.8888888889vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section .instaArea {
    padding: 0 115.5px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section .instaArea {
    padding: 0 5.6vw;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section .instaArea {
    padding: 0;
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section .instaArea {
    gap: 4.4444444444vw;
  }
}
.front .section4 .insta-section .instaArea .imgArea {
  width: 18.0555555556vw;
}
@media screen and (min-width: 1800px) {
  .front .section4 .insta-section .instaArea .imgArea {
    width: 17.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section4 .insta-section .instaArea .imgArea {
    width: 429px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section4 .insta-section .instaArea .imgArea {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section4 .insta-section .instaArea .imgArea {
    width: 20.1822916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section4 .insta-section .instaArea .imgArea {
    width: 40vw;
  }
}
.front .section5 {
  padding-left: 2.4305555556vw;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section5 {
    padding-left: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 {
    padding-left: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 {
    padding-left: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 {
    padding-left: 0;
  }
}
.front .section5 .blog-section {
  gap: 1.8055555556vw;
  padding: 4.1666666667vw 0 6.9444444444vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section {
    gap: 1.4444444444vw;
    padding: 3.3333333333vw 0 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section {
    gap: 42.9px;
    padding: 99px 0 165px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section {
    gap: 2.08vw;
    padding: 4.8vw 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section {
    padding: 3.90625vw 0 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section {
    padding: 6.6666666667vw 0 22.2222222222vw;
  }
}
.front .section5 .blog-section .title-area {
  padding-right: 2.4305555556vw;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area {
    padding-right: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area {
    padding-right: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area {
    padding-right: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area {
    padding: 0 2.6041666667vw;
    gap: 0.6510416667vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area {
    padding: 0 4.4444444444vw;
    gap: 1.1111111111vw;
  }
}
.front .section5 .blog-section .title-area .h {
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area .h {
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area .h {
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area .h {
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .h {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .h {
    gap: 1.7777777778vw;
  }
}
.front .section5 .blog-section .title-area .h .span {
  font-size: 4.0277777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Jost", Helvetica;
  font-weight: 600;
  line-height: 120%;
  color: #1f1d1b;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area .h .span {
    font-size: 3.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area .h .span {
    font-size: 95.7px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area .h .span {
    font-size: 4.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .h .span {
    font-size: 5.2083333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .h .span {
    font-size: 8.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.front .section5 .blog-section .title-area .h .text-wrapper {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  line-height: 180%;
  color: #1f1d1b;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area .h .text-wrapper {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area .h .text-wrapper {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area .h .text-wrapper {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .h .text-wrapper {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .h .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .title-area .text-wrapper-12 {
  display: none;
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .text-wrapper-12 {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
    display: block;
    font-family: "Roboto", Helvetica;
    font-weight: 500;
    color: #000000;
    line-height: 200%;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .text-wrapper-12 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .title-area .list {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list {
    margin-top: 2.9947916667vw;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .list {
    margin-top: 5.1111111111vw;
  }
}
.front .section5 .blog-section .title-area .list .item {
  padding: 0.3472222222vw 1.9444444444vw;
  border-right-width: 0.0694444444vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right-style: solid;
  border-color: #707070;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area .list .item {
    padding: 0.2777777778vw 1.5555555556vw;
    border-right-width: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area .list .item {
    padding: 8.25px 46.2px;
    border-right-width: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area .list .item {
    padding: 0.4vw 1.2vw;
    border-right-width: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list .item {
    border: 0.1302083333vw solid #707070;
    padding: 0;
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .list .item {
    border: 0.2222222222vw solid #707070;
  }
}
.front .section5 .blog-section .title-area .list .item .div {
  font-size: 1.1111111111vw;
  display: flex;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  text-align: center;
  line-height: 160%;
  color: #000000;
  position: relative;
}
.front .section5 .blog-section .title-area .list .item .div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: width 0.3s ease;
}
@media screen and (min-width: 768px) {
  .front .section5 .blog-section .title-area .list .item .div:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .title-area .list .item .div {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .title-area .list .item .div {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .title-area .list .item .div {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list .item .div {
    display: block;
    width: 100%;
    font-size: 2.0833333333vw;
    padding: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .title-area .list .item .div {
    font-size: 3.5555555556vw;
    padding: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list .item .div br {
    display: none;
  }
}
.front .section5 .blog-section .title-area .list .item .div.current {
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
.front .section5 .blog-section .title-area .list .item .div.current::after {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list .item .div.current::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .title-area .list .item .div.current {
    background: #000;
    color: #FFF;
  }
}
.front .section5 .blog-section .frame {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame {
    flex-direction: column;
    align-items: center;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame {
    gap: 8.8888888889vw;
  }
}
.front .section5 .blog-section .frame .frame-2 {
  width: 84.2361111111vw;
  gap: 0.6944444444vw;
  padding: 2.7777777778vw 9.0277777778vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f1f1f1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 {
    width: 77.7777777778vw;
    gap: 0.5555555556vw;
    padding: 2.2222222222vw 7.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 {
    width: 2001.45px;
    gap: 16.5px;
    padding: 66px 214.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 {
    width: 79.2vw;
    gap: 0.8vw;
    padding: 3.2vw 10.4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 {
    width: 100%;
    gap: 1.3020833333vw;
    padding: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 {
    gap: 2.2222222222vw;
    padding: 4.4444444444vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper {
    gap: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper {
    gap: 5.1111111111vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article {
  width: 100%;
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
  gap: 1.3888888889vw;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
    flex-direction: column;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link {
    gap: 1.1111111111vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
  width: 15.9722222222vw;
  border-radius: 1.3888888889vw;
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
    width: 12.7777777778vw;
    border-radius: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
    width: 379.5px;
    border-radius: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
    width: 18.4vw;
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
    width: 100%;
    border-radius: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea {
    border-radius: 1.1111111111vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .imgArea img {
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link:hover .imgArea img {
    transform: scale(1.1);
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area {
    gap: 1.7777777778vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 1.7777777778vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #8c8c8c;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 1.5625vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
  padding: 0.5555555556vw 1.6666666667vw;
  border-radius: 50px;
  border-radius: 3.4722222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0.4444444444vw 1.3333333333vw;
    border-radius: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 13.2px 39.6px;
    border-radius: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0.64vw 1.92vw;
    border-radius: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0 1.953125vw;
    border-radius: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0 3.3333333333vw;
    border-radius: 11.1111111111vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  line-height: 160%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 1.8229166667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  display: -webkit-box;
  flex: 1;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .frame-2 .article-wrapper .blog-article .link .titl-area .horizontal-divider {
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
.front .section5 .blog-section .frame .frame-3 {
  width: 20.8333333333vw;
  gap: 3.6111111111vw;
  top: 2.7083333333vw;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-3 {
    width: 16.6666666667vw;
    gap: 2.8888888889vw;
    top: 2.1666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-3 {
    width: 495px;
    gap: 85.8px;
    top: 64.35px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-3 {
    width: 24vw;
    gap: 4.16vw;
    top: 3.12vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 {
    display: none;
  }
}
.front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-3 .text-wrapper-12 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .frame-3 .group-2 {
  width: 12.5694444444vw;
  padding: 0.9722222222vw 1.5277777778vw;
  border-radius: 3.125vw;
  position: relative;
  background: #000;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 {
    width: 10.0555555556vw;
    padding: 0.7777777778vw 1.2222222222vw;
    border-radius: 2.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 {
    width: 298.65px;
    padding: 23.1px 36.3px;
    border-radius: 74.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 {
    width: 14.48vw;
    padding: 1.12vw 1.76vw;
    border-radius: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 {
    width: 23.5677083333vw;
    padding: 1.8229166667vw 2.8645833333vw;
    border-radius: 5.859375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 {
    width: 40.2222222222vw;
    padding: 3.1111111111vw 4.8888888889vw;
    border-radius: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 .group-2:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .front .section5 .blog-section .frame .frame-3 .group-2:hover .imgArea {
    transform: translate(5px, -50%);
  }
}
.front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
  font-size: 1.0416666667vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
    font-size: 0.8333333333vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
    font-size: 24.75px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
    font-size: 1.2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
    font-size: 1.953125vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .text-wrapper-13 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
  right: 0.6944444444vw;
  width: 1.5972222222vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
    right: 0.5555555556vw;
    width: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
    right: 16.5px;
    width: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
    right: 0.8vw;
    width: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
    right: 1.3020833333vw;
    width: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .frame-3 .group-2 .imgArea {
    right: 2.2222222222vw;
    width: 5.1111111111vw;
  }
}
.front .section5 .blog-section .frame .linkgroup-2 {
  width: 12.5694444444vw;
  padding: 0.9722222222vw 1.5277777778vw;
  border-radius: 3.125vw;
  position: relative;
  background: #000;
  display: none;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .linkgroup-2 {
    width: 10.0555555556vw;
    padding: 0.7777777778vw 1.2222222222vw;
    border-radius: 2.5vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .linkgroup-2 {
    width: 298.65px;
    padding: 23.1px 36.3px;
    border-radius: 74.25px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .linkgroup-2 {
    width: 14.48vw;
    padding: 1.12vw 1.76vw;
    border-radius: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .linkgroup-2 {
    display: block;
    width: 23.5677083333vw;
    padding: 1.8229166667vw 2.8645833333vw;
    border-radius: 5.859375vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .linkgroup-2 {
    width: 40.2222222222vw;
    padding: 3.1111111111vw 4.8888888889vw;
    border-radius: 10vw;
  }
}
.front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
  font-size: 1.0416666667vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
    font-size: 0.8333333333vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
    font-size: 24.75px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
    font-size: 1.2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
    font-size: 1.953125vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .linkgroup-2 .text-wrapper-13 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.2222222222vw;
  }
}
.front .section5 .blog-section .frame .linkgroup-2 .imgArea {
  right: 0.6944444444vw;
  width: 1.5972222222vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 1800px) {
  .front .section5 .blog-section .frame .linkgroup-2 .imgArea {
    right: 0.5555555556vw;
    width: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .front .section5 .blog-section .frame .linkgroup-2 .imgArea {
    right: 16.5px;
    width: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .front .section5 .blog-section .frame .linkgroup-2 .imgArea {
    right: 0.8vw;
    width: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .front .section5 .blog-section .frame .linkgroup-2 .imgArea {
    right: 1.3020833333vw;
    width: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .front .section5 .blog-section .frame .linkgroup-2 .imgArea {
    right: 2.2222222222vw;
    width: 5.1111111111vw;
  }
}

.about .section1 .section {
  padding: 6.9444444444vw;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section {
    padding: 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section {
    padding: 165px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section {
    padding: 8vw 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section {
    padding: 7.8125vw 0 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section {
    padding: 13.3333333333vw 0 22.2222222222vw;
  }
}
.about .section1 .section .container {
  width: 90.2777777778vw;
  gap: 2.7777777778vw;
  display: flex;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container {
    width: 72.2222222222vw;
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container {
    width: 2145px;
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container {
    width: 100%;
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container {
    flex-direction: column;
    width: 100%;
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container {
    padding: 0 4.4444444444vw;
  }
}
.about .section1 .section .container .text-area {
  gap: 3.4722222222vw;
  flex-direction: column;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .text-area {
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .text-area {
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .text-area {
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .text-area {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .text-area {
    gap: 4.4444444444vw;
  }
}
.about .section1 .section .container .text-area .text-wrapper {
  font-size: 2.2916666667vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #333333;
  line-height: 140%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .text-area .text-wrapper {
    font-size: 1.8333333333vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .text-area .text-wrapper {
    font-size: 54.45px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .text-area .text-wrapper {
    font-size: 2.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .text-area .text-wrapper {
    font-size: 2.8645833333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .text-area .text-wrapper {
    font-size: 4.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section1 .section .container .text-area .text {
  gap: 4.1666666667vw;
  width: 49.3055555556vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .text-area .text {
    width: 39.4444444444vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .text-area .text {
    width: 1171.5px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .text-area .text {
    width: 56.8vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .text-area .text {
    width: 100%;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .text-area .text {
    gap: 8.8888888889vw;
  }
}
.about .section1 .section .container .text-area .text .element {
  font-size: 1.1111111111vw;
  width: 100%;
  font-family: "Noto Sans JP-Light", Helvetica;
  font-weight: 300;
  color: #333333;
  letter-spacing: 0;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .text-area .text .element {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .text-area .text .element {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .text-area .text .element {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .text-area .text .element {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .text-area .text .element {
    font-size: 3.5555555556vw;
  }
}
.about .section1 .section .container .text-area .text .element .text-wrapper-2 {
  display: block;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  font-size: 1.1111111111vw;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .text-area .text .element .text-wrapper-2 {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .text-area .text .element .text-wrapper-2 {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .text-area .text .element .text-wrapper-2 {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .text-area .text .element .text-wrapper-2 {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .text-area .text .element .text-wrapper-2 {
    font-size: 3.5555555556vw;
  }
}
.about .section1 .section .container .figure {
  width: 38.1944444444vw;
  height: 41.6666666667vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .figure {
    width: 30.5555555556vw;
    height: 33.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .figure {
    width: 907.5px;
    height: 990px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .figure {
    width: 44vw;
    height: 48vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .figure {
    width: 100%;
    height: 48.1770833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .figure {
    height: 82.2222222222vw;
  }
}
.about .section1 .section .container .figure .imgArea {
  width: 34.7916666667vw;
  height: 23.1944444444vw;
  top: 0;
  right: 0;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .figure .imgArea {
    width: 27.8333333333vw;
    height: 18.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .figure .imgArea {
    width: 826.65px;
    height: 551.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .figure .imgArea {
    width: 40.08vw;
    height: 26.72vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .figure .imgArea {
    width: 52.0833333333vw;
    height: 32.5520833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .figure .imgArea {
    width: 64.4444444444vw;
    height: 42.2222222222vw;
  }
}
.about .section1 .section .container .figure .imgArea2 {
  width: 28.75vw;
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .about .section1 .section .container .figure .imgArea2 {
    width: 23vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section1 .section .container .figure .imgArea2 {
    width: 683.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section1 .section .container .figure .imgArea2 {
    width: 33.12vw;
    left: -13%;
  }
}
@media screen and (max-width: 768px) {
  .about .section1 .section .container .figure .imgArea2 {
    width: 45.5729166667vw;
    left: auto;
  }
}
@media screen and (max-width: 450px) {
  .about .section1 .section .container .figure .imgArea2 {
    width: 53.3333333333vw;
  }
}
.about .section2 .insta-section {
  gap: 3.2638888889vw;
  padding: 3.9583333333vw 0 6.1805555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f5f5f5;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section {
    gap: 2.6111111111vw;
    padding: 3.1666666667vw 0 4.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section {
    gap: 77.55px;
    padding: 94.05px 0 146.85px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section {
    gap: 3.76vw;
    padding: 4.56vw 1.6vw 7.12vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section {
    padding: 4.296875vw 2.6041666667vw 9.375vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section {
    padding: 7.3333333333vw 4.4444444444vw 16vw;
  }
}
.about .section2 .insta-section .h {
  width: 90.2777777778vw;
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .h {
    width: 72.2222222222vw;
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .h {
    width: 2145px;
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .h {
    width: 100%;
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .h {
    width: 100%;
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .h {
    gap: 1.7777777778vw;
  }
}
.about .section2 .insta-section .h .span {
  font-size: 4.0277777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Jost", Helvetica;
  font-weight: 500;
  color: #528fff;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .h .span {
    font-size: 3.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .h .span {
    font-size: 95.7px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .h .span {
    font-size: 4.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .h .span {
    font-size: 7.5520833333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .h .span {
    font-size: 12.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section2 .insta-section .h .text-wrapper {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #1f1d1b;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .h .text-wrapper {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .h .text-wrapper {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .h .text-wrapper {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .h .text-wrapper {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .h .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.about .section2 .insta-section .section {
  width: 90.2777777778vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section {
    width: 72.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section {
    width: 2145px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section {
    width: 100%;
    flex-direction: column-reverse;
    gap: 3.515625vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section {
    gap: 6vw;
  }
}
.about .section2 .insta-section .section .left-area {
  gap: 2.9861111111vw;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area {
    gap: 2.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area {
    gap: 70.95px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area {
    gap: 3.44vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area {
    gap: 2.6666666667vw;
  }
}
.about .section2 .insta-section .section .left-area .div {
  font-size: 2.5vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  line-height: 160%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .div {
    font-size: 2vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .div {
    font-size: 59.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .div {
    font-size: 2.88vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .div {
    font-size: 2.8645833333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .div {
    font-size: 4.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section2 .insta-section .section .left-area .web {
  width: 48.6111111111vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  line-height: 2.3611111111vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .web {
    width: 38.8888888889vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    line-height: 1.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .web {
    width: 1155px;
    font-size: 26.4px;
    letter-spacing: 1.65px;
    line-height: 56.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .web {
    width: 56vw;
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    line-height: 2.72vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .web {
    width: 100%;
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .web {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
    line-height: 7.5555555556vw;
  }
}
.about .section2 .insta-section .section .left-area .name-area {
  gap: 2.3611111111vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .name-area {
    gap: 1.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .name-area {
    gap: 56.1px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .name-area {
    gap: 2.72vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .name-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4739583333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .name-area {
    gap: 4.2222222222vw;
  }
}
.about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
    font-size: 26.4px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
    font-size: 1.28vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
    font-size: 2.0833333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .name-area .text-wrapper-2 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section2 .insta-section .section .left-area .name-area .rightArea {
  gap: 1.0416666667vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea {
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea {
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea {
    align-items: flex-end;
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea {
    gap: 3.3333333333vw;
  }
}
.about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
  font-size: 1.6666666667vw;
  letter-spacing: 0.1666666667vw;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  line-height: 100%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
    font-size: 1.3333333333vw;
    letter-spacing: 0.1333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
    font-size: 39.6px;
    letter-spacing: 3.96px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
    font-size: 1.92vw;
    letter-spacing: 0.192vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
    font-size: 3.125vw;
    letter-spacing: 0.3125vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-3 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.5333333333vw;
  }
}
.about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
  font-size: 0.9722222222vw;
  height: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Jost", Helvetica;
  font-weight: 500;
  color: #9ca058;
  line-height: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
    font-size: 0.7777777778vw;
    height: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
    font-size: 23.1px;
    height: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
    font-size: 1.12vw;
    height: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
    font-size: 1.8229166667vw;
    height: 1.8229166667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section2 .insta-section .section .left-area .name-area .rightArea .text-wrapper-4 {
    font-size: 3.1111111111vw;
    height: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.about .section2 .insta-section .section .container {
  width: 38.1944444444vw;
  border-radius: 0.6944444444vw;
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .about .section2 .insta-section .section .container {
    width: 30.5555555556vw;
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section2 .insta-section .section .container {
    width: 907.5px;
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section2 .insta-section .section .container {
    width: 38.4vw;
    border-radius: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section2 .insta-section .section .container {
    width: 100%;
    border-radius: 0;
  }
}
.about .section3 .message-section {
  gap: 2.7777777778vw 2.7777777778vw;
  padding: 6.9444444444vw 0 4.1666666667vw;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .about .section3 .message-section {
    gap: 2.2222222222vw 2.2222222222vw;
    padding: 5.5555555556vw 0 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .message-section {
    gap: 66px 66px;
    padding: 165px 0 99px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .message-section {
    gap: 3.2vw 3.2vw;
    padding: 8vw 0 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .message-section {
    flex-direction: column;
    gap: 2.6041666667vw;
    padding: 5.2083333333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section3 .message-section {
    gap: 4.4444444444vw;
    padding: 8.8888888889vw 4.4444444444vw;
  }
}
.about .section3 .message-section .imgArea {
  width: 44.4444444444vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .about .section3 .message-section .imgArea {
    width: 35.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section3 .message-section .imgArea {
    width: 1056px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section3 .message-section .imgArea {
    width: 46.4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section3 .message-section .imgArea {
    width: 100%;
  }
}
.about .section4 {
  padding: 6.9444444444vw 0 4.1666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .about .section4 {
    padding: 5.5555555556vw 0 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 {
    padding: 165px 0 99px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 {
    padding: 8vw 1.6vw 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 {
    padding: 7.8125vw 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 {
    padding: 13.3333333333vw 4.4444444444vw;
  }
}
.about .section4 .insta-section {
  width: 90.2777777778vw;
  gap: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section {
    width: 72.2222222222vw;
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section {
    width: 2145px;
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section {
    width: 100%;
    gap: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section {
    width: 100%;
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section {
    gap: 13.3333333333vw;
  }
}
.about .section4 .insta-section .h {
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .h {
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .h {
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .h {
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .h {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .h {
    gap: 1.7777777778vw;
  }
}
.about .section4 .insta-section .h .span {
  font-size: 4.0277777778vw;
  letter-spacing: 0.1388888889vw;
  font-family: "Jost", Helvetica;
  font-weight: 500;
  color: #1f1d1b;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .h .span {
    font-size: 3.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .h .span {
    font-size: 95.7px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .h .span {
    font-size: 4.64vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .h .span {
    font-size: 7.5520833333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .h .span {
    font-size: 12.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.about .section4 .insta-section .h .text-wrapper {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #7fa3c9;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .h .text-wrapper {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .h .text-wrapper {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .h .text-wrapper {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .h .text-wrapper {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .h .text-wrapper {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.about .section4 .insta-section .section {
  gap: 5.5555555556vw;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .section {
    gap: 4.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .section {
    gap: 132px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .section {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section {
    flex-direction: column;
    gap: 4.8177083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .section {
    gap: 8.2222222222vw;
  }
}
.about .section4 .insta-section .section .details-area {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section .details-area {
    display: flex;
    flex-direction: column;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .section .details-area {
    gap: 6.6666666667vw;
  }
}
.about .section4 .insta-section .section .details-area .descriptions {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section .details-area .descriptions {
    flex-direction: column;
  }
}
.about .section4 .insta-section .section .details-area .descriptions .term {
  padding: 1.3888888889vw 0;
  width: 9.7222222222vw;
  font-size: 0.9027777778vw;
  letter-spacing: 0.0694444444vw;
  align-items: center;
  justify-content: flex-start;
  border-bottom-width: 1px;
  display: flex;
  border-bottom-style: solid;
  border-color: #000000;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #333333;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .section .details-area .descriptions .term {
    padding: 1.1111111111vw 0;
    width: 7.7777777778vw;
    font-size: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .section .details-area .descriptions .term {
    padding: 33px 0;
    width: 231px;
    font-size: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .section .details-area .descriptions .term {
    padding: 1.6vw 0;
    width: 11.2vw;
    font-size: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section .details-area .descriptions .term {
    padding: 0;
    width: 100%;
    border: none;
    font-size: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .section .details-area .descriptions .term {
    font-size: 2.8888888889vw;
  }
}
.about .section4 .insta-section .section .details-area .descriptions .term.term2 {
  align-items: flex-start;
}
.about .section4 .insta-section .section .details-area .descriptions .details {
  padding: 1.3888888889vw 1.25vw;
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dddddd;
  display: flex;
  flex: 1;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #283037;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .section .details-area .descriptions .details {
    padding: 1.1111111111vw 1vw;
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .section .details-area .descriptions .details {
    padding: 33px 29.7px;
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .section .details-area .descriptions .details {
    padding: 1.6vw 1.44vw;
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section .details-area .descriptions .details {
    padding: 2.6041666667vw 0;
    font-size: 1.8229166667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .section .details-area .descriptions .details {
    padding: 4.4444444444vw 0;
    font-size: 3.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.about .section4 .insta-section .section .placeholder-image {
  width: 36.8055555556vw;
  height: 34.7222222222vw;
}
@media screen and (min-width: 1800px) {
  .about .section4 .insta-section .section .placeholder-image {
    width: 29.4444444444vw;
    height: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .about .section4 .insta-section .section .placeholder-image {
    width: 874.5px;
    height: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .about .section4 .insta-section .section .placeholder-image {
    width: 42.4vw;
    height: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .about .section4 .insta-section .section .placeholder-image {
    width: 100%;
    height: 41.6666666667vw;
  }
}
@media screen and (max-width: 450px) {
  .about .section4 .insta-section .section .placeholder-image {
    height: 71.1111111111vw;
  }
}

@media screen and (max-width: 768px) {
  .service {
    padding: 7.8125vw 0 14.3229166667vw;
    gap: 6.5104166667vw;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .service {
    padding: 13.3333333333vw 0 24.4444444444vw;
    gap: 11.1111111111vw;
  }
}
.service .section {
  padding: 6.25vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .service .section {
    padding: 5vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .service .section {
    padding: 148.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .service .section {
    padding: 7.2vw 0;
  }
}
@media screen and (max-width: 768px) {
  .service .section {
    padding: 0;
  }
}
.service .section .box {
  width: 90.2777777778vw;
  gap: 3.3333333333vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .service .section .box {
    width: 72.2222222222vw;
    gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box {
    width: 2145px;
    gap: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box {
    width: 100%;
    padding: 0 1.6vw;
    gap: 3.84vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box {
    width: 100%;
    padding: 0;
    gap: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box {
    gap: 5.5555555556vw;
  }
}
.service .section .box .titleArea {
  gap: 0.3472222222vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .service .section .box .titleArea {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .titleArea {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .titleArea {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .titleArea {
    gap: 1.6927083333vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .titleArea {
    gap: 2.8888888889vw;
  }
}
.service .section .box .titleArea .span {
  font-size: 2.7777777778vw;
  letter-spacing: 0.1388888889vw;
  color: #1f1d1b;
  line-height: 180%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .service .section .box .titleArea .span {
    font-size: 2.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .titleArea .span {
    font-size: 66px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .titleArea .span {
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .titleArea .span {
    font-size: 2.8645833333vw;
    letter-spacing: 0.2604166667vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .titleArea .span {
    font-size: 4.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.service .section .box .titleArea .span br {
  display: none;
}
@media screen and (max-width: 768px) {
  .service .section .box .titleArea .span br {
    display: block;
  }
}
.service .section .box .titleArea .span-2 {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  padding: 0 2.0833333333vw;
  color: #ffffff;
  background-color: #0b0b0b;
  line-height: 180%;
  display: inline-block;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .service .section .box .titleArea .span-2 {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
    padding: 0 1.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .titleArea .span-2 {
    font-size: 29.7px;
    letter-spacing: 1.65px;
    padding: 0 49.5px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .titleArea .span-2 {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
    padding: 0 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .titleArea .span-2 {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
    padding: 0 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .titleArea .span-2 {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
    padding: 0 6.6666666667vw;
  }
}
.service .section .box .bottomArea {
  gap: 4.1666666667vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea {
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea {
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea {
    gap: 1.6927083333vw;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea {
    gap: 2.8888888889vw;
  }
}
.service .section .box .bottomArea .leftArea {
  gap: 2.4305555556vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea {
    gap: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea {
    gap: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea {
    gap: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea {
    align-items: center;
    gap: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea .leftArea {
    gap: 7.7777777778vw;
  }
}
.service .section .box .bottomArea .leftArea .text-wrapper {
  letter-spacing: 0.0694444444vw;
  font-size: 1.25vw;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  line-height: 200%;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea .text-wrapper {
    letter-spacing: 0.0555555556vw;
    font-size: 1vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea .text-wrapper {
    letter-spacing: 1.65px;
    font-size: 29.7px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea .text-wrapper {
    letter-spacing: 0.08vw;
    font-size: 1.44vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea .text-wrapper {
    letter-spacing: 0.1302083333vw;
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea .leftArea .text-wrapper {
    letter-spacing: 0.2222222222vw;
    font-size: 3.3333333333vw;
  }
}
.service .section .box .bottomArea .leftArea .group {
  border-radius: 3.4722222222vw;
  width: 20.2777777778vw;
  height: 4.0972222222vw;
  position: relative;
  background: #7293FF;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea .group {
    border-radius: 2.7777777778vw;
    width: 16.2222222222vw;
    height: 3.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea .group {
    border-radius: 82.5px;
    width: 481.8px;
    height: 97.35px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea .group {
    border-radius: 4vw;
    width: 23.36vw;
    height: 4.72vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea .group {
    border-radius: 6.5104166667vw;
    width: 35.15625vw;
    height: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea .leftArea .group {
    border-radius: 11.1111111111vw;
    width: 60vw;
    height: 11.1111111111vw;
  }
}
@media screen and (min-width: 768px) {
  .service .section .box .bottomArea .leftArea .group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .service .section .box .bottomArea .leftArea .group:hover .imgArea {
    transform: translate(5px, -50%);
  }
}
.service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
    font-size: 1.953125vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea .leftArea .group .text-wrapper-2 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.2222222222vw;
  }
}
.service .section .box .bottomArea .leftArea .group .imgArea {
  right: 1.25vw;
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea .group .imgArea {
    right: 1vw;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea .group .imgArea {
    right: 29.7px;
    width: 41.25px;
    height: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea .group .imgArea {
    right: 1.44vw;
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea .group .imgArea {
    right: 2.34375vw;
    width: 2.4739583333vw;
    height: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section .box .bottomArea .leftArea .group .imgArea {
    right: 4vw;
    width: 4.2222222222vw;
    height: 5.5555555556vw;
  }
}
.service .section .box .bottomArea .leftArea .group .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}
.service .section .box .bottomArea .leftArea .imgArea {
  width: 30.5555555556vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .leftArea .imgArea {
    width: 24.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .leftArea .imgArea {
    width: 726px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .leftArea .imgArea {
    width: 35.2vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .leftArea .imgArea {
    width: 100%;
  }
}
.service .section .box .bottomArea .placeholder-image {
  width: 34.7222222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .service .section .box .bottomArea .placeholder-image {
    width: 27.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .service .section .box .bottomArea .placeholder-image {
    width: 825px;
  }
}
@media screen and (max-width: 1250px) {
  .service .section .box .bottomArea .placeholder-image {
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section .box .bottomArea .placeholder-image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .service .section.section1 {
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section.section1 {
    padding: 0 4.4444444444vw;
  }
}
.service .section.section2 {
  background: #EAF7FF;
}
@media screen and (max-width: 768px) {
  .service .section.section2 {
    padding: 5.2083333333vw 0 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section.section2 {
    padding: 8.8888888889vw 0 11.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .service .section.section2 .box {
    padding: 0 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .service .section.section2 .box {
    padding: 0 4.4444444444vw;
  }
}
.service .section.section2 .box .bottomArea {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .service .section.section2 .box .bottomArea {
    flex-direction: column-reverse;
  }
}

.blog {
  padding: 6.5277777778vw 0 6.9444444444vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .blog {
    padding: 5.2222222222vw 0 5.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog {
    padding: 155.1px 0 165px;
  }
}
@media screen and (max-width: 1250px) {
  .blog {
    padding: 7.52vw 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog {
    padding: 7.8125vw 2.6041666667vw 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog {
    padding: 11.1111111111vw 3.3333333333vw 17.7777777778vw;
  }
}
.blog .section1 {
  width: 90.2777777778vw;
  gap: 4.8611111111vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .blog .section1 {
    width: 72.2222222222vw;
    gap: 3.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 {
    width: 2145px;
    gap: 115.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 {
    width: 100%;
    padding: 0 1.6vw;
    gap: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 {
    width: 100%;
    padding: 0;
    gap: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 {
    gap: 5.1111111111vw;
  }
}
.blog .section1 .list {
  gap: 2.0833333333vw 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .list {
    gap: 1.6666666667vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .list {
    gap: 49.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .list {
    gap: 2.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .list {
    gap: 0;
  }
}
.blog .section1 .list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #707070;
  width: 14.2857142857%;
}
@media screen and (max-width: 768px) {
  .blog .section1 .list .item {
    width: 50%;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
    border-right: none;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .list .item:nth-of-type(2n) {
    border-right: 1px solid #707070;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .list .item:nth-last-of-type(1) {
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .list .item:nth-last-of-type(2) {
    border-bottom: 1px solid #707070;
  }
}
.blog .section1 .list .item .div {
  padding: 0.8333333333vw 1.9444444444vw;
  font-size: 1.1111111111vw;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  text-align: center;
  line-height: 160%;
  color: #000000;
  position: relative;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .blog .section1 .list .item .div:hover {
    background: #E9E9E9;
  }
}
@media screen and (min-width: 1800px) {
  .blog .section1 .list .item .div {
    padding: 0.6666666667vw 1.5555555556vw;
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .list .item .div {
    padding: 19.8px 46.2px;
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .list .item .div {
    padding: 0.96vw 2.24vw;
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .list .item .div {
    padding: 1.5625vw 3.6458333333vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .list .item .div {
    padding: 2.6666666667vw 6.2222222222vw;
    font-size: 3.5555555556vw;
  }
}
.blog .section1 .list .item .div.current {
  font-family: "Noto Sans JP-Bold", Helvetica;
  text-decoration: underline;
  background: #E9E9E9;
  font-weight: 700;
}
.blog .section1 .article-wrapper {
  gap: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper {
    gap: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper {
    gap: 5.1111111111vw;
  }
}
.blog .section1 .article-wrapper .blog-article {
  width: 100%;
}
.blog .section1 .article-wrapper .blog-article .link {
  gap: 1.3888888889vw;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link {
    flex-direction: column;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link {
    gap: 1.1111111111vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .imgArea {
  width: 15.9722222222vw;
  border-radius: 1.3888888889vw;
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .imgArea {
    width: 12.7777777778vw;
    border-radius: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .imgArea {
    width: 379.5px;
    border-radius: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .imgArea {
    width: 18.4vw;
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .imgArea {
    width: 100%;
    border-radius: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .imgArea {
    border-radius: 1.1111111111vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .imgArea img {
  transition: transform 0.3s ease;
}
.blog .section1 .article-wrapper .blog-article .link .titl-area {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area {
    gap: 4.4444444444vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
  gap: 0.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 0.4444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 13.2px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 0.64vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 1.0416666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area {
    gap: 1.7777777778vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #8c8c8c;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 1.5625vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-6 {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
  padding: 0.5555555556vw 1.6666666667vw;
  border-radius: 3.4722222222vw;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0.4444444444vw 1.3333333333vw;
    border-radius: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 13.2px 39.6px;
    border-radius: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0.64vw 1.92vw;
    border-radius: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0 1.953125vw;
    border-radius: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category {
    padding: 0 3.3333333333vw;
    border-radius: 11.1111111111vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
  font-size: 0.9722222222vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  line-height: 160%;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 23.1px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 1.12vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 1.4322916667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .category .text-wrapper-7 {
    font-size: 2.4444444444vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  display: -webkit-box;
  flex: 1;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000000;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .article-wrapper .blog-article .link .titl-area .text-area .text-wrapper-8 {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog .section1 .article-wrapper .blog-article .link .titl-area .horizontal-divider {
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
}
@media screen and (min-width: 768px) {
  .blog .section1 .article-wrapper .blog-article:hover .imgArea img {
    transform: scale(1.1);
  }
}
.blog .section1 .pageNationFrame {
  gap: 2.7777777778vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .pageNationFrame {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .pageNationFrame {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .pageNationFrame {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .pageNationFrame {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .pageNationFrame {
    gap: 8.8888888889vw;
  }
}
.blog .section1 .pageNationFrame .text-wrapper {
  width: 0.7638888889vw;
  font-size: 1.7361111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Montserrat-Bold", Helvetica;
  font-weight: 700;
  color: #222222;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .pageNationFrame .text-wrapper {
    width: 0.6111111111vw;
    font-size: 1.3888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .pageNationFrame .text-wrapper {
    width: 18.15px;
    font-size: 41.25px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .pageNationFrame .text-wrapper {
    width: 0.88vw;
    font-size: 2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .pageNationFrame .text-wrapper {
    width: 1.4322916667vw;
    font-size: 3.2552083333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .pageNationFrame .text-wrapper {
    width: 2.4444444444vw;
    font-size: 5.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog .section1 .pageNationFrame .link {
  font-size: 1.7361111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Montserrat-Bold", Helvetica;
  font-weight: 700;
  color: #9e9e9e;
  transition: all 0.6s ease;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .pageNationFrame .link {
    font-size: 1.3888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .pageNationFrame .link {
    font-size: 41.25px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .pageNationFrame .link {
    font-size: 2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .pageNationFrame .link {
    font-size: 3.2552083333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .pageNationFrame .link {
    font-size: 5.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
@media screen and (min-width: 768px) {
  .blog .section1 .pageNationFrame .link:hover {
    opacity: 0.6;
  }
}
.blog .section1 .pageNationFrame .imgArea {
  width: 3.3333333333vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .blog .section1 .pageNationFrame .imgArea {
    width: 2.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog .section1 .pageNationFrame .imgArea {
    width: 79.2px;
  }
}
@media screen and (max-width: 1250px) {
  .blog .section1 .pageNationFrame .imgArea {
    width: 3.84vw;
  }
}
@media screen and (max-width: 768px) {
  .blog .section1 .pageNationFrame .imgArea {
    width: 6.25vw;
  }
}
@media screen and (max-width: 450px) {
  .blog .section1 .pageNationFrame .imgArea {
    width: 10.6666666667vw;
  }
}

.blog-single .section1 {
  padding: 9.0277777778vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 {
    padding: 7.2222222222vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 {
    padding: 214.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 {
    padding: 10.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 {
    padding: 7.1614583333vw 2.6041666667vw 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 {
    padding: 12.2222222222vw 4.4444444444vw 22.2222222222vw;
  }
}
.blog-single .section1 .group {
  gap: 13.8888888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group {
    gap: 11.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group {
    gap: 330px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group {
    gap: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group {
    gap: 2.8645833333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group {
    gap: 4.8888888889vw;
  }
}
.blog-single .section1 .group .topArea {
  gap: 7.6388888889vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea {
    gap: 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea {
    gap: 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea {
    gap: 8.8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea {
    gap: 11.4583333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea {
    gap: 19.5555555556vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper {
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper {
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper {
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper {
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper {
    width: 100%;
  }
}
.blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
  font-size: 2.4305555556vw;
  letter-spacing: 0.0694444444vw;
  padding-bottom: 1.25vw;
  margin-bottom: 4.0277777778vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  letter-spacing: 1px;
  line-height: 180%;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
    font-size: 1.9444444444vw;
    letter-spacing: 0.0555555556vw;
    padding-bottom: 1vw;
    margin-bottom: 3.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
    font-size: 57.75px;
    letter-spacing: 1.65px;
    padding-bottom: 29.7px;
    margin-bottom: 95.7px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
    font-size: 2.8vw;
    letter-spacing: 0.08vw;
    padding-bottom: 1.44vw;
    margin-bottom: 4.64vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
    font-size: 3.6458333333vw;
    letter-spacing: 0.1302083333vw;
    padding-bottom: 0.6510416667vw;
    margin-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper .text-wrapper {
    font-size: 6.2222222222vw;
    letter-spacing: 0.2222222222vw;
    padding-bottom: 1.1111111111vw;
    margin-bottom: 4.4444444444vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper .thumbnail {
  margin-bottom: 4.0277777778vw;
  width: 100%;
  display: block;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper .thumbnail {
    margin-bottom: 3.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper .thumbnail {
    margin-bottom: 95.7px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper .thumbnail {
    margin-bottom: 4.64vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper .thumbnail {
    margin-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper .thumbnail {
    margin-bottom: 4.4444444444vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper p,
.blog-single .section1 .group .topArea .contentWrapper a,
.blog-single .section1 .group .topArea .contentWrapper strong,
.blog-single .section1 .group .topArea .contentWrapper span {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
  width: 100%;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper p,
  .blog-single .section1 .group .topArea .contentWrapper a,
  .blog-single .section1 .group .topArea .contentWrapper strong,
  .blog-single .section1 .group .topArea .contentWrapper span {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper p,
  .blog-single .section1 .group .topArea .contentWrapper a,
  .blog-single .section1 .group .topArea .contentWrapper strong,
  .blog-single .section1 .group .topArea .contentWrapper span {
    font-size: 26.4px;
    letter-spacing: 1.65px;
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper p,
  .blog-single .section1 .group .topArea .contentWrapper a,
  .blog-single .section1 .group .topArea .contentWrapper strong,
  .blog-single .section1 .group .topArea .contentWrapper span {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper p,
  .blog-single .section1 .group .topArea .contentWrapper a,
  .blog-single .section1 .group .topArea .contentWrapper strong,
  .blog-single .section1 .group .topArea .contentWrapper span {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
    margin-top: 2.6041666667vw;
    margin-bottom: 2.6041666667vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper a {
  text-decoration: underline;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper a:hover {
    opacity: 0.6;
  }
}
.blog-single .section1 .group .topArea .contentWrapper strong {
  font-weight: 700;
}
.blog-single .section1 .group .topArea .contentWrapper h2 {
  margin-top: 4.0277777778vw;
  margin-bottom: 2.0138888889vw;
  font-size: 1.9444444444vw;
  padding-bottom: 0.9027777778vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper h2 {
    margin-top: 3.2222222222vw;
    margin-bottom: 1.6111111111vw;
    font-size: 1.5555555556vw;
    padding-bottom: 0.7222222222vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper h2 {
    margin-top: 95.7px;
    margin-bottom: 47.85px;
    font-size: 46.2px;
    padding-bottom: 21.45px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper h2 {
    margin-top: 4.64vw;
    margin-bottom: 2.32vw;
    font-size: 2.24vw;
    padding-bottom: 1.04vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper h2 {
    margin-top: 7.5520833333vw;
    margin-bottom: 2.6041666667vw;
    font-size: 2.8645833333vw;
    padding-bottom: 0.6510416667vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper h2 {
    margin-top: 12.8888888889vw;
    margin-bottom: 4.4444444444vw;
    font-size: 4.8888888889vw;
    padding-bottom: 1.1111111111vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper h3 {
  margin-top: 4.0277777778vw;
  margin-bottom: 2.0138888889vw;
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  border-left: 0.5555555556vw solid #000;
  padding-left: 1.9444444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper h3 {
    margin-top: 3.2222222222vw;
    margin-bottom: 1.6111111111vw;
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
    border-left: 0.4444444444vw solid #000;
    padding-left: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper h3 {
    margin-top: 95.7px;
    margin-bottom: 47.85px;
    font-size: 33px;
    letter-spacing: 1.65px;
    border-left: 13.2px solid #000;
    padding-left: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper h3 {
    margin-top: 4.64vw;
    margin-bottom: 2.32vw;
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
    border-left: 0.64vw solid #000;
    padding-left: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper h3 {
    margin-top: 7.5520833333vw;
    margin-bottom: 20px;
    margin-bottom: 2.6041666667vw;
    font-size: 2.6041666667vw;
    letter-spacing: 0.1302083333vw;
    border-left: 1.0416666667vw solid #000;
    padding-left: 3.6458333333vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper h4 {
  margin-top: 4.0277777778vw;
  margin-bottom: 2.0138888889vw;
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 800;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper h4 {
    margin-top: 3.2222222222vw;
    margin-bottom: 1.6111111111vw;
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper h4 {
    margin-top: 95.7px;
    margin-bottom: 47.85px;
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper h4 {
    margin-top: 4.64vw;
    margin-bottom: 2.32vw;
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper h4 {
    margin-top: 7.5520833333vw;
    margin-bottom: 2.6041666667vw;
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper h4 {
    margin-top: 12.8888888889vw;
    margin-bottom: 4.4444444444vw;
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper ul,
.blog-single .section1 .group .topArea .contentWrapper ol {
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper ul,
  .blog-single .section1 .group .topArea .contentWrapper ol {
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper ul,
  .blog-single .section1 .group .topArea .contentWrapper ol {
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper ul,
  .blog-single .section1 .group .topArea .contentWrapper ol {
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper ul,
  .blog-single .section1 .group .topArea .contentWrapper ol {
    margin-top: 3.6458333333vw;
    margin-bottom: 3.6458333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper ul,
  .blog-single .section1 .group .topArea .contentWrapper ol {
    margin-top: 6.2222222222vw;
    margin-bottom: 6.2222222222vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper ul li,
.blog-single .section1 .group .topArea .contentWrapper ol li {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper ul li,
  .blog-single .section1 .group .topArea .contentWrapper ol li {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper ul li,
  .blog-single .section1 .group .topArea .contentWrapper ol li {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper ul li,
  .blog-single .section1 .group .topArea .contentWrapper ol li {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper ul li,
  .blog-single .section1 .group .topArea .contentWrapper ol li {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper ul li,
  .blog-single .section1 .group .topArea .contentWrapper ol li {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper ul ul,
.blog-single .section1 .group .topArea .contentWrapper ul ol,
.blog-single .section1 .group .topArea .contentWrapper ol ul,
.blog-single .section1 .group .topArea .contentWrapper ol ol {
  margin-top: 0.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper ul ul,
  .blog-single .section1 .group .topArea .contentWrapper ul ol,
  .blog-single .section1 .group .topArea .contentWrapper ol ul,
  .blog-single .section1 .group .topArea .contentWrapper ol ol {
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper ul ul,
  .blog-single .section1 .group .topArea .contentWrapper ul ol,
  .blog-single .section1 .group .topArea .contentWrapper ol ul,
  .blog-single .section1 .group .topArea .contentWrapper ol ol {
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper ul ul,
  .blog-single .section1 .group .topArea .contentWrapper ul ol,
  .blog-single .section1 .group .topArea .contentWrapper ol ul,
  .blog-single .section1 .group .topArea .contentWrapper ol ol {
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper ul ul,
  .blog-single .section1 .group .topArea .contentWrapper ul ol,
  .blog-single .section1 .group .topArea .contentWrapper ol ul,
  .blog-single .section1 .group .topArea .contentWrapper ol ol {
    margin-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper ul ul,
  .blog-single .section1 .group .topArea .contentWrapper ul ol,
  .blog-single .section1 .group .topArea .contentWrapper ol ul,
  .blog-single .section1 .group .topArea .contentWrapper ol ol {
    margin-top: 2.2222222222vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper ul {
  padding-left: 1.3888888889vw;
  list-style-type: disc;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper ul {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper ul {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper ul {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper ul {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper ul {
    padding-left: 4.4444444444vw;
  }
}
.blog-single .section1 .group .topArea .contentWrapper ol {
  padding-left: 1.3888888889vw;
  list-style-type: decimal;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .contentWrapper ol {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .contentWrapper ol {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .contentWrapper ol {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .contentWrapper ol {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .contentWrapper ol {
    padding-left: 4.4444444444vw;
  }
}
.blog-single .section1 .group .topArea .pageNationArea {
  gap: 7.6388888889vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .pageNationArea {
    gap: 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .pageNationArea {
    gap: 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .pageNationArea {
    gap: 8.8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .pageNationArea {
    gap: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.blog-single .section1 .group .topArea .pageNationArea .PREV,
.blog-single .section1 .group .topArea .pageNationArea .NEXT {
  width: 15.625vw;
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  padding: 0.6944444444vw 0;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 190%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  transition: all 0.6s ease;
  border: 1px solid #000;
}
.blog-single .section1 .group .topArea .pageNationArea .PREV.disabled,
.blog-single .section1 .group .topArea .pageNationArea .NEXT.disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV:hover,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT:hover {
    background: #FFF;
    color: #000;
  }
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT {
    width: 12.5vw;
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
    padding: 0.5555555556vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT {
    width: 371.25px;
    font-size: 29.7px;
    letter-spacing: 1.65px;
    padding: 16.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT {
    width: 18vw;
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
    padding: 0.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT {
    width: 20.8333333333vw;
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
    padding: 1.3020833333vw 0;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .topArea .pageNationArea .PREV,
  .blog-single .section1 .group .topArea .pageNationArea .NEXT {
    width: 35.5555555556vw;
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
    padding: 2.2222222222vw 0;
  }
}
.blog-single .section1 .group .bottomWrapper {
  gap: 2.7777777778vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper {
    gap: 8.8888888889vw;
  }
}
.blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
  font-size: 1.7361111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  line-height: 230%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
    font-size: 1.3888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
    font-size: 41.25px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
    font-size: 2vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .text-wrapper-4 {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper {
  width: 76.3888888889vw;
  gap: 2.7777777778vw 7.6388888889vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper {
    width: 61.1111111111vw;
    gap: 2.2222222222vw 6.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper {
    width: 1815px;
    gap: 66px 181.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper {
    width: 88vw;
    gap: 3.2vw 8.8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper {
    gap: 5.2083333333vw;
    padding: 0 3.3854166667vw;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper {
    gap: 8.8888888889vw;
    padding: 0 5.7777777778vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
  width: 16.6666666667vw;
  content: "";
  display: block;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
    width: 13.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
    width: 396px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
    width: 19.2vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
    width: 31.25vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper::after {
    width: 53.3333333333vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article {
  width: 16.6666666667vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article {
    width: 13.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article {
    width: 396px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article {
    width: 19.2vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article {
    width: 100%;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link {
    gap: 4.4444444444vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
  border-radius: 0.6944444444vw;
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
    border-radius: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
    border-radius: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
    border-radius: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
    border-radius: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper {
    border-radius: 2.2222222222vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .imgArea {
  display: block;
  width: 100%;
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .imgArea img {
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper:hover .imgArea img {
    transform: scale(1.1);
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
  bottom: 0.6944444444vw;
  right: -0.6944444444vw;
  width: 3.75vw;
  position: absolute;
  display: block;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
    bottom: 0.5555555556vw;
    right: -0.5555555556vw;
    width: 3vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
    bottom: 16.5px;
    right: -16.5px;
    width: 89.1px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
    bottom: 0.8vw;
    right: -0.8vw;
    width: 4.32vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
    bottom: 1.3020833333vw;
    right: -1.3020833333vw;
    width: 7.03125vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .imgWrapper .arrowImg {
    bottom: 2.2222222222vw;
    right: -2.2222222222vw;
    width: 12vw;
  }
}
.blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Zen Kaku Gothic Antique-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}
@media screen and (min-width: 1800px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .blog-single .section1 .group .bottomWrapper .reccomendWrapper .article .link .text {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}

.contact .section1 {
  padding: 6.9444444444vw 0 10.4166666667vw;
}
@media screen and (min-width: 1800px) {
  .contact .section1 {
    padding: 5.5555555556vw 0 8.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 {
    padding: 165px 0 247.5px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 {
    padding: 8vw 0 12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 {
    padding: 7.8125vw 2.6041666667vw 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 {
    padding: 11.1111111111vw 3.3333333333vw 17.7777777778vw;
  }
}
.contact .section1 .group {
  gap: 3.8888888889vw;
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group {
    gap: 3.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group {
    gap: 92.4px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group {
    gap: 4.48vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group {
    flex-direction: column;
    gap: 3.3854166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group {
    gap: 5.7777777778vw;
  }
}
.contact .section1 .group .border,
.contact .section1 .group .frame-wrapper {
  width: 29.1666666667vw;
  gap: 0.1388888889vw;
  border-radius: 0.3472222222vw;
  padding: 1.0416666667vw 0;
  background-color: #3434CB;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border,
  .contact .section1 .group .frame-wrapper {
    width: 23.3333333333vw;
    gap: 0.1111111111vw;
    border-radius: 0.2777777778vw;
    padding: 0.8333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border,
  .contact .section1 .group .frame-wrapper {
    width: 693px;
    gap: 3.3px;
    border-radius: 8.25px;
    padding: 24.75px 0;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border,
  .contact .section1 .group .frame-wrapper {
    width: 33.6vw;
    gap: 0.16vw;
    border-radius: 0.4vw;
    padding: 1.2vw 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border,
  .contact .section1 .group .frame-wrapper {
    width: 100%;
    gap: 0.2604166667vw;
    border-radius: 0.6510416667vw;
    padding: 1.953125vw 0;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border,
  .contact .section1 .group .frame-wrapper {
    gap: 0.4444444444vw;
    border-radius: 1.1111111111vw;
    padding: 3.3333333333vw 0;
  }
}
.contact .section1 .group .border .div,
.contact .section1 .group .frame-wrapper .div {
  font-size: 0.9722222222vw;
  letter-spacing: 0.1041666667vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border .div,
  .contact .section1 .group .frame-wrapper .div {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0833333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border .div,
  .contact .section1 .group .frame-wrapper .div {
    font-size: 23.1px;
    letter-spacing: 2.475px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border .div,
  .contact .section1 .group .frame-wrapper .div {
    font-size: 1.12vw;
    letter-spacing: 0.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border .div,
  .contact .section1 .group .frame-wrapper .div {
    font-size: 1.8229166667vw;
    letter-spacing: 0.1953125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border .div,
  .contact .section1 .group .frame-wrapper .div {
    font-size: 3.1111111111vw;
    letter-spacing: 0.3333333333vw;
  }
}
.contact .section1 .group .border .link,
.contact .section1 .group .frame-wrapper .link {
  gap: 0.3472222222vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border .link,
  .contact .section1 .group .frame-wrapper .link {
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border .link,
  .contact .section1 .group .frame-wrapper .link {
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border .link,
  .contact .section1 .group .frame-wrapper .link {
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border .link,
  .contact .section1 .group .frame-wrapper .link {
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border .link,
  .contact .section1 .group .frame-wrapper .link {
    gap: 1.1111111111vw;
  }
}
.contact .section1 .group .border .link .text,
.contact .section1 .group .frame-wrapper .link .text {
  font-size: 1.9444444444vw;
  letter-spacing: 0.0347222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border .link .text,
  .contact .section1 .group .frame-wrapper .link .text {
    font-size: 1.5555555556vw;
    letter-spacing: 0.0277777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border .link .text,
  .contact .section1 .group .frame-wrapper .link .text {
    font-size: 46.2px;
    letter-spacing: 0.825px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border .link .text,
  .contact .section1 .group .frame-wrapper .link .text {
    font-size: 2.24vw;
    letter-spacing: 0.04vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border .link .text,
  .contact .section1 .group .frame-wrapper .link .text {
    font-size: 3.6458333333vw;
    letter-spacing: 0.0651041667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border .link .text,
  .contact .section1 .group .frame-wrapper .link .text {
    font-size: 6.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
.contact .section1 .group .border .link .imgArea,
.contact .section1 .group .frame-wrapper .link .imgArea {
  height: 1.5972222222vw;
  width: 1.5972222222vw;
  display: block;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border .link .imgArea,
  .contact .section1 .group .frame-wrapper .link .imgArea {
    height: 1.2777777778vw;
    width: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border .link .imgArea,
  .contact .section1 .group .frame-wrapper .link .imgArea {
    height: 37.95px;
    width: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border .link .imgArea,
  .contact .section1 .group .frame-wrapper .link .imgArea {
    height: 1.84vw;
    width: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border .link .imgArea,
  .contact .section1 .group .frame-wrapper .link .imgArea {
    height: 2.9947916667vw;
    width: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border .link .imgArea,
  .contact .section1 .group .frame-wrapper .link .imgArea {
    height: 5.1111111111vw;
    width: 5.1111111111vw;
  }
}
.contact .section1 .group .border .text-wrapper,
.contact .section1 .group .frame-wrapper .text-wrapper {
  font-size: 0.9722222222vw;
  letter-spacing: 0.1041666667vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 180%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .border .text-wrapper,
  .contact .section1 .group .frame-wrapper .text-wrapper {
    font-size: 0.7777777778vw;
    letter-spacing: 0.0833333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .border .text-wrapper,
  .contact .section1 .group .frame-wrapper .text-wrapper {
    font-size: 23.1px;
    letter-spacing: 2.475px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .border .text-wrapper,
  .contact .section1 .group .frame-wrapper .text-wrapper {
    font-size: 1.12vw;
    letter-spacing: 0.12vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .border .text-wrapper,
  .contact .section1 .group .frame-wrapper .text-wrapper {
    font-size: 1.8229166667vw;
    letter-spacing: 0.1953125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .border .text-wrapper,
  .contact .section1 .group .frame-wrapper .text-wrapper {
    font-size: 3.1111111111vw;
    letter-spacing: 0.3333333333vw;
  }
}
.contact .section1 .group .frame-wrapper {
  background-color: #0FAF34;
}
.contact .section1 .group .frame-wrapper .link-wrapper {
  gap: 0.6944444444vw;
  top: 1.5277777778vw;
  left: 0.7638888889vw;
  display: flex;
  align-items: center;
  position: absolute;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .frame-wrapper .link-wrapper {
    gap: 0.5555555556vw;
    top: 1.2222222222vw;
    left: 0.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .frame-wrapper .link-wrapper {
    gap: 16.5px;
    top: 36.3px;
    left: 18.15px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .frame-wrapper .link-wrapper {
    gap: 0.8vw;
    top: 1.76vw;
    left: 0.88vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .frame-wrapper .link-wrapper {
    gap: 1.3020833333vw;
    top: 2.8645833333vw;
    left: 1.4322916667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .frame-wrapper .link-wrapper {
    gap: 2.2222222222vw;
    top: 4.8888888889vw;
    left: 2.4444444444vw;
  }
}
.contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
  font-size: 1.9444444444vw;
  letter-spacing: 0.0388888889vw;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  line-height: 120%;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
    font-size: 1.5555555556vw;
    letter-spacing: 0.0311111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
    font-size: 46.2px;
    letter-spacing: 0.924px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
    font-size: 2.24vw;
    letter-spacing: 0.0448vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
    font-size: 3.6458333333vw;
    letter-spacing: 0.0729166667vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .link-2 {
    font-size: 6.2222222222vw;
    letter-spacing: 0.1244444444vw;
  }
}
.contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media screen and (min-width: 1800px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
    width: 39.6px;
    height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
    width: 1.92vw;
    height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
    width: 3.125vw;
    height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .contact .section1 .group .frame-wrapper .link-wrapper .icon-x {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.privacy {
  display: flex;
  justify-content: center;
}
.privacy .section1 {
  padding: 10.4166666667vw;
  width: 76.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 {
    padding: 8.3333333333vw;
    width: 61.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 {
    padding: 247.5px;
    width: 1815px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 {
    padding: 12vw;
    width: 88vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 {
    padding: 7.8125vw 2.6041666667vw 13.0208333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 {
    padding: 13.3333333333vw 4.4444444444vw 22.2222222222vw;
  }
}
.privacy .section1 p,
.privacy .section1 a,
.privacy .section1 strong,
.privacy .section1 span {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
  width: 100%;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 26.4px;
    letter-spacing: 1.65px;
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 p,
  .privacy .section1 a,
  .privacy .section1 strong,
  .privacy .section1 span {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
    margin-top: 2.6041666667vw;
    margin-bottom: 2.6041666667vw;
  }
}
.privacy .section1 a {
  text-decoration: underline;
}
.privacy .section1 h2 {
  margin-top: 4.0277777778vw;
  margin-bottom: 2.0138888889vw;
  font-size: 1.9444444444vw;
  letter-spacing: 0.0694444444vw;
  padding-bottom: 0.9027777778vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 h2 {
    margin-top: 3.2222222222vw;
    margin-bottom: 1.6111111111vw;
    font-size: 1.5555555556vw;
    letter-spacing: 0.0555555556vw;
    padding-bottom: 0.7222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 h2 {
    margin-top: 95.7px;
    margin-bottom: 47.85px;
    font-size: 46.2px;
    letter-spacing: 1.65px;
    padding-bottom: 21.45px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 h2 {
    margin-top: 4.64vw;
    margin-bottom: 2.32vw;
    font-size: 2.24vw;
    letter-spacing: 0.08vw;
    padding-bottom: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 h2 {
    margin-top: 7.5520833333vw;
    margin-bottom: 2.6041666667vw;
    font-size: 2.8645833333vw;
    letter-spacing: 0.1302083333vw;
    padding-bottom: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 h2 {
    margin-top: 12.8888888889vw;
    margin-bottom: 4.4444444444vw;
    font-size: 4.8888888889vw;
    letter-spacing: 0.2222222222vw;
    padding-bottom: 1.1111111111vw;
  }
}
.privacy .section1 ul,
.privacy .section1 ol {
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 1.5555555556vw;
    margin-bottom: 1.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 46.2px;
    margin-bottom: 46.2px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 2.24vw;
    margin-bottom: 2.24vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 3.6458333333vw;
    margin-bottom: 3.6458333333vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul,
  .privacy .section1 ol {
    margin-top: 6.2222222222vw;
    margin-bottom: 6.2222222222vw;
  }
}
.privacy .section1 ul li,
.privacy .section1 ol li {
  font-size: 1.1111111111vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  line-height: 210%;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 0.8888888889vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 26.4px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 1.28vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 2.0833333333vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul li,
  .privacy .section1 ol li {
    font-size: 3.5555555556vw;
    letter-spacing: 0.2222222222vw;
  }
}
.privacy .section1 ul ul,
.privacy .section1 ul ol,
.privacy .section1 ol ul,
.privacy .section1 ol ol {
  margin-top: 0.6944444444vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul ul,
  .privacy .section1 ul ol,
  .privacy .section1 ol ul,
  .privacy .section1 ol ol {
    margin-top: 2.2222222222vw;
  }
}
.privacy .section1 ul {
  list-style-type: disc;
  padding-left: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ul {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ul {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ul {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 ul {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ul {
    padding-left: 4.4444444444vw;
  }
}
.privacy .section1 ol {
  padding-left: 1.3888888889vw;
  list-style-type: decimal;
}
@media screen and (min-width: 1800px) {
  .privacy .section1 ol {
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .privacy .section1 ol {
    padding-left: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .privacy .section1 ol {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .privacy .section1 ol {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .privacy .section1 ol {
    padding-left: 4.4444444444vw;
  }
}

.error {
  padding: 10.4166666667vw 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .error {
    padding: 8.3333333333vw 0;
  }
}
@media screen and (min-width: 2200px) {
  .error {
    padding: 247.5px 0;
  }
}
@media screen and (max-width: 1250px) {
  .error {
    padding: 12vw 0;
  }
}
@media screen and (max-width: 768px) {
  .error {
    padding: 7.8125vw 2.6041666667vw 13.0208333333vw;
  }
}
@media screen and (max-width: 450px) {
  .error {
    padding: 13.3333333333vw 4.4444444444vw 22.2222222222vw;
  }
}
.error .section1 {
  width: 76.3888888889vw;
  gap: 4.1666666667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .error .section1 {
    width: 61.1111111111vw;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .error .section1 {
    width: 1815px;
    gap: 99px;
  }
}
@media screen and (max-width: 1250px) {
  .error .section1 {
    width: 88vw;
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .error .section1 {
    width: 100%;
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 450px) {
  .error .section1 {
    width: 100%;
    gap: 13.3333333333vw;
  }
}
.error .section1 .paragraph {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.error .section1 .paragraph .heading-not {
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 64px;
  letter-spacing: 1px;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .error .section1 .paragraph .heading-not {
    font-size: 41px;
    text-align: center;
  }
}
.error .section1 .paragraph .text-wrapper {
  font-family: "Inter-Medium", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 180%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .error .section1 .paragraph .text-wrapper {
    text-align: center;
  }
}
.error .section1 .group {
  position: relative;
  background: #7293FF;
  border-radius: 50px;
  width: 292px;
  height: 59px;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .error .section1 .group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .error .section1 .group:hover .imgArea {
    transform: translate(5px, -50%);
  }
}
@media screen and (max-width: 768px) {
  .error .section1 .group {
    width: 270px;
    height: 50px;
  }
}
.error .section1 .group .text-wrapper-2 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .error .section1 .group .text-wrapper-2 {
    font-size: 16px;
  }
}
.error .section1 .group .imgArea {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  width: 25px;
  height: 25px;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .error .section1 .group .imgArea {
    width: 20px;
  }
}
.error .section1 .group .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}

.m-footer .ctaArea {
  height: 48.6111111111vw;
  position: relative;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea {
    height: 48.6111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea {
    height: 1155px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea {
    height: 56vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea {
    height: 24.7395833333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea {
    height: 42.2222222222vw;
  }
}
.m-footer .ctaArea .imgArea {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.m-footer .ctaArea .group {
  width: 69.4444444444vw;
  gap: 1.3888888889vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group {
    width: 55.5555555556vw;
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group {
    width: 1650px;
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group {
    width: 80vw;
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group {
    width: 100%;
  }
}
.m-footer .ctaArea .group .text-wrapper {
  font-size: 2.7777777778vw;
  letter-spacing: 0.1388888889vw;
  color: #ffffff;
  text-align: center;
  line-height: 180%;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .text-wrapper {
    font-size: 2.2222222222vw;
    letter-spacing: 0.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .text-wrapper {
    font-size: 66px;
    letter-spacing: 3.3px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .text-wrapper {
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .text-wrapper {
    font-size: 5.2083333333vw;
    letter-spacing: 0.2604166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .text-wrapper {
    font-size: 8.8888888889vw;
    letter-spacing: 0.4444444444vw;
  }
}
.m-footer .ctaArea .group .div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div {
    display: none;
  }
}
.m-footer .ctaArea .group .div .group-6 {
  width: 20.8333333333vw;
  height: 8.3333333333vw;
  border-radius: 0.4166666667vw;
  gap: 0.1388888889vw;
  border: 0.1388888889vw solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 {
    width: 16.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 0.3333333333vw;
    gap: 0.1111111111vw;
    border: 0.1111111111vw solid #ffffff;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 {
    width: 495px;
    height: 198px;
    border-radius: 9.9px;
    gap: 3.3px;
    border: 3.3px solid #ffffff;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 {
    width: 24vw;
    height: 9.6vw;
    border-radius: 0.48vw;
    gap: 0.16vw;
    border: 0.16vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 {
    width: 39.0625vw;
    height: 13.0208333333vw;
    border-radius: 0.78125vw;
    gap: 0.2604166667vw;
    border: 0.2604166667vw solid #ffffff;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 {
    width: 66.6666666667vw;
    height: 22.2222222222vw;
    border-radius: 1.3333333333vw;
    gap: 0.4444444444vw;
    border: 0.4444444444vw solid #ffffff;
  }
}
.m-footer .ctaArea .group .div .group-6 .link-3 {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  text-align: center;
  line-height: 100%;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .link-3 {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .link-3 {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .link-3 {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .link-3 {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .link-3 {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
  letter-spacing: 0.1111111111vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.0888888889vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
    letter-spacing: 2.64px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.128vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.2083333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.3555555556vw;
    font-size: 3.1111111111vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .link {
  font-size: 1.9444444444vw;
  letter-spacing: 0.0694444444vw;
  gap: 0.3472222222vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .link {
    font-size: 1.5555555556vw;
    letter-spacing: 0.0555555556vw;
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .link {
    font-size: 46.2px;
    letter-spacing: 1.65px;
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .link {
    font-size: 2.24vw;
    letter-spacing: 0.08vw;
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .link {
    font-size: 3.6458333333vw;
    letter-spacing: 0.1302083333vw;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .link {
    font-size: 6.2222222222vw;
    letter-spacing: 0.2222222222vw;
    gap: 1.1111111111vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .link .imgArea {
  position: relative;
  display: flex;
  align-items: center;
  width: 1.5972222222vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .link .imgArea {
    width: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .link .imgArea {
    width: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .link .imgArea {
    width: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .link .imgArea {
    width: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .link .imgArea {
    width: 5.1111111111vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .link .imgArea img {
  -o-object-fit: contain;
     object-fit: contain;
}
.m-footer .ctaArea .group .div .group-6 .p {
  letter-spacing: 0.1111111111vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .p {
    letter-spacing: 0.0888888889vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .p {
    letter-spacing: 2.64px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .p {
    letter-spacing: 0.128vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .p {
    letter-spacing: 0.2083333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .p {
    letter-spacing: 0.3555555556vw;
    font-size: 3.1111111111vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .link-2 {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  gap: 1.1111111111vw;
  font-family: "Roboto", Helvetica;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
    gap: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 {
    font-size: 33px;
    letter-spacing: 1.65px;
    gap: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
    gap: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 {
    font-size: 2.6041666667vw;
    letter-spacing: 0.1302083333vw;
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 {
    font-size: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
    gap: 3.5555555556vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
  width: 2.4305555556vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
    width: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
    width: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
    width: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
    width: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .link-2 .imgArea2 {
    width: 7.7777777778vw;
  }
}
.m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .ctaArea .group .div .group-6 .text-wrapper-4 {
    font-size: 3.1111111111vw;
  }
}
.m-footer .spgroup {
  display: none;
  gap: 1.3888888889vw;
  flex-direction: column;
  background: #151652;
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup {
    display: flex;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup {
    gap: 4.4444444444vw;
  }
}
.m-footer .spgroup .div {
  padding: 2.5694444444vw 1.3888888889vw 2.8472222222vw;
  gap: 1.7361111111vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div {
    padding: 2.0555555556vw 1.1111111111vw 2.2777777778vw;
    gap: 1.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div {
    padding: 61.05px 33px 67.65px;
    gap: 41.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div {
    padding: 2.96vw 1.6vw 3.28vw;
    gap: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div {
    flex-direction: column;
    padding: 4.8177083333vw 2.6041666667vw 5.3385416667vw;
    gap: 3.2552083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div {
    padding: 8.2222222222vw 4.4444444444vw 9.1111111111vw;
    gap: 5.5555555556vw;
  }
}
.m-footer .spgroup .div .group-6 {
  height: 8.3333333333vw;
  border-radius: 0.4166666667vw;
  gap: 0.1388888889vw;
  border: 0.1388888889vw solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  border-color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 {
    height: 6.6666666667vw;
    border-radius: 0.3333333333vw;
    gap: 0.1111111111vw;
    border: 0.1111111111vw solid #FFF;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 {
    height: 198px;
    border-radius: 9.9px;
    gap: 3.3px;
    border: 3.3px solid #FFF;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 {
    height: 9.6vw;
    border-radius: 0.48vw;
    gap: 0.16vw;
    border: 0.16vw solid #FFF;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 {
    height: 13.0208333333vw;
    border-radius: 0.78125vw;
    gap: 0.2604166667vw;
    border: 0.2604166667vw solid #FFF;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 {
    height: 22.2222222222vw;
    border-radius: 1.3333333333vw;
    gap: 0.4444444444vw;
    border: 0.4444444444vw solid #FFF;
  }
}
.m-footer .spgroup .div .group-6 .link-3 {
  font-size: 1.25vw;
  letter-spacing: 0.0694444444vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  text-align: center;
  line-height: 100%;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .link-3 {
    font-size: 1vw;
    letter-spacing: 0.0555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .link-3 {
    font-size: 29.7px;
    letter-spacing: 1.65px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .link-3 {
    font-size: 1.44vw;
    letter-spacing: 0.08vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .link-3 {
    font-size: 2.34375vw;
    letter-spacing: 0.1302083333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .link-3 {
    font-size: 4vw;
    letter-spacing: 0.2222222222vw;
  }
}
.m-footer .spgroup .div .group-6 .text-wrapper-2 {
  letter-spacing: 0.1111111111vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.0888888889vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-2 {
    letter-spacing: 2.64px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.128vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.2083333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-2 {
    letter-spacing: 0.3555555556vw;
    font-size: 3.1111111111vw;
  }
}
.m-footer .spgroup .div .group-6 .link {
  font-size: 1.9444444444vw;
  letter-spacing: 0.0694444444vw;
  gap: 0.3472222222vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .link {
    font-size: 1.5555555556vw;
    letter-spacing: 0.0555555556vw;
    gap: 0.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .link {
    font-size: 46.2px;
    letter-spacing: 1.65px;
    gap: 8.25px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .link {
    font-size: 2.24vw;
    letter-spacing: 0.08vw;
    gap: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .link {
    font-size: 3.6458333333vw;
    letter-spacing: 0.1302083333vw;
    gap: 0.6510416667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .link {
    font-size: 6.2222222222vw;
    letter-spacing: 0.2222222222vw;
    gap: 1.1111111111vw;
  }
}
.m-footer .spgroup .div .group-6 .link .imgArea {
  width: 1.5972222222vw;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .link .imgArea {
    width: 1.2777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .link .imgArea {
    width: 37.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .link .imgArea {
    width: 1.84vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .link .imgArea {
    width: 2.9947916667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .link .imgArea {
    width: 5.1111111111vw;
  }
}
.m-footer .spgroup .div .group-6 .p {
  letter-spacing: 0.1111111111vw;
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .p {
    letter-spacing: 0.0888888889vw;
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .p {
    letter-spacing: 2.64px;
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .p {
    letter-spacing: 0.128vw;
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .p {
    letter-spacing: 0.2083333333vw;
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .p {
    letter-spacing: 0.3555555556vw;
    font-size: 3.1111111111vw;
  }
}
.m-footer .spgroup .div .group-6 .link-2 {
  font-size: 1.3888888889vw;
  letter-spacing: 0.0694444444vw;
  gap: 1.1111111111vw;
  font-family: "Roboto", Helvetica;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .link-2 {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0555555556vw;
    gap: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .link-2 {
    font-size: 33px;
    letter-spacing: 1.65px;
    gap: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .link-2 {
    font-size: 1.6vw;
    letter-spacing: 0.08vw;
    gap: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .link-2 {
    font-size: 2.6041666667vw;
    letter-spacing: 0.1302083333vw;
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .link-2 {
    font-size: 4.4444444444vw;
    letter-spacing: 0.2222222222vw;
    gap: 3.5555555556vw;
  }
}
.m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
  width: 2.4305555556vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
    width: 1.9444444444vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
    width: 57.75px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
    width: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
    width: 4.5572916667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .link-2 .imgArea2 {
    width: 7.7777777778vw;
  }
}
.m-footer .spgroup .div .group-6 .text-wrapper-4 {
  font-size: 0.9722222222vw;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1800px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-4 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-4 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-4 {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-4 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .spgroup .div .group-6 .text-wrapper-4 {
    font-size: 3.1111111111vw;
  }
}
.m-footer .footer {
  padding-top: 1.3888888889vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer {
    padding-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer {
    padding-top: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer {
    padding-top: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer {
    padding-top: 3.90625vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer {
    padding-top: 6.6666666667vw;
  }
}
.m-footer .footer .group {
  border-radius: 3.4722222222vw 3.4722222222vw 0 0;
  padding: 7.6388888889vw 0 2.2222222222vw;
  gap: 3.4722222222vw;
  width: 100%;
  background: #0A4DDF;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group {
    border-radius: 2.7777777778vw 2.7777777778vw 0 0;
    padding: 6.1111111111vw 0 1.7777777778vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group {
    border-radius: 82.5px 82.5px 0 0;
    padding: 181.5px 0 52.8px;
    gap: 82.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group {
    border-radius: 4vw 4vw 0 0;
    padding: 8.8vw 0 2.56vw;
    gap: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group {
    border-radius: 2.6041666667vw 2.6041666667vw 0 0;
    padding: 5.2083333333vw 0 2.6041666667vw;
    gap: 6.5104166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group {
    border-radius: 4.4444444444vw 4.4444444444vw 0 0;
    padding: 8.8888888889vw 0 4.4444444444vw;
    gap: 11.1111111111vw;
  }
}
.m-footer .footer .group .topArea {
  width: 83.3333333333vw;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea {
    width: 1980px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea {
    width: 96vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea {
    gap: 5.2083333333vw;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea {
    gap: 8.8888888889vw;
  }
}
.m-footer .footer .group .topArea .logoArea {
  width: 12.5vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .logoArea:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 10vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 297px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 14.4vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .logoArea {
    width: 40vw;
  }
}
.m-footer .footer .group .topArea .logoArea .imgArea {
  display: block;
  width: 100%;
}
.m-footer .footer .group .topArea .rightWrapper {
  display: flex;
  gap: 2.9861111111vw;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 2.3888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 70.95px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper {
    gap: 3.44vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 2.6041666667vw;
    gap: 10.4166666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper {
    padding: 0 4.4444444444vw;
    gap: 17.7777777778vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area {
  gap: 2.7777777778vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 2.2222222222vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 66px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 2.6041666667vw;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area {
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column {
  width: 13.8888888889vw;
  gap: 1.0416666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 11.1111111111vw;
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 330px;
    gap: 24.75px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 16vw;
    gap: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 26.0416666667vw;
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column {
    width: 44.4444444444vw;
    gap: 3.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 700;
  line-height: 160%;
  color: #ffffff;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 0.8888888889vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 26.4px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .text-wrapper {
    font-size: 3.5555555556vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
  gap: 1.3888888889vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 1.1111111111vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 33px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 2.6041666667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links {
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .link {
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .link:hover {
    opacity: 0.6;
  }
}
.m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  line-height: 160%;
  color: #ffffff;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .right-area .column .footer-links .div {
    font-size: 3.1111111111vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
  gap: 1.3888888889vw;
  height: 1.6666666667vw;
  display: flex;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 1.1111111111vw;
    height: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 33px;
    height: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 1.6vw;
    height: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 2.6041666667vw;
    height: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper {
    gap: 4.4444444444vw;
    height: 5.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
  width: 1.6666666667vw;
  display: block;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 1.3333333333vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 39.6px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 3.125vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg {
    width: 5.3333333333vw;
  }
}
.m-footer .footer .group .topArea .rightWrapper .social-links-wrapper .logoImg img {
  -o-object-fit: contain;
     object-fit: contain;
}
.m-footer .footer .group .credits {
  margin-top: 7.6388888889vw;
  width: 83.3333333333vw;
  gap: 1.3888888889vw;
  padding-top: 0.6944444444vw;
  display: flex;
  margin: 0 auto;
  border-top: 1px solid #FFF;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits {
    margin-top: 6.1111111111vw;
    width: 66.6666666667vw;
    gap: 1.1111111111vw;
    padding-top: 0.5555555556vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits {
    margin-top: 181.5px;
    width: 1980px;
    gap: 33px;
    padding-top: 16.5px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits {
    margin-top: 8.8vw;
    width: 96vw;
    gap: 1.6vw;
    padding-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits {
    width: 100%;
    margin-top: 3.2552083333vw;
    padding: 0 2.6041666667vw;
    padding-top: 2.9947916667vw;
    gap: 2.6041666667vw;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits {
    margin-top: 5.5555555556vw;
    padding: 0 4.4444444444vw;
    padding-top: 5.1111111111vw;
    gap: 4.4444444444vw;
  }
}
.m-footer .footer .group .credits .p {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  line-height: 160%;
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits .p {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits .p {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits .p {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits .p {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits .p {
    font-size: 3.1111111111vw;
  }
}
.m-footer .footer .group .credits .text-wrapper-3 {
  font-size: 0.9722222222vw;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
  color: #ffffff;
  transition: all 0.6s ease;
}
@media screen and (min-width: 768px) {
  .m-footer .footer .group .credits .text-wrapper-3:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1800px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 0.7777777778vw;
  }
}
@media screen and (min-width: 2200px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 1250px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 1.12vw;
  }
}
@media screen and (max-width: 768px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 1.8229166667vw;
  }
}
@media screen and (max-width: 450px) {
  .m-footer .footer .group .credits .text-wrapper-3 {
    font-size: 3.1111111111vw;
  }
}

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