@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap");
/*!
 * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus,
*::before:focus,
*::after:focus {
  outline: none;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  background-color: #F5F2EE;
  color: #333333;
  font-family: "Noto Serif KR", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin: 0;
  text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  margin-top: 0;
}

p {
  margin-bottom: 0;
  margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #333333;
  text-decoration: none;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

a:hover {
  text-decoration: none;
  opacity: 0.6;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}


/*-----------------------------------------------
@keyframes
------------------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
            transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
            transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    -webkit-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
            transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    -webkit-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
            transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
            transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
            transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
            transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    -webkit-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
            transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    -webkit-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
            transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
            transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}
.u-wysiwygArea {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .u-wysiwygArea {
    font-size: 12px;
  }
}
.u-wysiwygArea * + * {
  margin-top: 1.75em;
}
.u-wysiwygArea br + * {
  margin-top: 0;
}
.u-wysiwygArea a {
  color: blue;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .u-wysiwygArea a {
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 769px) {
  .u-wysiwygArea a:hover {
    opacity: 0.6;
  }
}
.u-wysiwygArea h1 {
  font-size: 4.5rem;
  line-height: 1.4;
}
.u-wysiwygArea h2 {
  font-size: 3rem;
  line-height: 1.6;
  margin-top: 2em;
}
.u-wysiwygArea h3 {
  color: blue;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.u-wysiwygArea h4 {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-left: 25px;
  position: relative;
}
.u-wysiwygArea h4::before {
  background: blue;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 17px;
}
.u-wysiwygArea h5,
.u-wysiwygArea h6 {
  font-size: 1.6rem;
  line-height: 1.6;
}
.u-wysiwygArea h1 + h2,
.u-wysiwygArea h2 + h3,
.u-wysiwygArea h3 + h4,
.u-wysiwygArea h4 + h5,
.u-wysiwygArea h5 + h6 {
  margin-top: 0.5em;
}
.u-wysiwygArea p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .u-wysiwygArea p {
    font-size: 12px;
  }
}
.u-wysiwygArea strong,
.u-wysiwygArea strong * {
  font-weight: bold;
}
.u-wysiwygArea em,
.u-wysiwygArea em * {
  font-style: italic;
}
.u-wysiwygArea ul {
  list-style-type: disc;
}
.u-wysiwygArea ol {
  list-style-type: decimal;
}
.u-wysiwygArea ul,
.u-wysiwygArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
}
.u-wysiwygArea ul li,
.u-wysiwygArea ol li {
  line-height: 1.5;
  margin-top: 0.6em;
}
.u-wysiwygArea sup,
.u-wysiwygArea sub {
  font-size: 1rem;
  line-height: 1 !important;
}
.u-wysiwygArea hr {
  background: #333333;
  display: block;
  height: 1px;
  width: 100%;
}
.u-wysiwygArea blockquote {
  background: blue;
  padding: 30px;
}
.u-wysiwygArea table {
  background: blue;
  border-collapse: collapse;
  height: auto !important;
  margin-top: 3em;
  width: 100% !important;
}
.u-wysiwygArea table thead th,
.u-wysiwygArea table thead td {
  font-weight: bold;
  text-align: center;
}
.u-wysiwygArea table tr th,
.u-wysiwygArea table tr td {
  border: #333333 1px solid;
  line-height: 1.5;
  padding: 15px 20px;
  text-align: left;
  vertical-align: middle;
}
.u-wysiwygArea table tr th {
  font-weight: bold;
  text-align: center;
  width: 25%;
}
.u-wysiwygArea img {
  height: auto;
  margin-top: 1em;
  max-width: 100%;
  width: auto;
}
.u-wysiwygArea img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.u-wysiwygArea img.alignright {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.u-wysiwygArea .gallery {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u-wysiwygArea .gallery-item {
  float: none;
  margin-top: 0;
  text-align: center;
}
.u-wysiwygArea .gallery-columns-2 .gallery-item {
  width: calc((100% - 40px) / 2);
}
.u-wysiwygArea .gallery-columns-3 .gallery-item {
  width: calc((100% - 80px) / 3);
}

/*====================================================================
siteHeader
====================================================================*/
.burgerLeft {
  width: 9.5rem;
  z-index: 10;
  padding: 3.2rem 0 0;
  position: fixed;
  top: 0;
  left: -10rem;
  -webkit-animation: fadeInBurger 0.5s ease-in-out forwards;
          animation: fadeInBurger 0.5s ease-in-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; /* starts 2 seconds later */
  opacity: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .burgerLeft {
    width: 5rem;
    padding: 2.8rem 0 0 1.6rem;
  }
}
@-webkit-keyframes fadeInBurger {
  from {
    left: -10rem;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInBurger {
  from {
    left: -10rem;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.burgerLeft .menuToggle {
  height: 2rem;
  padding: 0 0 0 1.5rem;
  cursor: pointer;
}
.burgerLeft .menuToggle span {
  display: block;
  width: 6.4rem;
  height: 0.2rem;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  top: 0;
  background: #9B2422;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  cursor: pointer;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
          transform-origin: 4px 0px;
}
@media screen and (max-width: 768px) {
  .burgerLeft .menuToggle span {
    width: 5rem;
  }
}
.burgerLeft .menuToggle.isShow {
  height: 3rem;
}
.burgerLeft .menuToggle.isShow > :nth-last-child(1) {
  opacity: 1;
  width: 4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #9B2422 !important;
  position: relative;
  top: -1.35rem;
  left: 1rem;
}
@media screen and (max-width: 768px) {
  .burgerLeft .menuToggle.isShow > :nth-last-child(1) {
    width: 3.6rem;
    top: -1.6rem;
    left: 0.8rem;
  }
}
.burgerLeft .menuToggle.isShow > :nth-last-child(2) {
  opacity: 0;
  -webkit-transform: scale(-0.1, -0.1);
          transform: scale(-0.1, -0.1);
}
.burgerLeft .menuToggle.isShow > :nth-last-child(3) {
  width: 4rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  background: #9B2422;
  top: 2.3rem;
  left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .burgerLeft .menuToggle.isShow > :nth-last-child(3) {
    width: 3.6rem;
    top: 1.8rem;
    left: 0.6rem;
  }
}
.burgerLeft .menuToggle.isWhite span {
  background: #fff;
}

.navLeftHeader {
  width: 9.5rem;
  padding: 0 0 3.5rem 2.3rem;
  z-index: 10;
  -webkit-transform: translateY(-46%);
          transform: translateY(-46%);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  left: -10rem;
  top: 50%;
  gap: 1.6rem;
  opacity: 0;
  -webkit-animation: fadeInLeftHeader 0.5s ease-in-out forwards;
          animation: fadeInLeftHeader 0.5s ease-in-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; /* starts 2 seconds later */
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navLeftHeader.isShow {
  top: 100%;
  -webkit-transform: translateY(-102%);
          transform: translateY(-102%);
}
.navLeftHeader .slash {
  margin: 0 0.2rem 0;
}
@media screen and (max-width: 768px) {
  .navLeftHeader .slash {
    margin: 0;
  }
}
@-webkit-keyframes fadeInLeftHeader {
  from {
    left: -10rem;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInLeftHeader {
  from {
    left: -10rem;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .navLeftHeader {
    -webkit-transform: translate(0);
            transform: translate(0);
    top: auto;
    bottom: 0;
    width: 100%;
    font-size: 1.4rem;
    padding: 0 2rem 1.6rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: 4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navLeftHeader.isShow {
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.navLeftHeader__box {
  width: 4.2rem;
  height: 19rem;
  padding: 1.5rem 1.3rem;
  opacity: 0.8;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.4s;
  transition: ease-in-out 0.4s;
  color: #9B2422;
  background: rgba(245, 242, 238, 0.6);
  border: 0.1rem solid #9B2422;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .navLeftHeader__box {
    width: 16.1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.8rem;
    opacity: 1;
    background: rgb(245, 242, 238);
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.navLeftHeader__box.isWhite {
  color: #fff;
  background: transparent !important;
  border: 0.1rem solid #fff;
}
.navLeftHeader__box.isWhite .navLeftHeader__svgTop > path {
  fill: #fff;
}
.navLeftHeader__box.isWhite .navLeftHeader__svgBottom > path {
  fill: #fff;
}
.navLeftHeader__box.isWhite:hover {
  opacity: 1;
}
.navLeftHeader__box.isShow {
  color: #9B2422;
  background: rgb(245, 242, 238);
  border: 0.1rem solid #9B2422;
}
.navLeftHeader__box.isShow .navLeftHeader__svgTop > path {
  fill: #9B2422;
}
.navLeftHeader__box.isShow .navLeftHeader__svgBottom > path {
  fill: #9B2422;
}
.navLeftHeader__box.isShow:hover {
  opacity: 1;
}
.navLeftHeader__box:hover {
  opacity: 1;
  background: rgb(245, 242, 238);
}
.navLeftHeader__svgTop {
  position: absolute;
  top: 0;
  left: 0;
}
.navLeftHeader__svgTop path {
  fill: #9B2422;
}
.navLeftHeader__svgBottom {
  position: absolute;
  bottom: 0;
  right: 0;
}
.navLeftHeader__svgBottom path {
  fill: #9B2422;
}

.headerContent {
  width: 100%;
  height: 100vh;
  z-index: 9;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  display: none;
  background: #F5F2EE;
}
.headerContent__inner {
  width: 100%;
  min-height: 100dvh;
  gap: 10.5rem;
  position: relative;
  overflow: hidden;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .headerContent__inner {
    gap: 0;
  }
}
.headerContent__bgKv {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.headerContent__left {
  width: 9.5rem;
  min-height: 81rem;
  border-right: 0.1rem solid #9B2422;
}
@media screen and (max-width: 768px) {
  .headerContent__left {
    display: none;
  }
}
.headerContent__right {
  width: calc(100% - 20rem);
  min-height: 81rem;
  padding: 8rem 9.5rem 8rem 0;
  z-index: 2;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .headerContent__right {
    width: 100%;
    padding: 7rem 3.5rem 8.7rem;
    gap: 4.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.headerContent__logo {
  width: 21.2rem;
  -webkit-filter: brightness(0) saturate(100%) invert(57%) sepia(56%) saturate(358%) hue-rotate(358deg) brightness(87%) contrast(88%);
          filter: brightness(0) saturate(100%) invert(57%) sepia(56%) saturate(358%) hue-rotate(358deg) brightness(87%) contrast(88%);
}
@media screen and (max-width: 768px) {
  .headerContent__logo {
    width: 23rem;
    margin: 0 auto;
    display: block;
  }
}
.headerContent__infoContLeft {
  height: 95%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .headerContent__infoContLeft {
    height: 100%;
  }
}
.headerContent__infoContLeft > :nth-child(2) {
  gap: 3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.headerContent__infoContLeft > :nth-child(3) {
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .headerContent__infoContLeft {
    gap: 2.4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .headerContent__infoContLeft > :nth-child(2) {
    gap: 0.8rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .headerContent__infoContLeft > :nth-child(3) {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.headerContent__navContent {
  gap: 2rem 12rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 12rem minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 4rem 0 0;
}
@media screen and (max-width: 768px) {
  .headerContent__navContent {
    gap: 1.2rem 4rem;
    margin: 2.3rem 0 0;
  }
}
.headerContent__nav {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .headerContent__nav {
    font-size: 1.6rem;
    line-height: 2.25;
  }
}
.headerContent__navBottom {
  font-size: 1.4rem;
  line-height: 1.57;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .headerContent__navBottom {
    font-size: 1.2rem;
    line-height: 1.66;
  }
}
.headerContent__navLanguage {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  background: #9B2422;
}
@media screen and (max-width: 768px) {
  .headerContent__navLanguage {
    font-size: 1.4rem;
    padding: 1rem 1.2rem;
    -webkit-transform: translateY(1.4rem);
            transform: translateY(1.4rem);
  }
}
.headerContent__infoContRight {
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .headerContent__infoContRight {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
.headerContent__tell {
  font-size: 4rem;
  font-weight: bold;
  margin: 0 1rem 0.5rem 0;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .headerContent__tell {
    font-size: 3.2rem;
    margin: 0 0 0.6rem;
  }
}
.headerContent__description {
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.95;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .headerContent__description {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.6;
  }
}
.headerContent__svgCloud {
  position: absolute;
  bottom: 22rem;
  right: 7.5rem;
}
@media screen and (max-width: 768px) {
  .headerContent__svgCloud {
    bottom: 21.5rem;
    right: -7rem;
  }
  .headerContent__svgCloud svg {
    width: 21rem;
  }
}

/*====================================================================
siteFooter
====================================================================*/
.siteFooter {
  background: #501312;
}
.siteFooter__inner {
  max-width: 144rem;
  margin: 0 auto;
  padding: 13.4rem 21.6rem 5.4rem 12rem;
}
@media screen and (max-width: 768px) {
  .siteFooter__inner {
    padding: 6rem 3.5rem;
  }
}
.siteFooter__cont {
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .siteFooter__cont {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.siteFooter__cont > :nth-child(1) {
  width: 29rem;
}
@media screen and (max-width: 768px) {
  .siteFooter__cont > :nth-child(1) {
    width: 100%;
  }
}
.siteFooter__cont > :nth-child(2) {
  gap: 14rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .siteFooter__cont > :nth-child(2) {
    display: none;
  }
}
.siteFooter__logo {
  width: 94%;
  height: 13.8rem;
}
@media screen and (max-width: 768px) {
  .siteFooter__logo {
    width: 22.3rem;
    height: 11.2rem;
    margin: 0 auto;
    display: block;
  }
}
.siteFooter__info {
  margin: 1.94rem 0 0;
  -webkit-transform: translateX(1.2rem);
          transform: translateX(1.2rem);
}
@media screen and (max-width: 768px) {
  .siteFooter__info {
    margin: 1.2rem 0 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.siteFooter__tell {
  font-size: 2.4rem;
  line-height: 1.45;
  letter-spacing: 0.03em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .siteFooter__tell {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.siteFooter__description {
  font-size: 1.2rem;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .siteFooter__description {
    -webkit-transform: translate(1.3rem, 0.4rem);
            transform: translate(1.3rem, 0.4rem);
  }
}
.siteFooter__navDiv {
  margin: 2.6rem 0 0;
}
.siteFooter__navPCont {
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.siteFooter__navCont {
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.siteFooter__navContChild {
  gap: 1.3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.siteFooter__nav {
  font-size: 1.6rem;
  line-height: 2.25;
  color: #fff;
  font-weight: bold;
}
.siteFooter__navChild {
  font-size: 1.4rem;
  line-height: 2.257;
  color: #fff;
}
.siteFooter__copyRightcont {
  margin: 16.2rem 0 0;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transform: translateX(4.8rem);
          transform: translateX(4.8rem);
}
@media screen and (max-width: 768px) {
  .siteFooter__copyRightcont {
    margin: 10.2rem 0 0;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.siteFooter__rightNavCont {
  gap: 4.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .siteFooter__rightNavCont {
    display: none;
  }
}
.siteFooter__rightNav {
  font-size: 1.2rem;
  line-height: 1.83;
  color: #fff;
}
.siteFooter__copyRight {
  font-size: 1.2rem;
  line-height: 1.83;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .siteFooter__copyRight {
    text-align: center;
  }
}

/*====================================================================
COMMON LAYOUT
====================================================================*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 1440px) and (min-width: 768px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  -webkit-print-color-adjust: exact;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
/*-----------------------------------------------
PC/SP
------------------------------------------------*/
.u-pcDb {
  display: block;
}

.u-pcDib {
  display: inline-block;
}

.u-pcDin {
  display: inline;
}

.u-pcDf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-pcDt {
  display: table;
}

.u-pcDtc {
  display: table-cell;
}

.u-Db {
  display: none;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pcDb,
  .u-pcDib,
  .u-pcDin,
  .u-pcDf,
  .u-pcDt,
  .u-pcDtc {
    display: none;
  }
  .u-spDb {
    display: block;
  }
  .u-spDib {
    display: inline-block;
  }
  .u-spDin {
    display: inline;
  }
  .u-spDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .u-spDt {
    display: table;
  }
  .u-spDtc {
    display: table-cell;
  }
}
/*-----------------------------------------------
main
------------------------------------------------*/
.siteContent {
  overflow: hidden;
}

.animate__fadeInLeftCustom {
  -webkit-animation: fadeInLeftCustom 1s both;
          animation: fadeInLeftCustom 1s both; /* same style as animate.css */
}

@-webkit-keyframes fadeInLeftCustom {
  from {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%); /* instead of -100% */
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeInLeftCustom {
  from {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%); /* instead of -100% */
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.backToTopLogo {
  width: 11.3rem;
  height: 11.3rem;
  margin: 0 auto;
  margin: 4.5rem auto 0;
  text-shadow: 0px 0px 0.8rem rgba(52, 52, 52, 0.4);
  z-index: 4;
  cursor: pointer;
  position: fixed;
  display: none;
  bottom: 3rem;
  right: 3rem;
}
@media screen and (max-width: 768px) {
  .backToTopLogo {
    width: 9.4rem;
    height: 9.4rem;
    right: 2rem;
    bottom: 6rem;
  }
}

.u-kvHeader {
  width: 100%;
  height: 100vh;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.u-kvHeader__bgKv {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.u-kvHeader__shadowV1 {
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.u-kvHeader__content {
  padding: 0 11rem;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__content {
    padding: 0 2rem;
  }
}
.u-kvHeader__font56 {
  font-size: 5.6rem;
  line-height: 1.5;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  font-weight: 400;
  margin: 3.5rem 0 0;
  text-shadow: 0 0 8px rgba(52, 52, 52, 0.4);
  position: relative;
  left: 4rem;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__font56 {
    font-size: 3.2rem;
    line-height: 1.6;
    margin: 0;
    left: 0;
  }
}
.u-kvHeader__font40 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  margin: 2rem 0 0;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__font40 {
    font-size: 2.4rem;
    line-height: 2;
    margin: -4rem 0 0;
  }
}
.u-kvHeader__font40::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' width='16' height='16' transform='rotate(45 12 0)' fill='%23B38F55'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.2rem;
  height: 2.2rem;
  display: block;
  position: absolute;
  top: -3.4rem;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__font40::before {
    top: -2.7rem;
  }
}
.u-kvHeader__logoV1 {
  width: 46.7rem;
  margin: 0 auto;
  margin: 3rem auto 0;
  display: block;
  text-shadow: 0px 0px 0.8rem rgba(52, 52, 52, 0.4);
}
@media screen and (max-width: 768px) {
  .u-kvHeader__logoV1 {
    width: 26rem;
    margin: 0.6rem auto 0;
  }
}
.u-kvHeader__logoV2 {
  width: 21rem;
  margin: 0 auto;
  z-index: 2;
  text-shadow: 0px 0px 0.8rem rgba(52, 52, 52, 0.4);
  position: absolute;
  bottom: 5rem;
  right: 6rem;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__logoV2 {
    width: 14rem;
    bottom: auto;
    top: 2.5rem;
    right: 2rem;
  }
}
.u-kvHeader__font40SubTtle {
  font-size: 2.4rem;
  font-family: "EB Garamond", serif;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .u-kvHeader__font40SubTtle {
    font-size: 1.6rem;
  }
}
.u-kvHeader__font40SubTtle::after {
  content: "";
  background-image: url(../images/common/shade-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 4.5rem;
  display: block;
  position: absolute;
  bottom: -1rem;
}

.u-labelTitle {
  width: 10.4rem;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .u-labelTitle {
    width: 8rem;
  }
}
.u-labelTitle::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='1' width='16' height='16' transform='rotate(45 12 1)' fill='%23B38F55'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 1rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .u-labelTitle::before {
    width: 2rem;
    height: 2rem;
  }
}
.u-labelTitle__ttle {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
  color: #7C766B;
  position: relative;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .u-labelTitle__ttle {
    font-size: 2.8rem;
    line-height: 1.35;
  }
}
.u-labelTitle__ttle::after {
  content: "";
  background-image: url(../images/common/shade-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 4.5rem;
  display: block;
  margin: -3rem auto 0;
}
@media screen and (max-width: 768px) {
  .u-labelTitle__ttle::after {
    height: 3.5rem;
  }
}
.u-labelTitle__subTtle {
  font-size: 2.4rem;
  font-family: "EB Garamond", serif;
  font-style: italic;
  color: #B38F55;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .u-labelTitle__subTtle {
    font-size: 1.8rem;
    margin: -1rem 0 0;
  }
}

.u-labelTitleV2 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.u-labelTitleV2::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='1' width='16' height='16' transform='rotate(45 12 1)' fill='%23B38F55'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 3rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .u-labelTitleV2::before {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0 1rem;
  }
}
.u-labelTitleV2__ttle {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
  color: #7C766B;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 0 1rem;
}
@media screen and (max-width: 768px) {
  .u-labelTitleV2__ttle {
    font-size: 2.4rem;
    margin: 0 0 0.5rem;
  }
}
.u-labelTitleV2__subTtle {
  font-size: 1.8rem;
  font-family: "EB Garamond", serif;
  color: #B38F55;
  letter-spacing: 0;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .u-labelTitleV2__subTtle {
    font-size: 1.6rem;
  }
}
.u-labelTitleV2__subTtle::after {
  content: "";
  background-image: url(../images/common/shade-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10.4rem;
  height: 4.5rem;
  display: block;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 768px) {
  .u-labelTitleV2__subTtle::after {
    top: -0.6rem;
  }
}

.u-btn {
  padding: 0 3.2rem 1rem 1rem;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  color: #B38F55;
  position: relative;
}
@media screen and (max-width: 768px) {
  .u-btn {
    font-size: 1.5rem;
    padding: 0 3.2rem 1rem 0.2rem;
  }
}
.u-btn::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  border-bottom: 0.1rem solid #B38F55;
  border-radius: 2rem;
  display: block;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
}
.u-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11C6.79155 8.00007 3.5 6 0.5 1' stroke='%23B38F55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.1rem;
  height: 1rem;
  display: block;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  position: absolute;
  right: -0.02rem;
  bottom: 0;
}
.u-btn.isWhite::before {
  border-bottom: 0.1rem solid #fff;
}
.u-btn.isWhite::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11C6.79155 8.00007 3.5 6 0.5 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.u-btn:hover::before {
  left: 1rem;
}
.u-btn:hover::after {
  right: -1.02rem;
}

.u-btnV2 {
  min-width: 26rem;
  font-size: 2rem;
  line-height: 2;
  color: #fff;
  letter-spacing: 0;
  padding: 1.2rem;
  background: #9B2422;
  border-radius: 0.4rem;
  display: block;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .u-btnV2 {
    width: 100%;
    font-size: 1.8rem;
    padding: 1rem;
  }
}
.u-btnV2::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='11' viewBox='0 0 55 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10H54L43.281 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.3rem;
  height: 1.1rem;
  display: block;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  position: relative;
  left: 0.4rem;
  top: 0.4rem;
}
.u-btnV2.noArrow::after {
  display: none !important;
}
.u-btnV2:hover::after {
  left: 1rem;
}

.u-breadcrumbs {
  max-width: 144rem;
  margin: 0 auto 3.9rem;
  padding: 0.5rem 8rem 0;
}
@media screen and (max-width: 768px) {
  .u-breadcrumbs {
    padding: 0 2rem;
  }
}
.u-breadcrumbs ul {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3;
  list-style: none;
  gap: 1.3rem;
  color: #7C766B;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .u-breadcrumbs ul {
    padding: 0;
    font-size: 1.4rem;
    margin: 0.4rem 0 0;
  }
}
.u-breadcrumbs ul li {
  white-space: nowrap;
}
.u-breadcrumbs ul > :nth-child(1)::before {
  content: "";
  display: none !important;
}
.u-breadcrumbs ul > :last-child {
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-breadcrumbs li {
  cursor: pointer;
}
.u-breadcrumbs li a {
  color: #7C766B;
}
.u-breadcrumbs li::before {
  content: "＞";
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3;
  margin-right: 1.4rem;
}

.u-direction {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 0.8rem minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  .u-direction {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.u-direction__items {
  width: 100%;
  min-height: 26rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .u-direction__items {
    min-height: 16rem;
  }
}
.u-direction__items img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .u-direction__items img {
    min-height: 16rem;
  }
}
.u-direction__content {
  width: 100%;
  height: 100%;
  padding: 0 8.8rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .u-direction__content {
    padding: 3rem 2rem 4rem;
  }
}
.u-direction__content:hover {
  opacity: 1;
}
.u-direction__ttle {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .u-direction__ttle {
    font-size: 2rem;
    gap: 1.2rem;
  }
}
.u-direction__ttle::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11.3125' width='16' height='16' transform='rotate(45 11.3125 0)' fill='%23BD9C66'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  display: block;
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .u-direction__ttle::before {
    min-width: 1.1rem;
    min-height: 1.1rem;
  }
}
.u-direction__subTtle {
  font-size: 1.8rem;
  font-family: "EB Garamond", serif;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  padding: 0 0 0 3.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .u-direction__subTtle {
    font-size: 1.6rem;
    padding: 0.5rem 0 0 2.5rem;
  }
}
.u-direction__subTtle::before {
  content: "";
  background-image: url(../images/common/shade-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 10.4rem;
  min-height: 4.9rem;
  display: block;
  position: absolute;
  bottom: -2rem;
  left: 3rem;
}

.onlineShop {
  overflow: hidden;
  position: relative;
  min-height: 56rem;
}
@media screen and (max-width: 768px) {
  .onlineShop {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
.onlineShop__kvImg {
  width: 100%;
  min-height: 56rem;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .onlineShop__kvImg {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: 100%;
  }
}
.onlineShop__innerParent {
  width: 100%;
  display: block;
  min-height: 56rem;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
  .onlineShop__innerParent {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: 100%;
  }
}
.onlineShop__innerParent:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}
.onlineShop__innerParent:hover .u-btn::before {
  left: 1rem;
}
.onlineShop__innerParent:hover .u-btn::after {
  right: -1.02rem;
}
.onlineShop__inner {
  max-width: 144rem;
  min-height: 56rem;
  margin: 0 auto;
  padding: 9rem 11.5rem 9rem 16rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .onlineShop__inner {
    padding: 5.2rem 3.5rem 5rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: 100%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.onlineShop__ttle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .onlineShop__ttle {
    font-size: 2.8rem;
    margin: 0 0 0.5rem;
  }
}
.onlineShop__ttle .u-btn {
  width: 4.3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -6rem;
}
@media screen and (max-width: 768px) {
  .onlineShop__ttle .u-btn {
    width: 3.6rem;
    right: -4.5rem;
  }
}
.onlineShop__ttle .u-btn::after {
  width: 2.1rem;
  height: 2rem;
  position: absolute;
  right: -0.02rem;
  bottom: -0.1rem;
}
@media screen and (max-width: 768px) {
  .onlineShop__ttle .u-btn::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.onlineShop__subTtle {
  font-size: 1.8rem;
  font-family: "EB Garamond", serif;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 768px) {
  .onlineShop__subTtle {
    margin: 0 0 1.9rem;
    font-style: italic;
  }
}
.onlineShop__description {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .onlineShop__description {
    font-size: 1.5rem;
    margin: 0 0 2.7rem;
  }
}
.onlineShop__img01 {
  width: 54rem;
  height: 38rem;
  border-radius: 0.9rem;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .onlineShop__img01 {
    width: 100%;
    height: 21.5rem;
  }
}

/*====================================================================
topPageFvSec
====================================================================*/
.topPageSec .topPageAbout {
  padding: 20rem 0 2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout {
    padding: 10rem 0 8.7rem;
  }
}
.topPageSec .topPageAbout__inner {
  max-width: 144rem;
  margin: 0 auto 11.5rem;
  padding: 0 14.8rem 0 12.7rem;
  gap: 16.3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__inner {
    padding: 0 2rem;
    gap: 4.5rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageAbout__inner > :nth-child(1) {
  width: 10.4rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__inner > :nth-child(1) {
    width: 100%;
  }
}
.topPageSec .topPageAbout__inner > :nth-child(2) {
  width: calc(100% - 10.4rem);
  margin: 1.1rem 0 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__inner > :nth-child(2) {
    width: 100%;
  }
}
.topPageSec .topPageAbout__newsCont {
  border-top: 0.1rem solid rgba(124, 118, 107, 0.4);
}
.topPageSec .topPageAbout__news {
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.4);
  padding: 3.1rem 0;
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__news {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 1.9rem 0;
    gap: 1.2rem;
  }
}
.topPageSec .topPageAbout__news > :nth-child(1) {
  width: 17.7rem;
  gap: 0.8rem;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__news > :nth-child(1) {
    width: 100%;
  }
}
.topPageSec .topPageAbout__news > :nth-child(2) {
  width: calc(100% - 17.7rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__news > :nth-child(2) {
    gap: 1.6rem;
    width: 100%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.topPageSec .topPageAbout__news:hover > :nth-child(1) {
  opacity: 0.5;
}
.topPageSec .topPageAbout__news:hover .topPageAbout__description {
  opacity: 0.5;
}
.topPageSec .topPageAbout__news:hover .topPageAbout__arrow {
  opacity: 1;
}
.topPageSec .topPageAbout__news:hover .topPageAbout__arrow::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__news:hover .topPageAbout__arrow::before {
    left: 0.6rem;
  }
}
.topPageSec .topPageAbout__date {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "EB Garamond", serif;
  color: #7C766B;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__date {
    font-size: 1.5rem;
  }
}
.topPageSec .topPageAbout__category {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
  padding: 0.1rem 1rem;
  border-radius: 2rem;
  background: #BD9C66;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__category {
    font-size: 1.2rem;
  }
}
.topPageSec .topPageAbout__description {
  width: 60rem;
  font-size: 1.6rem;
  color: #7C766B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.04em;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__description {
    font-size: 1.5rem;
    line-height: 1.73;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap;
  }
}
.topPageSec .topPageAbout__arrow {
  position: relative;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.topPageSec .topPageAbout__arrow::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11H35C29.7915 8.00007 26.5 6 23.5 1' stroke='%23B38F55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 1rem;
  display: block;
  position: relative;
  left: -0.7rem;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__arrow::before {
    width: 3rem;
    left: 0.2rem;
    top: 0.2rem;
  }
}
.topPageSec .topPageAbout__btn {
  margin: 5.2rem 0 0;
  padding: 0 1rem 0 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__btn {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 4rem 0 0;
  }
}
.topPageSec .topPageAbout__cloud {
  max-width: 144rem;
  margin: 0 auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.topPageSec .topPageAbout__cloud svg {
  position: relative;
  right: -13rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageAbout__cloud {
    margin: -17rem 0 0 -4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .topPageSec .topPageAbout__cloud svg {
    width: 15.5rem;
    position: relative;
    right: auto;
  }
}
.topPageSec .topPageBookStore {
  padding: 0 0 20rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore {
    padding: 0 0 8.4rem;
  }
}
.topPageSec .topPageBookStore__inner {
  max-width: 144rem;
  padding: 0 23rem 0 0;
  margin: 0 auto;
  gap: 23rem;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__inner {
    padding: 0;
    gap: 4.5rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageBookStore__inner > :nth-child(1) {
  width: 64rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__inner > :nth-child(1) {
    width: 100%;
    padding: 0 3.5rem 0 0;
  }
}
.topPageSec .topPageBookStore__inner > :nth-child(2) {
  width: 34rem;
  padding: 11rem 0 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__inner > :nth-child(2) {
    width: 100%;
    padding: 3.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageBookStore .u-labelTitle {
  margin: 0 auto;
}
.topPageSec .topPageBookStore__kvImg {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__kvImg {
    width: 100%;
    height: 56rem;
  }
}
.topPageSec .topPageBookStore__description {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.57;
  color: #7C766B;
  margin: 11.4rem 0 9.6rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__description {
    font-size: 1.5rem;
    line-height: 2.13;
    margin: 6rem 0 4rem;
  }
}
.topPageSec .topPageBookStore__cloud {
  max-width: 144rem;
  margin: -10.5rem auto;
  z-index: -1;
}
.topPageSec .topPageBookStore__cloud svg {
  margin: 0 0 0 -11rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageBookStore__cloud {
    position: absolute;
    top: 27.5%;
    left: -7rem;
    margin: 0;
  }
  .topPageSec .topPageBookStore__cloud svg {
    margin: 0;
    width: 30.9rem;
  }
}
.topPageSec .topPageImages {
  width: 100%;
}
.topPageSec .topPageImages__imgContent01 {
  max-width: 144rem;
  margin: 0 auto;
  padding: 0 4rem;
  z-index: 1;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
}
.topPageSec .topPageImages__imgContent01 img {
  width: 30.3rem;
  height: 42rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageImages__imgContent01 {
    padding: 0 2rem;
  }
  .topPageSec .topPageImages__imgContent01 img {
    width: 16rem;
    height: 22.2rem;
  }
}
.topPageSec .topPageImages__imgContent02 {
  width: 100%;
  height: 22rem;
  margin: -12rem 0 0;
}
.topPageSec .topPageImages__imgContent02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageImages__imgContent02 {
    height: 20rem;
    margin: -5.2rem 0 0;
  }
}
.topPageSec .topPageImages__imgContent03 {
  max-width: 144rem;
  padding: 0 2.4rem;
  z-index: 1;
  margin: -3.8rem auto 0;
  position: relative;
}
.topPageSec .topPageImages__imgContent03 img {
  width: 24rem;
  height: 24rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageImages__imgContent03 {
    padding: 0 2rem;
    margin: -4rem auto 0;
  }
  .topPageSec .topPageImages__imgContent03 img {
    width: 15rem;
    height: 15rem;
  }
}
.topPageSec .topPageMenu {
  padding: 5.4rem 0 16.7rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu {
    padding: 12rem 0 10rem;
  }
}
.topPageSec .topPageMenu__inner {
  max-width: 85.8rem;
  margin: 0 auto 15.4rem;
  gap: 25rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu__inner {
    padding: 0 3.5rem;
    margin: 0 0 6rem;
    width: 100%;
    gap: 5.6rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageMenu__inner > :nth-child(2) {
  width: 60.4rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu__inner > :nth-child(2) {
    width: 100%;
  }
}
.topPageSec .topPageMenu__description {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.57;
  color: #7C766B;
  margin: 14rem 0 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu__description {
    font-size: 1.5rem;
    line-height: 2.15;
    margin: 0;
  }
}
.topPageSec .topPageMenu__menu {
  max-width: 144rem;
  margin: 0 auto 8rem;
  height: 57.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu__menu {
    margin: 0 auto 6rem;
  }
}
.topPageSec .topPageMenu__menu > :nth-child(1) {
  width: 57.8rem;
  position: relative;
}
.topPageSec .topPageMenu__menu > :nth-child(2) {
  width: calc(100% - 57.8rem);
}
.topPageSec .topPageMenu__upperMenu {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.topPageSec .topPageMenu__upperMenu > :nth-child(1) {
  width: 21.6rem;
  height: 28.9rem;
}
.topPageSec .topPageMenu__upperMenu > :nth-child(2) {
  width: 21.6rem;
  height: 28.9rem;
}
.topPageSec .topPageMenu__upperMenu > :nth-child(3) {
  width: 42.9rem;
  height: 28.9rem;
}
.topPageSec .topPageMenu__upperMenu div {
  position: relative;
}
.topPageSec .topPageMenu__upperMenu img {
  width: 100%;
  height: 28.9rem !important;
}
.topPageSec .topPageMenu__lowerMenu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.topPageSec .topPageMenu__lowerMenu div {
  position: relative;
}
.topPageSec .topPageMenu__lowerMenu img {
  width: 100%;
  height: 28.9rem !important;
}
.topPageSec .topPageMenu__txt24 {
  font-size: 2.4rem;
  font-weight: 400;
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 2rem;
  left: 2.4rem;
}
.topPageSec .topPageMenu__txt20 {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMenu__txt20 {
    font-size: 1.6rem;
    bottom: 1.2rem;
    left: 1.2rem;
  }
}
.topPageSec .topPageMenu__menuSP {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 6rem;
}
.topPageSec .topPageMenu__menuSP div {
  position: relative;
}
.topPageSec .topPageMenu img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topPageSec .topPageMenu__btn {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topPageSec .topPageMiso {
  background: #501312;
  overflow: hidden;
  margin: 0 0 16.8rem;
  /* Animation */
  /* optional: preserve the inview fade semantics used sitewide */
  /* End of Animation */
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso {
    margin: 0 0 10rem;
  }
}
.topPageSec .topPageMiso__inner {
  max-width: 144rem;
  margin: 0 auto;
  gap: 6rem;
  padding: 5.7rem 9.5rem 16.8rem 9.5rem;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__inner {
    gap: 3.2rem;
    padding: 4.6rem 2rem 49.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageMiso__inner > :nth-child(1) {
  width: 54.6rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__inner > :nth-child(1) {
    width: 100%;
  }
}
.topPageSec .topPageMiso__inner > :nth-child(2) {
  width: calc(100% - 60.6rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__inner > :nth-child(2) {
    width: 100%;
  }
}
.topPageSec .topPageMiso__ttle {
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  margin: 0 0 5.9rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__ttle {
    font-size: 2.8rem;
    margin: 0 0 3.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageMiso__ttle span {
  font-size: 2.4rem;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  margin: 0 0 0 1.2rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__ttle span {
    font-size: 1.8rem;
    margin: 0;
  }
}
.topPageSec .topPageMiso__infoParent {
  width: 100%;
  background: #fff;
  padding: 0.6rem;
  overflow: hidden;
  position: relative;
}
.topPageSec .topPageMiso__img03 {
  width: 16.7rem;
  height: 20.5rem;
  position: absolute;
  bottom: 1.3rem;
  left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__img03 {
    width: 17rem;
    height: 18.5rem;
  }
}
.topPageSec .topPageMiso__info {
  width: 100%;
  border: 0.1rem solid #9B2422;
  padding: 4.2rem 3.8rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__info {
    padding: 3rem 2rem 4rem;
  }
}
.topPageSec .topPageMiso__svg01 {
  position: absolute;
  top: 0;
  left: 0;
}
.topPageSec .topPageMiso__svg01::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L10 8.64122L-8.74228e-07 17.2824L0 -7.5544e-07L20 0Z' fill='%239B2422'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__svg01::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.topPageSec .topPageMiso__svg02 {
  position: absolute;
  top: 0;
  right: 0;
}
.topPageSec .topPageMiso__svg02::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L10 8.64122L20 17.2824L20 -7.5544e-07L0 0Z' fill='%239B2422'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__svg02::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.topPageSec .topPageMiso__svg03 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.topPageSec .topPageMiso__svg03::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17.2822L10 8.64101L-8.74228e-07 -0.000214775L0 17.2822L20 17.2822Z' fill='%239B2422'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__svg03::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.topPageSec .topPageMiso__svg04 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.topPageSec .topPageMiso__svg04::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17.2822L10 8.64101L20 -0.000214775L20 17.2822L0 17.2822Z' fill='%239B2422'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__svg04::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.topPageSec .topPageMiso__img01 {
  display: block;
  width: 8.3rem;
  height: 3.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 1.2rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__img01 {
    width: 6.5rem;
    height: 3rem;
    margin: 0 auto 1.2rem;
  }
}
.topPageSec .topPageMiso__infoTtle {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  color: #501312;
  text-align: center;
  border-bottom: 0.1rem solid #9B2422;
  padding: 0 0 2.8rem;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__infoTtle {
    font-size: 2rem;
    padding: 0 0 2.2rem;
  }
}
.topPageSec .topPageMiso__infoDescription {
  font-size: 1.4rem;
  line-height: 2.57;
  color: #501312;
  margin: 0 0 5.4rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__infoDescription {
    font-size: 1.5rem;
    line-height: 2.15;
    letter-spacing: 0.08em;
    margin: 0;
  }
}
.topPageSec .topPageMiso__btn {
  padding: 0 1rem 0 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.topPageSec .topPageMiso__btn .u-btn {
  width: 12.8rem;
  display: block;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__btn {
    width: 100%;
    padding: 3.9rem 0 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .topPageSec .topPageMiso__btn .u-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.topPageSec .topPageMiso__imgs01 {
  width: 62.5rem;
  height: 76.2rem;
  z-index: 3;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  position: absolute;
  top: 0;
  left: -0.8rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__imgs01 {
    width: 30.5rem;
    height: 37.2rem;
    left: -0.3rem;
  }
}
.topPageSec .topPageMiso__imgs02 {
  width: 60rem;
  height: 75.2rem;
  z-index: 2;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  top: 2.6rem;
  left: 3.7rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__imgs02 {
    width: 30.5rem;
    height: 37.2rem;
    top: 2.3rem;
    left: 1.8rem;
  }
}
.topPageSec .topPageMiso__imgs03 {
  width: 62.5rem;
  height: 75.2rem;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  position: absolute;
  top: 3.9rem;
  left: 4.4rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__imgs03 {
    width: 30.5rem;
    height: 37rem;
    top: 4.6rem;
    left: 3.7rem;
  }
}
.topPageSec .topPageMiso .js-inview[data-inview] {
  opacity: 0;
}
.topPageSec .topPageMiso .is-inview[data-inview] {
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}
.topPageSec .topPageMiso .p-home_history_info_image {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso .p-home_history_info_image {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }
}
.topPageSec .topPageMiso .p-home_history_info_image img {
  position: absolute;
}
.topPageSec .topPageMiso .p-home_history_info_image img.is-first {
  -webkit-animation: historyImage1 2s cubic-bezier(0, 0, 0.32, 1) both;
          animation: historyImage1 2s cubic-bezier(0, 0, 0.32, 1) both;
}
.topPageSec .topPageMiso .p-home_history_info_image img.is-second {
  z-index: 2;
  -webkit-animation: historyImage2 1.8s both;
          animation: historyImage2 1.8s both;
}
.topPageSec .topPageMiso .p-home_history_info_image img.is-third {
  -webkit-animation: historyImage3 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) both;
          animation: historyImage3 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
@-webkit-keyframes historyImage1 {
  0% {
    opacity: 0.8;
    z-index: 2;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    z-index: 3;
  }
}
@keyframes historyImage1 {
  0% {
    opacity: 0.8;
    z-index: 2;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    z-index: 3;
  }
}
@-webkit-keyframes historyImage2 {
  0% {
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 2;
  }
}
@keyframes historyImage2 {
  0% {
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 2;
  }
}
@-webkit-keyframes historyImage3 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    z-index: 3;
  }
  40% {
    -webkit-transform: translate(-5%, 0%);
            transform: translate(-5%, 0%);
    opacity: 0;
    z-index: 2;
  }
  40.1% {
    -webkit-transform: translate(-10%, 0%);
            transform: translate(-10%, 0%);
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@keyframes historyImage3 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    z-index: 3;
  }
  40% {
    -webkit-transform: translate(-5%, 0%);
            transform: translate(-5%, 0%);
    opacity: 0;
    z-index: 2;
  }
  40.1% {
    -webkit-transform: translate(-10%, 0%);
            transform: translate(-10%, 0%);
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
.topPageSec .topPageMiso__cloud01 {
  z-index: 4;
  position: absolute;
  top: 0.5rem;
  left: -5rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__cloud01 {
    left: -2.5rem;
  }
}
.topPageSec .topPageMiso__cloud01 svg {
  width: 10.7rem;
}
.topPageSec .topPageMiso__svgHeader {
  position: absolute;
  bottom: -3rem;
  left: -5rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageMiso__svgHeader {
    bottom: -7.5rem;
    right: -2rem;
    left: auto;
  }
}
.topPageSec .topPageMiso__svgHeader svg {
  width: 21rem;
}
.topPageSec .topPageStoreInfo {
  max-width: 144rem;
  margin: 0 auto 17.3rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo {
    margin: 0 0 11rem;
  }
}
.topPageSec .topPageStoreInfo__inner {
  width: 100%;
  padding: 0 0 0 8.8rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__inner {
    padding: 0 0 0 2rem;
  }
}
.topPageSec .topPageStoreInfo__mapTableP {
  gap: 17.7rem;
  margin: 0 0 14rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__mapTableP {
    margin: 0 0 4.2rem;
    gap: 5.6rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageStoreInfo__mapTableP > :nth-child(1) {
  width: 21rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__mapTableP > :nth-child(1) {
    margin: 0 0 0 -2rem;
  }
}
.topPageSec .topPageStoreInfo__mapTableP > :nth-child(1) .u-labelTitle {
  width: 21rem;
}
.topPageSec .topPageStoreInfo__mapTableP > :nth-child(2) {
  padding: 15.8rem 0 0 0;
  width: calc(100% - 17rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__mapTableP > :nth-child(2) {
    width: 100%;
    padding: 0;
  }
}
.topPageSec .topPageStoreInfo__img01 {
  width: 30rem;
  height: 56rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  position: absolute;
  top: 15rem;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__img01 {
    display: none;
  }
}
.topPageSec .topPageStoreInfo__table {
  gap: 1.5rem;
  margin: 0 0 4.2rem;
  padding: 0 9.5rem 0 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__table {
    padding: 1.2rem 2rem 0 0;
    margin: 0 0 4rem;
    border-top: 0.1rem solid rgba(124, 118, 107, 0.15);
  }
}
.topPageSec .topPageStoreInfo__tableList {
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.15);
  padding: 0 0 1.7rem;
  gap: 4.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__tableList {
    gap: 1.5rem;
    padding: 0 0 1.1rem;
  }
}
.topPageSec .topPageStoreInfo__tableList > :nth-child(1) {
  width: 8rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.25;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__tableList > :nth-child(1) {
    font-size: 1.5rem;
  }
}
.topPageSec .topPageStoreInfo__tableList > :nth-child(2) {
  width: calc(100% - 8rem);
  font-size: 1.6rem;
  line-height: 1.75;
  color: #7C766B;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__tableList > :nth-child(2) {
    font-size: 1.5rem;
    line-height: 1.77;
  }
}
.topPageSec .topPageStoreInfo__map {
  width: 100%;
}
.topPageSec .topPageStoreInfo__map iframe {
  width: 100%;
  height: 50rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__map iframe {
    height: 30rem;
  }
}
.topPageSec .topPageStoreInfo__contacts {
  padding: 0 0 0 3.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__contacts {
    padding: 0;
  }
}
.topPageSec .topPageStoreInfo__cloud {
  position: absolute;
  top: -8.5rem;
  left: -12rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__cloud {
    display: none;
  }
}
.topPageSec .topPageStoreInfo__cloud svg {
  width: 20rem;
}
.topPageSec .topPageStoreInfo__h4 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0;
  margin: 0 0 4.8rem;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__h4 {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
}
.topPageSec .topPageStoreInfo__lists {
  margin: 0 0 8.8rem;
}
.topPageSec .topPageStoreInfo__items {
  width: 100%;
  min-height: 17.6rem;
  overflow: hidden;
  border-bottom: 0.1rem solid #fff;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__items {
    min-height: 16.7rem;
  }
}
.topPageSec .topPageStoreInfo__items:hover {
  opacity: 1;
}
.topPageSec .topPageStoreInfo__items:hover .u-btn::before {
  left: 1rem;
}
.topPageSec .topPageStoreInfo__items:hover .u-btn::after {
  right: -1.02rem;
}
.topPageSec .topPageStoreInfo__contactP {
  position: relative;
}
.topPageSec .topPageStoreInfo__contactP:hover .topPageStoreInfo__contactLoc {
  background: rgba(0, 0, 0, 0.6);
}
.topPageSec .topPageStoreInfo__contactLoc {
  width: 100%;
  min-height: 17.6rem;
  padding: 4rem 14.5rem 4.5rem 5.4rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__contactLoc {
    min-height: 16.7rem;
    padding: 3rem 10rem 3.5rem 3rem;
  }
}
.topPageSec .topPageStoreInfo__contactLoc > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__contactLoc > :nth-child(1) {
    font-size: 2rem;
    line-height: 1.77;
  }
}
.topPageSec .topPageStoreInfo__contactLoc > :nth-child(2) {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__contactLoc > :nth-child(2) {
    font-size: 1.5rem;
  }
}
.topPageSec .topPageStoreInfo__contactLoc > :nth-child(3) {
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-transform: translateY(0.6rem);
          transform: translateY(0.6rem);
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__contactLoc > :nth-child(3) {
    font-size: 1.5rem;
  }
}
.topPageSec .topPageStoreInfo__imgItem {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.topPageSec .topPageStoreInfo__img02 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.topPageSec .topPageStoreInfo__arrow {
  min-width: 8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 5.5rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__arrow {
    right: 2rem;
    min-width: 4.2rem;
  }
}
.topPageSec .topPageStoreInfo__arrow .u-btn {
  min-width: 8rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__arrow .u-btn {
    min-width: 4.2rem;
  }
}
.topPageSec .topPageStoreInfo__btn {
  padding: 0 0 0 8.8rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageStoreInfo__btn {
    padding: 0 2.3rem 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: -4.7rem auto 0;
  }
}
.topPageSec .topPageOnlineShop {
  overflow: hidden;
  position: relative;
  min-height: 56rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop {
    min-height: 47.3rem;
  }
}
.topPageSec .topPageOnlineShop__kvImg {
  width: 100%;
  min-height: 56rem;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__kvImg {
    min-height: 47.3rem;
  }
}
.topPageSec .topPageOnlineShop__innerParent {
  width: 100%;
  display: block;
  min-height: 56rem;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__innerParent {
    min-height: 47.3rem;
  }
}
.topPageSec .topPageOnlineShop__innerParent:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}
.topPageSec .topPageOnlineShop__innerParent:hover .u-btn::before {
  left: 1rem;
}
.topPageSec .topPageOnlineShop__innerParent:hover .u-btn::after {
  right: -1.02rem;
}
.topPageSec .topPageOnlineShop__inner {
  max-width: 144rem;
  min-height: 56rem;
  margin: 0 auto;
  padding: 9rem 11.5rem 9rem 16rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__inner {
    padding: 5.2rem 3.5rem 5rem;
    min-height: 47.3rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topPageSec .topPageOnlineShop__ttle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__ttle {
    font-size: 2.8rem;
    margin: 0 0 0.5rem;
  }
}
.topPageSec .topPageOnlineShop__ttle .u-btn {
  width: 4.3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -6rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__ttle .u-btn {
    width: 3.6rem;
    right: -4.5rem;
  }
}
.topPageSec .topPageOnlineShop__ttle .u-btn::after {
  width: 2.1rem;
  height: 2rem;
  position: absolute;
  right: -0.02rem;
  bottom: -0.1rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__ttle .u-btn::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.topPageSec .topPageOnlineShop__subTtle {
  font-size: 1.8rem;
  font-family: "EB Garamond", serif;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__subTtle {
    margin: 0 0 1.9rem;
    font-style: italic;
  }
}
.topPageSec .topPageOnlineShop__description {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__description {
    font-size: 1.5rem;
    margin: 0 0 2.7rem;
  }
}
.topPageSec .topPageOnlineShop__img01 {
  width: 54rem;
  height: 38rem;
  border-radius: 0.9rem;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPageSec .topPageOnlineShop__img01 {
    width: 100%;
    height: 21.5rem;
  }
}

.companyPageSec .companyPagePhil {
  max-width: 144rem;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPagePhil {
    margin: 7rem auto 0;
  }
}
.companyPageSec .companyPagePhil__inner {
  max-width: 57.6rem;
  margin: 11.2rem auto 22rem;
  gap: 6.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPagePhil__inner {
    gap: 5.8rem;
    margin: 7.5rem 0 8rem;
    padding: 0 2.4rem;
  }
}
.companyPageSec .companyPagePhil__inner div {
  width: 4.9rem;
  height: 0.1rem;
  background: #BD9C66;
}
.companyPageSec .companyPagePhil__description {
  font-size: 2.8rem;
  letter-spacing: 0.16em;
  line-height: 1.76;
  color: #7C766B;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPagePhil__description {
    font-size: 2rem;
    font-weight: 500;
  }
}
.companyPageSec .companyPagePhil__svgHeader1 {
  width: 22.5rem;
  height: 11.9rem;
  position: absolute;
  top: 4.5rem;
  right: -5.6rem;
}
.companyPageSec .companyPagePhil__svgHeader1 svg {
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPagePhil__svgHeader1 {
    top: 6.5rem;
    right: -12.6rem;
  }
  .companyPageSec .companyPagePhil__svgHeader1 svg {
    width: 15rem;
  }
}
.companyPageSec .companyPagePhil__svgHeader2 {
  width: 22.5rem;
  height: 11.9rem;
  position: absolute;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  bottom: 1.5rem;
  left: -2.6rem;
}
.companyPageSec .companyPagePhil__svgHeader2 svg {
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPagePhil__svgHeader2 {
    bottom: -4.8rem;
    left: -10.6rem;
  }
  .companyPageSec .companyPagePhil__svgHeader2 svg {
    width: 15rem;
  }
}
.companyPageSec .companyPageKV {
  margin: 0 0 21.8rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageKV {
    margin: 0 0 12rem;
  }
}
.companyPageSec .companyPageKV__kv {
  width: 100%;
  height: 24rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageKV__kv {
    height: 24rem;
  }
}
.companyPageSec .companyPageMission {
  max-width: 144rem;
  margin: 0 auto;
  position: relative;
}
.companyPageSec .companyPageMission__inner {
  max-width: 90rem;
  margin: 0 auto 21.8rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageMission__inner {
    margin: 0 auto 12rem;
  }
}
.companyPageSec .companyPageMission__ttle {
  font-size: 2.4rem;
  letter-spacing: 0.12em;
  line-height: 1.76;
  color: #7C766B;
  margin: 8.4rem 0 6rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageMission__ttle {
    font-size: 1.8rem;
    margin: 8.7rem 0 4rem;
    font-weight: 500;
    padding: 0 2.9rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.companyPageSec .companyPageMission__description {
  max-width: 72rem;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 2.5;
  color: #7C766B;
  margin: 0 auto 4.1rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageMission__description {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 auto 4.6rem;
    padding: 0 2.9rem;
    letter-spacing: 0;
    line-height: 2.18;
  }
}
.companyPageSec .companyPageMission__img {
  max-width: 72rem;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageMission__img {
    height: 40rem;
  }
}
.companyPageSec .companyPageInfo {
  max-width: 144rem;
  margin: 0 auto;
  position: relative;
}
.companyPageSec .companyPageInfo__cloud {
  position: absolute;
  top: -16rem;
  right: -1.5rem;
}
.companyPageSec .companyPageInfo__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__cloud {
    top: -16rem;
    right: -1.5rem;
    display: none;
  }
  .companyPageSec .companyPageInfo__cloud svg {
    width: 10.4rem;
  }
}
.companyPageSec .companyPageInfo__cloud2 {
  position: absolute;
  bottom: 8.5rem;
  left: -3.5rem;
}
.companyPageSec .companyPageInfo__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__cloud2 {
    top: -16rem;
    right: -1.5rem;
    display: none;
  }
  .companyPageSec .companyPageInfo__cloud2 svg {
    width: 10.4rem;
  }
}
.companyPageSec .companyPageInfo__inner {
  max-width: 71rem;
  margin: 0 auto 12.8rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__inner {
    margin: 0 0 3.2rem;
    padding: 0 2rem;
  }
}
.companyPageSec .companyPageInfo__lists {
  width: 100%;
  margin: 8.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__lists {
    margin: 6.1rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__lists > :nth-child(1) {
    border-top: 0.1rem solid rgba(124, 118, 107, 0.2);
  }
}
.companyPageSec .companyPageInfo__lists > :nth-child(1) div {
  border-top: 0.1rem solid rgba(124, 118, 107, 0.2);
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__lists > :nth-child(1) div {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__lists > :last-child {
    border: none !important;
  }
}
.companyPageSec .companyPageInfo__items {
  width: 100%;
  gap: 4.9rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__items {
    gap: 2.5rem;
    border-bottom: 0.1rem solid rgba(124, 118, 107, 0.2);
  }
}
.companyPageSec .companyPageInfo__items > :nth-child(1) {
  padding: 1.98rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #7C766B;
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.2);
  width: 16rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__items > :nth-child(1) {
    width: 7.2rem;
    font-size: 1.5rem;
    padding: 2rem 0;
    border: none;
  }
}
.companyPageSec .companyPageInfo__items > :nth-child(2) {
  padding: 1.98rem 0;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  color: #7C766B;
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.2);
  width: calc(100% - 16rem);
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo__items > :nth-child(2) {
    width: calc(100% - 8.2rem);
    font-size: 1.5rem;
    padding: 2rem 0;
    border: none;
  }
}
.companyPageSec .companyPageInfo iframe {
  width: 100%;
  height: 24.8rem;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 768px) {
  .companyPageSec .companyPageInfo iframe {
    height: 31.7rem;
    margin: 0 0 8rem;
  }
}

.philosophyPageSec .philosophyPageInfo {
  max-width: 144rem;
  margin: 16rem auto 18rem;
  padding: 0 9.5rem;
  gap: 17.7rem;
  color: #7C766B !important;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo {
    gap: 11rem;
    margin: 7.5rem 0 12rem;
    padding: 0;
  }
}
.philosophyPageSec .philosophyPageInfo__cloud {
  position: absolute;
  top: -6.8rem;
  right: -3rem;
}
.philosophyPageSec .philosophyPageInfo__cloud svg {
  width: 15.4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__cloud {
    top: -9.2rem;
    right: -1.5rem;
  }
  .philosophyPageSec .philosophyPageInfo__cloud svg {
    width: 10.4rem;
  }
}
.philosophyPageSec .philosophyPageInfo__cloud2 {
  -webkit-transform: translateY(-36%);
          transform: translateY(-36%);
  position: absolute;
  top: 50%;
  left: -2rem;
}
.philosophyPageSec .philosophyPageInfo__cloud2 svg {
  width: 15.4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__cloud2 {
    top: 49.5%;
    left: -3.5rem;
  }
  .philosophyPageSec .philosophyPageInfo__cloud2 svg {
    width: 10.4rem;
  }
}
.philosophyPageSec .philosophyPageInfo__cloud3 {
  position: absolute;
  bottom: -17.7rem;
  right: -3rem;
}
.philosophyPageSec .philosophyPageInfo__cloud3 svg {
  width: 15.4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__cloud3 {
    bottom: -10.6rem;
    right: -1.8rem;
  }
  .philosophyPageSec .philosophyPageInfo__cloud3 svg {
    width: 10.4rem;
  }
}
.philosophyPageSec .philosophyPageInfo__ttle {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 0;
  margin: 0 0 8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__ttle {
    font-size: 1.8rem;
    margin: 0 0 4.3rem;
    line-height: normal;
    letter-spacing: 0;
    padding: 0 3.3rem;
  }
}
.philosophyPageSec .philosophyPageInfo__description {
  width: 55rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  margin: 0 auto 6.1rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__description {
    width: 100%;
    padding: 0 3.5rem;
    font-size: 1.5rem;
    line-height: 2.15;
    margin: 0 auto 7.7rem;
    text-align: center;
  }
}
.philosophyPageSec .philosophyPageInfo__img {
  width: 100%;
  height: 36.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageInfo__img {
    height: 24rem;
  }
}
.philosophyPageSec .philosophyPageCommit {
  max-width: 144rem;
  padding: 0 14.5rem;
  margin: 0 auto 14rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit {
    padding: 0;
    margin: 0 0 12rem;
  }
}
.philosophyPageSec .philosophyPageCommit__cloud1 {
  -webkit-transform: translateY(-37%);
          transform: translateY(-37%);
  position: absolute;
  top: 43%;
  left: -4rem;
}
.philosophyPageSec .philosophyPageCommit__cloud1 svg {
  width: 15.4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__cloud1 {
    top: 39.2%;
    left: -4rem;
  }
  .philosophyPageSec .philosophyPageCommit__cloud1 svg {
    width: 10.4rem;
  }
}
.philosophyPageSec .philosophyPageCommit__svgHeader1 {
  width: 22.5rem;
  height: 11.9rem;
  position: absolute;
  bottom: 19%;
  right: -3rem;
}
.philosophyPageSec .philosophyPageCommit__svgHeader1 svg {
  width: 22.5rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__svgHeader1 {
    bottom: 20.8%;
    right: -13rem;
  }
  .philosophyPageSec .philosophyPageCommit__svgHeader1 svg {
    width: 15rem;
  }
}
.philosophyPageSec .philosophyPageCommit__svgHeader2 {
  width: 22.5rem;
  height: 11.9rem;
  position: absolute;
  bottom: -6.5rem;
  left: -1.6rem;
}
.philosophyPageSec .philosophyPageCommit__svgHeader2 svg {
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__svgHeader2 {
    left: -5rem;
  }
  .philosophyPageSec .philosophyPageCommit__svgHeader2 svg {
    width: 15rem;
  }
}
.philosophyPageSec .philosophyPageCommit__inner {
  margin: 14.9rem 0 0;
  gap: 18rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__inner {
    margin: 7.2rem 0 0;
    gap: 10.5rem;
  }
}
.philosophyPageSec .philosophyPageCommit__info {
  width: 100%;
  margin: 0 0 10rem;
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__info {
    gap: 7.9rem;
    margin: 0 0 6rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.philosophyPageSec .philosophyPageCommit__info > :nth-child(1) {
  width: 55.6rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__info > :nth-child(1) {
    width: 100%;
    padding: 0 2rem 0 0;
  }
}
.philosophyPageSec .philosophyPageCommit__info > :nth-child(2) {
  width: calc(100% - 63.6rem);
  padding: 8rem 0 0;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__info > :nth-child(2) {
    width: 100%;
    padding: 0 3.5rem;
  }
}
.philosophyPageSec .philosophyPageCommit__info.flexReverse {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__info.flexReverse {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.philosophyPageSec .philosophyPageCommit__img {
  width: 100%;
  height: 32.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__img {
    height: 20.7rem;
  }
}
.philosophyPageSec .philosophyPageCommit__ttle {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 1.7;
  color: #7C766B;
  margin: 0 0 6rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__ttle {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 4rem;
  }
}
.philosophyPageSec .philosophyPageCommit__description {
  font-size: 1.6rem;
  line-height: 2.45;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__description {
    font-size: 1.5rem;
    line-height: 2.17;
  }
}
.philosophyPageSec .philosophyPageCommit__additional {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.12em;
  margin: 0 0 1.2rem;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__additional {
    font-size: 1.6rem;
    margin: 0 0 1.8rem;
    font-weight: 500;
  }
}
.philosophyPageSec .philosophyPageCommit__infoLists {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__infoLists {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0 2rem;
  }
}
.philosophyPageSec .philosophyPageCommit__infoLists > :nth-child(2) {
  border-right: 0.1rem solid #fff;
  border-left: 0.1rem solid #fff;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__infoLists > :nth-child(2) {
    border-right: none;
    border-left: none;
    border-top: 0.1rem solid #fff;
    border-bottom: 0.1rem solid #fff;
  }
}
.philosophyPageSec .philosophyPageCommit__contParent {
  height: 100%;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__contParent {
    min-height: 50.4rem;
  }
  .philosophyPageSec .philosophyPageCommit__contParent.padd50 {
    min-height: 56.8rem;
  }
}
.philosophyPageSec .philosophyPageCommit__infoItems {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.philosophyPageSec .philosophyPageCommit__img02 {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.philosophyPageSec .philosophyPageCommit__content {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  padding: 8rem 4rem 8.6rem 4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__content {
    padding: 4rem 3rem;
  }
}
.philosophyPageSec .philosophyPageCommit__content.padd50 {
  padding: 5rem 4rem 5rem 4rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__content.padd50 {
    padding: 4rem 3rem;
  }
}
.philosophyPageSec .philosophyPageCommit__contTtle {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin: 0 0 5.6rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__contTtle {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin: 0 0 4.3rem;
  }
}
.philosophyPageSec .philosophyPageCommit__contDescription {
  font-size: 1.6rem;
  line-height: 2.5;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__contDescription {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.14;
  }
}
.philosophyPageSec .philosophyPageCommit__contSubDescription {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 1.6rem 0 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__contSubDescription {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 1.2rem 0 0;
  }
}
.philosophyPageSec .philosophyPageCommit__potInfo {
  gap: 13.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__potInfo {
    gap: 8rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.philosophyPageSec .philosophyPageCommit__potInfo > :nth-child(1) {
  width: 50rem;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__potInfo > :nth-child(1) {
    width: 100%;
    padding: 0 2rem 0 0;
  }
}
.philosophyPageSec .philosophyPageCommit__potInfo > :nth-child(2) {
  width: calc(100% - 64rem);
  padding: 8rem 0 0;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__potInfo > :nth-child(2) {
    width: 100%;
    padding: 0 3.5rem;
  }
}
.philosophyPageSec .philosophyPageCommit__img03 {
  width: 100%;
  height: 57.2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .philosophyPageSec .philosophyPageCommit__img03 {
    height: 40.6rem;
  }
}

.aboutPageSec .aboutPageGreet {
  max-width: 144rem;
  margin: 10.7rem auto 23.3rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet {
    margin: 7rem 0 12rem;
  }
}
.aboutPageSec .aboutPageGreet__cloud {
  position: absolute;
  bottom: 7.8rem;
  right: -2.2rem;
}
.aboutPageSec .aboutPageGreet__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__cloud {
    bottom: 8rem;
  }
  .aboutPageSec .aboutPageGreet__cloud svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageGreet__inner {
  width: 100%;
  padding: 0 14.5rem 0 18rem;
  gap: 10rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__inner {
    padding: 0 2rem;
    gap: 2.4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageGreet__inner > :nth-child(1) {
  width: 40rem;
  padding: 8.8rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__inner > :nth-child(1) {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.aboutPageSec .aboutPageGreet__inner > :nth-child(2) {
  width: calc(100% - 50rem);
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__inner > :nth-child(2) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageGreet__description {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  color: #7C766B;
  margin: 8.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__description {
    font-size: 1.5rem;
    line-height: 2.13;
    margin: 7.2rem 0 0;
  }
}
.aboutPageSec .aboutPageGreet__img {
  width: 100%;
  height: 83.3rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageGreet__img {
    height: 52.8rem;
  }
}
.aboutPageSec .aboutPageHistory {
  color: #7C766B;
  max-width: 144rem;
  margin: 0 auto 22rem;
  padding: 0 9.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory {
    margin: 0 0 8.8rem;
    padding: 0 2rem;
  }
}
.aboutPageSec .aboutPageHistory__cloud {
  position: absolute;
  top: 27%;
  left: -2.2rem;
}
.aboutPageSec .aboutPageHistory__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__cloud svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageHistory__cloud2 {
  position: absolute;
  top: 44.2%;
  right: -2.2rem;
}
.aboutPageSec .aboutPageHistory__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__cloud2 svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageHistory__cloud3 {
  position: absolute;
  top: 65.7%;
  left: -2.2rem;
}
.aboutPageSec .aboutPageHistory__cloud3 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__cloud3 svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageHistory__subTtle {
  width: 71rem;
  margin: 8.5rem auto 12rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__subTtle {
    font-size: 1.5rem;
    width: 100%;
    line-height: 2.13;
    padding: 0 1.7rem;
    margin: 6.8rem auto 8rem;
  }
}
.aboutPageSec .aboutPageHistory__frameTtle {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frameTtle {
    font-size: 1.8rem;
  }
}
.aboutPageSec .aboutPageHistory__frameTtle span {
  font-size: 7rem;
  font-family: "EB Garamond", serif;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0;
  margin: 0 0 0 -2rem;
  opacity: 0.3;
  color: #B38F55;
  display: inline-block;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frameTtle span {
    font-size: 4.5rem;
    margin: 0 0 0 -2rem;
  }
}
.aboutPageSec .aboutPageHistory__frameSubTtle {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frameSubTtle {
    font-size: 1.5rem;
    line-height: 2.13;
  }
}
.aboutPageSec .aboutPageHistory__frameAnnolm {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 1.6rem 0 0;
}
.aboutPageSec .aboutPageHistory__frame1 {
  margin: 0 0 18rem;
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame1 {
    margin: 0 0 8.6rem;
    gap: 3.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageHistory__frame1 > :nth-child(1) {
  width: 73rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame1 > :nth-child(1) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageHistory__frame1 > :nth-child(2) {
  width: 40rem;
  margin: 8rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame1 > :nth-child(2) {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }
}
.aboutPageSec .aboutPageHistory__frame1 img {
  width: 100%;
  height: 42.7rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame1 img {
    height: 19.6rem;
  }
}
.aboutPageSec .aboutPageHistory__frame2 {
  margin: 0 0 15.4rem;
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame2 {
    margin: 0 0 9.2rem;
    gap: 3.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageHistory__frame2 > :nth-child(1) {
  width: 55.2rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame2 > :nth-child(1) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageHistory__frame2 > :nth-child(2) {
  width: 50rem;
  margin: 8rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame2 > :nth-child(2) {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }
}
.aboutPageSec .aboutPageHistory__frame2 img {
  width: 100%;
  height: 56rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame2 img {
    height: 19.6rem;
  }
}
.aboutPageSec .aboutPageHistory__frame3 {
  margin: 0 0 12.5rem;
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame3 {
    margin: 0 0 8.8rem;
    gap: 3.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageHistory__frame3 > :nth-child(1) {
  width: 69rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame3 > :nth-child(1) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageHistory__frame3 > :nth-child(2) {
  width: 48rem;
  margin: 8rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame3 > :nth-child(2) {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }
}
.aboutPageSec .aboutPageHistory__frame3 img {
  width: 100%;
  height: 40.3rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame3 img {
    height: 19.6rem;
  }
}
.aboutPageSec .aboutPageHistory__frame4 {
  margin: 0 0 17.8rem;
  gap: 21.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame4 {
    margin: 0 0 8.7rem;
    gap: 3.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageHistory__frame4 > :nth-child(1) {
  width: 52rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame4 > :nth-child(1) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageHistory__frame4 > :nth-child(2) {
  width: 40rem;
  margin: 13.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame4 > :nth-child(2) {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }
}
.aboutPageSec .aboutPageHistory__frame4 img {
  width: 100%;
  height: 56rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame4 img {
    height: 19.6rem;
  }
}
.aboutPageSec .aboutPageHistory__frame5 {
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame5 {
    margin: 0 0 8rem;
    gap: 3.2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.aboutPageSec .aboutPageHistory__frame5 > :nth-child(1) {
  width: 83rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame5 > :nth-child(1) {
    width: 100%;
  }
}
.aboutPageSec .aboutPageHistory__frame5 > :nth-child(2) {
  width: 34rem;
  margin: 3.3rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame5 > :nth-child(2) {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }
}
.aboutPageSec .aboutPageHistory__frame5 img {
  width: 100%;
  height: 44rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageHistory__frame5 img {
    height: 19.6rem;
  }
}
.aboutPageSec .aboutPageTimeLine {
  background: #333333;
  padding: 8rem 0 6.8rem;
  margin: 0 0 0.8rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine {
    padding: 5rem 0 5rem;
  }
}
.aboutPageSec .aboutPageTimeLine__cloud {
  position: absolute;
  top: 4.6rem;
  right: -2.2rem;
}
.aboutPageSec .aboutPageTimeLine__cloud svg {
  width: 15.7rem;
}
.aboutPageSec .aboutPageTimeLine__cloud svg path {
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__cloud {
    top: 2.8rem;
    right: -3.2rem;
  }
  .aboutPageSec .aboutPageTimeLine__cloud svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageTimeLine__cloud2 {
  position: absolute;
  bottom: 6.2rem;
  left: -4.2rem;
}
.aboutPageSec .aboutPageTimeLine__cloud2 svg {
  width: 15.7rem;
}
.aboutPageSec .aboutPageTimeLine__cloud2 svg path {
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__cloud2 {
    bottom: 1.7rem;
    left: -2.6rem;
  }
  .aboutPageSec .aboutPageTimeLine__cloud2 svg {
    width: 10.4rem;
  }
}
.aboutPageSec .aboutPageTimeLine .u-labelTitleV2__ttle, .aboutPageSec .aboutPageTimeLine .u-labelTitleV2__subTtle {
  color: #fff;
}
.aboutPageSec .aboutPageTimeLine .aboutPageSwiper {
  width: 100%;
  padding: 0 1rem 0 14.5rem;
  margin: 10.1rem 0 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine .aboutPageSwiper {
    padding: 0 1rem 0 3.5rem;
    margin: 5.8rem 0 0;
    width: auto;
  }
}
.aboutPageSec .aboutPageTimeLine__slider {
  width: 100%;
  height: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.aboutPageSec .aboutPageTimeLine__pointers {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 -1.5rem;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__pointers {
    margin: 0 0 0 -1rem;
    gap: 0;
  }
}
.aboutPageSec .aboutPageTimeLine__yearDate {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 6.4rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__yearDate {
    font-size: 1.6rem;
  }
}
.aboutPageSec .aboutPageTimeLine__point {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='55' viewBox='0 0 20 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='10' y1='19' x2='10' y2='55' stroke='white' stroke-dasharray='4 4'/%3E%3Crect x='10' y='0.833008' width='13.3333' height='13.3333' transform='rotate(45 10 0.833008)' fill='%23B38F55'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 2rem;
  height: 5.5rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__point {
    width: 1.5rem;
    height: 4.5rem;
  }
}
.aboutPageSec .aboutPageTimeLine .swiper-wrapper {
  position: relative;
}
.aboutPageSec .aboutPageTimeLine .swiper-wrapper > :nth-child(1) .aboutPageTimeLine__content {
  width: 100%;
  padding: 4rem 3.2rem 4rem 4rem;
}
.aboutPageSec .aboutPageTimeLine .swiper-wrapper > :nth-child(1) .aboutPageTimeLine__longLine {
  left: 3rem;
}
.aboutPageSec .aboutPageTimeLine .swiper-wrapper > :last-child::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11C6.79155 8.00007 3.5 6 0.5 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 3rem;
  display: block;
  position: absolute;
  right: 0;
  top: 6.9rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine .swiper-wrapper > :last-child::after {
    width: 1.5rem;
    top: 5.9rem;
  }
}
.aboutPageSec .aboutPageTimeLine__longLine {
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 8.6rem;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__longLine {
    top: 7.12rem;
  }
}
.aboutPageSec .aboutPageTimeLine__content {
  width: 100%;
  padding: 4rem 3.2rem 4rem;
  background: #fff;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__content {
    padding: 3.2rem !important;
    margin: -0.1rem 0 0;
  }
}
.aboutPageSec .aboutPageTimeLine__line {
  width: 1px;
  height: 80%;
  background: rgba(124, 118, 107, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  right: 0;
  top: 50%;
}
.aboutPageSec .aboutPageTimeLine__ttle {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.66;
  color: #7C766B;
  margin: 0 0 3.2rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__ttle {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
}
.aboutPageSec .aboutPageTimeLine__description {
  font-size: 1.6rem;
  line-height: 2.25;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__description {
    font-size: 1.5rem;
    line-height: 2.11;
  }
}
.aboutPageSec .aboutPageTimeLine__navigation {
  margin: 5.4rem 0 0;
  padding: 0 8.2rem 0;
  gap: 2.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageTimeLine__navigation {
    margin: 3.8rem 0 0;
    padding: 0 1rem 0;
  }
}
.aboutPageSec .aboutPageTimeLine .swiper-button-next-timeline {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='12' viewBox='0 0 47 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11H46C40.7915 8.00007 37.5 6 34.5 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.5rem;
  height: 2rem;
  display: block;
}
.aboutPageSec .aboutPageTimeLine .swiper-button-next-timeline.swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='12' viewBox='0 0 47 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M1 11H46C40.7915 8.00007 37.5 6 34.5 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.aboutPageSec .aboutPageTimeLine .swiper-button-prev-timeline {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='12' viewBox='0 0 47 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 11H1C6.20845 8.00007 9.5 6 12.5 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.5rem;
  height: 2rem;
  display: block;
}
.aboutPageSec .aboutPageTimeLine .swiper-button-prev-timeline.swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='12' viewBox='0 0 47 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M46 11H1C6.20845 8.00007 9.5 6 12.5 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.aboutPageSec .aboutPageDirection {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .aboutPageSec .aboutPageDirection {
    margin-bottom: 8rem;
  }
}

.privacyPageSec__inner {
  max-width: 100rem;
  margin: 12.8rem auto 11rem;
  gap: 6rem;
  color: #7C766B;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .privacyPageSec__inner {
    margin: 7rem 0 8rem;
    padding: 0 2rem 0;
    gap: 5rem;
  }
}
.privacyPageSec__cloud {
  position: absolute;
  top: -7rem;
  right: -26.2rem;
}
.privacyPageSec__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .privacyPageSec__cloud {
    display: none;
  }
  .privacyPageSec__cloud svg {
    width: 10.4rem;
  }
}
.privacyPageSec__items {
  gap: 2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.privacyPageSec__ttle {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .privacyPageSec__ttle {
    font-size: 1.5rem;
    font-weight: bold;
  }
}
.privacyPageSec__description {
  font-size: 1.4rem;
  line-height: 2.53;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .privacyPageSec__description {
    font-size: 1.4rem;
    line-height: 2.1;
  }
}

.lawPageSec__cloud {
  position: absolute;
  top: -8rem;
  right: -40.2rem;
}
.lawPageSec__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .lawPageSec__cloud {
    display: none;
  }
  .lawPageSec__cloud svg {
    width: 10.4rem;
  }
}
.lawPageSec__cloud02 {
  position: absolute;
  bottom: 1rem;
  left: -41.2rem;
}
.lawPageSec__cloud02 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .lawPageSec__cloud02 {
    display: none;
  }
  .lawPageSec__cloud02 svg {
    width: 10.4rem;
  }
}
.lawPageSec__inner {
  max-width: 71.5rem;
  margin: 14.2rem auto 11rem;
  gap: 6rem;
  color: #7C766B;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lawPageSec__inner {
    margin: 7.1rem auto 8rem;
    padding: 0 2rem;
  }
}
.lawPageSec__inner > :nth-child(3) div {
  border-top: 0.1rem solid rgba(109, 99, 80, 0.2);
}
@media screen and (max-width: 768px) {
  .lawPageSec__inner > :nth-child(3) div {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .lawPageSec__inner > :nth-child(3) {
    border-top: 0.1rem solid rgba(109, 99, 80, 0.2);
  }
}
.lawPageSec__items {
  gap: 5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .lawPageSec__items {
    gap: 1.4rem;
    border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
  }
}
.lawPageSec__items > :nth-child(1) {
  width: 16rem;
  border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 2rem 0;
}
@media screen and (max-width: 768px) {
  .lawPageSec__items > :nth-child(1) {
    width: 13rem;
    padding: 1.8rem 0;
    font-size: 1.5rem;
    border-bottom: none;
  }
}
.lawPageSec__items > :nth-child(2) {
  width: calc(100% - 16rem);
  border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.04em;
  padding: 2rem 0;
  gap: 4.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .lawPageSec__items > :nth-child(2) {
    width: calc(100% - 13rem);
    padding: 1.8rem 0;
    font-size: 1.55rem;
    letter-spacing: 0.05em;
    border-bottom: none;
    gap: 3rem;
  }
}
.lawPageSec__lItems {
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .lawPageSec__lItems {
    gap: 1.6rem;
  }
  .lawPageSec__lItems p {
    font-size: 1.4rem;
    letter-spacing: 0.04em;
  }
}

.temporaryContact {
  padding: 18rem 0 20rem;
}
.temporaryContact h3 {
  font-weight: bold;
  font-size: 3.2rem;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.12em;
  color: #7C766B;
  margin: 0 0 7.9rem;
}
.temporaryContact h2 {
  font-weight: bold;
  font-size: 5.4rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.5;
  color: #9B2422;
}

.contactPageSec .thanksPage {
  margin: 14.5rem 0 12rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .thanksPage {
    margin: 7.3rem 0 7.8rem;
    padding: 0 2rem;
  }
}
.contactPageSec .thanksPage__ttle {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #7C766B;
  text-align: center;
  letter-spacing: 0.12em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .thanksPage__ttle {
    font-size: 2.2rem;
    margin: 0 0 3.2rem;
  }
}
.contactPageSec .thanksPage__subTtle {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #7C766B;
  text-align: center;
  margin: 0 0 8rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .thanksPage__subTtle {
    font-size: 1.6rem;
    margin: 0 0 6rem;
  }
}
.contactPageSec .thanksPage__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contactPageSec .thanksPage__btn {
    width: 100%;
  }
}
.contactPageSec .confirmPage .checkbox_form, .contactPageSec .confirmPage .wpcf7-response-output, .contactPageSec .confirmPage .wpcf7-spinner {
  display: none !important;
}
.contactPageSec .confirmPage__inner {
  max-width: 86.1rem;
  margin: 14.5rem auto 12rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__inner {
    margin: 9rem 0 8rem;
    padding: 0 2rem;
  }
}
.contactPageSec .confirmPage__ttle {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #7C766B;
  text-align: center;
  letter-spacing: 0.12em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__ttle {
    font-size: 2.2rem;
    margin: 0 0 2.2rem;
  }
}
.contactPageSec .confirmPage__subTtle {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #7C766B;
  text-align: center;
  margin: 0 0 6rem;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__subTtle {
    font-size: 1.6rem;
    margin: 0 0 4.3rem;
  }
}
.contactPageSec .confirmPage__lists > :nth-child(1) {
  border-top: 0.1rem solid rgba(124, 118, 107, 0.4);
}
.contactPageSec .confirmPage__items {
  gap: 5rem;
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.4);
  padding: 2.34rem 0;
  color: #7C766B;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__items {
    gap: 0;
    padding: 1.1rem 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.contactPageSec .confirmPage__items > :nth-child(1) {
  width: 33rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__items > :nth-child(1) {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.86;
  }
}
.contactPageSec .confirmPage__items > :nth-child(2) {
  width: calc(100% - 33rem);
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__items > :nth-child(2) {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.86;
  }
}
.contactPageSec .confirmPage__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 8rem auto 0;
}
@media screen and (max-width: 768px) {
  .contactPageSec .confirmPage__btn {
    width: 100%;
    margin: 6rem auto 0;
  }
}

.contactPageSecPage .contactInfo {
  color: #7C766B;
}
.contactPageSecPage .contactInfo__inner {
  max-width: 111.7rem;
  margin: 14rem auto 16.3rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__inner {
    margin: 7.1rem auto 10.4rem;
  }
}
.contactPageSecPage .contactInfo__cloud {
  position: absolute;
  top: -8rem;
  right: -20.2rem;
}
.contactPageSecPage .contactInfo__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__cloud {
    display: none;
  }
  .contactPageSecPage .contactInfo__cloud svg {
    width: 10.4rem;
  }
}
.contactPageSecPage .contactInfo__cloud2 {
  position: absolute;
  top: 46%;
  left: -18.2rem;
}
.contactPageSecPage .contactInfo__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__cloud2 {
    display: none;
  }
  .contactPageSecPage .contactInfo__cloud2 svg {
    width: 10.4rem;
  }
}
.contactPageSecPage .contactInfo__ttle {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.12em;
  margin: 0 0 4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__ttle {
    font-size: 2.2rem;
    margin: 0 0 2rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__txt01 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.12em;
  margin: 0 0 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt01 {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__txt02 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.12em;
  margin: 0 0 1rem;
  text-align: center;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt02 {
    font-size: 1.6rem;
    margin: 0 0 0.5rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__txt03 {
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin: 0 0 0.5rem;
  text-align: center;
  color: #9B2422;
  display: block;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt03 {
    font-size: 3.8rem;
    margin: 0 0 0.5rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__txt04 {
  width: 41.2rem;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 0 auto 6.4rem;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt04 {
    width: 100%;
    font-size: 1.2rem;
    margin: 0 0 4.4rem;
    text-align: center;
    padding: 0 2rem;
    letter-spacing: 0.08em;
    line-height: 1.8;
  }
}
.contactPageSecPage .contactInfo__txt05 {
  font-size: 2.6rem;
  font-weight: 500;
  margin: 0 0 2rem;
  line-height: 1.5;
  text-align: center;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt05 {
    font-size: 1.8rem;
    margin: 0 0 1.8rem;
    padding: 0 2.2rem;
  }
}
.contactPageSecPage .contactInfo__btn {
  width: 36.1rem;
  margin: 0 auto 7.2rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__btn {
    padding: 0 1.4rem;
    margin: 0 auto 5.6rem;
  }
}
.contactPageSecPage .contactInfo__txt06 {
  font-size: 2.4rem;
  margin: 0 0 3.3rem;
  line-height: 1.5;
  text-align: center;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__txt06 {
    font-size: 1.8rem;
    margin: 0 0 2.7rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__contList {
  max-width: 111.7rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__contList {
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .contactPageSecPage .contactInfo__contList::-webkit-scrollbar {
    display: none;
  }
}
.contactPageSecPage .contactInfo__lists {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 0.8rem minmax(0, 1fr) 0.8rem minmax(0, 1fr) 0.8rem minmax(0, 1fr) 0.8rem minmax(0, 1fr);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__lists {
    gap: 0.8rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactInfo__items {
  width: 100%;
  height: 100%;
  background: #9B2422;
  padding: 2rem 0;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__items {
    width: 26rem;
    height: auto;
    padding: 1.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.contactPageSecPage .contactInfo__ttleD {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  margin: 0 0 2.4rem;
  padding: 0 2.4rem 0;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__ttleD {
    font-size: 1.6rem;
    margin: 0 0 1.6rem;
  }
}
.contactPageSecPage .contactInfo__itemsT {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.74;
  color: #fff;
  padding: 0 2rem;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactInfo__itemsT {
    font-size: 1.5rem;
    padding: 0;
  }
}
.contactPageSecPage .contactSec {
  color: #7C766B;
  /* Hide error when checkbox is checked */
}
.contactPageSecPage .contactSec .checkbox_form, .contactPageSecPage .contactSec .wpcf7-response-output, .contactPageSecPage .contactSec .wpcf7-spinner {
  display: none !important;
}
.contactPageSecPage .contactSec .wpcf7-not-valid-tip {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.contactPageSecPage .contactSec .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input,
.contactPageSecPage .contactSec .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) textarea,
.contactPageSecPage .contactSec .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) select,
.contactPageSecPage .contactSec .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) checkbox {
  border: 0.1rem solid red !important;
}
.contactPageSecPage .contactSec p:has(.wpcf7-not-valid-tip) .checkbox_click,
.contactPageSecPage .contactSec p:has(.wpcf7-not-valid) .checkbox_click {
  border: 0.1rem solid red;
}
.contactPageSecPage .contactSec__inner {
  max-width: 86rem;
  margin: 0 auto 12rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__inner {
    margin: 0 auto 8rem;
    padding: 0 2rem;
  }
}
.contactPageSecPage .contactSec__ttle {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 4.2rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__ttle {
    font-size: 2.2rem;
    margin: 0 0 3.2rem;
  }
}
.contactPageSecPage .contactSec__description {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
  margin: 0 0 6rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__description {
    font-size: 1.5rem;
    margin: 0 0 4.6rem;
    text-align: left;
  }
}
.contactPageSecPage .contactSec__description span {
  font-weight: bold;
  color: #9B2422;
}
.contactPageSecPage .contactSec__lists {
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__lists {
    gap: 2.5rem;
  }
}
.contactPageSecPage .contactSec__items {
  width: 100%;
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__items {
    gap: 1rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contactPageSecPage .contactSec__items.gapSp38 {
    gap: 3.8rem;
  }
}
.contactPageSecPage .contactSec__items > :nth-child(1) {
  width: 28rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.6rem;
  line-height: 1.5;
  gap: 1.2rem;
  -webkit-transform: translateY(0.7rem);
          transform: translateY(0.7rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__items > :nth-child(1) {
    width: 100%;
    gap: 0.8rem;
    font-size: 1.5rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.contactPageSecPage .contactSec__items > :nth-child(1)::before {
  content: "필수";
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 1.2rem;
  letter-spacing: 0;
  color: #fff;
  background: #9B2422;
  padding: 0.1rem 1rem;
  border-radius: 2rem;
  display: block;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__items > :nth-child(1)::before {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.contactPageSecPage .contactSec__items > :nth-child(1).notImportant::before {
  display: none !important;
}
.contactPageSecPage .contactSec__items > :nth-child(1).noTransform {
  -webkit-transform: translate(0);
          transform: translate(0);
}
.contactPageSecPage .contactSec__items > :nth-child(2) {
  width: calc(100% - 36rem);
  position: relative;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__items > :nth-child(2) {
    width: 100%;
  }
}
.contactPageSecPage .contactSec__items > :nth-child(2) > :nth-child(1) {
  width: 100%;
}
.contactPageSecPage .contactSec input[type=text], .contactPageSecPage .contactSec input[type=tel], .contactPageSecPage .contactSec input[type=email], .contactPageSecPage .contactSec textarea {
  all: unset;
  width: 95%;
  background: #fff;
  color: #333333;
  padding: 0.6rem 1.2rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec input[type=text], .contactPageSecPage .contactSec input[type=tel], .contactPageSecPage .contactSec input[type=email], .contactPageSecPage .contactSec textarea {
    font-size: 1.5rem;
    padding: 1rem 1.2rem;
  }
}
.contactPageSecPage .contactSec input[type=text]::-webkit-input-placeholder, .contactPageSecPage .contactSec input[type=tel]::-webkit-input-placeholder, .contactPageSecPage .contactSec input[type=email]::-webkit-input-placeholder, .contactPageSecPage .contactSec textarea::-webkit-input-placeholder {
  color: rgba(124, 118, 107, 0.4);
}
.contactPageSecPage .contactSec input[type=text]::-moz-placeholder, .contactPageSecPage .contactSec input[type=tel]::-moz-placeholder, .contactPageSecPage .contactSec input[type=email]::-moz-placeholder, .contactPageSecPage .contactSec textarea::-moz-placeholder {
  color: rgba(124, 118, 107, 0.4);
}
.contactPageSecPage .contactSec input[type=text]:-ms-input-placeholder, .contactPageSecPage .contactSec input[type=tel]:-ms-input-placeholder, .contactPageSecPage .contactSec input[type=email]:-ms-input-placeholder, .contactPageSecPage .contactSec textarea:-ms-input-placeholder {
  color: rgba(124, 118, 107, 0.4);
}
.contactPageSecPage .contactSec input[type=text]::-ms-input-placeholder, .contactPageSecPage .contactSec input[type=tel]::-ms-input-placeholder, .contactPageSecPage .contactSec input[type=email]::-ms-input-placeholder, .contactPageSecPage .contactSec textarea::-ms-input-placeholder {
  color: rgba(124, 118, 107, 0.4);
}
.contactPageSecPage .contactSec input[type=text]::placeholder, .contactPageSecPage .contactSec input[type=tel]::placeholder, .contactPageSecPage .contactSec input[type=email]::placeholder, .contactPageSecPage .contactSec textarea::placeholder {
  color: rgba(124, 118, 107, 0.4);
}
.contactPageSecPage .contactSec textarea {
  min-height: 33rem;
}
.contactPageSecPage .contactSec select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  all: unset;
  width: 32rem;
  display: block;
  background: #fff;
  color: #333333;
  padding: 0.6rem 1.2rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: normal;
  background: #fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237C766B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 10px center;
  background-size: 12px;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec select {
    font-size: 1.5rem;
  }
}
.contactPageSecPage .contactSec select.open {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><path fill="%237C766B" d="M0,7 L10,7 L5,0 Z"/></svg>');
}
.contactPageSecPage .contactSec input[type=checkbox] {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 2.2rem;
  height: 2.2rem;
  background: #fff;
  border-radius: 0.4rem;
  -webkit-transform: translateY(0.6rem);
          transform: translateY(0.6rem);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contactPageSecPage .contactSec input[type=checkbox]:checked {
  background-color: #9B2422; /* fill color when checked */
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'><path d='M1 2.2L4.91304 7L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}
.contactPageSecPage .contactSec input[type=checkbox]:checked p:has(.wpcf7-not-valid-tip),
.contactPageSecPage .contactSec input[type=checkbox]:checked p:has(.wpcf7-not-valid) {
  display: none;
}
.contactPageSecPage .contactSec p:has(input[type=checkbox]:checked) .wpcf7-not-valid-tip {
  display: none;
}
.contactPageSecPage .contactSec__checkTxt {
  font-size: 1.6rem;
  padding: 0 0 0 1.2rem;
}
@media screen and (max-width: 768px) {
  .contactPageSecPage .contactSec__checkTxt {
    font-size: 1.5rem;
  }
}
.contactPageSecPage .contactSec__checkTxt a {
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: rgba(124, 118, 107, 0.4);
  text-underline-offset: 0.5rem;
}
.contactPageSecPage .contactSec__btn {
  width: 26rem;
  margin: 8rem auto 0;
}

.newsPageSec .newsLists {
  max-width: 144rem;
  margin: 14.3rem auto 12rem;
  padding: 0 9.6rem 0 14.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists {
    padding: 0 2rem;
    margin: 9rem 0 8rem;
  }
}
.newsPageSec .newsLists__cloud {
  position: absolute;
  top: -12rem;
  right: -4.2rem;
}
.newsPageSec .newsLists__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__cloud {
    display: none;
  }
  .newsPageSec .newsLists__cloud svg {
    width: 10.4rem;
  }
}
.newsPageSec .newsLists__cloud2 {
  position: absolute;
  bottom: 13rem;
  left: -1.2rem;
}
.newsPageSec .newsLists__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__cloud2 {
    display: none;
  }
  .newsPageSec .newsLists__cloud2 svg {
    width: 10.4rem;
  }
}
.newsPageSec .newsLists__content {
  gap: 12rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__content {
    gap: 5rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.newsPageSec .newsLists__content > :nth-child(1) {
  width: 16.6rem;
  gap: 2.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__content > :nth-child(1) {
    width: 100%;
    display: -ms-grid;
    display: grid;
    gap: 0.6rem;
    -ms-grid-columns: minmax(0, 1fr) 0.6rem minmax(0, 1fr) 0.6rem minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.newsPageSec .newsLists__content > :nth-child(2) {
  width: calc(100% - 28.6rem);
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__content > :nth-child(2) {
    width: 100%;
  }
}
.newsPageSec .newsLists__tax {
  width: 100%;
  padding: 1.5rem;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 0.6;
  background: transparent;
  color: #7C766B;
  border: 0.1rem solid #B38F55;
  border-radius: 0.4rem;
}
.newsPageSec .newsLists__tax.selected {
  background: #BD9C66;
  color: #fff;
}
.newsPageSec .newsLists__newsCont {
  border-top: 0.1rem solid rgba(124, 118, 107, 0.4);
}
.newsPageSec .newsLists__news {
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.4);
  padding: 3.1rem 0;
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__news {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 1.9rem 0;
    gap: 1.2rem;
  }
}
.newsPageSec .newsLists__news > :nth-child(1) {
  width: 17.7rem;
  gap: 0.8rem;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__news > :nth-child(1) {
    width: 100%;
  }
}
.newsPageSec .newsLists__news > :nth-child(2) {
  width: calc(100% - 17.7rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__news > :nth-child(2) {
    gap: 1.6rem;
    width: 100%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.newsPageSec .newsLists__news:hover > :nth-child(1) {
  opacity: 0.5;
}
.newsPageSec .newsLists__news:hover .newsLists__description {
  opacity: 0.5;
}
.newsPageSec .newsLists__news:hover .newsLists__arrow {
  opacity: 1;
}
.newsPageSec .newsLists__news:hover .newsLists__arrow::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__news:hover .newsLists__arrow::before {
    left: 0.6rem;
  }
}
.newsPageSec .newsLists__date {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "EB Garamond", serif;
  color: #7C766B;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__date {
    font-size: 1.5rem;
  }
}
.newsPageSec .newsLists__category {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
  padding: 0.1rem 1rem;
  border-radius: 2rem;
  background: #BD9C66;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__category {
    font-size: 1.2rem;
  }
}
.newsPageSec .newsLists__description {
  width: 60rem;
  font-size: 1.6rem;
  color: #7C766B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.04em;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__description {
    font-size: 1.5rem;
    line-height: 1.73;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap;
  }
}
.newsPageSec .newsLists__arrow {
  position: relative;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.newsPageSec .newsLists__arrow::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11H35C29.7915 8.00007 26.5 6 23.5 1' stroke='%23B38F55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 1rem;
  display: block;
  position: relative;
  left: -0.7rem;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__arrow::before {
    width: 3rem;
    left: 0.2rem;
    top: 0.2rem;
  }
}
.newsPageSec .newsLists__pagination {
  margin: 6rem 0 0;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__pagination {
    margin: 4.7rem 0 0;
  }
}
.newsPageSec .newsLists__pagiArrowLeft {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='11' viewBox='0 0 33 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 10H1C5.74889 7.30006 8.75 5.5 11.4853 1' stroke='%237C766B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 3.1rem;
  min-height: 0.9rem;
}
.newsPageSec .newsLists__pagiArrowLeft.disabled {
  opacity: 0.2;
}
.newsPageSec .newsLists__pagiArrowRight {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='11' viewBox='0 0 33 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10H32C27.2511 7.30006 24.25 5.5 21.5147 1' stroke='%237C766B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 3.1rem;
  min-height: 0.9rem;
}
.newsPageSec .newsLists__pagiArrowRight.disabled {
  opacity: 0.2;
}
.newsPageSec .newsLists__pagiLists {
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsLists__pagiLists a {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  background: transparent;
  color: #7C766B;
  border: 0.1rem solid #7C766B;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsLists__pagiLists a {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
  }
}
.newsPageSec .newsLists__pagiLists a.selected {
  background: #9B2422;
  color: #fff;
  border: none;
}
.newsPageSec .newsPost {
  color: #7C766B;
}
.newsPageSec .newsPost__inner {
  max-width: 86rem;
  margin: 14rem auto 12rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__inner {
    margin: 7rem 0 8rem;
    padding: 0 2rem;
  }
}
.newsPageSec .newsPost__dateCateg {
  margin: 0 0 0.8rem;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsPost__date {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "EB Garamond", serif;
  color: #7C766B;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__date {
    font-size: 1.5rem;
  }
}
.newsPageSec .newsPost__category {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
  padding: 0.1rem 1rem;
  border-radius: 2rem;
  background: #BD9C66;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__category {
    font-size: 1.2rem;
  }
}
.newsPageSec .newsPost__ttle {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.04em;
  margin: 0 0 2.3rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__ttle {
    font-size: 2.4rem;
    margin: 0 0 1rem;
  }
}
.newsPageSec .newsPost img {
  width: 100%;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 0 6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost img {
    height: 15.6rem;
    margin: 0 0 4rem;
  }
}
.newsPageSec .newsPost__tableContents {
  padding: 2.5rem 0;
  gap: 1.2rem;
  border-top: 0.1rem solid rgba(124, 118, 107, 0.4);
  border-bottom: 0.1rem solid rgba(124, 118, 107, 0.4);
  margin: 0 0 5.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__tableContents {
    padding: 2.1rem 0;
    margin: 0 0 3.4rem;
  }
}
.newsPageSec .newsPost__menuContents {
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsPost__menuContents p {
  font-size: 1.6rem;
  font-weight: bold;
}
.newsPageSec .newsPost__menuContents::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.88889 2.6V0H22V2.6H4.88889ZM4.88889 7.8V5.2H22V7.8H4.88889ZM4.88889 13V10.4H22V13H4.88889ZM1.22222 2.6C0.875926 2.6 0.585648 2.47542 0.351389 2.22625C0.11713 1.97708 0 1.66833 0 1.3C0 0.931667 0.11713 0.622917 0.351389 0.37375C0.585648 0.124583 0.875926 0 1.22222 0C1.56852 0 1.8588 0.124583 2.09306 0.37375C2.32731 0.622917 2.44444 0.931667 2.44444 1.3C2.44444 1.66833 2.32731 1.97708 2.09306 2.22625C1.8588 2.47542 1.56852 2.6 1.22222 2.6ZM1.22222 7.8C0.875926 7.8 0.585648 7.67542 0.351389 7.42625C0.11713 7.17708 0 6.86833 0 6.5C0 6.13167 0.11713 5.82292 0.351389 5.57375C0.585648 5.32458 0.875926 5.2 1.22222 5.2C1.56852 5.2 1.8588 5.32458 2.09306 5.57375C2.32731 5.82292 2.44444 6.13167 2.44444 6.5C2.44444 6.86833 2.32731 7.17708 2.09306 7.42625C1.8588 7.67542 1.56852 7.8 1.22222 7.8ZM1.22222 13C0.875926 13 0.585648 12.8754 0.351389 12.6262C0.11713 12.3771 0 12.0683 0 11.7C0 11.3317 0.11713 11.0229 0.351389 10.7737C0.585648 10.5246 0.875926 10.4 1.22222 10.4C1.56852 10.4 1.8588 10.5246 2.09306 10.7737C2.32731 11.0229 2.44444 11.3317 2.44444 11.7C2.44444 12.0683 2.32731 12.3771 2.09306 12.6262C1.8588 12.8754 1.56852 13 1.22222 13Z' fill='%237C766B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.2rem;
  height: 1.3rem;
  display: block;
}
.newsPageSec .newsPost__table {
  gap: 2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsPost__lists {
  gap: 0.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__lists {
    gap: 0.9rem;
  }
}
.newsPageSec .newsPost__h1 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #7C766B;
  gap: 1.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsPost__h1:hover {
  text-decoration: underline;
  opacity: 1;
}
.newsPageSec .newsPost__h2 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  color: #7C766B;
  padding: 0 0 0 3rem;
  gap: 0.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsPageSec .newsPost__h2:hover {
  text-decoration: underline;
  opacity: 1;
}
.newsPageSec .newsPost__postContent {
  gap: 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postContent {
    gap: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems {
    gap: 3.3rem;
  }
}
.newsPageSec .newsPost__postItems h2 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.28;
  margin-bottom: 2.2rem;
  letter-spacing: 0.04em;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems h2 {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}
.newsPageSec .newsPost__postItems h2 + p:not(:last-child) {
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems h2 + p:not(:last-child) {
    margin-bottom: 3.3rem;
  }
}
.newsPageSec .newsPost__postItems h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1rem;
  letter-spacing: 0.04em;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 1.7;
  }
}
.newsPageSec .newsPost__postItems h3:not(:first-child) {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems h3:not(:first-child) {
    gap: 2.4rem;
  }
}
.newsPageSec .newsPost__postItems p {
  font-size: 1.6rem;
  line-height: 2.24;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postItems p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 2.13;
  }
}
.newsPageSec .newsPost__postChildItems {
  gap: 4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__postChildItems {
    gap: 2.4rem;
  }
}
.newsPageSec .newsPost__btn {
  max-width: 26rem;
  margin: 7rem auto 0;
}
@media screen and (max-width: 768px) {
  .newsPageSec .newsPost__btn {
    max-width: 100%;
  }
}

.storePageSec {
  color: #7C766B;
}
.storePageSec .storeTax {
  max-width: 144rem;
  margin: 6.4rem auto 12.7rem;
  padding: 0 14.5rem 0 12.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax {
    margin: 7rem auto 8rem;
    padding: 0 2rem;
  }
}
.storePageSec .storeTax__cloud {
  position: absolute;
  bottom: 61.5rem;
  right: -2.2rem;
}
.storePageSec .storeTax__cloud svg {
  width: 19.1rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__cloud {
    display: none;
  }
  .storePageSec .storeTax__cloud svg {
    width: 10.4rem;
  }
}
.storePageSec .storeTax__svgHeader {
  position: absolute;
  top: -10rem;
  right: -0.5rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__svgHeader {
    top: -13rem;
    right: -7rem;
  }
  .storePageSec .storeTax__svgHeader svg {
    width: 22.5rem;
  }
}
.storePageSec .storeTax__svgHeader svg {
  width: 21rem;
}
.storePageSec .storeTax__inner {
  width: 100%;
  gap: 10.6rem;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__inner {
    gap: 4.7rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.storePageSec .storeTax__inner > :nth-child(1) {
  width: 12rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__inner > :nth-child(1) {
    width: 100%;
  }
}
.storePageSec .storeTax__lists {
  width: calc(100% - 24rem);
  padding: 1.1rem 0 0;
  gap: 12rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__lists {
    gap: 8rem;
    width: 100%;
    padding: 0;
  }
}
.storePageSec .storeTax__items {
  gap: 6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__items {
    gap: 5.2rem;
  }
}
.storePageSec .storeTax__childLists {
  gap: 6rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__childLists {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4rem;
  }
}
.storePageSec .storeTax__label {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  margin: 0 0 2.4rem;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__label {
    font-size: 1.8rem;
    margin: 0 0 2.2rem;
  }
}
.storePageSec .storeTax__labelV2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2.4rem;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__labelV2 {
    font-size: 1.6rem;
    margin: 0 0 2.3rem;
  }
}
.storePageSec .storeTax__img {
  width: 100%;
  height: 30rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 0 1.9rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__img {
    margin: 0 0 0.8rem;
  }
}
.storePageSec .storeTax__ttleItem {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 1.5rem;
  letter-spacing: 0;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__ttleItem {
    font-size: 1.6rem;
    margin: 0 0 0.8rem;
  }
}
.storePageSec .storeTax__ttleItem {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 1.5rem;
  letter-spacing: 0;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__ttleItem {
    font-size: 1.6rem;
    margin: 0 0 0.8rem;
  }
}
.storePageSec .storeTax__ttleItem::before {
  content: "◆";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
  margin-right: 1rem;
  display: inline-block;
}
.storePageSec .storeTax__descItem {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  color: #7C766B;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__descItem {
    font-size: 1.6rem;
  }
}
.storePageSec .storeTax__descriptionItem {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.94;
  text-decoration: underline;
  display: block;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTax__descriptionItem {
    font-size: 1.6rem;
  }
}
.storePageSec .storeTaxInfo {
  max-width: 144rem;
  margin: 0 auto 11rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo {
    margin: 0 auto 8rem;
  }
}
.storePageSec .storeTaxInfo__svgHeader {
  position: absolute;
  top: -5rem;
  right: -4.5rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__svgHeader {
    top: -13rem;
    right: -7rem;
    display: none;
  }
  .storePageSec .storeTaxInfo__svgHeader svg {
    width: 22.5rem;
  }
}
.storePageSec .storeTaxInfo__svgHeader svg {
  width: 21rem;
}
.storePageSec .storeTaxInfo__svgHeader2 {
  position: absolute;
  bottom: 6rem;
  left: -4.5rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__svgHeader2 {
    bottom: -13rem;
    left: -7rem;
    display: none;
  }
  .storePageSec .storeTaxInfo__svgHeader2 svg {
    width: 22.5rem;
  }
}
.storePageSec .storeTaxInfo__svgHeader2 svg {
  width: 21rem;
}
.storePageSec .storeTaxInfo__inner {
  max-width: 71.5rem;
  margin: 0 auto;
  color: #7C766B;
  position: relative;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__inner {
    margin: 7.1rem auto 8rem;
    padding: 0 2rem;
  }
}
.storePageSec .storeTaxInfo__inner > :nth-child(2) div {
  border-top: 0.1rem solid rgba(109, 99, 80, 0.2);
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__inner > :nth-child(2) div {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__inner > :nth-child(2) {
    border-top: 0.1rem solid rgba(109, 99, 80, 0.2);
  }
}
.storePageSec .storeTaxInfo__ttleHead {
  margin: 0 auto 8.9rem;
}
.storePageSec .storeTaxInfo__items {
  gap: 5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__items {
    gap: 1.4rem;
    border: none;
  }
}
.storePageSec .storeTaxInfo__items > :nth-child(1) {
  width: 18rem;
  border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 1.8rem 0;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__items > :nth-child(1) {
    width: 8rem;
    padding: 1.8rem 0;
    font-size: 1.5rem;
    border-bottom: none;
  }
}
.storePageSec .storeTaxInfo__items > :nth-child(1).reservation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.storePageSec .storeTaxInfo__items > :nth-child(2) {
  width: calc(100% - 18rem);
  border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.04em;
  padding: 1.8rem 0;
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__items > :nth-child(2) {
    width: calc(100% - 8rem);
    padding: 1.8rem 0;
    font-size: 1.55rem;
    letter-spacing: 0.05em;
    border-bottom: none;
    gap: 1rem;
    border: none;
  }
}
.storePageSec .storeTaxInfo__items > :nth-child(2).reservation {
  gap: 2.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.storePageSec .storeTaxInfo__lItems {
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__lItems {
    gap: 1.6rem;
  }
  .storePageSec .storeTaxInfo__lItems p {
    font-size: 1.4rem;
    letter-spacing: 0.04em;
  }
}
.storePageSec .storeTaxInfo__itemsSps {
  border-bottom: 0.1rem solid rgba(109, 99, 80, 0.2);
}
.storePageSec .storeTaxInfo__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 3rem;
  border-radius: 0.4rem;
  background: #9B2422;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  gap: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__btn {
    width: 100%;
    margin: 0 0 2.4rem;
  }
}
.storePageSec .storeTaxInfo__btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1085_3446)'%3E%3Cpath d='M13.2659 0.80515C14.5714 1.65184 14.8278 4.29844 14.3349 6.4555C13.9511 8.13529 13.135 10.3886 11.7588 12.5104C10.4642 14.5066 8.65806 16.2964 7.28086 17.332C5.51233 18.6617 2.99124 19.5069 1.68573 18.6602C1.02559 18.2321 0.0448256 17.0624 7.15256e-05 16.8525C7.15256e-05 16.8525 0.575191 15.9657 0.701401 15.7711L2.63005 12.7973C2.77337 12.5764 3.67215 12.7783 4.12875 13.037C4.74465 13.3859 5.31187 14.3223 5.31187 14.3223C5.73417 14.5663 6.0879 14.3232 6.82697 13.983C7.7353 13.5651 8.75655 12.2666 9.56935 11.0905C10.3117 9.86871 11.0809 8.40663 11.092 7.40683C11.1012 6.59332 11.1789 6.17124 10.7839 5.88513C10.7839 5.88513 9.6976 5.74908 9.12779 5.32908C8.70545 5.01766 8.15448 4.2794 8.2978 4.05838L10.2264 1.08466C10.3527 0.890056 10.9278 0.00329086 10.9278 0.00329086C11.1377 -0.0414259 12.6057 0.377019 13.2659 0.80515Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1085_3446'%3E%3Crect width='19' height='19' fill='white' transform='matrix(-1 0 0 1 19 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.9rem;
  height: 1.9rem;
  display: block;
}
.storePageSec .storeTaxInfo iframe {
  width: 100%;
  height: 24.8rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo iframe {
    width: 100vw;
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem);
    height: 31.7rem;
    margin: 0 0 2.4rem;
  }
}
.storePageSec .storeTaxInfo__btnB {
  max-width: 26rem;
  margin: 8rem auto 0;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .storePageSec .storeTaxInfo__btnB {
    max-width: 100%;
    margin: 6rem auto 0;
  }
}

.menuPageSec {
  width: 100%;
  margin: 0 0 12rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .menuPageSec {
    margin: 0 0 8rem;
  }
}
.menuPageSec__direction {
  margin: 12rem 0 0;
}
.menuPageSec .menuPage__cloud {
  position: absolute;
  top: -12.5rem;
  right: -3.2rem;
}
.menuPageSec .menuPage__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__cloud {
    display: none;
  }
  .menuPageSec .menuPage__cloud svg {
    width: 10.4rem;
  }
}
.menuPageSec .menuPage__cloud2 {
  position: absolute;
  top: 28.8%;
  left: -3.2rem;
}
.menuPageSec .menuPage__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__cloud2 {
    display: none;
  }
  .menuPageSec .menuPage__cloud2 svg {
    width: 10.4rem;
  }
}
.menuPageSec .menuPage__cloud3 {
  position: absolute;
  bottom: 24%;
  right: -5rem;
}
.menuPageSec .menuPage__cloud3 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__cloud3 {
    display: none;
  }
  .menuPageSec .menuPage__cloud3 svg {
    width: 10.4rem;
  }
}
.menuPageSec .menuPage__svgHeader {
  position: absolute;
  bottom: -2.2rem;
  right: -3.5rem;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__svgHeader {
    display: none;
    bottom: -7.5rem;
    right: -2rem;
    left: auto;
  }
}
.menuPageSec .menuPage__svgHeader svg {
  width: 21rem;
}
.menuPageSec .menuPage__inner {
  max-width: 144rem;
  margin: 14.3rem auto 0;
  padding: 0 14.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 4.2rem minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8rem 4.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__inner {
    padding: 0 2rem;
    gap: 6rem;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.menuPageSec .menuPage__items {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__parentItems {
    gap: 3.6rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.menuPageSec .menuPage__menuItem {
  gap: 3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menuPageSec .menuPage__content {
  width: 100%;
  gap: 4.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menuPageSec .menuPage__img {
  width: 100%;
  height: 31.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__img {
    height: 18.9rem;
  }
}
.menuPageSec .menuPage__itemsTtle {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin: 0 0 2.3rem;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage__itemsTtle {
    font-size: 2rem;
    margin: 0 0 1.6rem;
  }
}
.menuPageSec .menuPage ul {
  padding: 0 0 0 1.8rem;
  gap: 1.3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menuPageSec .menuPage li {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #7C766B;
  padding: 0 2rem 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .menuPageSec .menuPage li {
    font-size: 1.5rem;
    padding: 0 0 0 0.5rem;
  }
}

.shopPageSec {
  color: #7C766B;
}
.shopPageSec .introSec {
  max-width: 56.6rem;
  margin: 6.7rem auto 8rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .introSec {
    margin: 5.2rem auto 8.8rem;
  }
}
.shopPageSec .introSec__description {
  max-width: 44rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.57;
  letter-spacing: 0.04em;
  margin: 0 auto 5.2rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .introSec__description {
    font-size: 1.5rem;
    line-height: 2.13;
    padding: 0 2.8rem 0 2.9rem;
    margin: 0 auto 3.2rem;
  }
}
.shopPageSec .introSec img {
  width: 100%;
  height: 33.1rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transform: translateX(1.2rem);
          transform: translateX(1.2rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .introSec img {
    height: 11.8rem;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.shopPageSec .giftSec {
  max-width: 144rem;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .shopPageSec .giftSec > :nth-child(1) {
    border-bottom: 0.1rem solid #fff;
  }
  .shopPageSec .giftSec > :nth-child(2) .giftSec__contentF {
    padding: 2.2rem 2.3rem 3.7rem 2.4rem;
  }
}
.shopPageSec .giftSec__content {
  position: relative;
}
.shopPageSec .giftSec__contentF {
  z-index: 1;
  padding: 6.7rem 2rem 7.2rem;
  background: rgba(64, 64, 64, 0.7);
  position: relative;
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec__contentF {
    background: rgba(0, 0, 0, 0.78);
    padding: 2.2rem 2.3rem 1.4rem 2.4rem;
  }
}
.shopPageSec .giftSec__ttle {
  font-size: 2.4rem;
  line-height: 1.66;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  margin: 0 0 6.3rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec__ttle {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 2rem;
  }
}
.shopPageSec .giftSec__icon {
  width: 6.2rem;
  height: 6.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 7.5rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto 1.6rem;
  }
}
.shopPageSec .giftSec__img {
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.shopPageSec .giftSec__description {
  max-width: 44rem;
  margin: 0 auto 2.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.57;
  color: #fff;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec__description {
    font-size: 1.2rem;
    line-height: 2;
    margin: 0 0 0.5rem;
  }
}
.shopPageSec .giftSec__miniDesc {
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .shopPageSec .giftSec__miniDesc {
    max-width: 20rem;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.6;
  }
}
.shopPageSec .udonSec {
  position: relative;
}
.shopPageSec .udonSec__svgHeader1 {
  width: 22.5rem;
  height: 11.9rem;
  position: absolute;
  top: 21.7%;
  right: -6rem;
}
.shopPageSec .udonSec__svgHeader1 svg {
  width: 22.5rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec__svgHeader1 {
    bottom: 20.8%;
    right: -13rem;
  }
  .shopPageSec .udonSec__svgHeader1 svg {
    width: 15rem;
  }
}
.shopPageSec .udonSec__btn {
  max-width: 54rem;
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec__btn {
    padding: 0 2rem 0 2.1rem;
    margin: 4rem auto 0;
  }
  .shopPageSec .udonSec__btn .u-btnV2 {
    padding: 1.4rem !important;
  }
}
.shopPageSec .udonSec__btn .u-btnV2 {
  padding: 1.6rem;
}
.shopPageSec .udonSec__inner {
  max-width: 144rem;
  margin: 16rem auto 1rem;
  position: relative;
}
.shopPageSec .udonSec .labelTitleV3 {
  margin: 16rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec .labelTitleV3 {
    margin: 10rem auto 0;
  }
}
.shopPageSec .udonSec .labelTitleV3::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_495_619)'%3E%3Cpath d='M41.13 5.42563C40.5901 5.04282 39.8963 4.94415 39.2712 5.16398L16.0273 13.2987C13.0964 13.1597 11.1002 12.3566 9.72442 11.461C9.31022 11.1917 9.22045 11.0333 9.22045 11.0333C8.9722 10.785 8.87649 10.4411 8.94684 10.0867C9.01861 9.73227 9.27136 9.4422 9.61226 9.32257L30.4142 2.0431C30.7268 1.93247 31.0737 1.98176 31.3428 2.17316C31.3667 2.19116 31.3877 2.21508 31.4101 2.23298L32.9323 1.68268C32.8382 1.16082 32.5555 0.688234 32.1144 0.377198C31.5745 -0.00714526 30.8807 -0.104284 30.2556 0.114015L8.37999 7.77027C7.56048 8.05737 7.01172 8.832 7.01172 9.69926V10.2331V43.9504C7.01172 43.9504 8.45329 48.6399 16.0272 49.0003L39.2532 40.8715C40.8922 40.2973 41.9912 38.7497 41.9912 37.012V7.09297C41.9913 6.43052 41.6698 5.80845 41.13 5.42563Z' fill='%23B38F55'/%3E%3Cpath d='M11.8242 10.1687L12.7468 10.6084L33.7642 3.25118L32.84 2.81152L11.8242 10.1687Z' fill='%23B38F55'/%3E%3Cpath d='M15.282 11.8049L36.2724 4.45672L35.3542 4.01562L14.3594 11.3652L15.282 11.8049Z' fill='%23B38F55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_495_619'%3E%3Crect width='49' height='49' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.9rem;
  height: 4.9rem;
  margin: 0 0 1.3rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec .labelTitleV3::before {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 0 2.5rem;
  }
}
.shopPageSec .udonSec .labelTitleV3__ttle {
  font-size: 3.4rem;
  font-weight: 400;
  line-height: 1.58;
  color: #7C766B;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 0 1rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec .labelTitleV3__ttle {
    font-size: 2.4rem;
    line-height: 1.7;
    margin: 0;
  }
}
.shopPageSec .udonSec .labelTitleV3__subTtle {
  font-size: 2.4rem;
  font-family: "EB Garamond", serif;
  color: #B38F55;
  text-align: center;
  letter-spacing: 0;
  font-style: italic;
  line-height: 1.6;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec .labelTitleV3__subTtle {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.shopPageSec .udonSec .labelTitleV3__subTtle::after {
  content: "";
  background-image: url(../images/common/shade-01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10.4rem;
  height: 4.5rem;
  display: block;
  position: absolute;
  top: 5.8rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec .labelTitleV3__subTtle::after {
    top: -0.2rem;
  }
}
.shopPageSec .udonSec__ttleDesc {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  text-align: center;
  margin: 5.7rem 0 12rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .udonSec__ttleDesc {
    font-size: 1.5rem;
    margin: 4.1rem 0 5rem;
    padding: 0 2.8rem 0 2.9rem;
    text-align: left;
    letter-spacing: 0.04em;
  }
}
.shopPageSec .bulletSec {
  max-width: 144rem;
  padding: 0 14rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec {
    padding: 0 2.8rem 9.2rem 2.9rem;
  }
}
.shopPageSec .bulletSec__ttle {
  margin: 0 0 4.1rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__ttle {
    gap: 0;
    margin: 0 0 1.1rem;
  }
}
.shopPageSec .bulletSec__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .bulletSec__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .bulletSec__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .bulletSec__list {
  padding: 0 0 0 8rem;
  gap: 2.4rem;
  margin: 0 0 14.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__list {
    padding: 0;
    gap: 1rem;
    margin: 0 0 1rem;
  }
}
.shopPageSec .bulletSec__description {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__description {
    font-size: 1.5rem;
    line-height: 1.7;
  }
}
.shopPageSec .bulletSec__description > :nth-child(1) {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  gap: 0.6rem;
  margin: 0 0.4rem 0 0;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__description > :nth-child(1) {
    font-size: 1.5rem;
  }
}
.shopPageSec .bulletSec__description > :nth-child(1)::before {
  content: "●";
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.22;
  color: #7C766B;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .shopPageSec .bulletSec__description > :nth-child(1)::before {
    font-size: 1.5rem;
  }
}
.shopPageSec .tableSec {
  max-width: 144rem;
  padding: 0 0 0 14rem;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec {
    margin: 0 auto 10.3rem;
    padding: 0;
  }
}
.shopPageSec .tableSec__ttle {
  margin: 0 0 5.2rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__ttle {
    gap: 0;
    padding: 0 2.8rem;
    margin: 0 0 1.4rem;
  }
}
.shopPageSec .tableSec__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .tableSec__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .tableSec__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .tableSec__list {
  padding: 0 0 0 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__list {
    gap: 4.3rem;
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.shopPageSec .tableSec__list > :nth-child(1) {
  width: calc(100% - 44rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__list > :nth-child(1) {
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .shopPageSec .tableSec__list > :nth-child(1)::-webkit-scrollbar {
    display: none;
  }
}
.shopPageSec .tableSec__list > :nth-child(2) {
  width: 44rem;
  -webkit-transform: translateY(-9.2rem);
          transform: translateY(-9.2rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__list > :nth-child(2) {
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__conts {
    min-width: 73.6rem;
    padding: 0 2.8rem 2rem;
  }
}
.shopPageSec .tableSec__conts > :last-child p {
  border-bottom: 0.1rem solid #9B2422;
}
.shopPageSec .tableSec__conts > :last-child p::after {
  display: none;
}
.shopPageSec .tableSec__header {
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.shopPageSec .tableSec__header p {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 0 0 0.6rem;
  border-bottom: 0.1rem solid #9B2422;
}
.shopPageSec .tableSec__th {
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.shopPageSec .tableSec__th p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 1.2rem 0 1.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .shopPageSec .tableSec__th p {
    font-weight: 500;
  }
}
.shopPageSec .tableSec__th p::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='1' viewBox='0 0 8 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0.5' x2='8' y2='0.5' stroke='%237C766B' stroke-dasharray='4 4'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.shopPageSec .tableSec__p1 {
  width: 24rem;
}
.shopPageSec .tableSec__p2 {
  width: 7.2rem;
}
.shopPageSec .tableSec__p3 {
  width: 7.2rem;
}
.shopPageSec .tableSec__p4 {
  width: 28rem;
}
.shopPageSec .tableSec img {
  width: 100%;
  height: 18rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.shopPageSec .avoidFailure {
  max-width: 144rem;
  padding: 0 0 0 14rem;
  margin: 0 auto 17rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure {
    padding: 0;
    margin: 0 auto 10.4rem;
  }
}
.shopPageSec .avoidFailure__ttle {
  margin: 0 0 4.7rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__ttle {
    gap: 0;
    padding: 0 2.8rem;
    margin: 0 0 2.4rem;
  }
}
.shopPageSec .avoidFailure__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .avoidFailure__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .avoidFailure__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .avoidFailure__list {
  padding: 0 0 0 8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__list {
    padding: 0;
    gap: 4.9rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.shopPageSec .avoidFailure__list > :nth-child(1) {
  width: calc(100% - 49.7rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__list > :nth-child(1) {
    width: 100%;
    padding: 0 2.8rem 0 2.9rem;
  }
}
.shopPageSec .avoidFailure__list > :nth-child(2) {
  width: 49.7rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__list > :nth-child(2) {
    width: 100%;
  }
}
.shopPageSec .avoidFailure img {
  width: 100%;
  height: 49.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transform: translateY(1.1rem);
          transform: translateY(1.1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure img {
    height: 20rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.shopPageSec .avoidFailure__cont {
  gap: 1.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__cont {
    gap: 2.6rem;
  }
}
.shopPageSec .avoidFailure__bullet, .shopPageSec .avoidFailure__number {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.74;
  letter-spacing: 0.04em;
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__bullet, .shopPageSec .avoidFailure__number {
    font-size: 1.5rem;
    line-height: 2.02;
  }
}
.shopPageSec .avoidFailure__bullet::before, .shopPageSec .avoidFailure__number::before {
  content: "";
  min-width: 0.8rem;
  min-height: 0.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3.5' stroke='%237C766B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__bullet::before, .shopPageSec .avoidFailure__number::before {
    font-size: 1.5rem;
    min-width: 0.7rem;
    min-height: 0.7rem;
  }
}
.shopPageSec .avoidFailure__number {
  padding: 0 0 0 6.3rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .avoidFailure__number {
    padding: 0 0 0 2.3rem;
  }
}
.shopPageSec .avoidFailure__number::before {
  display: none;
}
.shopPageSec .recipeHome {
  max-width: 144rem;
  padding: 0 21.2rem 0 14rem;
  margin: 0 auto 14rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome {
    padding: 0;
    margin: 0 0 10rem;
  }
}
.shopPageSec .recipeHome__ttle {
  margin: 0 0 6.8rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__ttle {
    gap: 0;
    padding: 0 2.8rem;
    margin: 0 0 4.5rem;
  }
}
.shopPageSec .recipeHome__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .recipeHome__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .recipeHome__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .recipeHome__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 1.6rem minmax(0, 1fr) 1.6rem minmax(0, 1fr) 1.6rem minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3.2rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__list {
    gap: 0.8rem;
    padding: 0 2.8rem 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .shopPageSec .recipeHome__list::-webkit-scrollbar {
    display: none;
  }
}
.shopPageSec .recipeHome__items {
  min-width: 26rem;
  height: 26rem;
  background: #9B2422;
  padding: 1.2rem 3rem 2.8rem;
}
.shopPageSec .recipeHome__p1 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #D8C9B0;
}
.shopPageSec .recipeHome__p2 {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #D8C9B0;
  margin: 0 0 2rem;
}
.shopPageSec .recipeHome__p3 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #D8C9B0;
  margin: 0 0 1.6rem;
}
.shopPageSec .recipeHome__p4 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #D8C9B0;
  margin: 0 0 4rem;
}
.shopPageSec .recipeHome__p5 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #D8C9B0;
}
.shopPageSec .recipeHome__btn {
  max-width: 54rem;
  margin: 10.4rem auto 0;
  -webkit-transform: translateX(3.5rem);
          transform: translateX(3.5rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .recipeHome__btn {
    margin: 4.6rem auto 0;
    padding: 0 2.1rem 0 2rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.shopPageSec .recipeHome__btn .u-btnV2 {
  padding: 1.6rem;
}
.shopPageSec .faq {
  max-width: 144rem;
  padding: 0 14rem 0 14rem;
  margin: 0 auto 14rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq {
    padding: 0 2.8rem 0 2.9rem;
    margin: 0 auto 10.5rem;
  }
}
.shopPageSec .faq__ttle {
  margin: 0 0 6.2rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__ttle {
    gap: 0;
    padding: 0;
    margin: 0 0 3.3rem;
  }
}
.shopPageSec .faq__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .faq__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .faq__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .faq__list {
  max-width: 64.1rem;
  margin: 0 auto;
  gap: 4.1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__list {
    gap: 3.1rem;
  }
}
.shopPageSec .faq__items {
  gap: 2.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__items {
    gap: 2.3rem;
    padding: 0 0.5rem;
  }
}
.shopPageSec .faq__q {
  gap: 0.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.shopPageSec .faq__q span {
  font-size: 4rem;
  line-height: 1;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__q span {
    font-size: 2.4rem;
  }
}
.shopPageSec .faq__q p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #7C766B;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__q p {
    font-size: 1.5rem;
    line-height: 1.9;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
.shopPageSec .faq__a {
  gap: 0.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.shopPageSec .faq__a span {
  font-size: 4rem;
  line-height: 1;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__a span {
    font-size: 2.4rem;
  }
}
.shopPageSec .faq__a p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #9B2422;
  -webkit-transform: translateY(1.5rem);
          transform: translateY(1.5rem);
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .shopPageSec .faq__a p {
    font-size: 1.5rem;
    line-height: 1.9;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
.shopPageSec .preservation {
  max-width: 144rem;
  padding: 0 0 0 14rem;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation {
    padding: 0 2.8rem 0 2.9rem;
  }
}
.shopPageSec .preservation__ttle {
  margin: 0 0 4.7rem;
  gap: 0.8rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__ttle {
    gap: 0;
    padding: 0;
    margin: 0 0 2rem;
  }
}
.shopPageSec .preservation__ttle > :nth-child(1) {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.04em;
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__ttle > :nth-child(1) {
    font-size: 2rem;
  }
}
.shopPageSec .preservation__ttle > :nth-child(2) {
  width: 6.1rem;
  height: 0.1rem;
  border-bottom: 0.1rem solid #9B2422;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  color: #9B2422;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__ttle > :nth-child(2) {
    margin-right: 1rem;
  }
}
.shopPageSec .preservation__ttle > :nth-child(3) {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.22;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__ttle > :nth-child(3) {
    font-size: 1.8rem;
  }
}
.shopPageSec .preservation__list {
  padding: 0 8rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__list {
    padding: 0;
  }
}
.shopPageSec .preservation__cont {
  gap: 3.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__cont {
    gap: 1.6rem;
  }
}
.shopPageSec .preservation__bullet, .shopPageSec .preservation__number {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.74;
  letter-spacing: 0.04em;
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__bullet, .shopPageSec .preservation__number {
    font-size: 1.5rem;
    line-height: 2.02;
  }
}
.shopPageSec .preservation__bullet::before, .shopPageSec .preservation__number::before {
  content: "";
  min-width: 0.8rem;
  min-height: 0.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3.5' stroke='%237C766B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__bullet::before, .shopPageSec .preservation__number::before {
    font-size: 1.5rem;
    min-width: 0.7rem;
    min-height: 0.7rem;
    -webkit-transform: translateY(1.3rem);
            transform: translateY(1.3rem);
  }
}
.shopPageSec .preservation__number {
  padding: 0 0 0 6.3rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__number {
    padding: 0 0 0 2.3rem;
  }
}
.shopPageSec .preservation__number::before {
  content: "";
  min-width: 0.8rem;
  min-height: 0.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%237C766B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__number::before {
    font-size: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    -webkit-transform: translateY(1.3rem);
            transform: translateY(1.3rem);
    display: inline-block;
  }
}
.shopPageSec .preservation__bulletL {
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__bulletL {
    gap: 1.9rem;
  }
}
.shopPageSec .preservation__btn {
  max-width: 54rem;
  margin: 11.4rem auto 10.3rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .preservation__btn {
    padding: 0 2rem;
    margin: 5.4rem auto 10.4rem;
  }
}
.shopPageSec .preservation__btn .u-btnV2 {
  padding: 1.6rem;
}
.shopPageSec .shopPageDirection {
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .shopPageSec .shopPageDirection {
    margin-bottom: 8rem;
  }
}

.misoPageSec {
  color: #7C766B;
}
.misoPageSec .cultureSec {
  max-width: 144rem;
  margin: 0 auto 20rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec {
    margin: 7rem auto 14rem;
  }
}
.misoPageSec .cultureSec__kvMap {
  z-index: -1;
  width: 109.2rem;
  height: 122.9rem;
  position: absolute;
  top: -15rem;
  right: -3rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__kvMap {
    width: 41.5rem;
    height: 46.8rem;
    position: relative;
    top: 0;
    left: -2rem;
  }
}
.misoPageSec .cultureSec__svgHeader {
  position: absolute;
  top: 7.1rem;
  left: -8rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__svgHeader {
    display: none;
    bottom: -7.5rem;
    right: -2rem;
    left: auto;
  }
}
.misoPageSec .cultureSec__svgHeader svg {
  width: 21rem;
}
.misoPageSec .cultureSec__inner {
  width: 100%;
  padding: 0 14rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__inner {
    padding: 0;
  }
}
.misoPageSec .cultureSec__description {
  max-width: 44.3rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.04em;
  margin: 18.5rem 0 21.6rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__description {
    font-size: 1.5rem;
    margin: 5.7rem 0 0;
    padding: 0 2.9rem 0 2.8rem;
    line-height: 2.1;
  }
}
.misoPageSec .cultureSec__redMiso {
  max-width: 44rem;
  margin: 0 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__redMiso {
    margin: 6.1rem 0 4rem;
  }
}
.misoPageSec .cultureSec__redTtle {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  color: #9B2422;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__redTtle {
    font-size: 2rem;
    padding: 0 1rem 0 2.8rem;
    margin: 0 0 1.2rem;
  }
}
.misoPageSec .cultureSec__redDesc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__redDesc {
    font-size: 1.5rem;
    padding: 0 2.9rem 0 2.8rem;
    line-height: 2;
    margin: 0 0 1.5rem;
  }
}
.misoPageSec .cultureSec__redImg {
  width: 42rem;
  height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__redImg {
    padding: 0 0 0 2.5rem;
  }
}
.misoPageSec .cultureSec__misoCont {
  gap: 12.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoCont {
    gap: 4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.misoPageSec .cultureSec__misoItem1 {
  max-width: 40rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItem1 {
    width: 100%;
  }
}
.misoPageSec .cultureSec__misoItem2 {
  max-width: 44rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItem2 {
    width: 100%;
  }
}
.misoPageSec .cultureSec__misoItemTtle {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.66;
  color: #9B2422;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemTtle {
    font-size: 2rem;
    line-height: 2;
    margin: 0 0 0.8rem;
    padding: 0 1rem 0 2.8rem;
  }
}
.misoPageSec .cultureSec__misoItemCont {
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemCont {
    margin: 0 0 1.6rem;
  }
}
.misoPageSec .cultureSec__misoItemLi {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemLi {
    font-size: 1.5rem;
    line-height: 2;
    padding: 0 1rem 0 2.8rem;
  }
}
.misoPageSec .cultureSec__misoItemLi span {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  color: #7C766B;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemLi span {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.misoPageSec .cultureSec__misoItemImg {
  width: 100%;
  height: 26.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemImg {
    padding: 0 0 0 2.5rem;
  }
}
.misoPageSec .cultureSec__misoItemDesc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .misoPageSec .cultureSec__misoItemDesc {
    font-size: 1.5rem;
    line-height: 2;
    padding: 0 2.9rem 0 2.8rem;
  }
}
.misoPageSec .reasonSec {
  max-width: 144rem;
  margin: 0 auto 21rem;
  padding: 0 14rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec {
    padding: 0;
    margin: 0 0 10.4rem;
  }
  .misoPageSec .reasonSec .u-labelTitleV2 {
    padding: 0 8.3rem 0 8rem;
  }
  .misoPageSec .reasonSec .u-labelTitleV2__ttle {
    line-height: 1.5;
  }
}
.misoPageSec .reasonSec__lists {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 2.4rem minmax(0, 1fr) 2.4rem minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.4rem;
  margin: 10.7rem 0 0;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__lists {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0;
    margin: 8.2rem 0 0;
  }
}
.misoPageSec .reasonSec__lists div {
  width: 100%;
  min-height: 36rem;
  background: #9B2422;
  border-radius: 0.8rem;
  padding: 3.2rem 7rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__lists div {
    border-radius: 0;
    padding: 2.3rem 2.6rem 2.7rem;
    min-height: 26rem;
  }
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__lists > :nth-child(2) {
    border-top: 0.1rem solid #fff;
    border-bottom: 0.1rem solid #fff;
  }
}
.misoPageSec .reasonSec__img01 {
  max-width: 8rem;
  height: 8rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 3.6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__img01 {
    max-width: 5.7rem;
    height: 5.7rem;
    margin: 0 auto 1.6rem;
  }
}
.misoPageSec .reasonSec__img02 {
  max-width: 6.8rem;
  height: 6.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 4.1rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__img02 {
    max-width: 5.3rem;
    height: 4.5rem;
    margin: 0 auto 2.3rem;
  }
}
.misoPageSec .reasonSec__img03 {
  max-width: 10.2rem;
  height: 8.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 3.6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__img03 {
    max-width: 5.3rem;
    height: 4.5rem;
    margin: 0 auto 2.6rem;
  }
}
.misoPageSec .reasonSec__p1 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.33;
  color: #fff;
  margin: 0 0 4.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__p1 {
    font-size: 1.4rem;
    margin: 0 0 2.3rem;
  }
}
.misoPageSec .reasonSec__p2 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  margin: 0 0 3.2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__p2 {
    font-size: 2rem;
    margin: 0 0 2.3rem;
  }
}
.misoPageSec .reasonSec__p3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .misoPageSec .reasonSec__p3 {
    font-size: 1.4rem;
  }
}
.misoPageSec .roleSec {
  max-width: 144rem;
  margin: 0 auto 17.8rem;
  padding: 0 23.6rem 0 24rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec {
    padding: 0;
    margin: 0 0 11.4rem;
  }
  .misoPageSec .roleSec .u-labelTitleV2 {
    padding: 0 2.8rem 0 2.9rem;
  }
  .misoPageSec .roleSec .u-labelTitleV2__ttle {
    line-height: 1.5;
  }
}
.misoPageSec .roleSec__svgHeader {
  position: absolute;
  top: 8.5rem;
  right: -3rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec__svgHeader {
    display: none;
    bottom: -7.5rem;
    right: -2rem;
  }
}
.misoPageSec .roleSec__svgHeader svg {
  width: 21rem;
}
.misoPageSec .roleSec__desc {
  max-width: 66rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.04em;
  margin: 9.5rem auto 7.5rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec__desc {
    margin: 1.5rem auto 3.3rem;
    padding: 0 2.8rem 0 2.9rem;
    font-size: 1.5rem;
    line-height: 2.13;
  }
}
.misoPageSec .roleSec__tableConts {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec__tableConts {
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .misoPageSec .roleSec__tableConts::-webkit-scrollbar {
    display: none;
  }
}
.misoPageSec .roleSec__conts {
  min-width: 100%;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec__conts {
    min-width: 102.6rem;
    padding: 0 2.8rem 2rem;
  }
}
.misoPageSec .roleSec__conts > :last-child p {
  border-bottom: 0.1rem solid #9B2422;
}
.misoPageSec .roleSec__conts > :last-child p::after {
  display: none;
}
.misoPageSec .roleSec__header {
  gap: 3.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.misoPageSec .roleSec__header p {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 0 0 0.6rem;
  border-bottom: 0.1rem solid #9B2422;
}
.misoPageSec .roleSec__th {
  gap: 3.2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.misoPageSec .roleSec__th p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding: 2rem 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .misoPageSec .roleSec__th p {
    font-weight: 500;
  }
}
.misoPageSec .roleSec__th p::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='1' viewBox='0 0 8 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0.5' x2='8' y2='0.5' stroke='%237C766B' stroke-dasharray='4 4'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.misoPageSec .roleSec__p1 {
  min-width: 16rem;
}
.misoPageSec .roleSec__p2 {
  min-width: 40rem;
}
.misoPageSec .roleSec__p3 {
  min-width: 34rem;
}
.misoPageSec .spotSec {
  max-width: 144rem;
  margin: 0 auto 20rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec {
    margin: 0 0 10.4rem;
  }
}
.misoPageSec .spotSec__inner {
  width: 100%;
  margin: 9.3rem 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec__inner {
    margin: 7.9rem 0 0;
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.misoPageSec .spotSec__inner > :nth-child(even) {
  background: #B6945F;
}
.misoPageSec .spotSec__inner > :nth-child(odd) {
  background: #A5814A;
}
.misoPageSec .spotSec__inner div {
  width: 100%;
  padding: 6.4rem 6rem 6rem 6rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec__inner div {
    min-height: 32.8rem;
    padding: 5rem;
  }
}
.misoPageSec .spotSec__p1 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 0 0 7.7rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec__p1 {
    font-size: 1.8rem;
    margin: 0 0 5.6rem;
  }
}
.misoPageSec .spotSec__p2 {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin: 0 0 6.4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec__p2 {
    font-size: 2.5rem;
    margin: 0 0 4.6rem;
  }
}
.misoPageSec .spotSec__p3 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .misoPageSec .spotSec__p3 {
    font-size: 1.8rem;
  }
}
.misoPageSec .eatSec {
  max-width: 144rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec .u-labelTitleV2 {
    padding: 0 7rem 0 7rem;
  }
  .misoPageSec .eatSec .u-labelTitleV2__ttle {
    line-height: 1.5;
  }
}
.misoPageSec .eatSec__qaSecList1 {
  padding: 0 14.6rem 0 40rem;
  gap: 1.8rem;
  margin: 9.6rem 0 6.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList1 {
    padding: 0;
    gap: 5.4rem;
    margin: 9.2rem 0 5.9rem;
  }
}
.misoPageSec .eatSec__qaSecItem1 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItem1 {
    gap: 4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.misoPageSec .eatSec__qaSecItem1 > :nth-child(1) {
  width: calc(100% - 41.4rem);
  padding-right: 5.6rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItem1 > :nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.misoPageSec .eatSec__qaSecItem1 > :nth-child(2) {
  width: 41.4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItem1 > :nth-child(2) {
    width: 100%;
  }
}
.misoPageSec .eatSec__qaSecImg1 {
  width: 100%;
  height: 25.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: -5.8rem 0 0;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecImg1 {
    height: 25.4rem;
    margin: 0;
  }
}
.misoPageSec .eatSec__qaSecImg2 {
  width: 100%;
  height: 27.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecImg2 {
    height: 27.2rem;
    margin: 0;
  }
}
.misoPageSec .eatSec__ttle {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.04em;
  margin: 0 0 4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__ttle {
    padding: 0 2.5rem 0 3.4rem;
    line-height: 1.5;
    margin: 0 0 2rem;
  }
}
.misoPageSec .eatSec__ttle span {
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__ttle span {
    font-size: 2.4rem;
  }
}
.misoPageSec .eatSec__qaSecSubBullet1 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.04em;
  margin: 0 0 3.5rem 1rem;
  gap: 1.6rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecSubBullet1 {
    font-size: 1.8rem;
    padding: 0 2.9rem 0 2.8rem;
  }
}
.misoPageSec .eatSec__qaSecSubBullet1::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3.5' stroke='%237C766B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 0.8rem;
  height: 0.8rem;
  position: relative;
  top: 1rem;
}
.misoPageSec .eatSec__qaSecBullet1 {
  padding: 0 0 0 4rem;
  gap: 1.3rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecBullet1 {
    gap: 1rem;
    padding: 0 2rem 0 2.9rem;
  }
}
.misoPageSec .eatSec__qaSecBullet1 p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.04em;
  gap: 1.6rem;
  color: #9B2422;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecBullet1 p {
    font-size: 1.5rem;
    gap: 0.6rem;
    line-height: 1.76;
  }
}
.misoPageSec .eatSec__qaSecBullet1 p::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%239B2422'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 0.8rem;
  height: 0.8rem;
  position: relative;
  top: 1rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecBullet1 p::before {
    top: 0.7rem;
    min-width: 1.2rem;
    height: 1.2rem;
  }
}
.misoPageSec .eatSec__qaSecList2 {
  padding: 0 0 0 35rem;
  gap: 10.2rem;
  margin: 0 0 15.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList2 {
    padding: 0;
    margin: 0 0 2.7rem;
    gap: 1.2rem;
  }
}
.misoPageSec .eatSec__qaSecList2 > :nth-child(1) {
  padding: 0 5rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList2 > :nth-child(1) {
    padding: 0;
  }
}
.misoPageSec .eatSec__qaSecListCont2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecListCont2 {
    padding: 0 2.4rem 0 2.3rem;
  }
}
.misoPageSec .eatSec__qaSecItems01 {
  width: 19rem;
  margin: 0 6.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItems01 {
    width: 10.4rem;
    margin: 0 0.8rem 0 0;
  }
}
.misoPageSec .eatSec__qaSecItems02 {
  width: 20.8rem;
  margin: 0 7.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItems02 {
    width: 10.4rem;
    margin: 0 0.8rem 0 0;
  }
}
.misoPageSec .eatSec__qaSecItems03 {
  width: 18rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItems03 {
    width: 10.4rem;
    margin: 0 0.8rem 0 0;
  }
}
.misoPageSec .eatSec__qaSecItemsImg01 {
  width: 8.6rem;
  height: 8.6rem;
  margin: 0 auto 3.6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItemsImg01 {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.6rem;
  }
}
.misoPageSec .eatSec__qaSecItemsImg02 {
  width: 7rem;
  height: 8rem;
  margin: 0 auto 4.2rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItemsImg02 {
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 auto 2.2rem;
  }
}
.misoPageSec .eatSec__qaSecItemsImg03 {
  width: 8rem;
  height: 6.3rem;
  margin: 0 auto 6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecItemsImg03 {
    width: 5.7rem;
    height: 4.6rem;
    margin: 0 auto 1.8rem;
  }
}
.misoPageSec .eatSec__p1 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 3rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__p1 {
    font-size: 1.4rem;
    margin: 0 0 1.1rem;
  }
}
.misoPageSec .eatSec__p2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 2.9rem;
  margin: 0 0 3rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__p2 {
    font-size: 1.3rem;
    margin: 0 0 0.8rem;
  }
}
.misoPageSec .eatSec__p3 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 3rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__p3 {
    font-size: 1.1rem;
  }
}
.misoPageSec .eatSec__qaSecList3 {
  width: 100%;
  padding: 0 32rem;
  margin: 0 0 6.4rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList3 {
    padding: 0 2.2rem;
  }
}
.misoPageSec .eatSec__qaSecList3 .eatSec__ttle {
  padding: 0 0 0 8rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList3 .eatSec__ttle {
    padding: 0 1.2rem;
  }
}
.misoPageSec .eatSec__qaSecList3 .eatSec__qaSecSubBullet1 {
  width: 55.2rem;
  line-height: 1.8;
  margin: 0 0 6.1rem;
  padding: 0 0 0 9rem;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecList3 .eatSec__qaSecSubBullet1 {
    width: 100%;
    padding: 0;
    margin: 0 0 4rem;
  }
}
.misoPageSec .eatSec__qaSecImg3 {
  width: 100%;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .misoPageSec .eatSec__qaSecImg3 {
    height: 26rem;
  }
}

.sitemapPageSec {
  color: #7C766B;
}
.sitemapPageSec__inner {
  max-width: 144rem;
  margin: 12rem auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec__inner {
    margin: 9rem 0 15rem;
  }
}
.sitemapPageSec__cloud {
  position: absolute;
  top: -3.2rem;
  right: -6.2rem;
}
.sitemapPageSec__cloud svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec__cloud {
    top: -11rem;
    right: -3.2rem;
  }
  .sitemapPageSec__cloud svg {
    width: 10.4rem;
  }
}
.sitemapPageSec__cloud2 {
  position: absolute;
  bottom: 0;
  left: -3.2rem;
}
.sitemapPageSec__cloud2 svg {
  width: 15.7rem;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec__cloud2 {
    display: none;
  }
}
.sitemapPageSec .pageSec01 {
  max-width: 73.7rem;
  margin: 0 auto;
  /* Custom SVG bullet for parent li elements */
  /* Keep nested UL/LI styling with custom dash */
  /* Custom dash for child li elements */
}
@media screen and (max-width: 768px) {
  .sitemapPageSec .pageSec01 {
    padding: 0 3.5rem;
  }
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 22rem;
     -moz-column-gap: 22rem;
          column-gap: 22rem;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul > li {
  display: block !important;
  padding: 0 !important;
  position: relative;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin: 0 0 5.4rem;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul > li {
    margin: 0 0 5rem;
  }
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul > li > a {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.25;
  color: #7C766B;
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap > div > ul > li::before {
  content: "";
  position: relative;
  left: 0;
  min-width: 1.1rem;
  min-height: 1.1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.45312' y='0.5' width='7' height='7' transform='rotate(45 5.45312 0.5)' fill='%23B38F55'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1.2rem;
  display: inline-block;
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul {
  list-style: none !important;
  padding-left: 20px;
  margin: 10px 0;
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul li {
  margin: 0 0 1rem;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul li {
    display: list-item !important;
  }
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul li > a {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.25;
  color: #7C766B;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul li > a {
    white-space: break-spaces;
  }
}
.sitemapPageSec .pageSec01 .aioseo-html-sitemap ul ul li::before {
  content: "-";
  position: relative;
  left: 0;
  top: 0;
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 1.2rem;
  display: inline-block;
}

/*====================================================================
PRINT LAYOUT
====================================================================*/
@page {
  size: A4 portrait; /* 横の場合はlandscape */
  margin: 0mm;
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    word-break: break-all !important;
  }
  .u-printPages__next {
    size: A4 landscape;
    page-break-before: always;
  }
  .u-printPages__box {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
  }
}
/*# sourceMappingURL=style.css.map */