@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: 1.6rem;
  line-height: 1.4;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: var(--base-font-family);
}

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

html {
  --base-font-family: var(--font-base-serif-ja, "Noto Serif JP", serif);
  font-size: 62.5%;
}

html[lang^=en] {
  --base-font-family: var(--font-base-serif-en, "Playfair Display", serif);
}

html[lang^=ko] {
  --base-font-family: var(--font-base-serif-ko, "Noto Serif KR", serif);
}

html[lang^=es] {
  --base-font-family: var(--font-base-serif-es, "Playfair Display", serif);
}

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;
  }
}
:root {
  --font-base-serif-ja: Noto Sans JP, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;
  --font-base-serif-en: Overpass, Inter, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --font-base-serif-ko: Noto Sans KR, Noto Sans, Malgun Gothic, Apple SD Gothic Neo, sans-serif;
  --font-base-serif-es: Overpass, Inter, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

@font-face {
  font-family: "poppin";
  src: url("../font/POPPINS-SEMIBOLD.woff") format("woff"), url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: semibold;
  font-style: normal;
}
.commonBtn {
  width: 24.5rem;
}
@media (max-width: 768px) {
  .commonBtn {
    width: 26.5rem;
  }
}
.commonBtn .link {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transition: all 0.3s ease;
  color: #000000;
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  border: 0.1rem solid #000000;
  padding: 1.8rem 0;
  padding-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .commonBtn .link {
    font-size: 2.1rem;
    padding: 1.6rem 0;
    padding-bottom: 1.1rem;
  }
}
@media (min-width: 768px) {
  .commonBtn .link:hover {
    border: 0.1rem solid transparent;
    color: #FFFFFF;
    background: #EC6C00;
  }
}

.commonOtherPageHeader {
  position: relative;
  background: #32393D;
  z-index: 2;
  padding-top: 8.7rem;
  padding-bottom: 8.8rem;
}
@media (max-width: 768px) {
  .commonOtherPageHeader {
    padding-top: 4rem;
    padding-bottom: 4.8rem;
  }
}
.commonOtherPageHeader .imgArea {
  position: absolute;
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.commonOtherPageHeader .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.commonOtherPageHeader .mainTitle {
  color: #FFFFFF;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 6rem;
}
@media (max-width: 768px) {
  .commonOtherPageHeader .mainTitle {
    font-size: 4.5rem;
  }
}
@media (max-width: 768px) {
  .commonOtherPageHeader .mainTitle.knowledge {
    font-size: 3.5rem;
  }
}
.commonOtherPageHeader .subTitle {
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 1.3rem;
  font-size: 2rem;
}

.commonSectionTitle {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 5rem;
}

.commonCustomerVoice .articleTitle {
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  margin-top: 8.6rem;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleTitle {
    margin-top: 9.6rem;
    font-size: 3rem;
  }
}
.commonCustomerVoice .articleTitle.en {
  font-family: "Playfair Display", serif;
}
.commonCustomerVoice .articleWrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 8.4rem;
}
.commonCustomerVoice .articleWrapper::after {
  content: "";
  display: block;
  height: 0;
  width: calc((100% - 7.6rem) / 3);
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper {
    display: block;
    margin-top: 5.4rem;
  }
}
.commonCustomerVoice .articleWrapper .article {
  position: relative;
  width: calc((100% - 7.6rem) / 3);
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article {
    width: 100%;
  }
  .commonCustomerVoice .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 4.2rem;
  }
}
.commonCustomerVoice .articleWrapper .article .link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.commonCustomerVoice .articleWrapper .article .link .imgArea {
  position: relative;
  display: block;
  width: 100%;
  height: 23rem;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link .imgArea {
    height: 48rem;
  }
}
@media (max-width: 500px) {
  .commonCustomerVoice .articleWrapper .article .link .imgArea {
    height: 27rem;
  }
}
.commonCustomerVoice .articleWrapper .article .link .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.commonCustomerVoice .articleWrapper .article .link .imgArea .span {
  display: block;
  position: absolute;
  background: #32393D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  bottom: -1.6rem;
  left: 0;
  width: 26rem;
  padding: 0.7rem 0;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link .imgArea .span {
    bottom: -2.6rem;
    padding: 1rem 0;
    width: 31rem;
    font-size: 1.7rem;
  }
}
.commonCustomerVoice .articleWrapper .article .link .imgArea .span.en {
  font-family: "Playfair Display", serif;
}
.commonCustomerVoice .articleWrapper .article .link .textArea {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 4rem 2rem 5.3rem;
  min-height: 0;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link .textArea {
    padding: 5.1rem 2rem 3.7rem;
  }
}
.commonCustomerVoice .articleWrapper .article .link .textArea .title {
  font-weight: 400;
  color: #000000;
  font-size: 1.8rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link .textArea .title {
    font-size: 2.4rem;
  }
}
.commonCustomerVoice .articleWrapper .article .link .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.commonCustomerVoice .articleWrapper .article .link .textArea .text {
  align-items: flex-end;
  color: #585858;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 1.9rem;
  transition: all 0.3s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  flex: 1;
}
@media (max-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link .textArea .text {
    font-size: 1.9rem;
    margin-top: 3rem;
    -webkit-line-clamp: 3;
  }
}
.commonCustomerVoice .articleWrapper .article .link .textArea .text.en {
  font-family: "Overpass", sans-serif;
}
@media (min-width: 768px) {
  .commonCustomerVoice .articleWrapper .article .link:hover {
    opacity: 0.7;
  }
}
.commonCustomerVoice .btn {
  margin: 0 auto;
  margin-top: 8rem;
}
@media (max-width: 768px) {
  .commonCustomerVoice .btn {
    margin-top: 5rem;
    width: 32.5rem;
    padding: 1.8rem 0;
  }
}
.commonCustomerVoice .btn .link:hover {
  color: #000000;
  opacity: 1;
  background: #FFFFFF;
}

.commonBigButton .link {
  font-family: "Playfair Display", serif;
  position: relative;
  display: block;
  font-weight: 500;
  color: #FFFFFF;
  background: #32393D;
  text-align: center;
  letter-spacing: 0.02em;
  margin: 0 auto;
  width: 100rem;
  padding: 5.2rem 0;
  font-size: 3.5rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .commonBigButton .link {
    width: 100%;
    padding: 4.2rem 0;
    font-size: 3.2rem;
  }
}
@media (min-width: 768px) {
  .commonBigButton .link:hover {
    opacity: 0.7;
  }
}

.commonSection1 {
  padding-top: 16.6rem;
}
@media (max-width: 768px) {
  .commonSection1 {
    overflow: hidden;
    padding-top: 5.6rem;
  }
}
.commonSection1__wrapper {
  display: flex;
  margin: 0 auto;
  gap: 8.7rem;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .commonSection1__wrapper {
    display: block;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .commonSection1__wrapper {
    display: block;
    max-width: 44rem;
  }
}
.commonSection1__wrapper .textArea {
  flex: 1;
}
.commonSection1__wrapper .textArea .title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 5rem;
}
@media (max-width: 768px) {
  .commonSection1__wrapper .textArea .title {
    font-size: 4rem;
  }
}
.commonSection1__wrapper .textArea .subTitle {
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .commonSection1__wrapper .textArea .subTitle {
    margin-top: 2.5rem;
  }
}
.commonSection1__wrapper .textArea .subTitle.en {
  font-family: "Playfair Display", serif;
}
.commonSection1__wrapper .textArea .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 3.4rem;
}
@media (max-width: 768px) {
  .commonSection1__wrapper .textArea .text {
    font-size: 1.8rem;
    margin-top: 2.5rem;
  }
}
.commonSection1__wrapper .textArea .text.en {
  font-family: "Overpass", sans-serif;
}
.commonSection1__wrapper .imgArea {
  position: relative;
  display: block;
  top: 1rem;
  right: -1.7rem;
  width: 61rem;
  height: 55.5rem;
}
@media (max-width: 768px) {
  .commonSection1__wrapper .imgArea {
    top: 0;
    margin-top: 4rem;
    right: -7rem;
    width: 43rem;
    height: 35.5rem;
  }
}
.commonSection1__wrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}

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

.overlay {
  background: #32393D;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: scroll;
  z-index: 500;
}
.overlay.active {
  pointer-events: all;
  opacity: 1;
}
.overlay .humbergerclose {
  position: absolute;
  top: 4rem;
  right: 3.3rem;
  width: 4.4rem;
  height: 1.1rem;
}
.overlay .humbergerclose div {
  position: absolute;
  top: 50%;
  background: #000000;
  width: 100%;
  height: 0.2rem;
}
.overlay .humbergerclose div:first-of-type {
  transform: translateY(-50%) rotate(33deg);
}
.overlay .humbergerclose div:last-of-type {
  transform: translateY(-50%) rotate(-33deg);
}
.overlay .overlayWrapper {
  height: 100%;
}
.overlay .overlayWrapper .overlayHeader {
  display: flex;
  background: #FFFFFF;
  align-items: center;
  justify-content: center;
  align-items: center;
  height: 9rem;
}
.overlay .overlayWrapper .overlayHeader .logoImg {
  padding-left: 0;
  width: 18.5rem;
}
.overlay .overlayWrapper .overlayHeader .logoImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.overlay .overlayWrapper .contentWrapper {
  padding-top: 6rem;
  height: auto;
  background: #EC6C00;
}
.overlay .overlayWrapper .contentWrapper .ul {
  margin: 0 auto;
  max-width: 80rem;
  padding-bottom: 5.6rem;
}
@media (max-width: 500px) {
  .overlay .overlayWrapper .contentWrapper .ul {
    max-width: 40rem;
  }
}
.overlay .overlayWrapper .contentWrapper .ul__li .link {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 2.4rem;
}
.overlay .overlayWrapper .contentWrapper .ul__li .link.en {
  font-family: "Playfair Display", serif;
}
.overlay .overlayWrapper .contentWrapper .ul__li .link .span {
  display: inline-block;
  margin-left: 2rem;
  width: 1.7rem;
  height: 1.7rem;
}
.overlay .overlayWrapper .contentWrapper .ul__li .link .span svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.overlay .overlayWrapper .contentWrapper .ul__li .childUl {
  margin-top: 2.4rem;
}
.overlay .overlayWrapper .contentWrapper .ul__li .childUl__li .link {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 1.9rem;
}
.overlay .overlayWrapper .contentWrapper .ul__li .childUl__li .link.en {
  font-family: "Overpass", sans-serif;
}
.overlay .overlayWrapper .contentWrapper .ul__li .childUl__li:nth-of-type(n + 2) {
  margin-top: 1.6rem;
}
.overlay .overlayWrapper .contentWrapper .ul__li + .ul__li {
  margin-top: 3.5rem;
}
.overlay .overlayWrapper .overlayFooter {
  height: auto;
  background: #32393D;
  padding: 6rem 0;
}
.overlay .overlayWrapper .overlayFooter .btn {
  margin: 0 auto;
  width: 39.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.overlay .overlayWrapper .overlayFooter .btn .link {
  border: 0.1rem solid #FFFFFF;
  color: #FFFFFF;
  background: transparent;
  font-size: 2.2rem;
  padding: 2.5rem;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.overlay .overlayWrapper .overlayFooter .btn .link.active {
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  pointer-events: none;
}
.overlay .overlayWrapper .overlayFooter .btn .span {
  color: #FFFFFF;
}

.glovalnav {
  position: sticky;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 50;
  top: 0;
  height: 11rem;
}
@media (max-width: 768px) {
  .glovalnav {
    position: relative;
    justify-content: center;
    height: 9rem;
  }
}
.glovalnav .logoImg {
  padding-left: 4rem;
  width: 27.5rem;
}
@media (max-width: 768px) {
  .glovalnav .logoImg {
    padding-left: 0;
    width: 18.5rem;
  }
}
.glovalnav .logoImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.glovalnav .right {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 3.5rem;
}
@media (max-width: 768px) {
  .glovalnav .right {
    display: none;
  }
}
.glovalnav .right .ul {
  display: flex;
  height: 100%;
}
.glovalnav .right .ul__li {
  position: relative;
  height: 100%;
}
.glovalnav .right .ul__li .link {
  display: flex;
  align-items: center;
  height: 100%;
  color: #000000;
  transition: all 0.3s ease;
  padding: 0 2.5rem;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .glovalnav .right .ul__li .link:hover {
    opacity: 0.7;
  }
}
@media (max-width: 1600px) {
  .glovalnav .right .ul__li .link {
    padding: 0 1.5rem;
  }
}
.glovalnav .right .ul__li .link.en {
  font-family: "Playfair Display", serif;
  font-weight: 400;
}
.glovalnav .right .ul__li.service {
  position: relative;
}
.glovalnav .right .ul__li.service:hover .hoverList {
  display: block;
}
.glovalnav .right .ul__li .hoverList {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 28rem;
}
.glovalnav .right .ul__li .hoverList__li {
  position: relative;
  border-bottom: 0.1rem solid rgba(112, 112, 112, 0.5);
  z-index: 2;
}
.glovalnav .right .ul__li .hoverList__li .hoverLink {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  background: #F2F2F2;
  font-weight: 400;
  text-align: center;
  color: #000000;
  padding: 1.8rem 0;
  font-size: 1.4rem;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .glovalnav .right .ul__li .hoverList__li .hoverLink:hover {
    opacity: 0.7;
  }
}
.glovalnav .right .ul__li .hoverList__li .hoverLink.en {
  font-family: "Overpass", sans-serif;
}
.glovalnav .right .ul__li .hoverList__li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: -1;
}
.glovalnav .right .buttonArea {
  height: 100%;
  width: 21rem;
}
.glovalnav .right .buttonArea .btn {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EC6C00;
}
.glovalnav .right .buttonArea .btn:first-of-type {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5);
  gap: 1rem;
}
.glovalnav .right .buttonArea .btn:first-of-type .link,
.glovalnav .right .buttonArea .btn:first-of-type .span {
  color: #FFFFFF;
  font-family: "Overpass", sans-serif;
}
.glovalnav .right .buttonArea .btn:first-of-type .link {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.glovalnav .right .buttonArea .btn:first-of-type .link.active {
  opacity: 1;
  pointer-events: none;
}
@media (min-width: 768px) {
  .glovalnav .right .buttonArea .btn:first-of-type .link:hover {
    opacity: 1;
  }
}
.glovalnav .right .buttonArea .btn:last-of-type .link {
  display: inline-block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  gap: 1.2rem;
}
@media (min-width: 768px) {
  .glovalnav .right .buttonArea .btn:last-of-type .link:hover {
    opacity: 0.7;
  }
}
.glovalnav .right .buttonArea .btn:last-of-type .link .span2 {
  color: #FFFFFF;
  font-family: "Overpass", sans-serif;
}
.glovalnav .humberger {
  position: absolute;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  right: 4rem;
  width: 3.7rem;
  height: 1.6rem;
}
.glovalnav .humberger div {
  position: absolute;
  background: #000000;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.1rem;
}
.glovalnav .humberger div:first-of-type {
  top: 0;
}
.glovalnav .humberger div:last-of-type {
  top: 100%;
}
@media (max-width: 768px) {
  .glovalnav .humberger {
    display: block;
  }
}

.m-header .mainImg {
  position: relative;
  height: 74vh;
}
@media (max-width: 768px) {
  .m-header .mainImg {
    height: 99rem;
  }
}
.m-header .mainImg .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.m-header .mainImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.m-header .mainImg .textArea {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea {
    top: 62%;
    max-width: 80rem;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .m-header .mainImg .textArea {
    max-width: 44rem;
  }
}
.m-header .mainImg .textArea .mainTitle {
  font-family: "Playfair Display", serif;
  text-align: center;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  font-size: 5rem;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea .mainTitle {
    text-align: center;
    font-size: 4rem;
  }
}
.m-header .mainImg .textArea .subTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .m-header .mainImg .textArea .subTitle {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .m-header .mainImg .textArea .subTitle {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .m-header .mainImg .textArea .subTitle {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .m-header .mainImg .textArea .subTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.m-header .mainImg .textArea .subTitle {
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 2rem;
}
.m-header .mainImg .textArea .subTitle br {
  display: none;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea .subTitle {
    font-size: 2.7rem;
    margin-top: 3rem;
  }
  .m-header .mainImg .textArea .subTitle br {
    display: block;
  }
}
.m-header .mainImg .textArea .linkArea {
  margin-top: 4.3rem;
  text-align: center;
}
.m-header .mainImg .textArea .linkArea .link {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  font-weight: 500;
  /* font-size: 2.4rem; */
  text-decoration: underline;
}
.m-header .mainImg .textArea .linkArea .link:hover {
  opacity: 0.7;
}
.m-header .mainImg .textArea .btnArea {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-top: 8.7rem;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea .btnArea {
    display: block;
    margin-top: 17.7rem;
    padding: 0 2rem;
  }
}
.m-header .mainImg .textArea .btnArea .btn {
  width: 30rem;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea .btnArea .btn {
    width: 100%;
  }
}
.m-header .mainImg .textArea .btnArea .btn .link {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .m-header .mainImg .textArea .btnArea .btn .link {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .m-header .mainImg .textArea .btnArea .btn .link {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .m-header .mainImg .textArea .btnArea .btn .link {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .m-header .mainImg .textArea .btnArea .btn .link {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.m-header .mainImg .textArea .btnArea .btn .link {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 0.1rem solid #FFFFFF;
  padding: 2.2rem 0;
}
@media (max-width: 768px) {
  .m-header .mainImg .textArea .btnArea .btn .link {
    padding: 3.2rem 0;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) {
  .m-header .mainImg .textArea .btnArea .btn .link:hover {
    border: 0.1rem solid transparent;
    background: #EC6C00;
  }
}

.front {
  background: #FFFFFF;
}
.front .section1 {
  position: relative;
  margin-top: -10rem;
}
@media (max-width: 768px) {
  .front .section1 {
    margin-top: 0;
  }
}
.front .section1__wrapper {
  display: flex;
  padding-left: 18rem;
}
@media (max-width: 768px) {
  .front .section1__wrapper {
    flex-direction: column-reverse;
    padding-left: 0rem;
  }
}
.front .section1__wrapper .left {
  flex: 1;
  background: #FFFFFF;
  padding-top: 12rem;
  padding-bottom: 12rem;
  padding-left: 18rem;
  padding-right: 16rem;
}
@media (max-width: 1600px) {
  .front .section1__wrapper .left {
    padding-left: 11rem;
    padding-right: 11rem;
  }
}
@media (max-width: 768px) {
  .front .section1__wrapper .left {
    position: relative;
    margin-top: -6rem;
    margin-right: 2.7rem;
    padding: 4rem 2.8rem;
    padding-right: 0;
    padding-bottom: 9rem;
    z-index: 2;
  }
}
.front .section1__wrapper .left .title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 5rem;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .front .section1__wrapper .left .title {
    text-align: center;
    font-size: 3.8rem;
  }
}
.front .section1__wrapper .left .subTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .section1__wrapper .left .subTitle {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .section1__wrapper .left .subTitle {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .section1__wrapper .left .subTitle {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .section1__wrapper .left .subTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .section1__wrapper .left .subTitle {
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .front .section1__wrapper .left .subTitle {
    text-align: center;
    font-size: 2.2rem;
  }
}
.front .section1__wrapper .left .subTitle span.strong {
  font-size: 2.4rem;
  font-weight: 700;
}
.front .section1__wrapper .left .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .front .section1__wrapper .left .text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .front .section1__wrapper .left .text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .front .section1__wrapper .left .text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .front .section1__wrapper .left .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.front .section1__wrapper .left .text {
  font-weight: 400;
  line-height: 1.875;
  font-size: 1.6rem;
  margin-top: 3.4rem;
}
.front .section1__wrapper .left .btn {
  width: 20rem;
  margin-top: 4.9rem;
}
@media (max-width: 768px) {
  .front .section1__wrapper .left .btn {
    margin: 0 auto;
    width: 27rem;
    margin-top: 3.9rem;
  }
}
.front .section1__wrapper .left .btn .link {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 300;
  font-family: "Overpass", sans-serif;
  color: #000000;
  border: 0.1rem solid #000000;
  padding: 1.2rem 0;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .front .section1__wrapper .left .btn .link {
    font-size: 2.1rem;
    padding: 1.6rem 0;
  }
}
@media (min-width: 768px) {
  .front .section1__wrapper .left .btn .link:hover {
    color: #FFFFFF;
    border: 0.1rem solid transparent;
    background: #EC6C00;
  }
}
.front .section1__wrapper .right {
  width: 44%;
}
@media (max-width: 768px) {
  .front .section1__wrapper .right {
    position: relative;
    margin-left: auto;
    width: 44.7rem;
    height: 38.2rem;
    z-index: 1;
  }
}
.front .section1__wrapper .right .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section1__wrapper .right .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section2 {
  position: relative;
  z-index: 2;
  background: #F2F2F2;
}
.front .section2__wrapper {
  margin: 0 auto;
  max-width: 150rem;
  padding-top: 10.4rem;
  padding-bottom: 12rem;
}
@media (max-width: 1600px) {
  .front .section2__wrapper {
    max-width: 135rem;
  }
}
@media (max-width: 768px) {
  .front .section2__wrapper {
    max-width: 80rem;
    padding-top: 5.4rem;
    padding-bottom: 8rem;
  }
}
@media (max-width: 500px) {
  .front .section2__wrapper {
    max-width: 44rem;
  }
}
.front .section2__wrapper .topArea .title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
  font-size: 5rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .topArea .title {
    font-size: 4rem;
  }
}
.front .section2__wrapper .topArea .text {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .section2__wrapper .topArea .text {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .section2__wrapper .topArea .text {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .section2__wrapper .topArea .text {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .section2__wrapper .topArea .text {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .section2__wrapper .topArea .text {
  font-weight: 500;
  text-align: center;
  font-size: 2.4rem;
  margin-top: 3.5rem;
}
.front .section2__wrapper .topArea .text br {
  display: none;
}
@media (max-width: 768px) {
  .front .section2__wrapper .topArea .text {
    margin-top: 2.5rem;
  }
  .front .section2__wrapper .topArea .text br {
    display: block;
  }
}
.front .section2__wrapper .topArea .btn {
  margin: 0 auto;
  margin-top: 4.5rem;
}
.front .section2__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 6.2rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper {
    display: block;
  }
}
.front .section2__wrapper .articleWrapper .article {
  width: calc((100% - 4.5rem) / 4);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article {
    width: 100%;
  }
}
.front .section2__wrapper .articleWrapper .article .imgArea {
  display: block;
  width: 100%;
  height: 27rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article .imgArea {
    height: 45rem;
  }
}
@media (max-width: 500px) {
  .front .section2__wrapper .articleWrapper .article .imgArea {
    height: 25rem;
  }
}
.front .section2__wrapper .articleWrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section2__wrapper .articleWrapper .article .textArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  background: #FFFFFF;
  padding: 4.5rem 3rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article .textArea {
    padding: 4.5rem 4rem;
  }
}
.front .section2__wrapper .articleWrapper .article .textArea .title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .section2__wrapper .articleWrapper .article .textArea .title {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .section2__wrapper .articleWrapper .article .textArea .title {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .section2__wrapper .articleWrapper .article .textArea .title {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .section2__wrapper .articleWrapper .article .textArea .title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .section2__wrapper .articleWrapper .article .textArea .title {
  font-weight: 500;
  text-align: center;
  font-size: 2.2rem;
}
.front .section2__wrapper .articleWrapper .article .textArea .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .front .section2__wrapper .articleWrapper .article .textArea .text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .front .section2__wrapper .articleWrapper .article .textArea .text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .front .section2__wrapper .articleWrapper .article .textArea .text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .front .section2__wrapper .articleWrapper .article .textArea .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.front .section2__wrapper .articleWrapper .article .textArea .text {
  font-weight: 400;
  line-height: 1.74;
  text-align: center;
  color: #585858;
  font-size: 1.4rem;
  margin-top: 2.3rem;
}
.front .section2__wrapper .articleWrapper .article .textArea .text .sponly {
  display: none;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article .textArea .text {
    font-size: 1.8rem;
  }
  .front .section2__wrapper .articleWrapper .article .textArea .text .pconly {
    display: none;
  }
  .front .section2__wrapper .articleWrapper .article .textArea .text .sponly {
    display: block;
  }
}
.front .section2__wrapper .articleWrapper .article .textArea .btn {
  margin: 0 auto;
  margin-top: 3.3rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article .textArea .btn {
    margin-top: 6.3rem;
  }
}
.en .front .section2__wrapper .articleWrapper .article .textArea .btn, .zh .front .section2__wrapper .articleWrapper .article .textArea .btn, .ko .front .section2__wrapper .articleWrapper .article .textArea .btn, .es .front .section2__wrapper .articleWrapper .article .textArea .btn {
  margin-top: 5.7rem;
}
@media (max-width: 768px) {
  .front .section2__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 2.7rem;
  }
}
.front .section3 {
  background: #EC6C00;
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media (max-width: 768px) {
  .front .section3 {
    padding-top: 13rem;
  }
}
.front .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .front .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .front .section3__wrapper {
    max-width: 44rem;
  }
}
.front .section3__wrapper .contentWrapper {
  display: flex;
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper {
    display: block;
  }
}
.front .section3__wrapper .contentWrapper .content {
  padding: 6rem 2.8rem;
  flex: 1;
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper .content {
    padding: 0 2.8rem;
  }
}
.front .section3__wrapper .contentWrapper .content .svgArea {
  margin: 0 auto;
  width: 8.6rem;
  height: 8.6rem;
}
.front .section3__wrapper .contentWrapper .content .svgArea svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.front .section3__wrapper .contentWrapper .content .title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .section3__wrapper .contentWrapper .content .title {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .section3__wrapper .contentWrapper .content .title {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .section3__wrapper .contentWrapper .content .title {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .section3__wrapper .contentWrapper .content .title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .section3__wrapper .contentWrapper .content .title {
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  margin-top: 1.6rem;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper .content .title {
    margin-top: 4.6rem;
    font-size: 2.2rem;
  }
}
.front .section3__wrapper .contentWrapper .content .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .front .section3__wrapper .contentWrapper .content .text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .front .section3__wrapper .contentWrapper .content .text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .front .section3__wrapper .contentWrapper .content .text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .front .section3__wrapper .contentWrapper .content .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.front .section3__wrapper .contentWrapper .content .text {
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
  opacity: 0.75;
  margin-top: 2.3rem;
  font-size: 1.4rem;
}
.front .section3__wrapper .contentWrapper .content .text .pconly {
  display: block;
}
.front .section3__wrapper .contentWrapper .content .text .sponly {
  display: none;
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper .content .text {
    margin: 0 auto;
    max-width: 58rem;
    margin-top: 3.3rem;
    font-size: 1.8rem;
  }
  .front .section3__wrapper .contentWrapper .content .text .pconly {
    display: none;
  }
  .front .section3__wrapper .contentWrapper .content .text .sponly {
    display: block;
  }
}
@media (max-width: 500px) {
  .front .section3__wrapper .contentWrapper .content .text {
    max-width: 29rem;
  }
}
.front .section3__wrapper .contentWrapper .content:nth-of-type(2) {
  border-left: 0.1rem solid #FFFFFF;
  border-right: 0.1rem solid #FFFFFF;
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper .content:nth-of-type(2) {
    border: none;
  }
}
@media (max-width: 768px) {
  .front .section3__wrapper .contentWrapper .content:nth-of-type(n + 2) {
    margin-top: 8.2rem;
  }
}
.front .section4 {
  position: relative;
  z-index: 2;
}
.front .section4 .imgArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}
.front .section4 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section4__wrapper {
  padding-top: 14rem;
  padding-bottom: 14rem;
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .front .section4__wrapper {
    padding-top: 21rem;
    padding-bottom: 21rem;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .front .section4__wrapper {
    max-width: 44rem;
  }
}
.front .section4__wrapper .title {
  font-family: "Playfair Display", serif;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 5rem;
}
@media (max-width: 768px) {
  .front .section4__wrapper .title {
    font-size: 4rem;
  }
}
.front .section4__wrapper .text {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .section4__wrapper .text {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .section4__wrapper .text {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .section4__wrapper .text {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .section4__wrapper .text {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .section4__wrapper .text {
  text-align: center;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 2.4rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .front .section4__wrapper .text {
    font-size: 2.3rem;
  }
}
.front .section4__wrapper .btn {
  margin: 0 auto;
  margin-top: 4.4rem;
}
@media (max-width: 768px) {
  .front .section4__wrapper .btn {
    width: 32.5rem;
  }
}
.front .section4__wrapper .btn .link {
  border: 0.1rem solid #FFFFFF;
  color: #FFFFFF;
  background: transparent;
}
@media (min-width: 768px) {
  .front .section4__wrapper .btn .link:hover {
    border: 0.1rem solid transparent;
    color: #FFFFFF;
    background: #FF8000;
  }
}
.front .companyTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .front .companyTitle {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .front .companyTitle {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .front .companyTitle {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .front .companyTitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.front .commonCustomerVoice .articleTitle {
  font-size: 3rem;
}

.news .section1 {
  padding-top: 12rem;
  padding-bottom: 13.6rem;
}
@media (max-width: 768px) {
  .news .section1 {
    padding-top: 5rem;
    padding-bottom: 6.6rem;
  }
}
.news .section1__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .news .section1__wrapper {
    max-width: 44rem;
  }
}
.news .section1__wrapper .searchArea {
  margin-top: 3.4rem;
}
.news .section1__wrapper .searchArea .searchForm {
  display: flex;
  gap: 1.2rem;
  width: 100%;
  margin-bottom: 4rem;
}
.news .section1__wrapper .searchArea .searchInput {
  flex: 1;
  background: #FFFFFF;
  color: #000000;
  padding: 1.8rem 2.4rem;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .searchArea .searchInput {
    padding: 1.6rem 2rem;
    font-size: 2.1rem;
  }
}
.news .section1__wrapper .searchArea .searchButton {
  background: #FFFFFF;
  color: #000000;
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  border: 0.1rem solid #000000;
  padding: 1.8rem 0;
  width: 16rem;
  font-size: 1.6rem;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .news .section1__wrapper .searchArea .searchButton:hover {
    border: 0.1rem solid transparent;
    color: #FFFFFF;
    background: #EC6C00;
  }
}
@media (max-width: 768px) {
  .news .section1__wrapper .searchArea .searchButton {
    padding: 1.6rem 2.4rem;
    font-size: 2.1rem;
  }
}
.news .section1__wrapper .categoryArea {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .categoryArea {
    flex-wrap: wrap;
  }
}
.news .section1__wrapper .categoryArea .category {
  width: 29rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .categoryArea .category {
    width: calc((100% - 1.5rem) / 2);
  }
  .news .section1__wrapper .categoryArea .category:nth-of-type(n + 3) {
    margin-top: 1.5rem;
  }
}
.news .section1__wrapper .categoryArea .category .link {
  display: block;
  background: #FFFFFF;
  text-align: center;
  color: #000000;
  border: 0.1rem solid #707070;
  padding: 1.9rem 0;
  border-radius: 6rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .news .section1__wrapper .categoryArea .category .link {
    padding: 1rem 0;
  }
}
.news .section1__wrapper .categoryArea .category .link.active {
  background: #EC6C00;
  color: #FFFFFF;
  pointer-events: none;
  border: none;
}
@media (min-width: 768px) {
  .news .section1__wrapper .categoryArea .category .link:hover {
    opacity: 0.7;
  }
}
.news .section1__wrapper .categoryArea .category .link.en {
  font-family: "Playfair Display", serif;
}
.news .section1__wrapper .articleWrapper {
  margin-top: 10.5rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper {
    margin-top: 5.5rem;
  }
}
.news .section1__wrapper .articleWrapper .noResults {
  text-align: center;
  color: #585858;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .noResults {
    font-size: 1.8rem;
  }
}
.news .section1__wrapper .articleWrapper .article .link {
  color: #000000;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
  padding: 2rem 0;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .article .link {
    flex-wrap: wrap;
    padding: 4rem 0;
  }
}
@media (min-width: 768px) {
  .news .section1__wrapper .articleWrapper .article .link:hover {
    opacity: 0.7;
  }
}
.news .section1__wrapper .articleWrapper .article .link .time {
  font-weight: 300;
  font-family: "Overpass", sans-serif;
  letter-spacing: 0.03em;
  width: 11%;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .article .link .time {
    width: auto;
  }
}
.news .section1__wrapper .articleWrapper .article .link .cat {
  text-align: center;
  font-weight: 400;
  border: 0.1rem solid rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
  font-size: 1.4rem;
  padding: 0.6rem 0;
  width: 14rem;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .article .link .cat {
    border-radius: 0;
    margin-left: 2rem;
  }
}
.news .section1__wrapper .articleWrapper .article .link .cat.en {
  font-family: "Playfair Display", serif;
}
.news .section1__wrapper .articleWrapper .article .link .title {
  color: #484848;
  font-weight: 600;
  letter-spacing: 0.025em;
  font-size: 1.6rem;
  margin-left: 2rem;
  flex: 1;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .article .link .title {
    width: 100%;
    margin-left: 0;
    margin-top: 1.7rem;
    font-size: 1.9rem;
    flex: none;
  }
}
.news .section1__wrapper .articleWrapper .article .link .title.en {
  font-family: "Playfair Display", serif;
}
@media (max-width: 768px) {
  .news .section1__wrapper .articleWrapper .article:first-of-type .link {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
  }
}

.about .section1 {
  padding-top: 12rem;
  padding-bottom: 11rem;
}
@media (max-width: 768px) {
  .about .section1 {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }
}
.about .section1__wrapper {
  margin: 0 auto;
  display: flex;
  max-width: 120rem;
  gap: 7.6rem;
}
@media (max-width: 768px) {
  .about .section1__wrapper {
    display: block;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .about .section1__wrapper {
    max-width: 44rem;
  }
}
.about .section1__wrapper .content {
  width: 100%;
}
.about .section1__wrapper .content .link {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.3);
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
  display: block;
  position: relative;
  padding: 2.3rem 0;
}
@media (max-width: 768px) {
  .about .section1__wrapper .content .link {
    border-top: none;
    padding: 3.3rem 0;
  }
  .about .section1__wrapper .content .link:first-of-type {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.3);
  }
}
.about .section1__wrapper .content .link .text {
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #000000;
  font-size: 2rem;
}
.about .section1__wrapper .content .link .text.en {
  font-family: "Playfair Display", serif;
}
.about .section1__wrapper .content .link svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
}
.about .section1__wrapper .content .link svg svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .about .section1__wrapper .content .link svg {
    width: 5rem;
    height: 5rem;
  }
}
.about .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
  padding-bottom: 12.8rem;
}
@media (max-width: 768px) {
  .about .section2__wrapper {
    max-width: 100%;
    padding-bottom: 6.8rem;
  }
}
@media (max-width: 768px) {
  .about .section2__wrapper .title {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .about .section2__wrapper .title {
    margin: 0 auto;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .about .section2__wrapper .title {
    max-width: 44rem;
  }
}
.about .section2__wrapper .subTitle {
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .about .section2__wrapper .subTitle {
    margin: 0 auto;
    max-width: 80rem;
    margin-top: 2.5rem;
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  .about .section2__wrapper .subTitle {
    max-width: 44rem;
  }
}
.about .section2__wrapper .subTitle.en {
  font-family: "Playfair Display", serif;
}
.about .section2__wrapper .subTitle.en span.strong {
  font-family: "Playfair Display", serif;
  font-size: 2.5rem;
  font-weight: 600;
}
.about .section2__wrapper .text {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  margin: 0 auto;
  max-width: 100rem;
  margin-top: 3.4rem;
}
@media (max-width: 768px) {
  .about .section2__wrapper .text {
    margin: 0 auto;
    max-width: 80rem;
    margin-top: 3.4rem;
    text-align: left;
    font-size: 1.8rem;
  }
}
@media (max-width: 500px) {
  .about .section2__wrapper .text {
    max-width: 44rem;
  }
}
.about .section2__wrapper .text.en {
  font-family: "Overpass", sans-serif;
}
.about .section2__wrapper .imgArea {
  display: block;
  height: 79rem;
  margin-top: 6.5rem;
}
@media (max-width: 768px) {
  .about .section2__wrapper .imgArea {
    height: 33rem;
  }
}
.about .section2__wrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  object-fit: cover;
}
.about .section3 {
  background: #FFFFFF;
  padding-top: 12rem;
  padding-bottom: 13rem;
}
@media (max-width: 768px) {
  .about .section3 {
    padding-top: 10rem;
    padding-bottom: 7rem;
  }
}
.about .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .about .section3__wrapper {
    max-width: 44rem;
  }
}
.about .section3__wrapper .sectionTitle {
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.about .section3__wrapper .articleWrapper {
  display: flex;
  margin-top: 8.8rem;
  gap: 7rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper {
    display: block;
    margin-top: 3.8rem;
  }
}
.about .section3__wrapper .articleWrapper .article {
  display: flex;
  width: 50%;
  gap: 3rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article {
    display: block;
    width: 100%;
  }
}
.about .section3__wrapper .articleWrapper .article .imgArea {
  display: block;
  width: 100%;
  width: 25rem;
  height: 37rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article .imgArea {
    width: 100%;
    height: 46rem;
  }
}
@media (max-width: 500px) {
  .about .section3__wrapper .articleWrapper .article .imgArea {
    height: 23rem;
  }
}
.about .section3__wrapper .articleWrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.about .section3__wrapper .articleWrapper .article .textArea {
  flex: 1;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article .textArea {
    margin-top: 4.2rem;
  }
}
.about .section3__wrapper .articleWrapper .article .textArea .title {
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article .textArea .title {
    font-size: 2.5rem;
  }
}
.about .section3__wrapper .articleWrapper .article .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.about .section3__wrapper .articleWrapper .article .textArea .subTitle {
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  margin-top: 1.3rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article .textArea .subTitle {
    font-size: 2.1rem;
    margin-top: 2.1rem;
  }
}
.about .section3__wrapper .articleWrapper .article .textArea .subTitle.en {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
}
.about .section3__wrapper .articleWrapper .article .textArea .text {
  font-weight: 400;
  line-height: 1.71;
  font-family: "Noto Sans JP", sans-serif;
  color: #585858;
  font-size: 1.4rem;
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article .textArea .text {
    font-size: 1.8rem;
    margin-top: 3.4rem;
  }
}
.about .section3__wrapper .articleWrapper .article .textArea .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .about .section3__wrapper .articleWrapper .article:nth-of-type(2) {
    margin-top: 6rem;
  }
}
.about .section4 {
  padding: 12rem 0;
}
@media (max-width: 768px) {
  .about .section4 {
    padding: 10rem 0;
  }
}
.about .section4__wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .about .section4__wrapper {
    display: block;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .about .section4__wrapper {
    max-width: 44rem;
  }
}
.about .section4__wrapper .sectionTitle {
  flex: 1;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .about .section4__wrapper .sectionTitle {
    text-align: center;
    font-size: 3rem;
  }
}
.about .section4__wrapper .sectionTitle.en {
  font-family: "Playfair Display", serif;
}
.about .section4__wrapper .rightArea {
  width: 85rem;
}
@media (max-width: 768px) {
  .about .section4__wrapper .rightArea {
    width: 100%;
    margin-top: 4.7rem;
  }
}
.about .section4__wrapper .rightArea .imgWrapper {
  width: 100%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34.5rem;
  border-radius: 3rem;
  position: relative;
}
@media (max-width: 768px) {
  .about .section4__wrapper .rightArea .imgWrapper {
    width: 100%;
    margin-top: 4.7rem;
    height: 26.5rem;
  }
}
.about .section4__wrapper .rightArea .imgWrapper .imgArea {
  display: block;
  width: 32rem;
}
.about .section4__wrapper .rightArea .imgWrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.about .section4__wrapper .rightArea .imgWrapper .slogan {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.4rem;
  font-weight: 500;
  color: #585858;
  white-space: nowrap;
  font-family: "Playfair Display", serif;
}
.about .section4__wrapper .rightArea .dlWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.2rem;
}
.about .section4__wrapper .rightArea .dlWrapper__dt {
  font-weight: 500;
  width: 17%;
  padding: 2.8rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
}
.about .section4__wrapper .rightArea .dlWrapper__dt:first-of-type {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .about .section4__wrapper .rightArea .dlWrapper__dt {
    width: 27%;
    font-size: 1.8rem;
    padding: 4rem 0;
  }
}
.about .section4__wrapper .rightArea .dlWrapper__dt.en {
  font-family: "Overpass", sans-serif;
}
.about .section4__wrapper .rightArea .dlWrapper__dd {
  width: 83%;
  font-weight: 400;
  padding: 2.8rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
}
.about .section4__wrapper .rightArea .dlWrapper__dd:first-of-type {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .about .section4__wrapper .rightArea .dlWrapper__dd {
    width: 73%;
    font-size: 1.8rem;
    padding: 4rem 0;
  }
}
.about .section4__wrapper .rightArea .dlWrapper__dd.en {
  font-family: "Overpass", sans-serif;
}
.about .section5 {
  background: #FFFFFF;
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media (max-width: 768px) {
  .about .section5 {
    padding-top: 10rem;
  }
}
.about .section5__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .about .section5__wrapper {
    max-width: 44rem;
  }
}
.about .section5__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.about .section5__wrapper .articleWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 10.5rem;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper {
    display: block;
    margin-top: 5.4rem;
  }
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article {
    width: 100%;
  }
}
.about .section5__wrapper .articleWrapper .article .imgArea {
  display: block;
  width: 100%;
  height: 21rem;
}
.about .section5__wrapper .articleWrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article .imgArea {
    height: 27rem;
  }
}
.about .section5__wrapper .articleWrapper .article .title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 2.4rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article .title {
    font-size: 2.8rem;
    margin-top: 3.9rem;
  }
}
.about .section5__wrapper .articleWrapper .article .access {
  letter-spacing: 0.02em;
  line-height: 1.3;
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article .access {
    margin-top: 2.6rem;
    font-size: 2.1rem;
  }
}
.about .section5__wrapper .articleWrapper .article .tel {
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article .tel {
    margin-top: 2.6rem;
    font-size: 2.1rem;
  }
}
@media (max-width: 768px) {
  .about .section5__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 5rem;
  }
}

.service .section1 {
  padding-top: 12rem;
}
@media (max-width: 768px) {
  .service .section1 {
    padding-top: 9rem;
  }
}
.service .section1__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .service .section1__wrapper {
    max-width: 44rem;
  }
}
.service .section1__wrapper .content1 .imgArea {
  display: block;
  margin: 0 auto;
  width: 6.7rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content1 .imgArea {
    width: 8.7rem;
  }
}
.service .section1__wrapper .content1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.service .section1__wrapper .content1 .title {
  font-weight: 500;
  text-align: center;
  font-size: 2.4rem;
  margin-top: 2.2rem;
}
.service .section1__wrapper .content1 .title br {
  display: none;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content1 .title {
    line-height: 1.7;
    margin-top: 6.2rem;
  }
  .service .section1__wrapper .content1 .title br {
    display: block;
  }
}
.service .section1__wrapper .content1 .title.en {
  font-family: "Playfair Display", serif;
}
.service .section1__wrapper .content2 {
  display: flex;
  justify-content: center;
  margin-top: 8.7rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content2 {
    justify-content: space-between;
    margin-top: 4.7rem;
  }
}
.service .section1__wrapper .content2 .content {
  border-radius: 50%;
  width: 24.4rem;
  height: 24.4rem;
  padding: 4rem 0 0 0;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content2 .content {
    padding: 3rem 0 0 0;
    width: 13.4rem;
    height: 13.4rem;
  }
}
.service .section1__wrapper .content2 .content:nth-of-type(1) {
  background: #FFC94D;
}
.service .section1__wrapper .content2 .content:nth-of-type(2) {
  background: #F5AB00;
}
.service .section1__wrapper .content2 .content:nth-of-type(3) {
  background: #EC6C00;
}
.service .section1__wrapper .content2 .content:nth-of-type(4) {
  background: #FF8000;
}
.service .section1__wrapper .content2 .content .span {
  font-family: "Playfair Display", serif;
  text-align: center;
  display: block;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content2 .content .span {
    font-size: 1rem;
  }
}
.service .section1__wrapper .content2 .content .text {
  font-family: "Playfair Display", serif;
  text-align: center;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  line-height: 1.32;
  margin-top: 2.2rem;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper .content2 .content .text {
    margin-top: 0;
    font-size: 1.3rem;
  }
}
.service .section1__wrapper .sectionText {
  margin: 7.7rem 0 1.6rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .service .section1__wrapper .sectionText {
    text-align: left;
    margin-top: 8.7rem;
    font-size: 1.8rem;
  }
}
.service .section1__wrapper .sectionText.en {
  font-family: "Overpass", sans-serif;
}
.service .section1__wrapper ul.serviceList {
  margin: 0 0 0 12rem;
}
.service .section1__wrapper ul.serviceList li {
  font-family: "Overpass", sans-serif;
  font-size: 1.6rem;
  line-height: 1.87;
  font-weight: 400;
  text-align: left;
  max-width: 100rem;
  margin: 0 auto;
}
.service .section1__wrapper ul.serviceList li::before {
  content: "●";
  color: #555;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .service .section1__wrapper ul.serviceList {
    margin: 0;
  }
}
.service .section2 {
  margin-top: 8.8rem;
}
@media (max-width: 768px) {
  .service .section2 {
    margin-top: 7.8rem;
  }
}
.service .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .service .section2__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .service .section2__wrapper {
    max-width: 44rem;
  }
}
.service .section2__wrapper .article {
  display: flex;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article {
    display: block;
  }
}
.service .section2__wrapper .article .imgArea {
  display: block;
  width: 48rem;
  height: 35rem;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article .imgArea {
    width: 100%;
    height: 50rem;
  }
}
@media (max-width: 500px) {
  .service .section2__wrapper .article .imgArea {
    height: 25rem;
  }
}
.service .section2__wrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.service .section2__wrapper .article .textArea {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article .textArea {
    padding: 3.7rem 3.5rem;
  }
}
.service .section2__wrapper .article .textArea__wrapper .title {
  font-weight: 500;
  text-align: center;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article .textArea__wrapper .title {
    text-align: center;
  }
}
.service .section2__wrapper .article .textArea__wrapper .title.en {
  font-family: "Playfair Display", serif;
}
.service .section2__wrapper .article .textArea__wrapper .text {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  color: #585858;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 2.3rem;
}
.service .section2__wrapper .article .textArea__wrapper .text .pconly {
  display: block;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article .textArea__wrapper .text {
    line-height: 2;
    font-size: 1.5rem;
    margin-top: 2.3rem;
  }
  .service .section2__wrapper .article .textArea__wrapper .text .pconly {
    display: none;
  }
}
.service .section2__wrapper .article .textArea__wrapper .text.en {
  font-family: "Overpass", sans-serif;
}
.service .section2__wrapper .article .textArea__wrapper .btn {
  margin: 0 auto;
  margin-top: 3.3rem;
}
@media (max-width: 768px) {
  .service .section2__wrapper .article .textArea__wrapper .btn {
    margin-top: 6.3rem;
  }
}
.service .section2__wrapper .article:nth-of-type(even) {
  flex-direction: row-reverse;
}
.service .section2__wrapper .article:nth-of-type(n + 2) {
  margin-top: 3.9rem;
}
.service .section3 {
  margin-top: 12rem;
}
@media (max-width: 768px) {
  .service .section3 {
    margin-top: 8rem;
  }
}
.service .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .service .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .service .section3__wrapper {
    max-width: 44rem;
  }
}
.service .section3__wrapper .commonCustomerVoice .articleTitle {
  color: #000000;
}
@media (max-width: 768px) {
  .service .section3__wrapper .commonCustomerVoice .articleTitle {
    margin-top: 8rem;
  }
}
.service .section4 {
  margin-top: 13.6rem;
  padding-bottom: 13.6rem;
}
@media (max-width: 768px) {
  .service .section4 {
    margin-top: 6.6rem;
    padding-bottom: 12.6rem;
  }
}
.service .section4__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .service .section4__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .service .section4__wrapper {
    max-width: 44rem;
  }
}

.knowledge .section2 {
  background: #FFFFFF;
  margin-top: -5rem;
  padding-top: 12rem;
  padding-bottom: 13.7rem;
}
@media (max-width: 768px) {
  .knowledge .section2 {
    margin-top: -15rem;
    padding-top: 22rem;
    padding-bottom: 8rem;
  }
}
.knowledge .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section2__wrapper {
    max-width: 44rem;
  }
}
.knowledge .section2__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.knowledge .section2__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .articleWrapper {
    display: block;
    margin-top: 4.4rem;
  }
}
.knowledge .section2__wrapper .articleWrapper .article {
  width: calc((100% - 7.4rem) / 3);
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .articleWrapper .article {
    width: 100%;
  }
  .knowledge .section2__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 8.2rem;
  }
}
.knowledge .section2__wrapper .articleWrapper .article .imgArea {
  display: block;
  width: 100%;
  height: 24rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .articleWrapper .article .imgArea {
    height: 42rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section2__wrapper .articleWrapper .article .imgArea {
    height: 21rem;
  }
}
.knowledge .section2__wrapper .articleWrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.knowledge .section2__wrapper .articleWrapper .article .title {
  font-weight: 500;
  font-size: 2rem;
  margin-top: 3.9rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .articleWrapper .article .title {
    font-size: 2.6rem;
    margin-top: 4.9rem;
  }
}
.knowledge .section2__wrapper .articleWrapper .article .title.en {
  font-family: "Playfair Display", serif;
}
.knowledge .section2__wrapper .articleWrapper .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 2.2rem;
}
@media (max-width: 768px) {
  .knowledge .section2__wrapper .articleWrapper .article .text {
    font-size: 1.8rem;
  }
}
.knowledge .section2__wrapper .articleWrapper .article .text.en {
  font-family: "Overpass", sans-serif;
}
.knowledge .section3 {
  background: #F5AB00;
  padding-top: 13.3rem;
  padding-bottom: 13.6rem;
}
@media (max-width: 768px) {
  .knowledge .section3 {
    padding-top: 0;
    padding-bottom: 8.6rem;
  }
}
.knowledge .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper {
    max-width: 100%;
  }
}
.knowledge .section3__wrapper .article {
  display: flex;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article {
    flex-direction: column-reverse;
  }
}
.knowledge .section3__wrapper .article .textArea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: #FFFFFF;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article .textArea {
    margin: 0 auto;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section3__wrapper .article .textArea {
    max-width: 44rem;
  }
}
.knowledge .section3__wrapper .article .textArea__wrapper {
  padding: 0 7rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article .textArea__wrapper {
    padding: 5.2rem 3.5rem;
  }
}
.knowledge .section3__wrapper .article .textArea__wrapper .title {
  font-weight: 500;
  line-height: 1.45;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article .textArea__wrapper .title {
    font-size: 2.6rem;
  }
}
.knowledge .section3__wrapper .article .textArea__wrapper .title.en {
  font-family: "Playfair Display", serif;
}
.knowledge .section3__wrapper .article .textArea__wrapper .text {
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article .textArea__wrapper .text {
    font-size: 1.7rem;
    margin-top: 1.5rem;
  }
}
.knowledge .section3__wrapper .article .textArea__wrapper .text.en {
  font-family: "Overpass", sans-serif;
}
.knowledge .section3__wrapper .article .imgArea {
  display: block;
  width: 60rem;
  height: 38rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .article .imgArea {
    width: 100%;
    height: 62rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section3__wrapper .article .imgArea {
    height: 31rem;
  }
}
.knowledge .section3__wrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.knowledge .section3__wrapper .btn {
  margin-top: 12rem;
}
@media (max-width: 768px) {
  .knowledge .section3__wrapper .btn {
    margin: 0 auto;
    max-width: 88rem;
    margin-top: 7rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section3__wrapper .btn {
    max-width: 40rem;
  }
}
.knowledge .section3__wrapper .btn .link {
  color: #FFFFFF;
  background: #EC6C00;
}
.knowledge .section3__wrapper .btn .link::after {
  background: #FFFFFF;
}
.knowledge .section4 {
  padding-top: 12rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .knowledge .section4 {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
}
.knowledge .section4__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .knowledge .section4__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .knowledge .section4__wrapper {
    max-width: 44rem;
  }
}
.knowledge .section4__wrapper .commonCustomerVoice .articleTitle {
  margin-top: 0;
  color: #000000;
}

.matching .section2 {
  background: #FF8000;
  padding-top: 18.8rem;
  padding-bottom: 14.5rem;
  margin-top: -5rem;
}
@media (max-width: 768px) {
  .matching .section2 {
    margin-top: -15rem;
    padding-top: 20.8rem;
    padding-bottom: 8.5rem;
  }
}
.matching .section2__wrapper {
  margin: 0 auto;
  padding: 0 17rem;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper {
    padding: 0;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .matching .section2__wrapper {
    max-width: 44rem;
  }
}
.matching .section2__wrapper .imgArea {
  display: block;
  width: 100%;
}
.matching .section2__wrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.matching .section2__wrapper .pcText {
  display: none;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  font-size: 1.8rem;
  margin-top: 2.8rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .pcText {
    display: block;
  }
}
.matching .section2__wrapper .contentWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.matching .section2__wrapper .contentWrapper .content:first-of-type .svg {
  display: block;
  width: 14rem;
  height: 12.4rem;
}
.matching .section2__wrapper .contentWrapper .content:first-of-type .svg svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper .content:first-of-type .svg {
    height: 10.4rem;
    width: 10rem;
  }
}
.matching .section2__wrapper .contentWrapper .content:first-of-type .span {
  text-align: center;
  letter-spacing: 0.02rem;
  color: #FFFFFF;
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 2.2rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper .content:first-of-type .span {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}
.matching .section2__wrapper .contentWrapper .content:last-of-type {
  position: relative;
  top: 0;
  left: -1.3rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper .content:last-of-type {
    left: 0;
  }
}
.matching .section2__wrapper .contentWrapper .content:last-of-type .svg {
  display: block;
  width: 9.7rem;
  height: 12.4rem;
}
.matching .section2__wrapper .contentWrapper .content:last-of-type .svg svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper .content:last-of-type .svg {
    height: 10.4rem;
    width: 6.7rem;
  }
}
.matching .section2__wrapper .contentWrapper .content:last-of-type .span {
  text-align: center;
  letter-spacing: 0.02rem;
  color: #FFFFFF;
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 2.2rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper .content:last-of-type .span {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}
.matching .section2__wrapper .contentWrapper__imgArea {
  position: relative;
  display: block;
  top: -1rem;
  left: -2rem;
  width: 20rem;
  height: 20rem;
}
@media (max-width: 768px) {
  .matching .section2__wrapper .contentWrapper__imgArea {
    top: 0;
    left: 0;
    width: 15rem;
    height: 15rem;
  }
}
.matching .section2__wrapper .contentWrapper__imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.matching .section3 {
  padding-top: 12rem;
  padding-bottom: 13rem;
}
@media (max-width: 768px) {
  .matching .section3 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.matching .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .matching .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .matching .section3__wrapper {
    max-width: 44rem;
  }
}
.matching .section3__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.matching .section3__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper {
    display: block;
    margin-top: 5.4rem;
  }
}
.matching .section3__wrapper .articleWrapper .article {
  width: calc((100% - 7rem) / 3);
  background: #FFFFFF;
  padding: 8rem 4rem 5rem;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article {
    width: 100%;
    padding: 11rem 2rem 8rem;
  }
}
.matching .section3__wrapper .articleWrapper .article:first-of-type .svgArea {
  margin: 0 auto;
  width: 14.7rem;
  height: 7.4rem;
  display: block;
}
.matching .section3__wrapper .articleWrapper .article:first-of-type .svgArea svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article:first-of-type .svgArea {
    width: 18.7rem;
    height: 10.4rem;
  }
}
.matching .section3__wrapper .articleWrapper .article:nth-of-type(2) .svgArea {
  margin: 0 auto;
  width: 12.3rem;
  height: 8.5rem;
  display: block;
}
.matching .section3__wrapper .articleWrapper .article:nth-of-type(2) .svgArea svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article:nth-of-type(2) .svgArea {
    width: 14.3rem;
    height: 10.5rem;
  }
}
.matching .section3__wrapper .articleWrapper .article:nth-of-type(3) .svgArea {
  margin: 0 auto;
  width: 10.1rem;
  height: 8.4rem;
  display: block;
}
.matching .section3__wrapper .articleWrapper .article:nth-of-type(3) .svgArea svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article:nth-of-type(3) .svgArea {
    width: 12.1rem;
    height: 10.4rem;
  }
}
.matching .section3__wrapper .articleWrapper .article .title {
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 5.4rem;
  text-align: center;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article .title {
    font-size: 3.4rem;
    margin-top: 6rem;
  }
}
.matching .section3__wrapper .articleWrapper .article .title.en {
  font-family: "Playfair Display", serif;
}
.matching .section3__wrapper .articleWrapper .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 1.1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article .text {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
}
.matching .section3__wrapper .articleWrapper .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .matching .section3__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 4.8rem;
  }
}
.matching .section4 {
  background: #FFFFFF;
  padding-top: 11.8rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .matching .section4 {
    padding-top: 7.8rem;
    padding-bottom: 9rem;
  }
}
.matching .section4__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .matching .section4__wrapper {
    max-width: 44rem;
  }
}
.matching .section4__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.matching .section4__wrapper .btnArea {
  display: flex;
  margin-top: 8.2rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .btnArea {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4.2rem;
  }
}
.matching .section4__wrapper .btnArea__btn {
  cursor: pointer;
  position: relative;
  width: 25%;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-bottom: 2.1rem;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .btnArea__btn {
    width: calc((100% - 0.2rem) / 2);
    background: #AAAAAA;
    color: #FFFFFF;
    font-size: 1.7rem;
    padding: 1.8rem 0;
  }
}
@media (max-width: 768px) {
  .matching .section4__wrapper .btnArea__btn .span {
    display: none;
  }
}
.matching .section4__wrapper .btnArea__btn::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  background: #8B8B8B;
  bottom: 0;
  height: 0.2rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .btnArea__btn::after {
    display: none;
  }
}
.matching .section4__wrapper .btnArea__btn.active {
  pointer-events: none;
  color: #FF8000;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .btnArea__btn.active {
    color: #FFFFFF;
    background: #FF8000;
  }
}
.matching .section4__wrapper .btnArea__btn.active::after {
  background: #FF8000;
}
.matching .section4__wrapper .btnArea__btn:nth-of-type(n + 2) {
  margin-top: 0.2rem;
}
.matching .section4__wrapper .articleArea {
  margin-top: 7.4rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea {
    margin-top: 2.4rem;
  }
}
.matching .section4__wrapper .articleArea .article {
  align-items: center;
  display: none;
  gap: 4.3rem;
}
.matching .section4__wrapper .articleArea .article.active {
  display: flex;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article.active {
    display: block;
  }
}
.matching .section4__wrapper .articleArea .article .imgArea {
  display: block;
  height: 28rem;
  width: 44rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article .imgArea {
    height: 56rem;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .matching .section4__wrapper .articleArea .article .imgArea {
    height: 28rem;
  }
}
.matching .section4__wrapper .articleArea .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.matching .section4__wrapper .articleArea .article .textArea {
  flex: 1;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article .textArea {
    margin-top: 5.5rem;
  }
}
.matching .section4__wrapper .articleArea .article .textArea .title {
  font-weight: 500;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article .textArea .title {
    font-size: 3rem;
  }
}
.matching .section4__wrapper .articleArea .article .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.matching .section4__wrapper .articleArea .article .textArea .text {
  font-weight: 400;
  line-height: 1.72;
  font-size: 1.8rem;
  margin-top: 3.1rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article .textArea .text {
    font-size: 2.1rem;
    margin-top: 3.5rem;
  }
}
.matching .section4__wrapper .articleArea .article .textArea .text.en {
  font-family: "Playfair Display", serif;
}
.matching .section4__wrapper .articleArea .article .textArea .ul {
  margin-top: 3.6rem;
}
.matching .section4__wrapper .articleArea .article .textArea .ul .li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .matching .section4__wrapper .articleArea .article .textArea .ul .li {
    font-size: 1.7rem;
  }
}
.matching .section4__wrapper .articleArea .article .textArea .ul .li:nth-of-type(n + 2) {
  margin-top: 1rem;
}
.matching .section4__wrapper .articleArea .article .textArea .ul .li.en {
  font-family: "Overpass", sans-serif;
}
.matching .section5 {
  padding-top: 12rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .matching .section5 {
    padding-top: 8rem;
    padding-bottom: 12rem;
  }
}
.matching .section5__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .matching .section5__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .matching .section5__wrapper {
    max-width: 44rem;
  }
}
.matching .section5__wrapper .commonCustomerVoice .articleTitle {
  margin-top: 0;
  color: #000000;
}
.matching .section5__wrapper .bigbtn {
  margin-top: 13.6rem;
}
@media (max-width: 768px) {
  .matching .section5__wrapper .bigbtn {
    margin-top: 6.6rem;
  }
}

.customer .section1 {
  padding-top: 12rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .customer .section1 {
    padding-top: 5rem;
    padding-bottom: 9rem;
  }
}
.customer .section1__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .customer .section1__wrapper {
    max-width: 44rem;
  }
}
.customer .section1__wrapper .categoryArea {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .categoryArea {
    flex-wrap: wrap;
  }
}
.customer .section1__wrapper .categoryArea .category {
  width: 29rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .categoryArea .category {
    width: calc((100% - 2rem) / 2);
  }
  .customer .section1__wrapper .categoryArea .category:nth-of-type(n + 3) {
    margin-top: 1.5rem;
  }
}
.customer .section1__wrapper .categoryArea .category .link {
  display: block;
  background: #FFFFFF;
  text-align: center;
  color: #000000;
  border: 0.1rem solid #707070;
  padding: 1.9rem 0;
  border-radius: 6rem;
  transition: all 0.3s ease;
}
.customer .section1__wrapper .categoryArea .category .link.active {
  pointer-events: none;
  border: none;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .categoryArea .category .link {
    font-size: 1.5rem;
    padding: 1rem 0;
  }
}
.customer .section1__wrapper .categoryArea .category .link.active {
  background: #EC6C00;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .customer .section1__wrapper .categoryArea .category .link:hover {
    opacity: 0.4;
  }
}
.customer .section1__wrapper .categoryArea .category .link.en {
  font-family: "Playfair Display", serif;
}
.customer .section1__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12.4rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper {
    display: block;
    margin-top: 5.4rem;
  }
}
.customer .section1__wrapper .articleWrapper::after {
  content: "";
  display: block;
  width: calc((100% - 5.6rem) / 3);
  height: 0;
}
.customer .section1__wrapper .articleWrapper .article {
  width: calc((100% - 5.6rem) / 3);
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article {
    width: 100%;
  }
  .customer .section1__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 4.2rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link:hover {
    opacity: 0.7;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .imgArea {
  position: relative;
  display: block;
  width: 100%;
  height: 23rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link .imgArea {
    height: 48rem;
  }
}
@media (max-width: 500px) {
  .customer .section1__wrapper .articleWrapper .article .link .imgArea {
    height: 27rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.customer .section1__wrapper .articleWrapper .article .link .imgArea .span {
  display: block;
  position: absolute;
  background: #32393D;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  bottom: -1.6rem;
  left: 0;
  width: 26rem;
  padding: 0.7rem 0;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link .imgArea .span {
    bottom: -2.6rem;
    padding: 1rem 0;
    width: 31rem;
    font-size: 1.7rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .imgArea .span.en {
  font-family: "Playfair Display", serif;
}
.customer .section1__wrapper .articleWrapper .article .link .textArea {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 4rem 2rem 5.3rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link .textArea {
    padding: 5.1rem 2rem 3.7rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .textArea .title {
  font-weight: 400;
  color: #000000;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link .textArea .title {
    font-size: 2.4rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.customer .section1__wrapper .articleWrapper .article .link .textArea .text {
  align-items: flex-end;
  color: #585858;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .customer .section1__wrapper .articleWrapper .article .link .textArea .text {
    font-size: 1.9rem;
    margin-top: 3rem;
  }
}
.customer .section1__wrapper .articleWrapper .article .link .textArea .text.en {
  font-family: "Overpass", sans-serif;
}
.customer .section1__wrapper .articleWrapper .article:nth-of-type(n + 4) {
  margin-top: 4rem;
}

.solution .section2 {
  background: #EC6C00;
  margin-top: -5rem;
  padding-top: 9.5rem;
  padding-bottom: 14rem;
}
@media (max-width: 768px) {
  .solution .section2 {
    margin-top: -15rem;
    padding-top: 14.5rem;
    padding-bottom: 10rem;
  }
}
.solution .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .solution .section2__wrapper {
    max-width: 44rem;
  }
}
.solution .section2__wrapper .sectionTitle {
  font-size: 4rem;
  color: #FFFFFF;
}
.solution .section2__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper {
    display: block;
  }
}
.solution .section2__wrapper .articleWrapper .article {
  width: calc((100% - 7rem) / 3);
  background: #FFFFFF;
  padding: 8rem 4rem 5rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article {
    width: 100%;
    padding: 10rem 3rem 10rem;
  }
}
.solution .section2__wrapper .articleWrapper .article:first-of-type .svgArea {
  margin: 0 auto;
  height: 8.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution .section2__wrapper .articleWrapper .article:first-of-type .svgArea svg {
  width: 14.7rem;
  height: 7.4rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article:first-of-type .svgArea {
    height: auto;
    display: block;
  }
  .solution .section2__wrapper .articleWrapper .article:first-of-type .svgArea svg {
    width: 17.7rem;
    height: 10.4rem;
  }
}
.solution .section2__wrapper .articleWrapper .article:nth-of-type(2) .svgArea {
  margin: 0 auto;
  height: 8.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution .section2__wrapper .articleWrapper .article:nth-of-type(2) .svgArea svg {
  width: 12.3rem;
  height: 8.5rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article:nth-of-type(2) .svgArea {
    height: auto;
    display: block;
  }
  .solution .section2__wrapper .articleWrapper .article:nth-of-type(2) .svgArea svg {
    width: 19.3rem;
    height: 12.5rem;
  }
}
.solution .section2__wrapper .articleWrapper .article:nth-of-type(3) .svgArea {
  margin: 0 auto;
  height: 8.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution .section2__wrapper .articleWrapper .article:nth-of-type(3) .svgArea svg {
  width: 10.1rem;
  height: 8.4rem;
}
.solution .section2__wrapper .articleWrapper .article .title {
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 5.4rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article .title {
    font-size: 3.1rem;
    margin-top: 7.4rem;
  }
}
.solution .section2__wrapper .articleWrapper .article .title.en {
  font-family: "Playfair Display", serif;
}
.solution .section2__wrapper .articleWrapper .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 1.1rem;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article .text {
    font-size: 1.7rem;
    margin-top: 1.5rem;
  }
}
.solution .section2__wrapper .articleWrapper .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .solution .section2__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 4.2rem;
  }
}
.solution .section3 {
  background: #FFFFFF;
  padding-top: 12rem;
  padding-bottom: 13.2rem;
}
@media (max-width: 768px) {
  .solution .section3 {
    padding-top: 8rem;
    padding-bottom: 10.2rem;
  }
}
.solution .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .solution .section3__wrapper {
    max-width: 44rem;
  }
}
.solution .section3__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.solution .section3__wrapper .content1 {
  display: flex;
  gap: 8rem;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content1 {
    display: block;
    margin-top: 4.4rem;
  }
}
.solution .section3__wrapper .content1 .article {
  width: 100%;
}
.solution .section3__wrapper .content1 .article .imgArea {
  display: block;
  height: 24rem;
}
.solution .section3__wrapper .content1 .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content1 .article .imgArea {
    height: 42rem;
  }
}
@media (max-width: 500px) {
  .solution .section3__wrapper .content1 .article .imgArea {
    height: 21rem;
  }
}
.solution .section3__wrapper .content1 .article .title {
  font-weight: 500;
  margin-top: 3.4rem;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content1 .article .title {
    margin-top: 4.4rem;
    font-size: 3.1rem;
  }
}
.solution .section3__wrapper .content1 .article .title.en {
  font-family: "Playfair Display", serif;
}
.solution .section3__wrapper .content1 .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 2.1rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content1 .article .text {
    font-size: 1.8rem;
    margin-top: 1.9rem;
  }
}
.solution .section3__wrapper .content1 .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content1 .article:nth-of-type(n + 2) {
    margin-top: 7rem;
  }
}
.solution .section3__wrapper .content2 {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  margin-top: 9.8rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content2 {
    display: block;
    margin-top: 7rem;
  }
}
.solution .section3__wrapper .content2 .article {
  width: 100%;
}
.solution .section3__wrapper .content2 .article .imgArea {
  display: block;
  height: 24rem;
}
.solution .section3__wrapper .content2 .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content2 .article .imgArea {
    height: 42rem;
  }
}
@media (max-width: 500px) {
  .solution .section3__wrapper .content2 .article .imgArea {
    height: 21rem;
  }
}
.solution .section3__wrapper .content2 .article .title {
  font-weight: 500;
  margin-top: 3.4rem;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content2 .article .title {
    margin-top: 4.4rem;
    font-size: 3.1rem;
  }
}
.solution .section3__wrapper .content2 .article .title.en {
  font-family: "Playfair Display", serif;
}
.solution .section3__wrapper .content2 .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.87;
  font-size: 1.6rem;
  margin-top: 2.1rem;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content2 .article .text {
    font-size: 1.8rem;
    margin-top: 1.9rem;
  }
}
.solution .section3__wrapper .content2 .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .solution .section3__wrapper .content2 .article:nth-of-type(n + 2) {
    margin-top: 7rem;
  }
}
.solution .section4 {
  background: #F5AB00;
  padding-top: 12rem;
  padding-bottom: 14.8rem;
}
@media (max-width: 768px) {
  .solution .section4 {
    padding-top: 8rem;
    padding-bottom: 11.8rem;
  }
}
.solution .section4__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper {
    max-width: 100%;
  }
}
.solution .section4__wrapper .sectionTitle {
  color: #FFFFFF;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.solution .section4__wrapper .content {
  position: relative;
  z-index: 2;
  margin-top: 12.4rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content {
    margin-top: 5.4rem;
  }
}
.solution .section4__wrapper .content .imgArea {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  width: 54rem;
  height: 33rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .imgArea {
    display: block;
    position: static;
    width: 100%;
    transform: translateY(0);
    height: 27rem;
  }
}
.solution .section4__wrapper .content .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.solution .section4__wrapper .content .textArea {
  background: #FFFFFF;
  margin-left: auto;
  color: #000000;
  width: 73rem;
  padding: 5.3rem 4rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .textArea {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    margin-top: -5.1rem;
    max-width: 80rem;
    padding: 3.8rem 3rem;
  }
}
@media (max-width: 500px) {
  .solution .section4__wrapper .content .textArea {
    max-width: 44rem;
  }
}
.solution .section4__wrapper .content .textArea .title {
  font-weight: 400;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .textArea .title {
    font-size: 2.2rem;
  }
}
.solution .section4__wrapper .content .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.solution .section4__wrapper .content .textArea .name {
  margin-top: 1.9rem;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .textArea .name {
    margin-top: 2.3rem;
    font-size: 1.9rem;
  }
}
.solution .section4__wrapper .content .textArea .name.en {
  font-family: "Overpass", sans-serif;
}
.solution .section4__wrapper .content .textArea .name .span {
  font-weight: 400;
  font-size: 1.4rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .textArea .name .span {
    font-size: 1.9rem;
    margin-right: 1rem;
  }
}
.solution .section4__wrapper .content .textArea .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #585858;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .content .textArea .text {
    font-size: 1.7rem;
    margin-top: 2.1rem;
  }
}
.solution .section4__wrapper .content .textArea .text.en {
  font-family: "Overpass", sans-serif;
}
.solution .section4__wrapper .btn {
  margin: 0 auto;
  margin-top: 11.5rem;
}
@media (max-width: 768px) {
  .solution .section4__wrapper .btn {
    margin-top: 5.5rem;
    width: 32.5rem;
  }
  .solution .section4__wrapper .btn .link {
    padding: 2rem;
  }
}
.solution .section5 {
  padding-top: 12rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .solution .section5 {
    padding-top: 8rem;
    padding-bottom: 9.8rem;
  }
}
.solution .section5__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .solution .section5__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .solution .section5__wrapper {
    max-width: 44rem;
  }
}
.solution .section5__wrapper .commonCustomerVoice .articleTitle {
  margin-top: 0;
  color: #000000;
}
.solution .section5__wrapper .bigbtn {
  margin-top: 13.6rem;
}
@media (max-width: 768px) {
  .solution .section5__wrapper .bigbtn {
    margin-top: 6.6rem;
  }
}

.case .section1 {
  padding-top: 16rem;
  padding-bottom: 19rem;
}
@media (max-width: 768px) {
  .case .section1 {
    padding-top: 5rem;
    padding-bottom: 10rem;
  }
}
.case .section1__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper {
    max-width: 100%;
  }
}
.case .section1__wrapper .article {
  height: 33rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article {
    display: block;
    height: auto;
  }
}
.case .section1__wrapper .article .link {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  display: block;
  color: #000000;
  transition: all 0.3s ease;
}
.case .section1__wrapper .article .link:hover {
  opacity: 0.7;
}
.case .section1__wrapper .article .link .imgArea {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  width: 54rem;
  height: 33rem;
}
.case .section1__wrapper .article .link .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .imgArea {
    display: block;
    position: static;
    width: 100%;
    transform: translateY(0);
    height: 27rem;
  }
}
.case .section1__wrapper .article .link .textArea {
  background: #FFFFFF;
  margin-left: auto;
  width: 73rem;
  padding: 5.3rem 4rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .textArea {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    margin-top: -5.1rem;
    max-width: 80rem;
    padding: 3.8rem 3rem;
  }
}
@media (max-width: 500px) {
  .case .section1__wrapper .article .link .textArea {
    max-width: 44rem;
  }
}
.case .section1__wrapper .article .link .textArea .title {
  font-weight: 400;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .textArea .title {
    font-size: 2.2rem;
  }
}
.case .section1__wrapper .article .link .textArea .title.en {
  font-family: "Playfair Display", serif;
}
.case .section1__wrapper .article .link .textArea .name {
  margin-top: 1.9rem;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .textArea .name {
    margin-top: 2.3rem;
    font-size: 1.9rem;
  }
}
.case .section1__wrapper .article .link .textArea .name.en {
  font-family: "Playfair Display", serif;
}
.case .section1__wrapper .article .link .textArea .name .span {
  font-weight: 400;
  font-size: 1.4rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .textArea .name .span {
    font-size: 1.9rem;
    margin-right: 1rem;
  }
}
.case .section1__wrapper .article .link .textArea .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #585858;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 1.9rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article .link .textArea .text {
    font-size: 1.7rem;
    margin-top: 2.1rem;
  }
}
.case .section1__wrapper .article:nth-of-type(n + 2) {
  margin-top: 11.6rem;
}
@media (max-width: 768px) {
  .case .section1__wrapper .article:nth-of-type(n + 2) {
    margin-top: 4.6rem;
  }
}
.case .section1__wrapper .article:nth-of-type(n + 2).en {
  font-family: "Overpass", sans-serif;
}

.expert .section1 {
  padding-top: 12.2rem;
  padding-bottom: 12.7rem;
}
@media (max-width: 768px) {
  .expert .section1 {
    padding-top: 4.2rem;
    padding-bottom: 8.7rem;
  }
}
.expert .section1__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .expert .section1__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .expert .section1__wrapper {
    max-width: 44rem;
  }
}
.expert .section1__wrapper .title {
  font-weight: 500;
  line-height: 1.66;
  text-align: center;
  font-size: 2.4rem;
}
.expert .section1__wrapper .title .sponly {
  display: none;
}
@media (max-width: 768px) {
  .expert .section1__wrapper .title {
    font-size: 2.4rem;
  }
  .expert .section1__wrapper .title .sponly {
    display: block;
  }
}
.expert .section1__wrapper .title.en {
  font-family: "Playfair Display", serif;
}
.expert .section1__wrapper .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 3.3rem;
}
@media (max-width: 768px) {
  .expert .section1__wrapper .text {
    text-align: left;
    font-size: 2rem;
    margin-top: 4.6rem;
  }
}
.expert .section1__wrapper .text.en {
  font-family: "Overpass", sans-serif;
}
.expert .section2 {
  background: #FFFFFF;
  padding-top: 12rem;
  padding-bottom: 12.6rem;
}
@media (max-width: 768px) {
  .expert .section2 {
    text-align: left;
    padding-top: 7rem;
    padding-bottom: 9.6rem;
  }
}
.expert .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .expert .section2__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .expert .section2__wrapper {
    max-width: 44rem;
  }
}
.expert .section2__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.expert .section2__wrapper .articleWrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8.4rem;
  gap: 2.6rem;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .articleWrapper {
    display: block;
    margin-top: 4.4rem;
  }
}
.expert .section2__wrapper .articleWrapper .article {
  width: 100%;
}
.expert .section2__wrapper .articleWrapper .article .imgArea {
  display: block;
  height: 28rem;
  width: 100%;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .articleWrapper .article .imgArea {
    height: 54rem;
  }
}
@media (max-width: 500px) {
  .expert .section2__wrapper .articleWrapper .article .imgArea {
    height: 27rem;
  }
}
.expert .section2__wrapper .articleWrapper .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.expert .section2__wrapper .articleWrapper .article .title {
  font-weight: 500;
  letter-spacing: 0.02ewm;
  font-size: 1.8rem;
  margin-top: 3.2rem;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .articleWrapper .article .title {
    font-size: 2.4rem;
    margin-top: 4rem;
  }
}
.expert .section2__wrapper .articleWrapper .article .title.en {
  font-family: "Playfair Display", serif;
}
.expert .section2__wrapper .articleWrapper .article .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #585858;
  font-size: 1.4rem;
  margin-top: 2.1rem;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .articleWrapper .article .text {
    font-size: 1.8rem;
    margin-top: 2.6rem;
  }
}
.expert .section2__wrapper .articleWrapper .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .expert .section2__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 5.8rem;
  }
}
.expert .section3 {
  padding-top: 12rem;
  padding-bottom: 13.6rem;
}
@media (max-width: 768px) {
  .expert .section3 {
    padding-top: 10rem;
    padding-bottom: 9.6rem;
  }
}
.expert .section3__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper {
    max-width: 100%;
  }
}
.expert .section3__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.expert .section3__wrapper .articleWrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper {
    display: block;
    margin: 0 auto;
    margin-top: 4.4rem;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .expert .section3__wrapper .articleWrapper {
    max-width: 44rem;
  }
}
.expert .section3__wrapper .articleWrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 37%;
  transform: translateY(-50%);
  width: 100%;
  background: #EC6C00;
  z-index: -1;
  height: 0.2rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper::after {
    display: none;
  }
}
.expert .section3__wrapper .articleWrapper .article {
  width: 28rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article {
    margin: 0 auto;
    width: 37rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .circle {
  border: 0.2rem solid #EC6C00;
  background: #FFFFFF;
  border-radius: 50%;
  width: 100%;
  height: 28rem;
  padding-top: 3.7rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .circle {
    height: 37rem;
    padding-top: 4.7rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .circle .span {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #EC6C00;
  display: block;
  text-align: center;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .circle .span {
    font-size: 2.9rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .circle .svg {
  display: block;
  margin: 0 auto;
  margin-top: 4rem;
}
.expert .section3__wrapper .articleWrapper .article .circle .svg svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .circle .svg {
    margin-top: 5rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .circle:nth-of-type(1) .svg {
  width: 8.5rem;
  height: 8.5rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .circle:nth-of-type(1) .svg {
    width: 10.5rem;
    height: 12.5rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .circle:nth-of-type(2) .svg {
  width: 9.2rem;
  height: 8.4rem;
}
.expert .section3__wrapper .articleWrapper .article .circle:nth-of-type(3) .svg {
  width: 9.1rem;
  height: 9.1rem;
}
.expert .section3__wrapper .articleWrapper .article .title {
  letter-spacing: 0.02rem;
  font-weight: 500;
  text-align: center;
  margin-top: 3.5rem;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .title {
    margin-top: 5.1rem;
    font-size: 2.4rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .title.en {
  font-family: "Playfair Display", serif;
}
.expert .section3__wrapper .articleWrapper .article .text {
  font-weight: 400;
  line-height: 1.71;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  font-size: 1.3rem;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article .text {
    font-size: 1.7rem;
    margin-top: 2.9rem;
  }
}
.expert .section3__wrapper .articleWrapper .article .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .articleWrapper .article:nth-of-type(n + 2) {
    margin-top: 6rem;
  }
}
.expert .section3__wrapper .content1 {
  margin-top: 18.9rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .content1 {
    margin-top: 10.9rem;
  }
}
.expert .section3__wrapper .content1 .article {
  display: flex;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .content1 .article {
    display: block;
  }
}
.expert .section3__wrapper .content1 .article .imgArea {
  width: 48rem;
  height: 35rem;
}
.expert .section3__wrapper .content1 .article .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .content1 .article .imgArea {
    display: block;
    width: 100%;
    height: 36rem;
  }
}
.expert .section3__wrapper .content1 .article .textArea {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .content1 .article .textArea {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    margin-top: -5.1rem;
    max-width: 80rem;
    padding: 5.8rem 3rem;
  }
}
@media (max-width: 500px) {
  .expert .section3__wrapper .content1 .article .textArea {
    max-width: 44rem;
  }
}
.expert .section3__wrapper .content1 .article .textArea__wrapper .title {
  text-align: center;
  font-weight: 500;
  font-size: 2.2rem;
}
.expert .section3__wrapper .content1 .article .textArea__wrapper .title.en {
  font-family: "Playfair Display", serif;
}
.expert .section3__wrapper .content1 .article .textArea__wrapper .text {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  color: #000000;
  line-height: 1.71;
  margin: 0 auto;
  max-width: 40rem;
  font-size: 1.4rem;
  margin-top: 2.3rem;
}
.expert .section3__wrapper .content1 .article .textArea__wrapper .text.en {
  font-family: "Overpass", sans-serif;
}
.expert .section3__wrapper .content1 .article .textArea__wrapper .btn {
  margin: 0 auto;
  margin-top: 3.3rem;
}
.expert .section3__wrapper .btn {
  margin-top: 13.6rem;
}
@media (max-width: 768px) {
  .expert .section3__wrapper .btn {
    margin: 0 auto;
    margin-top: 13.6rem;
    max-width: 80rem;
    margin-top: 3.6rem;
  }
}
@media (max-width: 768px) {
  .expert .section3__wrapper .btn {
    max-width: 44rem;
  }
}
.expert .section4 {
  background: #FFFFFF;
  padding-top: 13.8rem;
  padding-bottom: 14.9rem;
}
@media (max-width: 768px) {
  .expert .section4 {
    padding-top: 10.8rem;
    padding-bottom: 9.9rem;
  }
}
.expert .section4__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .expert .section4__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .expert .section4__wrapper {
    max-width: 44rem;
  }
}
.expert .section4__wrapper .sectionTitle {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .sectionTitle {
    font-size: 3rem;
  }
}
.expert .section4__wrapper .content {
  margin-top: 8.4rem;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .content {
    margin-top: 4.4rem;
  }
}
.expert .section4__wrapper .content .article {
  border-bottom: 0.1rem solid #CECECE;
  padding: 3.5rem 0;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .content .article {
    padding: 4.5rem 0;
  }
}
.expert .section4__wrapper .content .article .question {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .content .article .question {
    font-size: 2.1rem;
    padding-right: 4rem;
  }
}
.expert .section4__wrapper .content .article .question.en {
  font-family: "Playfair Display", serif;
}
.expert .section4__wrapper .content .article .question .plus,
.expert .section4__wrapper .content .article .question .minus {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  height: 3rem;
  width: 3rem;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .content .article .question .plus,
  .expert .section4__wrapper .content .article .question .minus {
    height: 2.4rem;
    width: 2.4rem;
  }
}
.expert .section4__wrapper .content .article .question .plus svg,
.expert .section4__wrapper .content .article .question .minus svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.expert .section4__wrapper .content .article .question .plus.active,
.expert .section4__wrapper .content .article .question .minus.active {
  display: block;
}
.expert .section4__wrapper .content .article .box {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  display: none;
  line-height: 2;
  margin-top: 3.1rem;
  font-size: 1.6rem;
}
.expert .section4__wrapper .content .article .box.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .expert .section4__wrapper .content .article .box {
    margin-top: 2.1rem;
    font-size: 2.1rem;
  }
}
.expert .section4__wrapper .content .article:first-of-type {
  border-top: 0.1rem solid #CECECE;
}

.singlePage.singleCustomer .section1__wrapper {
  padding-top: 10rem;
}
.singlePage.singleCustomer .section1__wrapper--titleArea .text {
  letter-spacing: 0.02em;
  font-size: 2.2rem;
}
.singlePage.singleCustomer .section1__wrapper--contentArea h2 {
  padding: 0;
}
.singlePage.singleCustomer .section1__wrapper--contentArea h2::before {
  display: none;
}
.singlePage.singleCustomer .section1__wrapper--contentArea h3 {
  padding: 0;
  font-weight: 500;
  font-size: 15px;
}
.singlePage.singleCustomer .section1__wrapper--contentArea h3::after {
  display: none;
}
.singlePage.singleCustomer .section1__wrapper--contentArea h4 {
  font-weight: 500;
  padding: 0;
  background: transparent;
  color: #000000;
  font-size: 14px;
}
.singlePage.singleCustomer .section1__wrapper--imgArea {
  width: 100%;
  margin-top: 4rem;
  max-width: 100rem;
  height: 61.5rem;
}
@media (max-width: 768px) {
  .singlePage.singleCustomer .section1__wrapper--imgArea {
    max-width: 80rem;
    height: 55rem;
  }
}
@media (max-width: 500px) {
  .singlePage.singleCustomer .section1__wrapper--imgArea {
    max-width: 44rem;
    height: 27.5rem;
  }
}
.singlePage .section1 {
  padding-top: 12.2rem;
}
.singlePage .section1.case {
  padding-bottom: 15rem;
}
.singlePage .section1__wrapper {
  margin: 0 auto;
  background: #FFFFFF;
  max-width: 120rem;
  padding-top: 8rem;
  padding-bottom: 10rem;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper {
    max-width: 100%;
    padding-top: 6rem;
    border-radius: 0;
  }
}
.singlePage .section1__wrapper--titleArea {
  margin: 0 auto;
  max-width: 100rem;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper--titleArea {
    max-width: 44rem;
  }
}
.singlePage .section1__wrapper--titleArea .mainTitle {
  font-family: "Playfair Display", serif;
  line-height: 1.7;
  margin-top: 2.5rem;
  font-size: 2.8rem;
}
.singlePage .section1__wrapper--titleArea .timeArea {
  display: flex;
  align-items: center;
  gap: 2.2rem;
  margin-top: 3.4rem;
}
.singlePage .section1__wrapper--titleArea .timeArea .cat {
  color: #FFFFFF;
  text-align: center;
  background: #32393D;
  letter-spacing: 0.02em;
  padding: 0.7rem 0;
  width: 26rem;
  font-size: 1.4rem;
}
.singlePage .section1__wrapper--titleArea .timeArea .time {
  font-family: "Overpass", sans-serif;
  letter-spacing: 0.03em;
  font-size: 1.8rem;
}
.singlePage .section1__wrapper--imgArea {
  margin: 0 auto;
  margin-top: 7rem;
  width: 60rem;
}
.singlePage .section1__wrapper--imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper--imgArea {
    max-width: 44rem;
    width: 100%;
  }
}
.singlePage .section1__wrapper--contentArea {
  margin: 0 auto;
  max-width: 100rem;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper--contentArea {
    max-width: 44rem;
  }
}
.singlePage .section1__wrapper--contentArea h2::before {
  content: "";
  border-radius: 50%;
  background: #EC6C00;
  display: block;
  position: absolute;
  top: 42%;
  left: 0;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}
.singlePage .section1__wrapper--contentArea h2 {
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-bottom: 4rem;
  margin-top: 8rem;
  padding-left: 2.5rem;
  font-size: 2.2rem;
}
.singlePage .section1__wrapper--contentArea h2 span {
  color: #000000;
  font-weight: 700;
  font-size: 2.2rem;
}
.singlePage .section1__wrapper--contentArea h3 {
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-top: 8rem;
  margin-bottom: 4rem;
  padding-bottom: 1.4rem;
  font-size: 1.9rem;
}
.singlePage .section1__wrapper--contentArea h3::after {
  content: "";
  display: block;
  width: 100%;
  background: #EC6C00;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.2rem;
}
.singlePage .section1__wrapper--contentArea h4 {
  color: #FFFFFF;
  background: #EC6C00;
  padding: 1.1rem 0;
  padding-left: 3rem;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
}
.singlePage .section1__wrapper--contentArea h5::before {
  content: "";
  border-radius: 50%;
  background: #000000;
  display: block;
  position: absolute;
  top: 57%;
  left: 0;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}
.singlePage .section1__wrapper--contentArea h5 {
  position: relative;
  color: #484848;
  letter-spacing: 0.05em;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  padding-left: 2.5rem;
}
.singlePage .section1__wrapper--contentArea h6 {
  color: #484848;
  letter-spacing: 0.05em;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
}
.singlePage .section1__wrapper--contentArea p {
  color: #484848;
  line-height: 2;
  font-weight: 400;
  font-size: 1.6rem;
  margin: 2rem 0;
}
.singlePage .section1__wrapper--contentArea p span {
  color: #484848;
  line-height: 2;
  font-weight: 400;
  font-size: 1.6rem;
}
.singlePage .section1__wrapper--contentArea p sup {
  vertical-align: top;
}
.singlePage .section1__wrapper--contentArea p sub {
  vertical-align: bottom;
}
.singlePage .section1__wrapper--contentArea p sup,
.singlePage .section1__wrapper--contentArea p sub {
  color: #484848;
}
.singlePage .section1__wrapper--contentArea a {
  font-weight: 400;
  color: #484848;
  transition: all 0.3s ease;
  position: relative;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #000000;
}
.singlePage .section1__wrapper--contentArea a:hover {
  opacity: 0.7;
}
.singlePage .section1__wrapper--contentArea strong {
  color: #484848;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 1.6rem;
}
.singlePage .section1__wrapper--contentArea ul,
.singlePage .section1__wrapper--contentArea ol {
  color: #484848;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.singlePage .section1__wrapper--contentArea ul li,
.singlePage .section1__wrapper--contentArea ol li {
  color: #484848;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.singlePage .section1__wrapper--contentArea ul {
  list-style-type: none;
  padding-left: 2rem;
}
.singlePage .section1__wrapper--contentArea ul li {
  position: relative;
}
.singlePage .section1__wrapper--contentArea ul li::before {
  content: "";
  position: absolute;
  background: #EC6C00;
  border-radius: 50%;
  top: 0.4rem;
  left: -2rem;
  width: 0.9rem;
  height: 0.9rem;
}
.singlePage .section1__wrapper--contentArea ul ul {
  padding-left: 4rem;
}
.singlePage .section1__wrapper--contentArea ul ul li {
  position: relative;
}
.singlePage .section1__wrapper--contentArea ul ul li::before {
  content: "";
  position: absolute;
  background: #FFFFFF;
  top: 0.4rem;
  left: -2rem;
  border: 0.1rem solid #EC6C00;
  width: 0.9rem;
  height: 0.9rem;
}
.singlePage .section1__wrapper--contentArea ul ul ul li {
  position: relative;
}
.singlePage .section1__wrapper--contentArea ul ul ul li::before {
  content: "";
  position: absolute;
  background: #EC6C00;
  border-radius: 0;
  top: 0.4rem;
  left: -2rem;
  width: 0.9rem;
  height: 0.9rem;
}
.singlePage .section1__wrapper--contentArea ul ol {
  padding-left: 4rem;
}
.singlePage .section1__wrapper--contentArea ol {
  padding-left: 2rem;
  list-style-type: decimal;
}
.singlePage .section1__wrapper--contentArea ol ol,
.singlePage .section1__wrapper--contentArea ol ul {
  padding-left: 4rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-image,
.singlePage .section1__wrapper--contentArea .wp-block-columns {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.singlePage .section1__wrapper--contentArea figcaption {
  color: #484848;
  font-size: 1.4rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-embed {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper {
  text-align: center;
}
.singlePage .section1__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 80rem;
  height: 45rem;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper iframe {
    height: 24rem;
  }
}
.singlePage .section1__wrapper--contentArea .wp-block-embed figcaption {
  color: #484848;
  text-align: center;
}
.singlePage .section1__wrapper--contentArea .wp-block-table {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-table th {
  color: #484848;
  text-align: center;
  font-size: 1.6rem;
  border: 0.2rem solid #000000;
  padding: 1.7rem 1.8rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-table td {
  color: #484848;
  text-align: center;
  font-weight: 400;
  border: 0.1rem solid #000000;
  font-size: 1.6rem;
  padding: 1.7rem 1.8rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-table figcaption {
  color: #484848;
  margin-top: 1rem;
}
.singlePage .section1__wrapper--contentArea #toc_container {
  padding: 0;
  border: none;
  border-radius: 3rem;
  padding: 3rem 6rem 2rem 4rem;
}
.singlePage .section1__wrapper--contentArea #toc_container.no_bullets li::before {
  display: none;
}
.singlePage .section1__wrapper--contentArea #toc_container.no_bullets li + li {
  margin-top: 1.3rem;
}
.singlePage .section1__wrapper--contentArea #toc_container p.toc_title + ul.toc_list {
  margin-top: 1.3rem;
}
.singlePage .section1__wrapper--contentArea div#toc_container p.toc_title {
  font-weight: 500;
  text-align: left;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #FFFFFF;
  font-size: 1.9rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-file__embed + a {
  display: inline-block;
  padding-top: 4rem;
}
.singlePage .section1__wrapper--contentArea .wp-block-file {
  position: relative;
}
@media (max-width: 768px) {
  .singlePage .section1__wrapper--contentArea .wp-block-file::after {
    content: "ファイルをダウンロードする";
    display: block;
    font-weight: 700;
    color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 0.2rem solid #000000;
    padding-bottom: 0.5rem;
    font-size: 1.6rem;
  }
}
.singlePage .section1__wrapper--contentArea .wp-element-button {
  display: block;
  width: 25rem;
  background: #EC6C00;
  color: #FFFFFF;
  text-align: center;
  padding: 2rem 0;
  margin-top: 2rem;
}
.singlePage .section1__wrapper .wp-block-media-text__content {
  padding: 0;
}
.singlePage .section1__wrapper .wp-block-media-text__content p {
  margin-top: 0;
}
.singlePage.en .section1 {
  padding-top: 12.2rem;
}
.singlePage.en .section1__wrapper--contentArea h2 {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea h2 span {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea h3 {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea h4 {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea h5 {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea h6 {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea p {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea p span {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea p sup {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea p sub {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea a {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea strong {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul,
.singlePage.en .section1__wrapper--contentArea ol {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul li,
.singlePage.en .section1__wrapper--contentArea ol li {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul li {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul ul {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul ul li {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ul ul ul li {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea ol {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-image,
.singlePage.en .section1__wrapper--contentArea .wp-block-columns {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea figcaption {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-embed {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-embed figcaption {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-table {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-table th {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-table td {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-table figcaption {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea #toc_container {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea #toc_container p.toc_title + ul.toc_list {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea div#toc_container p.toc_title {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-block-file__embed + a {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper--contentArea .wp-element-button {
  font-family: "Playfair Display", serif;
}
.singlePage.en .section1__wrapper .wp-block-media-text__content {
  padding: 0;
}
.singlePage.en .section1__wrapper .wp-block-media-text__content p {
  margin-top: 0;
}
.singlePage .section2 {
  margin-top: 9rem;
  padding-bottom: 11rem;
}
.singlePage .section2__wrapper {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .singlePage .section2__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .singlePage .section2__wrapper {
    max-width: 44rem;
  }
}
.singlePage .section2__wrapper .span1 {
  display: block;
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  letter-spacing: 0.04enm;
  color: #000000;
  font-size: 2rem;
}
.singlePage .section2__wrapper .span1 svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.singlePage .section2__wrapper .span1.en {
  font-family: "Overpass", sans-serif;
}
.singlePage .section2__wrapper--back .link {
  font-family: "Overpass", sans-serif;
  font-weight: 300;
  letter-spacing: 0.04enm;
  color: #000000;
  font-size: 2rem;
}
.singlePage .section2__wrapper--back .link.en {
  font-family: "Overpass", sans-serif;
}
.singlePage .section2.customer {
  padding-bottom: 13rem;
  width: 100%;
}
.singlePage .section2.customer .commonCustomerVoice {
  width: 100%;
}
.singlePage .section2.customer .commonCustomerVoice .articleTitle {
  color: #000000;
}
.singlePage .section2.customer .commonCustomerVoice .articleWrapper {
  flex-wrap: wrap;
}
.singlePage .section2.customer .commonCustomerVoice .articleWrapper::after {
  content: "";
  display: block;
  width: calc((100% - 7.6rem) / 3);
  height: 0;
}

.contact .section3 {
  margin-top: 19.6rem;
}
@media (max-width: 768px) {
  .contact .section3 {
    margin-top: 6.6rem;
  }
}
.contact .section3__wrapper {
  margin: 0 auto;
  border-radius: 3rem;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .contact .section3__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .contact .section3__wrapper {
    max-width: 44rem;
  }
}
.contact .section3__wrapper--container {
  margin: 0 auto;
  max-width: 100rem;
}
@media (max-width: 768px) {
  .contact .section3__wrapper--container {
    max-width: 100%;
    width: 100%;
  }
}
.contact .section3__wrapper--container .followFormArea {
  margin-top: 2rem !important;
}
.contact .section3__wrapper--container .formflex {
  display: flex;
  gap: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .contact .section3__wrapper--container .formflex {
    display: block;
  }
}
.contact .section3__wrapper--container .formflex .formArea {
  flex: 1;
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .contact .section3__wrapper--container .formflex .formArea {
    margin-top: 4rem !important;
  }
}
.contact .section3__wrapper--container #select2 {
  display: none;
}
.contact .section3__wrapper--container #select2.active {
  display: block;
}
.contact .section3__wrapper--container .formArea:has(textarea[name=Remarks]) {
  margin-top: 4rem !important;
}
.contact .section3__wrapper--container .formArea .horizontal-item + .horizontal-item {
  margin-left: 2.6rem;
}
@media (max-width: 768px) {
  .contact .section3__wrapper--container .formArea .horizontal-item + .horizontal-item {
    margin-left: 0;
    margin-top: 4rem;
  }
}
@media (max-width: 768px) {
  .contact .section3__wrapper--container .formArea .horizontal-item {
    display: block;
  }
}
.contact .section3__wrapper--container .formArea .mwform-radio-field-text {
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 4.7rem;
  font-size: 1.6rem;
}
.contact .section3__wrapper--container .formArea .mwform-radio-field-text::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #000000;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
}
.contact .section3__wrapper--container .formArea .mwform-radio-field-text::after {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s;
  left: 1.1rem;
  width: 1.4rem;
  height: 1.4rem;
}
.contact .section3__wrapper--container .formArea input[type=radio]:checked + .mwform-radio-field-text::after {
  opacity: 1;
}
.contact .section3__wrapper--container .formArea .formAreaTitle {
  position: relative;
  display: block;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  color: #000000;
}
.contact .section3__wrapper--container .formArea .formAreaTitle.en {
  font-family: "Playfair Display", serif;
}
.contact .section3__wrapper--container .formArea .formAreaTitle:has(.subtitle.en) {
  font-family: "Playfair Display", serif;
}
.contact .section3__wrapper--container .formArea .formAreaTitle .subtitle {
  font-weight: 300;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.contact .section3__wrapper--container .formArea .formAreaTitle .subtitle.must {
  color: #D84239;
}
.contact .section3__wrapper--container .formArea .formAreaTitle .subtitle.en {
  font-family: "Overpass", sans-serif;
}
.contact .section3__wrapper--container .formArea + .formArea {
  margin-top: 4rem;
}
.contact .section3__wrapper--container .formArea + .formArea .formAreaTitle {
  letter-spacing: 0.05em;
  font-size: 1.6rem;
}
.contact .section3__wrapper--container .formArea .inputArea {
  position: relative;
  margin-top: 1.8rem;
}
.contact .section3__wrapper--container .formArea .inputArea.select::after {
  content: "";
  background-image: url("../img/common/commonarrow.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 6px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.contact .section3__wrapper--container .formArea .inputArea input,
.contact .section3__wrapper--container .formArea .inputArea textarea,
.contact .section3__wrapper--container .formArea .inputArea select {
  display: block;
  width: 100%;
  letter-spacing: 0.05em;
  padding: 2rem;
  font-size: 1.6rem;
  background: #FFFFFF;
  color: #000000;
  border: none;
}
.contact .section3__wrapper--container .formArea .inputArea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
}
.contact .section3__wrapper--container .formArea .inputArea .mwform-tel-field input {
  display: inline-block;
  width: auto;
}
.contact .section3__wrapper--container .formArea .inputArea.file input {
  display: inline-block;
  width: auto;
  background: transparent;
}
.contact .section3__wrapper--container .formArea .span2 {
  margin-left: 0.5rem;
  font-size: 1.3rem;
}
.contact .section4 {
  margin-top: 7rem;
}
@media (max-width: 768px) {
  .contact .section4 {
    margin-top: 6rem;
  }
}
.contact .section4__wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .contact .section4__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .contact .section4__wrapper {
    max-width: 44rem;
  }
}
.contact .section4__wrapper br {
  display: none;
}
@media (max-width: 768px) {
  .contact .section4__wrapper br {
    display: block;
  }
}
.contact .section4__wrapper .text {
  color: #000000;
  font-size: 1.8rem;
}
.contact .section4__wrapper .text .sp {
  display: none;
}
@media (max-width: 768px) {
  .contact .section4__wrapper .text .sp {
    display: block;
  }
  .contact .section4__wrapper .text .pc {
    display: none;
  }
}
.contact .section4__wrapper .text .link {
  position: relative;
  color: #000000;
  display: inline-block;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.contact .section4__wrapper .text .link::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -0.7rem;
  height: 0.1rem;
  width: 100%;
  background: #000000;
}
.contact .section5 {
  margin-top: 2.5rem;
}
.contact .section5__wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .contact .section5__wrapper {
    max-width: 60rem;
  }
}
@media (max-width: 500px) {
  .contact .section5__wrapper {
    max-width: 44rem;
  }
}
.contact .section5__wrapper label {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 2.2rem 0;
}
.contact .section5__wrapper .mwform-checkbox-field-text {
  position: relative;
  font-size: 1.8rem;
  color: #000000;
}
@media (max-width: 768px) {
  .contact .section5__wrapper .mwform-checkbox-field-text {
    font-size: 2rem;
  }
}
.contact .section5__wrapper .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  left: -4.5rem;
  width: 3.6rem;
  height: 3.6rem;
}
@media (max-width: 768px) {
  .contact .section5__wrapper .mwform-checkbox-field-text::before {
    left: -4rem;
    width: 3rem;
    height: 3rem;
  }
}
.contact .section5__wrapper .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  position: absolute;
  background: #EC6C00;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s;
  left: -3.2rem;
  width: 1.4rem;
  height: 1.4rem;
}
@media (max-width: 768px) {
  .contact .section5__wrapper .mwform-checkbox-field-text::after {
    left: -2.9rem;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.contact .section5__wrapper input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
  opacity: 1;
}
.contact .section6 {
  margin-top: 4rem;
  padding-bottom: 16rem;
}
.contact .section6__wrapper {
  margin: 0 auto;
  background: #000000;
  text-align: center;
  position: relative;
  max-width: 40rem;
}
@media (max-width: 768px) {
  .contact .section6__wrapper {
    max-width: 60rem;
  }
}
@media (max-width: 500px) {
  .contact .section6__wrapper {
    max-width: 44rem;
  }
}
.contact .section6__wrapper input {
  display: block;
  background: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  width: 100%;
  padding: 2.6rem 0;
  font-size: 2.4rem;
  cursor: pointer;
}
.contact .section7 {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .contact .section7 {
    margin-top: 6rem;
  }
}
.contact .section7__wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .contact .section7__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .contact .section7__wrapper {
    max-width: 44rem;
  }
}
.contact .section7__wrapper br {
  display: none;
}
@media (max-width: 768px) {
  .contact .section7__wrapper br {
    display: block;
  }
}
.contact .section7__wrapper .text {
  color: #000000;
  font-size: 1.8rem;
}
.contact .section7__wrapper .text .sp {
  display: none;
}
@media (max-width: 768px) {
  .contact .section7__wrapper .text .sp {
    display: block;
  }
  .contact .section7__wrapper .text .pc {
    display: none;
  }
}
.contact .section7__wrapper .text .link {
  position: relative;
  color: #000000;
  display: inline-block;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.contact .section7__wrapper .text .link::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -0.7rem;
  height: 0.1rem;
  width: 100%;
  background: #000000;
}
.contact .section8 {
  margin-top: 2.5rem;
}
.contact .section8__wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .contact .section8__wrapper {
    max-width: 60rem;
  }
}
@media (max-width: 500px) {
  .contact .section8__wrapper {
    max-width: 44rem;
  }
}
.contact .section8__wrapper label {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 2.2rem 0;
}
.contact .section8__wrapper .mwform-checkbox-field-text {
  position: relative;
  font-size: 1.8rem;
  color: #000000;
}
@media (max-width: 768px) {
  .contact .section8__wrapper .mwform-checkbox-field-text {
    font-size: 2rem;
  }
}
.contact .section8__wrapper .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  left: -4.5rem;
  width: 3.6rem;
  height: 3.6rem;
}
@media (max-width: 768px) {
  .contact .section8__wrapper .mwform-checkbox-field-text::before {
    left: -4rem;
    width: 3rem;
    height: 3rem;
  }
}
.contact .section8__wrapper .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  position: absolute;
  background: #EC6C00;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s;
  left: -3.2rem;
  width: 1.4rem;
  height: 1.4rem;
}
@media (max-width: 768px) {
  .contact .section8__wrapper .mwform-checkbox-field-text::after {
    left: -2.9rem;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.contact .section8__wrapper input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
  opacity: 1;
}
.contact .mw_wp_form_complete .section2 {
  padding-top: 10rem;
  padding-bottom: 0;
}
.contact .mw_wp_form_complete .section2__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
.contact .mw_wp_form_complete .section2__wrapper .text {
  text-align: center;
  margin: 0 auto;
  font-weight: 400;
  font-size: 26px;
}
.contact .mw_wp_form_complete .section2__wrapper .text.en {
  font-family: "Playfair Display", serif;
}
.contact .mw_wp_form_complete .thanksTextArea {
  margin: 0 auto;
  margin-top: 4.8rem;
  padding-bottom: 15rem;
  max-width: 120rem;
}
@media (max-width: 1600px) {
  .contact .mw_wp_form_complete .thanksTextArea {
    max-width: 80rem;
  }
}
@media (max-width: 768px) {
  .contact .mw_wp_form_complete .thanksTextArea {
    max-width: 44rem;
  }
}
.contact .mw_wp_form_complete .thanksTextArea .text {
  text-align: center;
  color: #000000;
  font-size: 1.8rem;
}
.contact .mw_wp_form_complete .thanksTextArea .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .contact .mw_wp_form_complete .thanksTextArea .text {
    text-align: left;
  }
  .contact .mw_wp_form_complete .thanksTextArea .text br {
    display: none;
  }
}
.contact .mw_wp_form_complete .thanksTextArea .backbtn {
  margin: 0 auto;
  position: relative;
  max-width: 40rem;
  margin-top: 10rem;
}
.contact .mw_wp_form_complete .thanksTextArea .backbtn .link {
  display: block;
  color: #000000;
  width: 100%;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #FFFFFF;
  padding: 2.6rem 0;
  font-size: 2.4rem;
}

.notfound {
  margin: 0 auto;
  padding: 16rem 0;
  padding-top: 16.2rem;
  max-width: 100rem;
}
@media (max-width: 768px) {
  .notfound {
    padding-top: 10.5rem;
    padding: 10rem 0;
  }
}
.notfound .title {
  font-family: "Playfair Display", serif;
  text-align: center;
  line-height: 1;
  font-size: 12rem;
}
@media (max-width: 768px) {
  .notfound .title {
    font-size: 8rem;
  }
}
.notfound .title .span {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  text-align: center;
  display: block;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .notfound .title .span {
    font-size: 2.5rem;
  }
}
.notfound .subTitle {
  text-align: center;
  margin-top: 5rem;
  font-size: 2.5rem;
}
@media (max-width: 768px) {
  .notfound .subTitle {
    margin-top: 3rem;
  }
}
.notfound .text {
  text-align: center;
  margin-top: 4rem;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .notfound .text {
    margin: 0 auto;
    margin-top: 3rem;
    line-height: 1.8;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .notfound .text {
    font-size: 1.8rem;
    max-width: 44rem;
  }
}
@media (max-width: 768px) {
  .notfound .text br {
    display: none;
  }
}
.notfound .btn {
  margin: 0 auto;
  margin-top: 9rem;
  width: 40rem;
  border: 0.1rem solid #FFFFFF;
}
@media (max-width: 768px) {
  .notfound .btn {
    margin-top: 5rem;
  }
}
.notfound .btn .link {
  font-size: 2rem;
  padding: 2.5rem 0;
  color: #000000;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .notfound .btn .link {
    font-size: 2.2rem;
    padding: 3rem 0;
  }
}

.privacy h2 {
  font-family: "Playfair Display", serif;
}
.privacy p {
  font-family: "Overpass", sans-serif;
}
.privacy .ja h2,
.privacy .ja p {
  font-family: "Noto Serif JP", serif;
}

.section2 {
  padding-top: 12.2rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .section2 {
    padding-top: 7.5rem;
  }
}
.section2__wrapper {
  margin: 0 auto;
  max-width: 140rem;
}
@media (max-width: 1600px) {
  .section2__wrapper {
    max-width: 120rem;
  }
}
@media (max-width: 768px) {
  .section2__wrapper {
    max-width: 100%;
    border-radius: 0;
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .section2__wrapper {
    max-width: 44rem;
  }
}
.section2__wrapper--contentArea {
  margin-top: 2rem;
  margin: 0 auto;
  max-width: 100rem;
}
@media (max-width: 768px) {
  .section2__wrapper--contentArea {
    max-width: 44rem;
  }
}
.section2__wrapper--contentArea h2 {
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-bottom: 4rem;
  margin-top: 8rem;
  font-size: 2.2rem;
}
.section2__wrapper--contentArea h2 span {
  color: #000000;
  font-weight: 700;
  font-size: 2.2rem;
}
.section2__wrapper--contentArea h3 {
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-top: 8rem;
  margin-bottom: 4rem;
  padding-bottom: 1.4rem;
  font-size: 1.9rem;
}
.section2__wrapper--contentArea h3::after {
  content: "";
  display: block;
  width: 100%;
  background: #000000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.2rem;
}
.section2__wrapper--contentArea h4 {
  color: #000000;
  background: #F0FBFF;
  padding: 1.1rem 0;
  padding-left: 3rem;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
}
.section2__wrapper--contentArea h5::before {
  content: "";
  border-radius: 50%;
  background: #000000;
  display: block;
  position: absolute;
  top: 57%;
  left: 0;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}
.section2__wrapper--contentArea h5 {
  position: relative;
  color: #000000;
  letter-spacing: 0.05em;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  padding-left: 2.5rem;
}
.section2__wrapper--contentArea h6 {
  color: #000000;
  letter-spacing: 0.05em;
  margin-top: 7rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
}
.section2__wrapper--contentArea p {
  color: #000000;
  line-height: 2;
  font-weight: 400;
  font-size: 1.6rem;
  margin: 2rem 0;
}
.section2__wrapper--contentArea p span {
  color: #000000;
  line-height: 2;
  font-weight: 400;
  font-size: 1.6rem;
}
.section2__wrapper--contentArea p sup {
  vertical-align: top;
}
.section2__wrapper--contentArea p sub {
  vertical-align: bottom;
}
.section2__wrapper--contentArea p sup,
.section2__wrapper--contentArea p sub {
  color: #000000;
}
.section2__wrapper--contentArea a {
  font-weight: 400;
  color: #000000;
  transition: all 0.3s ease;
  position: relative;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #000000;
}
.section2__wrapper--contentArea a:hover {
  opacity: 0.7;
}
.section2__wrapper--contentArea strong {
  color: #000000;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 1.6rem;
}
.section2__wrapper--contentArea ul,
.section2__wrapper--contentArea ol {
  color: #000000;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.section2__wrapper--contentArea ul li,
.section2__wrapper--contentArea ol li {
  color: #000000;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.section2__wrapper--contentArea ul {
  list-style-type: none;
  padding-left: 2rem;
}
.section2__wrapper--contentArea ul li {
  position: relative;
}
.section2__wrapper--contentArea ul li::before {
  content: "";
  position: absolute;
  background: #356CB6;
  border-radius: 50%;
  top: 0.4rem;
  left: -2rem;
  width: 0.9rem;
  height: 0.9rem;
}
.section2__wrapper--contentArea ul ul {
  padding-left: 4rem;
}
.section2__wrapper--contentArea ul ul li {
  position: relative;
}
.section2__wrapper--contentArea ul ul li::before {
  content: "";
  position: absolute;
  background: #000000;
  top: 0.4rem;
  left: -2rem;
  border: 0.1rem solid #356CB6;
  width: 0.9rem;
  height: 0.9rem;
}
.section2__wrapper--contentArea ul ul ul li {
  position: relative;
}
.section2__wrapper--contentArea ul ul ul li::before {
  content: "";
  position: absolute;
  background: #356CB6;
  border-radius: 0;
  top: 0.4rem;
  left: -2rem;
  width: 0.9rem;
  height: 0.9rem;
}
.section2__wrapper--contentArea ul ol {
  padding-left: 4rem;
}
.section2__wrapper--contentArea ol {
  padding-left: 2rem;
  list-style-type: decimal;
}
.section2__wrapper--contentArea ol ol,
.section2__wrapper--contentArea ol ul {
  padding-left: 4rem;
}
.section2__wrapper--contentArea .wp-block-image,
.section2__wrapper--contentArea .wp-block-columns {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.section2__wrapper--contentArea figcaption {
  color: #000000;
  font-size: 1.4rem;
}
.section2__wrapper--contentArea .wp-block-embed {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.section2__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper {
  text-align: center;
}
.section2__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 80rem;
  height: 45rem;
}
@media (max-width: 768px) {
  .section2__wrapper--contentArea .wp-block-embed .wp-block-embed__wrapper iframe {
    height: 24rem;
  }
}
.section2__wrapper--contentArea .wp-block-embed figcaption {
  color: #000000;
  text-align: center;
}
.section2__wrapper--contentArea .wp-block-table {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.section2__wrapper--contentArea .wp-block-table th {
  color: #000000;
  background: #F0FBFF;
  text-align: center;
  font-size: 1.6rem;
  border: 0.2rem solid #000000;
  padding: 1.7rem 1.8rem;
}
.section2__wrapper--contentArea .wp-block-table td {
  color: #000000;
  background: #F0FBFF;
  text-align: center;
  font-weight: 400;
  border: 0.1rem solid #000000;
  font-size: 1.6rem;
  padding: 1.7rem 1.8rem;
}
.section2__wrapper--contentArea .wp-block-table figcaption {
  color: #000000;
  margin-top: 1rem;
}
.section2__wrapper--contentArea #toc_container {
  padding: 0;
  border: none;
  border-radius: 3rem;
  padding: 3rem 6rem 2rem 4rem;
}
.section2__wrapper--contentArea #toc_container.no_bullets li::before {
  display: none;
}
.section2__wrapper--contentArea #toc_container.no_bullets li + li {
  margin-top: 1.3rem;
}
.section2__wrapper--contentArea #toc_container p.toc_title + ul.toc_list {
  margin-top: 1.3rem;
}
.section2__wrapper--contentArea div#toc_container p.toc_title {
  font-weight: 500;
  text-align: left;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #000000;
  font-size: 1.9rem;
}
.section2__wrapper--contentArea .wp-block-file__embed + a {
  display: inline-block;
  padding-top: 4rem;
}
.section2__wrapper--contentArea .wp-block-file {
  position: relative;
}
@media (max-width: 768px) {
  .section2__wrapper--contentArea .wp-block-file::after {
    content: "ファイルをダウンロードする";
    display: block;
    font-weight: 700;
    color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 0.2rem solid #000000;
    padding-bottom: 0.5rem;
    font-size: 1.6rem;
  }
}
.section2__wrapper--contentArea .wp-element-button {
  display: block;
  width: 25rem;
  background: #356CB6;
  color: #000000;
  text-align: center;
  padding: 2rem 0;
  margin-top: 2rem;
}
.section2__wrapper .wp-block-media-text__content {
  padding: 0;
}
.section2__wrapper .wp-block-media-text__content p {
  margin-top: 0;
}

.pankuzu {
  border-top: 0.1rem solid #F2F2F2;
  background: #FFFFFF;
}
.pankuzu__wrapper {
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 2.6rem 0;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .pankuzu__wrapper {
    max-width: 80rem;
    padding: 2.2rem 0;
    gap: 0.9rem;
  }
}
@media (max-width: 500px) {
  .pankuzu__wrapper {
    max-width: 44rem;
  }
}
.pankuzu__wrapper .link,
.pankuzu__wrapper .span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #585858;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .pankuzu__wrapper .link,
  .pankuzu__wrapper .span {
    font-size: 1.2rem;
  }
}
.pankuzu__wrapper .link.en,
.pankuzu__wrapper .span.en {
  font-family: "Overpass", sans-serif;
}
@media (min-width: 768px) {
  .pankuzu__wrapper .link:hover {
    opacity: 0.7;
  }
}
.pankuzu__wrapper .bar {
  display: block;
  background: #585858;
  height: 0.1rem;
  width: 2rem;
}
@media (max-width: 768px) {
  .pankuzu__wrapper .bar {
    width: 2.8rem;
  }
}

.m-footer {
  background: #32393D;
  padding-top: 13rem;
  padding-bottom: 10rem;
}
@media (max-width: 768px) {
  .m-footer {
    padding-top: 9rem;
  }
}
.m-footer__wrapper {
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper {
    max-width: 80rem;
  }
}
@media (max-width: 500px) {
  .m-footer__wrapper {
    max-width: 44rem;
  }
}
.m-footer__wrapper .content1 {
  display: flex;
  justify-content: space-between;
  align-content: center;
  gap: 18rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 {
    display: block;
  }
}
.m-footer__wrapper .content1 .leftArea {
  flex: 1;
}
.m-footer__wrapper .content1 .leftArea .title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  font-size: 5rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 .leftArea .title {
    font-size: 4rem;
  }
}
.m-footer__wrapper .content1 .leftArea .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.75;
  line-height: 1.71;
  font-size: 1.4rem;
  margin-top: 3.6rem;
}
.m-footer__wrapper .content1 .leftArea .text.en {
  font-family: "Overpass", sans-serif;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 .leftArea .text {
    font-size: 1.8rem;
    margin-top: 2.3rem;
  }
}
.m-footer__wrapper .content1 .rightArea {
  padding-top: 2rem;
  width: 60rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 .rightArea {
    padding-top: 5rem;
    width: 100%;
  }
}
.m-footer__wrapper .content1 .rightArea .link {
  position: relative;
  display: block;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #FFFFFF;
  text-align: center;
  border: 0.1rem solid #FFFFFF;
  font-size: 2rem;
  padding: 5rem 0;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .m-footer__wrapper .content1 .rightArea .link:hover {
    border: 0.1rem solid transparent;
    color: #FFFFFF;
    background: #EC6C00;
  }
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 .rightArea .link {
    padding: 3rem 0;
  }
}
.m-footer__wrapper .content1 .rightArea .link .span {
  position: absolute;
  display: block;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
}
.m-footer__wrapper .content1 .rightArea .link .span svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content1 .rightArea .link .span {
    display: none;
  }
}
.m-footer__wrapper .content1 .rightArea .link.en {
  font-weight: "Overpass", sans-serif;
}
.m-footer__wrapper .content2 {
  display: flex;
  border-top: 0.1rem solid #FFFFFF;
  padding-top: 9.4rem;
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 {
    display: block;
    padding-top: 7.4rem;
    margin-top: 8rem;
  }
}
.m-footer__wrapper .content2 .leftArea {
  width: 59%;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea {
    width: 100%;
  }
}
.m-footer__wrapper .content2 .leftArea .imgArea {
  display: block;
  width: 23.5rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .imgArea {
    margin: 0 auto;
  }
}
.m-footer__wrapper .content2 .leftArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.m-footer__wrapper .content2 .leftArea .contentWrapper {
  margin-top: 5.6rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .contentWrapper {
    margin-top: 2.6rem;
  }
}
.m-footer__wrapper .content2 .leftArea .contentWrapper .content {
  display: flex;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .contentWrapper .content {
    display: block;
  }
}
.m-footer__wrapper .content2 .leftArea .contentWrapper .content .city {
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.025em;
  width: 15%;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .contentWrapper .content .city {
    width: 100%;
    font-size: 1.5rem;
  }
}
.m-footer__wrapper .content2 .leftArea .contentWrapper .content .info {
  font-family: "Overpass", sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.66;
  color: #FFFFFF;
  width: 85%;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .contentWrapper .content .info {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.5rem;
  }
}
.m-footer__wrapper .content2 .leftArea .contentWrapper .content:nth-of-type(n + 2) {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .leftArea .contentWrapper .content:nth-of-type(n + 2) {
    margin-top: 3rem;
  }
}
.m-footer__wrapper .content2 .leftArea .contentWrapper .content:nth-of-type(6), .m-footer__wrapper .content2 .leftArea .contentWrapper .content:nth-of-type(7) {
  margin-top: 3rem;
}
.m-footer__wrapper .content2 .rightArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea {
    margin-top: 6.2rem;
  }
  .m-footer__wrapper .content2 .rightArea .iconArea {
    display: flex;
    justify-content: center;
    gap: 3rem;
  }
  .m-footer__wrapper .content2 .rightArea .iconArea .link {
    display: block;
    width: 4rem;
    height: 4rem;
    transition: all 0.3s ease;
  }
  .m-footer__wrapper .content2 .rightArea .iconArea .link svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .m-footer__wrapper .content2 .rightArea .iconArea .link.en {
    font-weight: "Overpass", sans-serif;
  }
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea.pconly {
    display: none;
  }
}
.m-footer__wrapper .content2 .rightArea.sponly {
  display: none;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea.sponly {
    display: block;
  }
}
.m-footer__wrapper .content2 .rightArea__top {
  display: grid;
  grid-template-columns: 39% 38% 1fr;
  align-items: stretch;
  row-gap: 2rem;
  padding-left: 3.8rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top {
    display: block;
    padding-left: 0;
    margin-top: 8.6rem;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea {
  display: contents;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper {
    width: 50%;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .listTitle {
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .listTitle {
    margin-bottom: 1.5rem;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .listTitle .link {
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: 1.3rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .listTitle .link {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .listTitle .link:hover {
    opacity: 0.7;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list .link {
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: 0.2em;
  opacity: 0.65;
  font-size: 1rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list .link {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list .link:hover {
    opacity: 0.4;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list .link.en {
  font-family: "Overpass", sans-serif;
}
.m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list:nth-of-type(n + 3) {
  margin-top: -0.4rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea .listWrapper .list:nth-of-type(n + 3) {
    margin-top: 0;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(1) .listWrapper:nth-of-type(1) {
  grid-column: 1;
  grid-row: 1;
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(1) .listWrapper:nth-of-type(2) {
  grid-column: 1;
  grid-row: 2;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(1) {
    width: 100%;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(2) .listWrapper:nth-of-type(1) {
  grid-column: 2;
  grid-row: 1;
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(2) .listWrapper:nth-of-type(2) {
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(2) {
    width: 100%;
    margin-top: 7.2rem;
  }
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(3) {
  grid-column: 3;
  grid-row: 1/span 2;
  display: grid;
  height: 100%;
}
.m-footer__wrapper .content2 .rightArea__top .listArea:nth-of-type(3) .listWrapper {
  height: 100%;
  display: grid;
  align-content: space-between;
}
.m-footer__wrapper .content2 .rightArea__bottom {
  display: flex;
  justify-content: flex-end;
  align-content: center;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom {
    justify-content: space-between;
    margin-top: 7.2rem;
  }
}
.m-footer__wrapper .content2 .rightArea__bottom .left {
  display: flex;
  margin-right: 4.5rem;
  gap: 4rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom .left {
    display: block;
    margin-right: 0;
  }
}
.m-footer__wrapper .content2 .rightArea__bottom .left .link,
.m-footer__wrapper .content2 .rightArea__bottom .left .small {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom .left .link,
  .m-footer__wrapper .content2 .rightArea__bottom .left .small {
    display: block;
  }
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom .left .link {
    font-size: 1.5rem;
  }
  .m-footer__wrapper .content2 .rightArea__bottom .left .link:nth-of-type(2) {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom .left .link:hover {
    opacity: 0.7;
  }
}
.m-footer__wrapper .content2 .rightArea__bottom .left .link.en {
  font-family: "Overpass", sans-serif;
}
.m-footer__wrapper .content2 .rightArea__bottom .right {
  display: flex;
  gap: 1.4rem;
}
@media (max-width: 768px) {
  .m-footer__wrapper .content2 .rightArea__bottom .right {
    align-items: flex-end;
  }
  .m-footer__wrapper .content2 .rightArea__bottom .right .small {
    color: #FFFFFF;
  }
}
.m-footer__wrapper .content2 .rightArea__bottom .right .link {
  display: block;
  width: 2rem;
  height: 2rem;
}
.m-footer__wrapper .content2 .rightArea__bottom .right .link svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

/* CUSTOM CSS */
.aisDropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  flex-direction: column;
  background-color: #000;
  z-index: 10;
}

.aisLoginBtn:hover .aisDropdown {
  display: flex;
}

.aisDropdown a.link {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #333;
  opacity: 1 !important;
  font-weight: normal !important;
  font-family: "Overpass", sans-serif !important;
}

.aisDropdown a.link:hover {
  background-color: #666;
  text-decoration: underline;
}

.front .section1__wrapper .left .subTitle span.strong {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 700;
}

.title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .title {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .title {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .title {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.subtitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .subtitle {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .subtitle {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .subtitle {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .subtitle {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.subtitle {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.3;
}

.body-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .body-text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .body-text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .body-text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .body-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.body-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
}

.text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.text {
  font-size: 1.6rem;
  line-height: 1.6;
}
.ja .text {
  line-height: 1.8;
}
.zh .text {
  line-height: 1.7;
}

.commonBtn .link {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .commonBtn .link {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .commonBtn .link {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .commonBtn .link {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .commonBtn .link {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.commonBtn .link {
  font-weight: 300;
  letter-spacing: 0.05em;
}
.ja .commonBtn .link {
  letter-spacing: 0.1em;
}
.zh .commonBtn .link {
  letter-spacing: 0.08em;
}

.navigation {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .navigation {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .navigation {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .navigation {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .navigation {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.navigation {
  font-weight: 500;
}
.navigation .nav-item {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .navigation .nav-item {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .navigation .nav-item {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .navigation .nav-item {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .navigation .nav-item {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.navigation .nav-item {
  font-size: 1.4rem;
}
.ja .navigation .nav-item {
  font-weight: 400;
}

.heading-primary {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .heading-primary {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .heading-primary {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .heading-primary {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .heading-primary {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.heading-primary {
  font-size: 4.8rem;
  font-weight: 700;
}
.ja .heading-primary {
  font-size: 4.2rem;
}
.zh .heading-primary {
  font-size: 4rem;
}

.heading-secondary {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .heading-secondary {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .heading-secondary {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .heading-secondary {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .heading-secondary {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.heading-secondary {
  font-size: 3.2rem;
  font-weight: 600;
}

.form-input {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .form-input {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .form-input {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .form-input {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .form-input {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.form-input {
  font-size: 1.6rem;
}
.form-input::-moz-placeholder {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.form-input::placeholder {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .form-input::-moz-placeholder {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.ja .form-input::placeholder {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .form-input::-moz-placeholder {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.zh .form-input::placeholder {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .form-input::-moz-placeholder {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.ko .form-input::placeholder {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .form-input::-moz-placeholder {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.es .form-input::placeholder {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.form-input::-moz-placeholder {
  font-weight: 300;
  opacity: 0.7;
}
.form-input::placeholder {
  font-weight: 300;
  opacity: 0.7;
}

.footer-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .footer-text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .footer-text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .footer-text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .footer-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.footer-text {
  font-size: 1.4rem;
  font-weight: 300;
}
.ja .footer-text {
  font-size: 1.3rem;
}

.card .card-title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .card .card-title {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .card .card-title {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .card .card-title {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .card .card-title {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.card .card-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.card .card-content {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .card .card-content {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .card .card-content {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .card .card-content {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .card .card-content {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.card .card-content {
  font-size: 1.6rem;
  line-height: 1.6;
}
.card .card-meta {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .card .card-meta {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .card .card-meta {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .card .card-meta {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .card .card-meta {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.card .card-meta {
  font-size: 1.4rem;
  font-weight: 300;
  color: #666;
}

.typography-scale .text-xs {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .typography-scale .text-xs {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .typography-scale .text-xs {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .typography-scale .text-xs {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .typography-scale .text-xs {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.typography-scale .text-xs {
  font-size: 1.2rem;
}
.typography-scale .text-sm {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .typography-scale .text-sm {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .typography-scale .text-sm {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .typography-scale .text-sm {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .typography-scale .text-sm {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.typography-scale .text-sm {
  font-size: 1.4rem;
}
.typography-scale .text-base {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .typography-scale .text-base {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .typography-scale .text-base {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .typography-scale .text-base {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .typography-scale .text-base {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.typography-scale .text-base {
  font-size: 1.6rem;
}
.typography-scale .text-lg {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .typography-scale .text-lg {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .typography-scale .text-lg {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .typography-scale .text-lg {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .typography-scale .text-lg {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.typography-scale .text-lg {
  font-size: 1.8rem;
}
.typography-scale .text-xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .typography-scale .text-xl {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .typography-scale .text-xl {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .typography-scale .text-xl {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .typography-scale .text-xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.typography-scale .text-xl {
  font-size: 2rem;
}
.typography-scale .text-2xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .typography-scale .text-2xl {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .typography-scale .text-2xl {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .typography-scale .text-2xl {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .typography-scale .text-2xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.typography-scale .text-2xl {
  font-size: 2.4rem;
}
.typography-scale .text-3xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .typography-scale .text-3xl {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .typography-scale .text-3xl {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .typography-scale .text-3xl {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .typography-scale .text-3xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.typography-scale .text-3xl {
  font-size: 3rem;
}
.typography-scale .text-4xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.ja .typography-scale .text-4xl {
  font-family: "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS Mincho", serif;
}
.zh .typography-scale .text-4xl {
  font-family: "Noto Serif SC", "Noto Serif", "Source Han Serif SC", "SimSun", serif;
}
.ko .typography-scale .text-4xl {
  font-family: "Noto Serif KR", "Noto Serif", "Batang", "Gungsuh", serif;
}
.es .typography-scale .text-4xl {
  font-family: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;
}
.typography-scale .text-4xl {
  font-size: 3.6rem;
}

.responsive-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.ja .responsive-text {
  font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}
.zh .responsive-text {
  font-family: "Noto Sans SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.ko .responsive-text {
  font-family: "Noto Sans KR", "Noto Sans", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.es .responsive-text {
  font-family: "Overpass", "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.responsive-text {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .responsive-text {
    font-size: 1.4rem;
  }
  .ja .responsive-text {
    font-size: 1.3rem;
  }
}
@media (min-width: 768px) {
  .responsive-text {
    font-size: 1.8rem;
  }
  .ja .responsive-text {
    font-size: 1.7rem;
  }
}

html,
body {
  background: #F2F2F2;
}

img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 0.685vw;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 2vw;
  }
}