@charset "UTF-8";
/*
Theme Name: cypochi
Description: これは独立したカスタムテーマです。
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  background: transparent;
  vertical-align: baseline;
}

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

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  word-break: normal;
  font-size: 62.5%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

body {
  font-family: "Noto Sans JP", Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1.6em;
  -webkit-text-size-adjust: 100%;
  font: x-small;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  overflow-y: scroll;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (max-width: 1279px) {
  body {
    font-size: 100%;
  }
}
html,
body {
  line-height: 1.6;
}

* {
  padding: 0;
  margin: 0;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

hr {
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  display: block;
  overflow: visible;
  border-top: 1px solid #ddd;
}

details,
main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b,
strong {
  font-weight: bolder;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

[disabled] {
  cursor: default;
}

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

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

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

optgroup {
  font-weight: bold;
}

input {
  padding: 0;
  border-radius: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  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;
}

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted #ccc;
}

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

button,
input,
select,
textarea {
  font: inherit;
  background-color: transparent;
  border-style: none;
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  margin: 0;
  padding: 0;
  touch-action: manipulation;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}

textarea {
  overflow: auto;
  resize: vertical;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%;
}

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

video,
audio,
iframe {
  border-style: none;
  vertical-align: top;
}

progress {
  vertical-align: baseline;
}

img {
  border-style: none;
  vertical-align: top;
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}

blockquote,
q {
  quotes: none;
}

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

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

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

fieldset {
  margin: 0 2px;
  border: 1px solid #999;
  padding: 0.35em 0.625em 0.75em;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline: none;
  background: transparent;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #000;
  transition: 0.2s;
}

@media screen and (min-width: 1280px) {
  a:hover {
    outline: none;
    text-decoration: underline;
    outline-width: 0;
  }
}
a::before,
a::after {
  transition: opacity 0.2s, background-color 0.2s, color 0.2s, border 0.2s;
}

a:link {
  outline: none;
}

a:visited {
  outline: none;
}

a:focus {
  text-decoration: none;
  outline: none;
}

a:active {
  outline-width: 0;
}

*:focus {
  outline: none !important;
}

ins {
  color: #000;
  background: #ff9;
  text-decoration: none;
}

mark {
  color: #000;
  background-color: #ff9;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted inherit;
}

caption,
th {
  text-align: left;
}

input,
select {
  vertical-align: middle;
}

button,
select {
  text-transform: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
}

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

input::-ms-clear,
input::-ms-reveal {
  visibility: hidden;
}

label {
  font-weight: normal;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

::-webkit-search-cancel-button,
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

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

svg:not([fill]) {
  fill: currentColor;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

[hidden][aria-hidden=false] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden=false]:focus {
  clip: auto;
}

:root {
  --main-color: #2D5248;
  --main-bg-color: #EDE8E1;
  --text-color: #222;
  --main-link-color: #1661D8;
  --wp--preset--font-size--small: 1.3rem;
  --wp--preset--font-size--medium: 1.8rem;
  --wp--preset--font-size--large: 2.4rem;
  --wp--preset--font-size--x-large: 3.2rem;
  --anchors-height: 200px;
}
@media screen and (max-width: 1023px) {
  :root {
    --wp--preset--font-size--small: 1.3rem;
    --wp--preset--font-size--medium: 1.6rem;
    --wp--preset--font-size--large: 2.4rem;
    --wp--preset--font-size--x-large: 3.2rem;
  }
}

body {
  overflow-x: hidden;
  color: var(--text-color);
  font-size: 1.5rem;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 2;
  counter-reset: cnt;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
@media screen and (max-width: 1023px) {
  body {
    font-size: 1.5rem;
  }
}
body:has(.header__hamburger.is-open) {
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 114px;
  background-color: #fff;
}
@media screen and (max-width: 1280px) {
  .header {
    height: 60px;
  }
}
body:has(.top) .header {
  background-color: transparent;
}
body:has(.top) .header:has(.is-open) {
  background-color: #fff;
}
body:has(.top) .header path,
body:has(.top) .header rect {
  fill: #fff;
  transition: 0.3s ease;
}
body:has(.top) .header:has(.is-open) path, body:has(.top) .header:has(.is-open) rect {
  fill: #55493b;
}
body:has(.top) .header .header__navMainMenu > li > a {
  color: #fff;
}
body:has(.top) .header:has(.is-open) .header__navMainMenu > li > a {
  color: var(--text-color);
}
body:has(.top) .header .header__btn::before {
  background-color: #fff;
}
body.is-scrolled:has(.top) .header {
  background-color: transparent;
  background-color: #fff;
}
body.is-scrolled:has(.top) .header path,
body.is-scrolled:has(.top) .header rect {
  fill: #55493B;
}
body.is-scrolled:has(.top) .header .header__navMainMenu > li > a {
  color: var(--text-color);
}
body.is-scrolled:has(.top) .header .header__btn::before {
  background-color: var(--text-color);
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header__logo {
  padding: 40px 40px 34px;
}
@media screen and (max-width: 1280px) {
  .header__logo {
    width: 130px;
    padding: 10px;
  }
}
.header__hamburger {
  display: none;
  width: 50px;
  height: 50px;
  background-color: var(--main-color);
  border-radius: 5px;
  margin: 10px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .header__hamburger {
    display: block;
  }
}
.header__bar {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transition: 0.5s ease;
}
.header__bar--1 {
  top: 16px;
}
.header__bar--2 {
  top: 24px;
}
.header__bar--3 {
  top: 32px;
}
.header__hamburger.is-open .header__bar--1 {
  transform: translateY(8px) rotate(-315deg);
}
.header__hamburger.is-open .header__bar--2 {
  opacity: 0;
}
.header__hamburger.is-open .header__bar--3 {
  transform: translateY(-8px) rotate(315deg);
}
.header__navWrapper {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .header__navWrapper {
    position: fixed;
    z-index: 100;
    top: 60px;
    flex-direction: column;
    width: 100%;
    height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: 0.5s ease;
  }
}
@media screen and (max-width: 1280px) {
  .header__hamburger.is-open + .header__navWrapper {
    height: calc(100svh - 60px);
    opacity: 1;
    pointer-events: auto;
    overflow-y: scroll;
  }
}
.header__nav {
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .header__nav {
    width: 100%;
    background-color: #fff;
  }
}
.header__navMainMenu {
  display: flex;
  gap: 2em;
  list-style: none;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu {
    gap: 1em;
    flex-direction: column;
    gap: 0;
  }
}
.header__navMainMenu > li {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li {
    height: auto;
    border-top: 1px solid rgba(204, 204, 204, 0.8);
  }
}
.header__navMainMenu > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1440px) {
  .header__navMainMenu > li > a {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li > a {
    display: flex;
    align-items: center;
    min-height: 60px;
    height: auto;
    font-size: 2.2rem;
    padding: 8px 45px 8px 20px;
  }
}
.header__navMainMenu > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 36px;
  left: 50%;
  translate: -50% 0;
  width: 24px;
  height: 1px;
  background-color: #707070;
  opacity: 0;
  transition: 0.3s ease;
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li > a::before {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li:has(ul) > a {
    transition: background-image 0s;
    background-repeat: no-repeat;
    background-position: top 50% right 25px;
    background-size: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22translate(-14344.5%2016502.5)%22%3E%3Cpath%20d%3D%22M30%2C2H0V-2H30Z%22%20transform%3D%22translate(14344.5%20-16487.5)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M30%2C2H0V-2H30Z%22%20transform%3D%22translate(14359.5%20-16502.5)%20rotate(90)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li.is-open > a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%224%22%20viewBox%3D%220%200%2030%204%22%3E%3Cg%20transform%3D%22translate(-14344.5%2016489.5)%22%3E%3Cpath%20d%3D%22M30%2C2H0V-2H30Z%22%20transform%3D%22translate(14344.5%20-16487.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (max-width: 1280px) {
  .header__navMainMenu > li:not(li:has(ul)) > a {
    background-repeat: no-repeat;
    background-position: top 50% right 28px;
    background-size: 9px 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.18%22%20height%3D%2232.121%22%20viewBox%3D%220%200%2018.18%2032.121%22%3E%3Cpath%20d%3D%22M-16108.576%2C1868.48l-2.121-2.121%2C13.938-13.939-13.937-13.939%2C2.121-2.121%2C16.059%2C16.061Z%22%20transform%3D%22translate(16110.697%20-1836.359)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  }
}
.header__navSubMenu {
  position: absolute;
  left: -30px;
  top: 88px;
  list-style: none;
  width: -moz-max-content;
  width: max-content;
  padding: 24px 51px 40px 30px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
}
@media screen and (max-width: 1280px) {
  .header__navSubMenu {
    display: none;
    position: static;
    width: 100%;
    padding: 24px 20px 24px 40px;
    border-top: 1px solid #ccc;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 1280px) {
  .header__navSubMenu li {
    display: flex;
    align-items: center;
    padding: 8px 0;
  }
}
.header__navSubMenu a {
  color: var(--text-color);
  line-height: 2.6667;
}
@media screen and (max-width: 1280px) {
  .header__navSubMenu a {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1280px) {
  .header__navSubMenu a::after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.121%22%20height%3D%2221.414%22%20viewBox%3D%220%200%2012.121%2021.414%22%3E%3Cpath%20d%3D%22M-16108.93%2C1858.126l-1.414-1.414%2C9.293-9.293-9.293-9.293%2C1.414-1.414%2C10.707%2C10.707Z%22%20transform%3D%22translate(16110.344%20-1836.712)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  }
}
.is-open > .header__navSubMenu {
  display: block;
}
@media screen and (min-width: 1280px) {
  .header__navMainMenu > li:hover::before {
    display: block;
  }
  .header__navMainMenu > li:hover a::before {
    opacity: 1;
  }
  .header__navMainMenu > li:hover .header__navSubMenu {
    opacity: 1;
    pointer-events: auto;
  }
}
.header__btnWrapper {
  display: flex;
  margin: 0 0 0 44px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .header__btnWrapper {
    display: none;
  }
}
.header__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 100%;
  padding: 25px;
  position: relative;
}
.header__btn::before {
  content: "";
  display: block;
  background-color: var(--text-color);
  transition: 0.3s ease;
}
.header__btn::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 36px;
  left: 50%;
  translate: -50% 0;
  width: 24px;
  height: 1px;
  background-color: #707070;
  opacity: 0;
  transition: 0.3s ease;
}
.header__btn--contact::before {
  width: 33px;
  height: 27px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 33px 27px;
          mask-size: 33px 27px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2226.401%22%20viewBox%3D%220%200%2033%2026.401%22%3E%3Cpath%20d%3D%22M2.75%2C33.067a2.643%2C2.643%2C0%2C0%2C1-1.932-.818A2.643%2C2.643%2C0%2C0%2C1%2C0%2C30.316V9.416A2.64%2C2.64%2C0%2C0%2C1%2C.818%2C7.485%2C2.644%2C2.644%2C0%2C0%2C1%2C2.75%2C6.666h27.5A2.795%2C2.795%2C0%2C0%2C1%2C33%2C9.416v20.9a2.793%2C2.793%2C0%2C0%2C1-2.75%2C2.75ZM16.5%2C20.911%2C2.75%2C12.029V30.316h27.5V12.029Zm0-2.749%2C13.64-8.746H2.888ZM2.75%2C12.029v0Z%22%20transform%3D%22translate(0%20-6.666)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2226.401%22%20viewBox%3D%220%200%2033%2026.401%22%3E%3Cpath%20d%3D%22M2.75%2C33.067a2.643%2C2.643%2C0%2C0%2C1-1.932-.818A2.643%2C2.643%2C0%2C0%2C1%2C0%2C30.316V9.416A2.64%2C2.64%2C0%2C0%2C1%2C.818%2C7.485%2C2.644%2C2.644%2C0%2C0%2C1%2C2.75%2C6.666h27.5A2.795%2C2.795%2C0%2C0%2C1%2C33%2C9.416v20.9a2.793%2C2.793%2C0%2C0%2C1-2.75%2C2.75ZM16.5%2C20.911%2C2.75%2C12.029V30.316h27.5V12.029Zm0-2.749%2C13.64-8.746H2.888ZM2.75%2C12.029v0Z%22%20transform%3D%22translate(0%20-6.666)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
}
.header__btn--search::before {
  width: 30px;
  height: 30px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 30px 30px;
          mask-size: 30px 30px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M28%2C31.652%2C17.195%2C20.847a9.412%2C9.412%2C0%2C0%2C1-2.9%2C1.653%2C10.261%2C10.261%2C0%2C0%2C1-3.515.6A10.4%2C10.4%2C0%2C0%2C1%2C3.13%2C19.965%2C10.339%2C10.339%2C0%2C0%2C1%2C0%2C12.375%2C10.339%2C10.339%2C0%2C0%2C1%2C3.132%2C4.784a10.353%2C10.353%2C0%2C0%2C1%2C7.6-3.132%2C10.3%2C10.3%2C0%2C0%2C1%2C7.59%2C3.132%2C10.366%2C10.366%2C0%2C0%2C1%2C3.119%2C7.595%2C10.3%2C10.3%2C0%2C0%2C1-2.278%2C6.5L30%2C29.652l-2%2C2M10.75%2C20.319a7.6%2C7.6%2C0%2C0%2C0%2C5.607-2.326%2C7.683%2C7.683%2C0%2C0%2C0%2C2.31-5.618%2C7.685%2C7.685%2C0%2C0%2C0-2.31-5.619A7.607%2C7.607%2C0%2C0%2C0%2C10.75%2C4.43%2C7.69%2C7.69%2C0%2C0%2C0%2C5.1%2C6.756a7.66%2C7.66%2C0%2C0%2C0-2.325%2C5.619A7.658%2C7.658%2C0%2C0%2C0%2C5.1%2C17.993a7.686%2C7.686%2C0%2C0%2C0%2C5.647%2C2.326%22%20transform%3D%22translate(0%20-1.652)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M28%2C31.652%2C17.195%2C20.847a9.412%2C9.412%2C0%2C0%2C1-2.9%2C1.653%2C10.261%2C10.261%2C0%2C0%2C1-3.515.6A10.4%2C10.4%2C0%2C0%2C1%2C3.13%2C19.965%2C10.339%2C10.339%2C0%2C0%2C1%2C0%2C12.375%2C10.339%2C10.339%2C0%2C0%2C1%2C3.132%2C4.784a10.353%2C10.353%2C0%2C0%2C1%2C7.6-3.132%2C10.3%2C10.3%2C0%2C0%2C1%2C7.59%2C3.132%2C10.366%2C10.366%2C0%2C0%2C1%2C3.119%2C7.595%2C10.3%2C10.3%2C0%2C0%2C1-2.278%2C6.5L30%2C29.652l-2%2C2M10.75%2C20.319a7.6%2C7.6%2C0%2C0%2C0%2C5.607-2.326%2C7.683%2C7.683%2C0%2C0%2C0%2C2.31-5.618%2C7.685%2C7.685%2C0%2C0%2C0-2.31-5.619A7.607%2C7.607%2C0%2C0%2C0%2C10.75%2C4.43%2C7.69%2C7.69%2C0%2C0%2C0%2C5.1%2C6.756a7.66%2C7.66%2C0%2C0%2C0-2.325%2C5.619A7.658%2C7.658%2C0%2C0%2C0%2C5.1%2C17.993a7.686%2C7.686%2C0%2C0%2C0%2C5.647%2C2.326%22%20transform%3D%22translate(0%20-1.652)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .header__btn:hover::after {
    opacity: 1;
  }
}
.header__form {
  position: absolute;
  top: 113px;
  right: -185px;
  width: 320px;
  height: 0;
  overflow: hidden;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  transition: 0.3s ease;
}
.header__inputWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 24px;
}
.header__input--text {
  height: 40px;
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
}
.header__input--submit {
  font-size: 0;
  background-color: #fff;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M28%2C31.652%2C17.195%2C20.847a9.412%2C9.412%2C0%2C0%2C1-2.9%2C1.653%2C10.261%2C10.261%2C0%2C0%2C1-3.515.6A10.4%2C10.4%2C0%2C0%2C1%2C3.13%2C19.965%2C10.339%2C10.339%2C0%2C0%2C1%2C0%2C12.375%2C10.339%2C10.339%2C0%2C0%2C1%2C3.132%2C4.784a10.353%2C10.353%2C0%2C0%2C1%2C7.6-3.132%2C10.3%2C10.3%2C0%2C0%2C1%2C7.59%2C3.132%2C10.366%2C10.366%2C0%2C0%2C1%2C3.119%2C7.595%2C10.3%2C10.3%2C0%2C0%2C1-2.278%2C6.5L30%2C29.652l-2%2C2M10.75%2C20.319a7.6%2C7.6%2C0%2C0%2C0%2C5.607-2.326%2C7.683%2C7.683%2C0%2C0%2C0%2C2.31-5.618%2C7.685%2C7.685%2C0%2C0%2C0-2.31-5.619A7.607%2C7.607%2C0%2C0%2C0%2C10.75%2C4.43%2C7.69%2C7.69%2C0%2C0%2C0%2C5.1%2C6.756a7.66%2C7.66%2C0%2C0%2C0-2.325%2C5.619A7.658%2C7.658%2C0%2C0%2C0%2C5.1%2C17.993a7.686%2C7.686%2C0%2C0%2C0%2C5.647%2C2.326%22%20transform%3D%22translate(0%20-1.652)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M28%2C31.652%2C17.195%2C20.847a9.412%2C9.412%2C0%2C0%2C1-2.9%2C1.653%2C10.261%2C10.261%2C0%2C0%2C1-3.515.6A10.4%2C10.4%2C0%2C0%2C1%2C3.13%2C19.965%2C10.339%2C10.339%2C0%2C0%2C1%2C0%2C12.375%2C10.339%2C10.339%2C0%2C0%2C1%2C3.132%2C4.784a10.353%2C10.353%2C0%2C0%2C1%2C7.6-3.132%2C10.3%2C10.3%2C0%2C0%2C1%2C7.59%2C3.132%2C10.366%2C10.366%2C0%2C0%2C1%2C3.119%2C7.595%2C10.3%2C10.3%2C0%2C0%2C1-2.278%2C6.5L30%2C29.652l-2%2C2M10.75%2C20.319a7.6%2C7.6%2C0%2C0%2C0%2C5.607-2.326%2C7.683%2C7.683%2C0%2C0%2C0%2C2.31-5.618%2C7.685%2C7.685%2C0%2C0%2C0-2.31-5.619A7.607%2C7.607%2C0%2C0%2C0%2C10.75%2C4.43%2C7.69%2C7.69%2C0%2C0%2C0%2C5.1%2C6.756a7.66%2C7.66%2C0%2C0%2C0-2.325%2C5.619A7.658%2C7.658%2C0%2C0%2C0%2C5.1%2C17.993a7.686%2C7.686%2C0%2C0%2C0%2C5.647%2C2.326%22%20transform%3D%22translate(0%20-1.652)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .header__btn--search[aria-expanded=true] + .header__form {
    height: 80px;
  }
}
.header__shop {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 160px;
  height: 100%;
  margin: 0 0 0 25px;
  background-color: var(--main-color);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  transition: 0.3s ease;
}
@media screen and (max-width: 1280px) {
  .header__shop {
    display: none;
  }
}
.header__shop::before {
  content: "";
  display: block;
  background-color: #fff;
  height: 27px;
  width: 26px;
  transition: 0.3s ease;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 26px 27px;
          mask-size: 26px 27px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.969%22%20height%3D%2226.306%22%20viewBox%3D%220%200%2025.969%2026.306%22%3E%3Cpath%20d%3D%22M57.76%2C26.306a2.456%2C2.456%2C0%2C0%2C1-1.73-4.2%2C2.381%2C2.381%2C0%2C0%2C1%2C1.739-.718%2C2.457%2C2.457%2C0%2C0%2C1-.009%2C4.914m13.164%2C0a2.461%2C2.461%2C0%2C1%2C1%2C1.738-.719%2C2.356%2C2.356%2C0%2C0%2C1-1.738.719M56.251%2C4.805%2C59.717%2C12h9.39l3.949-7.2ZM55.176%2C2.611h19.4a1.256%2C1.256%2C0%2C0%2C1%2C1.152.686%2C1.317%2C1.317%2C0%2C0%2C1%2C.01%2C1.377l-4.52%2C8.14a2.812%2C2.812%2C0%2C0%2C1-.95%2C1.009%2C2.354%2C2.354%2C0%2C0%2C1-1.287.374H59.059l-1.712%2C3.159H73.385v2.193H57.545A2.271%2C2.271%2C0%2C0%2C1%2C55.472%2C18.5a2.088%2C2.088%2C0%2C0%2C1-.011-2.243l2-3.664-4.914-10.4H49.954V0h3.993ZM59.717%2C12h0Z%22%20transform%3D%22translate(-49.954)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.969%22%20height%3D%2226.306%22%20viewBox%3D%220%200%2025.969%2026.306%22%3E%3Cpath%20d%3D%22M57.76%2C26.306a2.456%2C2.456%2C0%2C0%2C1-1.73-4.2%2C2.381%2C2.381%2C0%2C0%2C1%2C1.739-.718%2C2.457%2C2.457%2C0%2C0%2C1-.009%2C4.914m13.164%2C0a2.461%2C2.461%2C0%2C1%2C1%2C1.738-.719%2C2.356%2C2.356%2C0%2C0%2C1-1.738.719M56.251%2C4.805%2C59.717%2C12h9.39l3.949-7.2ZM55.176%2C2.611h19.4a1.256%2C1.256%2C0%2C0%2C1%2C1.152.686%2C1.317%2C1.317%2C0%2C0%2C1%2C.01%2C1.377l-4.52%2C8.14a2.812%2C2.812%2C0%2C0%2C1-.95%2C1.009%2C2.354%2C2.354%2C0%2C0%2C1-1.287.374H59.059l-1.712%2C3.159H73.385v2.193H57.545A2.271%2C2.271%2C0%2C0%2C1%2C55.472%2C18.5a2.088%2C2.088%2C0%2C0%2C1-.011-2.243l2-3.664-4.914-10.4H49.954V0h3.993ZM59.717%2C12h0Z%22%20transform%3D%22translate(-49.954)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .header__shop:hover {
    background-color: #fff;
    color: var(--main-color);
    text-decoration: none;
  }
  .header__shop:hover::before {
    background-color: var(--text-color);
  }
}

.headerSpMenu {
  display: none;
}
@media screen and (max-width: 1280px) {
  .headerSpMenu {
    display: block;
  }
}
.headerSpMenu__contents {
  grid-column: 1/2;
  grid-row: 1/2;
  display: none;
  padding: 27px 20px 50px;
  background-color: #fff;
  border-top: 1px solid rgba(204, 204, 204, 0.8);
}
.headerSpMenu:has(.headerSpMenu__item--exhibition.is-open) .headerSpMenu__contents--exhibition, .headerSpMenu:has(.headerSpMenu__item--search.is-open) .headerSpMenu__contents--search {
  display: block;
}
.headerSpMenu__ttlWrapper {
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  gap: 24px;
  margin: 0 0 26px;
}
.headerSpMenu__ttl {
  font-size: 1.8rem;
  font-weight: 700;
}
.headerSpMenu__close {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.828%22%20height%3D%2230.828%22%20viewBox%3D%220%200%2030.828%2030.828%22%3E%3Cg%20transform%3D%22translate(18157.914%2011105.414)%22%3E%3Cpath%20d%3D%22M26.586%2C29.414l-28-28L1.414-1.414l28%2C28Z%22%20transform%3D%22translate(-18156.5%20-11104)%22%20fill%3D%22%23707070%22%2F%3E%3Cpath%20d%3D%22M1.414%2C29.414l-2.828-2.828%2C28-28%2C2.828%2C2.828Z%22%20transform%3D%22translate(-18156.5%20-11104)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.headerSpMenu__list {
  list-style: none;
}
.headerSpMenu__listItem {
  min-height: 45px;
  display: flex;
  align-items: center;
  padding: 0 4px;
}
.headerSpMenu__listLink {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.headerSpMenu__listLink::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.121%22%20height%3D%2221.414%22%20viewBox%3D%220%200%2012.121%2021.414%22%3E%3Cpath%20d%3D%22M-18364.887-6094.49l-1.414-1.414%2C9.293-9.293-9.293-9.293%2C1.414-1.414%2C10.707%2C10.707Z%22%20transform%3D%22translate(18366.301%206115.904)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
}
.headerSpMenu__inputWrapper {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.headerSpMenu__input--text {
  width: 100%;
  padding: 13px 48px 13px 8px;
}
.headerSpMenu__input--submit {
  position: absolute;
  top: 50%;
  right: 14px;
  translate: 0 -50%;
  font-size: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248.945%22%20height%3D%2248.945%22%20viewBox%3D%220%200%2048.945%2048.945%22%3E%3Cg%20transform%3D%22translate(-1724%20-35)%22%3E%3Cpath%20d%3D%22M23.5%2C5.5a18%2C18%2C0%2C1%2C0%2C18%2C18%2C18.02%2C18.02%2C0%2C0%2C0-18-18m0-5.5A23.5%2C23.5%2C0%2C1%2C1%2C0%2C23.5%2C23.5%2C23.5%2C0%2C0%2C1%2C23.5%2C0Z%22%20transform%3D%22translate(1724%2035)%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M7.055%2C10.945l-9-9L1.945-1.945l9%2C9Z%22%20transform%3D%22translate(1762%2073)%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.headerSpMenu__itemWrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 70px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.headerSpMenu__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--text-color) !important;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  padding: 4px 0 0;
}
.headerSpMenu__item:not(.headerSpMenu__item:last-child) {
  border-right: 1px solid #ccc;
}
.headerSpMenu__item::before {
  content: "";
  display: block;
  width: 26px;
  height: 24px;
  background-color: #888;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.headerSpMenu__item--contact::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252.276%22%20height%3D%2242%22%20viewBox%3D%220%200%2052.276%2042%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2252.276%22%20height%3D%2242%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M47.547%2C0H4.733A4.6%2C4.6%2C0%2C0%2C0%2C1.412%2C1.4%2C4.579%2C4.579%2C0%2C0%2C0%2C0%2C4.729V37.267a4.571%2C4.571%2C0%2C0%2C0%2C1.4%2C3.322A4.585%2C4.585%2C0%2C0%2C0%2C4.7%2C42H47.554a4.776%2C4.776%2C0%2C0%2C0%2C4.722-4.729V4.722A4.781%2C4.781%2C0%2C0%2C0%2C47.547%2C0M6.466%2C5.175H45.852L26.138%2C17.816ZM47.1%2C9.618V36.823H5.176V9.618L26.138%2C23.159Z%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252.276%22%20height%3D%2242%22%20viewBox%3D%220%200%2052.276%2042%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2252.276%22%20height%3D%2242%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M47.547%2C0H4.733A4.6%2C4.6%2C0%2C0%2C0%2C1.412%2C1.4%2C4.579%2C4.579%2C0%2C0%2C0%2C0%2C4.729V37.267a4.571%2C4.571%2C0%2C0%2C0%2C1.4%2C3.322A4.585%2C4.585%2C0%2C0%2C0%2C4.7%2C42H47.554a4.776%2C4.776%2C0%2C0%2C0%2C4.722-4.729V4.722A4.781%2C4.781%2C0%2C0%2C0%2C47.547%2C0M6.466%2C5.175H45.852L26.138%2C17.816ZM47.1%2C9.618V36.823H5.176V9.618L26.138%2C23.159Z%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.headerSpMenu__item--exhibition::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.6%22%20height%3D%2247%22%20viewBox%3D%220%200%2037.6%2047%22%3E%3Cpath%20d%3D%22M18.8%2C23.5a4.71%2C4.71%2C0%2C0%2C0%2C4.7-4.7%2C4.71%2C4.71%2C0%2C0%2C0-4.7-4.7%2C4.71%2C4.71%2C0%2C0%2C0-4.7%2C4.7%2C4.71%2C4.71%2C0%2C0%2C0%2C4.7%2C4.7m0%2C17.272A64.622%2C64.622%2C0%2C0%2C0%2C29.434%2C28.816Q32.9%2C23.444%2C32.9%2C19.27A14.186%2C14.186%2C0%2C0%2C0%2C28.816%2C8.784%2C13.612%2C13.612%2C0%2C0%2C0%2C18.8%2C4.7%2C13.612%2C13.612%2C0%2C0%2C0%2C8.784%2C8.784%2C14.186%2C14.186%2C0%2C0%2C0%2C4.7%2C19.27q0%2C4.17%2C3.466%2C9.546A64.622%2C64.622%2C0%2C0%2C0%2C18.8%2C40.772M18.8%2C47Q9.342%2C38.952%2C4.672%2C32.047T0%2C19.27Q0%2C10.457%2C5.671%2C5.229A18.778%2C18.778%2C0%2C0%2C1%2C18.8%2C0%2C18.778%2C18.778%2C0%2C0%2C1%2C31.929%2C5.229Q37.6%2C10.456%2C37.6%2C19.27q0%2C5.876-4.672%2C12.777T18.8%2C47%22%20fill%3D%22%23888%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.6%22%20height%3D%2247%22%20viewBox%3D%220%200%2037.6%2047%22%3E%3Cpath%20d%3D%22M18.8%2C23.5a4.71%2C4.71%2C0%2C0%2C0%2C4.7-4.7%2C4.71%2C4.71%2C0%2C0%2C0-4.7-4.7%2C4.71%2C4.71%2C0%2C0%2C0-4.7%2C4.7%2C4.71%2C4.71%2C0%2C0%2C0%2C4.7%2C4.7m0%2C17.272A64.622%2C64.622%2C0%2C0%2C0%2C29.434%2C28.816Q32.9%2C23.444%2C32.9%2C19.27A14.186%2C14.186%2C0%2C0%2C0%2C28.816%2C8.784%2C13.612%2C13.612%2C0%2C0%2C0%2C18.8%2C4.7%2C13.612%2C13.612%2C0%2C0%2C0%2C8.784%2C8.784%2C14.186%2C14.186%2C0%2C0%2C0%2C4.7%2C19.27q0%2C4.17%2C3.466%2C9.546A64.622%2C64.622%2C0%2C0%2C0%2C18.8%2C40.772M18.8%2C47Q9.342%2C38.952%2C4.672%2C32.047T0%2C19.27Q0%2C10.457%2C5.671%2C5.229A18.778%2C18.778%2C0%2C0%2C1%2C18.8%2C0%2C18.778%2C18.778%2C0%2C0%2C1%2C31.929%2C5.229Q37.6%2C10.456%2C37.6%2C19.27q0%2C5.876-4.672%2C12.777T18.8%2C47%22%20fill%3D%22%23888%22%2F%3E%3C%2Fsvg%3E");
}
.headerSpMenu__item--shop::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.417%22%20height%3D%2247%22%20viewBox%3D%220%200%2046.417%2047%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2246.417%22%20height%3D%2247%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M14.271%2C37.029a5%2C5%2C0%2C0%2C0-3.537%2C1.456A4.983%2C4.983%2C0%2C0%2C0%2C14.242%2C47h.011a4.985%2C4.985%2C0%2C0%2C0%2C.018-9.97%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M33.653%2C26.036h.03a4.8%2C4.8%2C0%2C0%2C0%2C2.6-.761%2C5.617%2C5.617%2C0%2C0%2C0%2C1.891-2.008L45.978%2C9.2a2.966%2C2.966%2C0%2C0%2C0%2C.007-3.093A2.852%2C2.852%2C0%2C0%2C0%2C43.34%2C4.52H10.235L8.108%2C0H0V5.262H4.748L12.9%2C22.5%2C9.642%2C28.479a4.351%2C4.351%2C0%2C0%2C0%2C.02%2C4.666%2C4.645%2C4.645%2C0%2C0%2C0%2C3.9%2C2.164c.1%2C0%2C.208%2C0%2C.311-.011H42.023V30.037H14.755l2.169-4ZM39.481%2C9.782%2C33.452%2C20.774H18.091L12.8%2C9.782Z%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M37.032%2C37.016h0A4.992%2C4.992%2C0%2C0%2C0%2C37.023%2C47h.083a4.815%2C4.815%2C0%2C0%2C0%2C3.45-1.459%2C4.991%2C4.991%2C0%2C0%2C0-3.524-8.525%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.417%22%20height%3D%2247%22%20viewBox%3D%220%200%2046.417%2047%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2246.417%22%20height%3D%2247%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M14.271%2C37.029a5%2C5%2C0%2C0%2C0-3.537%2C1.456A4.983%2C4.983%2C0%2C0%2C0%2C14.242%2C47h.011a4.985%2C4.985%2C0%2C0%2C0%2C.018-9.97%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M33.653%2C26.036h.03a4.8%2C4.8%2C0%2C0%2C0%2C2.6-.761%2C5.617%2C5.617%2C0%2C0%2C0%2C1.891-2.008L45.978%2C9.2a2.966%2C2.966%2C0%2C0%2C0%2C.007-3.093A2.852%2C2.852%2C0%2C0%2C0%2C43.34%2C4.52H10.235L8.108%2C0H0V5.262H4.748L12.9%2C22.5%2C9.642%2C28.479a4.351%2C4.351%2C0%2C0%2C0%2C.02%2C4.666%2C4.645%2C4.645%2C0%2C0%2C0%2C3.9%2C2.164c.1%2C0%2C.208%2C0%2C.311-.011H42.023V30.037H14.755l2.169-4ZM39.481%2C9.782%2C33.452%2C20.774H18.091L12.8%2C9.782Z%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M37.032%2C37.016h0A4.992%2C4.992%2C0%2C0%2C0%2C37.023%2C47h.083a4.815%2C4.815%2C0%2C0%2C0%2C3.45-1.459%2C4.991%2C4.991%2C0%2C0%2C0-3.524-8.525%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.headerSpMenu__item--search::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248.945%22%20height%3D%2248.945%22%20viewBox%3D%220%200%2048.945%2048.945%22%3E%3Cg%20transform%3D%22translate(-1724%20-35)%22%3E%3Cpath%20d%3D%22M23.5%2C5.5a18%2C18%2C0%2C1%2C0%2C18%2C18%2C18.02%2C18.02%2C0%2C0%2C0-18-18m0-5.5A23.5%2C23.5%2C0%2C1%2C1%2C0%2C23.5%2C23.5%2C23.5%2C0%2C0%2C1%2C23.5%2C0Z%22%20transform%3D%22translate(1724%2035)%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M7.055%2C10.945l-9-9L1.945-1.945l9%2C9Z%22%20transform%3D%22translate(1762%2073)%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248.945%22%20height%3D%2248.945%22%20viewBox%3D%220%200%2048.945%2048.945%22%3E%3Cg%20transform%3D%22translate(-1724%20-35)%22%3E%3Cpath%20d%3D%22M23.5%2C5.5a18%2C18%2C0%2C1%2C0%2C18%2C18%2C18.02%2C18.02%2C0%2C0%2C0-18-18m0-5.5A23.5%2C23.5%2C0%2C1%2C1%2C0%2C23.5%2C23.5%2C23.5%2C0%2C0%2C1%2C23.5%2C0Z%22%20transform%3D%22translate(1724%2035)%22%20fill%3D%22%23888%22%2F%3E%3Cpath%20d%3D%22M7.055%2C10.945l-9-9L1.945-1.945l9%2C9Z%22%20transform%3D%22translate(1762%2073)%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.headerSpMenu__item[aria-expanded=true]::before {
  background-color: var(--main-color);
}

.pageTopBtn {
  position: fixed;
  z-index: 40;
  right: 32px;
  bottom: 32px;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  transition: 0.3s ease;
  background-color: #555;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cg%20transform%3D%22translate(-630%20-16168)%22%3E%3Crect%20width%3D%2280%22%20height%3D%2280%22%20transform%3D%22translate(630%2016168)%22%20fill%3D%22none%22%2F%3E%3Cg%20transform%3D%22translate(650.801%2016187.199)%22%3E%3Cg%20transform%3D%22translate(11.2%2020.8)%20rotate(-90)%22%3E%3Cpath%20d%3D%22M.707%2C16.117-.707%2C14.7l7-7-7-7L.707-.707%2C9.119%2C7.705Z%22%20transform%3D%22translate(12.317)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M20.8%2C1H0V-1H20.8Z%22%20transform%3D%22translate(0%207.6)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M-18.472-12.56v1.824h4.448V.4h2.1V-10.736H-7.5V-12.56ZM-.7-12.832c-3.712%2C0-6.336%2C2.784-6.336%2C6.736C-7.032-2.1-4.44.672-.7.672S5.64-2.1%2C5.64-6.1C5.64-10.048%2C3.016-12.832-.7-12.832Zm0%2C1.728c2.432%2C0%2C4.112%2C2.048%2C4.112%2C4.992%2C0%2C2.96-1.664%2C4.976-4.112%2C4.976S-4.808-3.152-4.808-6.112C-4.808-9.056-3.128-11.1-.7-11.1Zm8.7-1.456V.4h2.048V-4.352h2.432c3.52%2C0%2C5.248-1.408%2C5.248-4.24a3.683%2C3.683%2C0%2C0%2C0-1.9-3.28%2C6.655%2C6.655%2C0%2C0%2C0-3.248-.688Zm2.048%2C1.728h2.4a4.2%2C4.2%2C0%2C0%2C1%2C2.144.448%2C2.175%2C2.175%2C0%2C0%2C1%2C.928%2C1.856c0%2C1.808-.928%2C2.512-3.3%2C2.512H10.056Z%22%20transform%3D%22translate(19%2041.2)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.is-scrolled .pageTopBtn {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .pageTopBtn:hover {
    background-color: #777;
  }
}
@media screen and (max-width: 1023px) {
  .pageTopBtn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    bottom: 80px;
    right: 20px;
  }
}

.footer {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .footer {
    margin: 0;
  }
}
.footer a {
  color: #fff;
}
.footer__top {
  padding: 150px 120px;
  background-color: var(--main-bg-color);
}
@media screen and (max-width: 1023px) {
  .footer__top {
    padding: 60px 20px;
  }
}
.footer__linkWrapper {
  min-height: 240px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 20px;
  overflow: hidden;
  background-color: #49474e;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .footer__linkWrapper {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .footer__linkWrapper {
    grid-template-columns: 1fr;
  }
}
.footer__link {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 24px;
  color: #fff;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .footer__link {
    min-height: 120px;
    gap: 8px;
    padding: 10px;
  }
}
.footer__link + .footer__link {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1023px) {
  .footer__link + .footer__link {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.footer__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .footer__link:hover {
    text-decoration: none;
  }
  .footer__link:hover::before {
    opacity: 0.2;
  }
}
.footer__linkTtl {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.1429;
}
@media screen and (max-width: 1023px) {
  .footer__linkTtl {
    font-size: 2rem;
  }
}
.footer__linkTxt {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 1023px) {
  .footer__linkTxt {
    font-size: 1.3rem;
  }
}
.footer__bottom {
  background-color: #49474e;
  padding: 133px 120px 230px;
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .footer__bottom {
    flex-direction: column;
    padding: 60px 20px 70px;
  }
}
.footer__logoWrapper {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.footer__logo {
  width: 223px;
}
@media screen and (max-width: 1023px) {
  .footer__logo {
    max-width: 162px;
    width: 100%;
  }
}
.footer__info {
  margin: 40px 0 0 0;
}
.footer__info + .footer__info {
  margin: 28px 0 0;
}
.footer__snsWrapper {
  height: 22px;
  display: grid;
  grid-template-columns: repeat(3, 22px);
  align-items: center;
  gap: 14px;
  margin: 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .footer__snsWrapper {
    margin: 28px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .footer__snsWrapper--pc {
    display: none;
  }
}
.footer__snsWrapper--sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .footer__snsWrapper--sp {
    display: flex;
  }
}
.footer__sns {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.footer__sns--instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.396%22%20height%3D%2221.396%22%20viewBox%3D%220%200%2021.396%2021.396%22%3E%3Cg%20transform%3D%22translate(-377.8%20-5976.858)%22%3E%3Cellipse%20cx%3D%221.404%22%20cy%3D%221.404%22%20rx%3D%221.404%22%20ry%3D%221.404%22%20transform%3D%22translate(392.607%205980.221)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4.166-.7H15.831A4.871%2C4.871%2C0%2C0%2C1%2C20.7%2C4.166V15.83A4.871%2C4.871%2C0%2C0%2C1%2C15.831%2C20.7H4.166A4.871%2C4.871%2C0%2C0%2C1-.7%2C15.83V4.166A4.871%2C4.871%2C0%2C0%2C1%2C4.166-.7Zm11.665%2C20A3.47%2C3.47%2C0%2C0%2C0%2C19.3%2C15.83V4.166A3.47%2C3.47%2C0%2C0%2C0%2C15.831.7H4.166A3.47%2C3.47%2C0%2C0%2C0%2C.7%2C4.166V15.83A3.47%2C3.47%2C0%2C0%2C0%2C4.166%2C19.3Z%22%20transform%3D%22translate(378.5%205977.558)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M5.554%2C1.4A4.154%2C4.154%2C0%2C1%2C0%2C9.708%2C5.554%2C4.159%2C4.159%2C0%2C0%2C0%2C5.554%2C1.4m0-1.4A5.554%2C5.554%2C0%2C1%2C1%2C0%2C5.554%2C5.554%2C5.554%2C0%2C0%2C1%2C5.554%2C0Z%22%20transform%3D%22translate(382.945%205982.058)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.footer__sns--facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.2%22%20height%3D%2221.203%22%20viewBox%3D%220%200%2021.2%2021.203%22%3E%3Cpath%20d%3D%22M10.493%2C21.066H3.8A3.944%2C3.944%2C0%2C0%2C1-.137%2C17.133V3.795A3.944%2C3.944%2C0%2C0%2C1%2C3.8-.137H17.129a3.944%2C3.944%2C0%2C0%2C1%2C3.934%2C3.931V17.127a3.944%2C3.944%2C0%2C0%2C1-3.933%2C3.934H13.408a.6.6%2C0%2C0%2C1-.6-.6V13.209a.6.6%2C0%2C0%2C1%2C.6-.6h1.909l.212-1.624H13.413a.6.6%2C0%2C0%2C1-.6-.6v-1.8a1.755%2C1.755%2C0%2C0%2C1%2C2-1.976h.9V5.227c-.5-.039-1-.058-1.5-.058h-.079l-.048%2C0a2.689%2C2.689%2C0%2C0%2C0-.479.006A2.811%2C2.811%2C0%2C0%2C0%2C11.09%2C8.245q0%2C.03%2C0%2C.06v2.083a.6.6%2C0%2C0%2C1-.6.6H8.65v1.625h1.843a.6.6%2C0%2C0%2C1%2C.6.6v7.253A.6.6%2C0%2C0%2C1%2C10.493%2C21.066Zm-6.7-20A2.742%2C2.742%2C0%2C0%2C0%2C1.063%2C3.8V17.132A2.742%2C2.742%2C0%2C0%2C0%2C3.8%2C19.866h6.1V13.813H8.05a.6.6%2C0%2C0%2C1-.6-.6V10.388a.6.6%2C0%2C0%2C1%2C.6-.6H9.893V8.334a4.012%2C4.012%2C0%2C0%2C1%2C3.59-4.355%2C3.9%2C3.9%2C0%2C0%2C1%2C.667-.01h.06a20.818%2C20.818%2C0%2C0%2C1%2C2.162.113.6.6%2C0%2C0%2C1%2C.537.6V7.2a.6.6%2C0%2C0%2C1-.6.6h-1.5a.964.964%2C0%2C0%2C0-.681.168%2C1.038%2C1.038%2C0%2C0%2C0-.12.608v1.2h2.2a.6.6%2C0%2C0%2C1%2C.595.678l-.368%2C2.824a.6.6%2C0%2C0%2C1-.595.522H14.008v6.052h3.121a2.742%2C2.742%2C0%2C0%2C0%2C2.734-2.735V3.795a2.742%2C2.742%2C0%2C0%2C0-2.735-2.732Z%22%20transform%3D%22translate(0.137%200.137)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.footer__sns--youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.039%22%20height%3D%2215.803%22%20viewBox%3D%220%200%2022.039%2015.803%22%3E%3Cg%20transform%3D%22translate(-448.586%20-5978.826)%22%3E%3Cpath%20d%3D%22M21.584%2C27.939h0a3.235%2C3.235%2C0%2C0%2C0-2.28-2.28c-1.681-.451-8.015-.456-8.284-.456s-6.6.006-8.285.456a3.231%2C3.231%2C0%2C0%2C0-2.279%2C2.28A27.171%2C27.171%2C0%2C0%2C0%2C0%2C33.1a27.174%2C27.174%2C0%2C0%2C0%2C.456%2C5.166A3.23%2C3.23%2C0%2C0%2C0%2C2.735%2C40.55c1.681.451%2C8.015.456%2C8.285.456s6.6-.006%2C8.284-.456a3.233%2C3.233%2C0%2C0%2C0%2C2.28-2.279%2C27.145%2C27.145%2C0%2C0%2C0%2C.455-5.166%2C27.332%2C27.332%2C0%2C0%2C0-.455-5.165M20.378%2C37.948a1.98%2C1.98%2C0%2C0%2C1-1.4%2C1.4%2C57.991%2C57.991%2C0%2C0%2C1-7.961.413%2C58.007%2C58.007%2C0%2C0%2C1-7.962-.413%2C1.98%2C1.98%2C0%2C0%2C1-1.4-1.4%2C28.582%2C28.582%2C0%2C0%2C1%2C0-9.686%2C1.98%2C1.98%2C0%2C0%2C1%2C1.4-1.4%2C57.8%2C57.8%2C0%2C0%2C1%2C7.961-.414%2C57.807%2C57.807%2C0%2C0%2C1%2C7.961.414%2C1.98%2C1.98%2C0%2C0%2C1%2C1.4%2C1.4%2C26.775%2C26.775%2C0%2C0%2C1%2C.413%2C4.842%2C26.674%2C26.674%2C0%2C0%2C1-.413%2C4.843%22%20transform%3D%22translate(448.586%205953.623)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13.883%2C32.179l-5.4-3.119a.624.624%2C0%2C0%2C0-.936.541v6.236a.623.623%2C0%2C0%2C0%2C.936.54l5.4-3.119a.623.623%2C0%2C0%2C0%2C0-1.08M8.793%2C34.758V30.682l3.53%2C2.038Z%22%20transform%3D%22translate(449.356%205954.008)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.footer__copyright {
  font-size: 1.3rem;
  padding: 22px 0 0;
}
@media screen and (max-width: 1023px) {
  .footer__copyright--pc {
    display: none;
  }
}
.footer__copyright--sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .footer__copyright--sp {
    display: inline;
  }
}
.footer__right {
  padding: 0 153px 0 0;
}
.footer__nav + .footer__nav {
  margin: 28px 0 0;
}
.footer__navList {
  list-style: none;
}
.footer__navList a {
  font-size: 1.4rem;
}

.overlay {
  position: fixed;
  z-index: 150;
  width: 100%;
  height: 100svh;
  background-color: #666;
  mix-blend-mode: multiply;
  display: none;
}
.is-menuOpen .overlay {
  display: block;
}

.globalWrapper {
  margin: 114px 0 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1280px) {
  .globalWrapper {
    margin: 60px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .globalWrapper {
    padding: 0 20px;
  }
}
.globalWrapper.top {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .globalWrapper.top {
    background-color: var(--main-bg-color);
  }
}
@media screen and (max-width: 1023px) {
  .globalWrapper.top {
    background-color: #e0d8ce;
  }
}
@media screen and (min-width: 1024px) {
  .globalWrapper.basic {
    padding: 86px 120px 120px;
  }
}
@media screen and (max-width: 1023px) {
  .globalWrapper.basic {
    padding-top: 30px;
    padding-bottom: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.globalWrapper.garage {
  background-color: var(--main-bg-color);
}
.globalWrapper__inner {
  max-width: 1680px;
  margin: 0 auto;
}

.pageTtl {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.333;
  max-width: 1680px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .pageTtl {
    font-size: 4rem;
  }
}

.is-pcHidden,
.is-spHidden {
  display: none !important;
}

.lazyblock-inner-blocks {
  display: contents;
}

.btn {
  min-height: 36px;
  background-color: var(--main-color);
  border-radius: 100vmax;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.25;
  padding: 4px 40px 4px 20px;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.3s ease;
  border: 1px solid var(--main-color);
}
@media screen and (max-width: 1023px) {
  .btn {
    justify-content: center;
    text-align: center;
    min-height: 50px;
    padding: 4px 16px;
  }
}
.btn::before {
  content: "";
  display: block;
  width: 6px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
  transition: 0.3s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.061%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.061%2010.707%22%3E%3Cpath%20d%3D%22M9.646%2C5.354%2C5%2C.707.354%2C5.354l-.707-.707L5-.707l5.354%2C5.354Z%22%20transform%3D%22translate(5.354%200.354)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.061%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.061%2010.707%22%3E%3Cpath%20d%3D%22M9.646%2C5.354%2C5%2C.707.354%2C5.354l-.707-.707L5-.707l5.354%2C5.354Z%22%20transform%3D%22translate(5.354%200.354)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .btn:hover {
    background-color: #fff;
    color: var(--main-color);
    text-decoration: none;
  }
  .btn:hover::before {
    background-color: var(--main-color);
  }
}

.has-medium-font-size {
  margin: 60px 0 0;
  font-weight: 500;
}
.has-medium-font-size:first-child {
  margin-top: 0;
}

:root :where(p.has-background) {
  font-size: 2.4rem;
  font-weight: 500;
  padding: 0.3rem 1.6em;
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  :root :where(p.has-background) {
    font-size: 2rem;
    padding: 0.5rem 1.6em;
    margin: 32px 0 0;
  }
}

p:not([class]) {
  margin: 32px 0 0;
}
p:not([class]) + p:not([class]) {
  margin-top: 1em;
}
p:not([class]):first-child {
  margin-top: 0;
}
h4 + p:not([class]) {
  margin-top: 12px;
}
.garageMenuLink + p:not([class]) {
  margin-top: 24px;
}
p:not([class]) a {
  color: var(--main-link-color);
}

h2.wp-block-heading {
  font-size: 2.8rem;
  font-weight: 500;
  padding: 40px 0 0;
  margin: 120px 0 0;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 1023px) {
  h2.wp-block-heading {
    font-size: 2.2rem;
    margin: 50px 0 0;
    padding: 28px 0 0;
  }
}
h2.wp-block-heading:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
h2.wp-block-heading--extend {
  margin-left: -588px;
  margin-bottom: -88px;
}
@media screen and (max-width: 1440px) {
  h2.wp-block-heading--extend {
    margin-left: -400px;
  }
}
@media screen and (max-width: 1023px) {
  h2.wp-block-heading--extend {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.commonIndex__right > .wp-block-image + h2.wp-block-heading--extend {
  margin-top: calc(var(--anchors-height) + 100px);
}
@media screen and (max-width: 1023px) {
  .commonIndex__right > .wp-block-image + h2.wp-block-heading--extend {
    margin: 50px 0 0;
  }
}

h3.wp-block-heading {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  border-left: 8px solid #222;
  margin: 60px 0 0;
  padding: 0 0 0 22px;
}
@media screen and (max-width: 1023px) {
  h3.wp-block-heading {
    margin: 40px 0 0;
    line-height: 1.6667;
  }
}
h3.wp-block-heading:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  h3.wp-block-heading {
    font-size: 1.8rem;
  }
}

h4.wp-block-heading {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 32px 0 0;
}
h4.wp-block-heading:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  h4.wp-block-heading {
    font-size: 1.6rem;
  }
}

.wp-block-columns {
  margin: 32px 0 0;
  gap: 32px;
}
@media screen and (max-width: 1440px) {
  .wp-block-columns.is-layout-flex {
    flex-direction: column;
  }
}
.wp-block-columns:has(.wp-block-column:nth-child(3)) {
  gap: 20px;
}

.wp-block-column > *:first-child {
  margin-top: 0;
}

.is-layout-grid {
  margin: 32px 0 0;
}

.is-layout-grid.is-3col {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 32px 0 0;
}
@media screen and (max-width: 1023px) {
  .is-layout-grid.is-3col {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}
.is-layout-grid.is-3col img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-image {
  margin: 32px 0 0;
}
.wp-block-image img {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .wp-block-image img {
    border-radius: 10px;
  }
}
.wp-block-image:has(figcaption) {
  display: inline-block;
}

.wp-block-image :where(figcaption) {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 0;
}

.wp-block-list {
  list-style: none;
  margin: 32px 0 0;
}
.wp-block-list li {
  padding: 0 0 0 1.8rem;
  position: relative;
}
.wp-block-list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100vmax;
  background-color: var(--text-color);
}
h2 + .wp-block-list, h3 + .wp-block-list, h4 + .wp-block-list, h5 + .wp-block-list, h6 + .wp-block-list {
  margin-top: 16px;
}

.wp-block-embed-youtube {
  margin: 32px 0 0;
}
.wp-block-embed-youtube iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .wp-block-embed-youtube iframe {
    border-radius: 10px;
  }
}

.wp-block-table {
  margin: 32px 0 0;
}

.wp-block-table td,
.wp-block-table th {
  border-color: #999;
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  border-color: #ccc;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #e0d8ce;
}

.wp-block-buttons {
  margin: 32px 0 0;
  gap: 10px;
}
.wp-block-buttons.is-vertical {
  gap: 20px;
}
.wp-block-buttons .wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 160px;
  padding: 4px 8px;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  font-size: 1.5rem;
  transition: 0.3s ease;
}
.wp-block-buttons .wp-element-button[href$=".pdf"]::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 1.0667em;
  height: 1.3333em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.167%22%20height%3D%2232%22%20viewBox%3D%220%200%2026.167%2032%22%3E%3Cg%20transform%3D%22translate(-156.541%20-1482.5)%22%3E%3Cpath%20d%3D%22M18.38.314H6.676a4.633%2C4.633%2C0%2C0%2C0-2.06.427A3.266%2C3.266%2C0%2C0%2C0%2C3.353%2C1.825a4.468%2C4.468%2C0%2C0%2C0-.712%2C2.524V27.018a5.349%2C5.349%2C0%2C0%2C0%2C.627%2C2.911c.725%2C1.166%2C2.085%2C1.758%2C4.041%2C1.758h14.55a4.445%2C4.445%2C0%2C0%2C0%2C2.56-.721%2C3.764%2C3.764%2C0%2C0%2C0%2C1.435-3.274c0-2.948-.011-19.864-.011-20.034Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M26.158%2C9.423V7.657a.811.811%2C0%2C0%2C0-.1-.39l.017-.034L18.732.016l-.044.045A.809.809%2C0%2C0%2C0%2C18.38%2C0H6.676a4.952%2C4.952%2C0%2C0%2C0-2.2.459A3.567%2C3.567%2C0%2C0%2C0%2C3.1%2C1.647a4.772%2C4.772%2C0%2C0%2C0-.768%2C2.7V27.019A5.612%2C5.612%2C0%2C0%2C0%2C3%2C30.095C3.787%2C31.359%2C5.237%2C32%2C7.309%2C32h14.55a4.753%2C4.753%2C0%2C0%2C0%2C2.742-.779%2C4.06%2C4.06%2C0%2C0%2C0%2C1.566-3.529c0-2.377-.007-13.827-.009-18.269M19.2%2C6.838V2.773l4.138%2C4.065ZM18.38%2C8.476h6.139l0%2C2.662c0%2C5.157.008%2C14.442.008%2C16.554a2.526%2C2.526%2C0%2C0%2C1-.881%2C2.2h0a3.145%2C3.145%2C0%2C0%2C1-1.789.474H7.309c-1.49%2C0-2.443-.37-2.917-1.133a4.307%2C4.307%2C0%2C0%2C1-.428-2.211V4.348a2.43%2C2.43%2C0%2C0%2C1%2C2.712-2.71H17.56v6.02a.82.82%2C0%2C0%2C0%2C.82.818%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23555%22%2F%3E%3Crect%20width%3D%2223.174%22%20height%3D%2211.773%22%20rx%3D%221.263%22%20transform%3D%22translate(156.541%201495.975)%22%20fill%3D%22%23b41f29%22%2F%3E%3Cpath%20d%3D%22M4.354%2C23.635H2.864V15.518H5.593a2.756%2C2.756%2C0%2C0%2C1%2C2.183.648%2C2.633%2C2.633%2C0%2C0%2C1%2C.6%2C1.932%2C2.51%2C2.51%2C0%2C0%2C1-.716%2C2.047%2C2.875%2C2.875%2C0%2C0%2C1-2.069.557H4.354ZM5.593%2C19.5c.932%2C0%2C1.307-.409%2C1.307-1.4s-.375-1.387-1.307-1.387H4.331V19.5Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9.289%2C15.517h2.752c2.125-.034%2C3.138%2C1%2C3.081%2C3.15v1.819c.057%2C2.148-.944%2C3.171-3.081%2C3.149H9.289Zm2.49%2C6.924c1.376.023%2C1.831-.489%2C1.853-2.069V18.78c-.022-1.58-.477-2.092-1.853-2.068h-1v5.729Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16.374%2C15.517h4.935v1.217H17.863v2.251h2.9V20.2h-2.9v3.434H16.374Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .wp-block-buttons .wp-element-button:hover {
    text-decoration: none;
    color: var(--main-color);
    background-color: #fff;
  }
}

.wp-block-buttons-is-layout-flex.is-vertical .wp-block-button {
  position: relative;
  min-width: 220px;
}
.wp-block-buttons-is-layout-flex.is-vertical .wp-block-button::before {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 22px;
  translate: 0 -50%;
  transition: 0.3s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 5px 10px;
          mask-size: 5px 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.061%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.061%2010.707%22%3E%3Cpath%20d%3D%22M757.738-5184.24l-5.354-5.354.707-.707%2C4.646%2C4.646%2C4.646-4.646.707.707Z%22%20transform%3D%22translate(5190.301%20763.092)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.061%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.061%2010.707%22%3E%3Cpath%20d%3D%22M757.738-5184.24l-5.354-5.354.707-.707%2C4.646%2C4.646%2C4.646-4.646.707.707Z%22%20transform%3D%22translate(5190.301%20763.092)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.wp-block-buttons-is-layout-flex.is-vertical .wp-block-button:has(.wp-element-button:hover)::before {
  background-color: var(--main-color);
}
.wp-block-buttons-is-layout-flex.is-vertical .wp-element-button {
  padding-left: 20px;
  padding-right: 32px;
  justify-content: flex-start;
}
.wp-block-buttons-is-layout-flex.is-vertical .wp-element-button::after {
  width: 0.9333em;
  height: 0.9333em;
  transition: 0.3s ease;
  background-image: none;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(0%200)%22%3E%3Cpath%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(0%200)%22%3E%3Cpath%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .wp-block-buttons-is-layout-flex.is-vertical .wp-element-button:hover {
    background-color: #fff;
  }
  .wp-block-buttons-is-layout-flex.is-vertical .wp-element-button:hover::after {
    background-color: var(--main-color);
  }
}

.ghostkit-tabs {
  margin: 52px 0 0;
}
.ghostkit-tabs.is-3col .ghostkit-tabs-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  min-height: 60px;
  margin: 0 0 10px;
  border: none;
}
.ghostkit-tabs .ghostkit-tabs-buttons-item {
  text-align: center;
  color: var(--text-color);
  background-color: #e0d8ce;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6667;
  margin: 0;
  border-radius: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .ghostkit-tabs .ghostkit-tabs-buttons-item {
    font-size: 1.5rem;
  }
}
.ghostkit-tabs .ghostkit-tabs-buttons-item-active {
  background-color: var(--text-color);
  color: #fff;
}

#main .ghostkit-accordion {
  border-top: 1px solid #ccc;
  margin: 40px 0 0;
}
#main .ghostkit-accordion-item {
  min-height: 80px;
}
#main .ghostkit-accordion button {
  width: 100%;
  min-height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  #main .ghostkit-accordion button {
    min-height: 64px;
    font-size: 1.6rem;
  }
}
#main .ghostkit-accordion button::before, #main .ghostkit-accordion button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
  width: 32px;
  height: 1px;
  transition: 0.3s ease;
  background-color: #707070;
}
@media screen and (max-width: 1023px) {
  #main .ghostkit-accordion button::before, #main .ghostkit-accordion button::after {
    width: 24px;
  }
}
#main .ghostkit-accordion button::before {
  rotate: -90deg;
}
#main .ghostkit-accordion-item-active button::before {
  rotate: 0deg;
}
#main .ghostkit-accordion-item-collapse {
  display: none;
}

.topMvWrapper {
  position: relative;
}

.topMv {
  position: relative;
  min-height: 100svh;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .topMv {
    margin: 0 -20px 16px;
  }
}
.topMv__txt1 {
  font-size: 4.2rem;
  font-weight: 800;
  margin: 24px 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .topMv__txt1 {
    font-size: 1.4rem;
    margin: 0;
  }
}
.topMv__logo {
  margin: 54px 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .topMv__logo {
    margin: 32px 0 0;
    max-width: 316px;
  }
}
.topMv__txt2 {
  font-size: 2.6rem;
  font-weight: 800;
  margin: 42px 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .topMv__txt2 {
    font-size: 1rem;
  }
}
.topMv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.topMv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.topPopup {
  position: absolute;
  bottom: 50px;
  left: 100px;
  z-index: 50;
  width: 560px;
  height: 100px;
  padding: 10px;
  background-color: #222;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .topPopup {
    position: static;
    display: flex !important;
    width: 100%;
    min-height: 60px;
    height: auto;
    padding: 6px;
    margin: 0 0 15px;
  }
}
.topPopup__left {
  width: 142px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
@media screen and (max-width: 1023px) {
  .topPopup__left {
    width: 85px;
    border-radius: 3px;
  }
}
.topPopup__middle {
  margin: 0 0 0 26px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .topPopup__middle {
    margin: 0 0 0 15px;
  }
}
.topPopup__txt {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .topPopup__txt {
    font-size: 1.2rem;
  }
}
.topPopup__youtube {
  margin: 8px 0 0;
  width: 88px;
}
@media screen and (max-width: 1023px) {
  .topPopup__youtube {
    margin: 4px 0 0;
    width: 53px;
  }
}
.topPopup__right {
  display: block;
  position: relative;
  background-color: var(--main-color);
  width: 70px;
  height: 70px;
  border-radius: 100vmax;
  margin: 7px 0 0 31px;
  font-size: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .topPopup__right {
    width: 42px;
    height: 42px;
    margin: 0 0 0 auto;
  }
}
.topPopup__right::before {
  content: "";
  display: block;
  width: 31px;
  height: 24px;
  position: absolute;
  top: 55%;
  left: 50%;
  translate: -50% -50%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 31px 24px;
          mask-size: 31px 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.83%22%20height%3D%2223.493%22%20viewBox%3D%220%200%2030.83%2023.493%22%3E%3Cg%20transform%3D%22translate(-583.775%20-973.245)%22%3E%3Cpath%20d%3D%22M-12.465.12a2.828%2C2.828%2C0%2C0%2C1-2.017-.7%2C2.478%2C2.478%2C0%2C0%2C1-.743-1.9q0-.15.03-.48l.57-4.6a3.365%2C3.365%2C0%2C0%2C1%2C1.117-2.228%2C3.441%2C3.441%2C0%2C0%2C1%2C2.348-.832%2C2.819%2C2.819%2C0%2C0%2C1%2C2.01.69%2C2.429%2C2.429%2C0%2C0%2C1%2C.735%2C1.86q0%2C.135-.03.465l-.015.12a.17.17%2C0%2C0%2C1-.045.112.15.15%2C0%2C0%2C1-.12.052l-1.11.06q-.15%2C0-.12-.15l.03-.225A1.651%2C1.651%2C0%2C0%2C0-9.81-7.89a1.46%2C1.46%2C0%2C0%2C0-.405-1.08%2C1.48%2C1.48%2C0%2C0%2C0-1.1-.4%2C1.841%2C1.841%2C0%2C0%2C0-1.29.48%2C1.945%2C1.945%2C0%2C0%2C0-.615%2C1.26l-.585%2C4.77a1.923%2C1.923%2C0%2C0%2C0-.015.285%2C1.415%2C1.415%2C0%2C0%2C0%2C.4%2C1.058%2C1.5%2C1.5%2C0%2C0%2C0%2C1.1.4%2C1.822%2C1.822%2C0%2C0%2C0%2C1.275-.48%2C2.009%2C2.009%2C0%2C0%2C0%2C.63-1.26l.015-.21a.159.159%2C0%2C0%2C1%2C.165-.15l1.095.06a.138.138%2C0%2C0%2C1%2C.113.045A.113.113%2C0%2C0%2C1-9-3.015l-.015.105a3.338%2C3.338%2C0%2C0%2C1-1.118%2C2.2A3.42%2C3.42%2C0%2C0%2C1-12.465.12ZM-7.635%2C0a.138.138%2C0%2C0%2C1-.113-.045A.113.113%2C0%2C0%2C1-7.77-.15l1.26-10.2a.144.144%2C0%2C0%2C1%2C.045-.1A.144.144%2C0%2C0%2C1-6.36-10.5h1.11q.135%2C0%2C.135.15L-6.375-.15A.159.159%2C0%2C0%2C1-6.54%2C0ZM-2.76-8.835a.778.778%2C0%2C0%2C1-.585-.233A.817.817%2C0%2C0%2C1-3.57-9.66a1.081%2C1.081%2C0%2C0%2C1%2C.3-.787%2C1%2C1%2C0%2C0%2C1%2C.75-.307.827.827%2C0%2C0%2C1%2C.6.217.786.786%2C0%2C0%2C1%2C.225.592%2C1.084%2C1.084%2C0%2C0%2C1-.315.788A1.013%2C1.013%2C0%2C0%2C1-2.76-8.835ZM-4.41%2C0q-.15%2C0-.12-.15l.9-7.335a.159.159%2C0%2C0%2C1%2C.165-.15h1.1a.138.138%2C0%2C0%2C1%2C.112.045.113.113%2C0%2C0%2C1%2C.023.105l-.9%2C7.335A.159.159%2C0%2C0%2C1-3.3%2C0ZM1.365.12A2.484%2C2.484%2C0%2C0%2C1-.4-.488%2C2.248%2C2.248%2C0%2C0%2C1-1.08-2.145a13.855%2C13.855%2C0%2C0%2C1%2C.12-1.7%2C12.99%2C12.99%2C0%2C0%2C1%2C.3-1.665A3.024%2C3.024%2C0%2C0%2C1%2C.427-7.14%2C3.052%2C3.052%2C0%2C0%2C1%2C2.34-7.755a2.555%2C2.555%2C0%2C0%2C1%2C1.748.585%2C2%2C2%2C0%2C0%2C1%2C.7%2C1.5%2C2.929%2C2.929%2C0%2C0%2C1%2C.015.36.181.181%2C0%2C0%2C1-.165.165l-1.1.09H3.51A.093.093%2C0%2C0%2C1%2C3.4-5.16L3.39-5.22V-5.4a1.112%2C1.112%2C0%2C0%2C0-.345-.788%2C1.191%2C1.191%2C0%2C0%2C0-.87-.322%2C1.433%2C1.433%2C0%2C0%2C0-.96.345%2C1.669%2C1.669%2C0%2C0%2C0-.54.915%2C12.784%2C12.784%2C0%2C0%2C0-.24%2C1.425A11.954%2C11.954%2C0%2C0%2C0%2C.33-2.37a1.277%2C1.277%2C0%2C0%2C0%2C.315.908%2C1.132%2C1.132%2C0%2C0%2C0%2C.87.338%2C1.494%2C1.494%2C0%2C0%2C0%2C.96-.322A1.456%2C1.456%2C0%2C0%2C0%2C3-2.25l.03-.15a.159.159%2C0%2C0%2C1%2C.18-.135l1.08.075q.15%2C0%2C.12.165l-.075.255A2.708%2C2.708%2C0%2C0%2C1%2C3.285-.48%2C3.136%2C3.136%2C0%2C0%2C1%2C1.365.12ZM5.715%2C0a.121.121%2C0%2C0%2C1-.1-.045A.113.113%2C0%2C0%2C1%2C5.595-.15L6.84-10.35a.223.223%2C0%2C0%2C1%2C.06-.1A.144.144%2C0%2C0%2C1%2C7-10.5h1.11q.135%2C0%2C.135.15L7.545-4.62a.03.03%2C0%2C0%2C0%2C.015.045A.03.03%2C0%2C0%2C0%2C7.6-4.59l2.64-2.955a.242.242%2C0%2C0%2C1%2C.2-.09h1.23a.093.093%2C0%2C0%2C1%2C.1.06.109.109%2C0%2C0%2C1-.038.12L9.765-5.19a.23.23%2C0%2C0%2C0-.03.09l1.38%2C4.92v.045a.132.132%2C0%2C0%2C1-.038.1.132.132%2C0%2C0%2C1-.1.038H9.81a.156.156%2C0%2C0%2C1-.15-.12L8.7-4.05q-.03-.09-.075-.015L7.32-2.625a.263.263%2C0%2C0%2C0-.03.075l-.3%2C2.4A.159.159%2C0%2C0%2C1%2C6.825%2C0ZM13.65-3.48q-.15%2C0-.135-.15l.69-6.72a.159.159%2C0%2C0%2C1%2C.165-.15h1.11q.15%2C0%2C.12.15l-.945%2C6.72a.148.148%2C0%2C0%2C1-.165.15ZM13.62-.045a.8.8%2C0%2C0%2C1-.6-.233A.837.837%2C0%2C0%2C1%2C12.8-.885a1.062%2C1.062%2C0%2C0%2C1%2C.3-.773%2C1%2C1%2C0%2C0%2C1%2C.75-.308.8.8%2C0%2C0%2C1%2C.6.233.837.837%2C0%2C0%2C1%2C.225.608%2C1.055%2C1.055%2C0%2C0%2C1-.308.765A1%2C1%2C0%2C0%2C1%2C13.62-.045Z%22%20transform%3D%22translate(599%20984)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-16457.437-21401.613h-1v-1.211h-7.279v-1h7.279v-3.189l.7.3c.018.008%2C1.67.729%2C3.3%2C1.447.957.422%2C1.721.76%2C2.268%2C1l.752.34.219.1a.511.511%2C0%2C0%2C1%2C.34.592l-.082.4h-6.5Zm0-2.211h3.781c-1.131-.5-2.549-1.123-3.781-1.662Z%22%20transform%3D%22translate(17057.143%2022398.352)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.83%22%20height%3D%2223.493%22%20viewBox%3D%220%200%2030.83%2023.493%22%3E%3Cg%20transform%3D%22translate(-583.775%20-973.245)%22%3E%3Cpath%20d%3D%22M-12.465.12a2.828%2C2.828%2C0%2C0%2C1-2.017-.7%2C2.478%2C2.478%2C0%2C0%2C1-.743-1.9q0-.15.03-.48l.57-4.6a3.365%2C3.365%2C0%2C0%2C1%2C1.117-2.228%2C3.441%2C3.441%2C0%2C0%2C1%2C2.348-.832%2C2.819%2C2.819%2C0%2C0%2C1%2C2.01.69%2C2.429%2C2.429%2C0%2C0%2C1%2C.735%2C1.86q0%2C.135-.03.465l-.015.12a.17.17%2C0%2C0%2C1-.045.112.15.15%2C0%2C0%2C1-.12.052l-1.11.06q-.15%2C0-.12-.15l.03-.225A1.651%2C1.651%2C0%2C0%2C0-9.81-7.89a1.46%2C1.46%2C0%2C0%2C0-.405-1.08%2C1.48%2C1.48%2C0%2C0%2C0-1.1-.4%2C1.841%2C1.841%2C0%2C0%2C0-1.29.48%2C1.945%2C1.945%2C0%2C0%2C0-.615%2C1.26l-.585%2C4.77a1.923%2C1.923%2C0%2C0%2C0-.015.285%2C1.415%2C1.415%2C0%2C0%2C0%2C.4%2C1.058%2C1.5%2C1.5%2C0%2C0%2C0%2C1.1.4%2C1.822%2C1.822%2C0%2C0%2C0%2C1.275-.48%2C2.009%2C2.009%2C0%2C0%2C0%2C.63-1.26l.015-.21a.159.159%2C0%2C0%2C1%2C.165-.15l1.095.06a.138.138%2C0%2C0%2C1%2C.113.045A.113.113%2C0%2C0%2C1-9-3.015l-.015.105a3.338%2C3.338%2C0%2C0%2C1-1.118%2C2.2A3.42%2C3.42%2C0%2C0%2C1-12.465.12ZM-7.635%2C0a.138.138%2C0%2C0%2C1-.113-.045A.113.113%2C0%2C0%2C1-7.77-.15l1.26-10.2a.144.144%2C0%2C0%2C1%2C.045-.1A.144.144%2C0%2C0%2C1-6.36-10.5h1.11q.135%2C0%2C.135.15L-6.375-.15A.159.159%2C0%2C0%2C1-6.54%2C0ZM-2.76-8.835a.778.778%2C0%2C0%2C1-.585-.233A.817.817%2C0%2C0%2C1-3.57-9.66a1.081%2C1.081%2C0%2C0%2C1%2C.3-.787%2C1%2C1%2C0%2C0%2C1%2C.75-.307.827.827%2C0%2C0%2C1%2C.6.217.786.786%2C0%2C0%2C1%2C.225.592%2C1.084%2C1.084%2C0%2C0%2C1-.315.788A1.013%2C1.013%2C0%2C0%2C1-2.76-8.835ZM-4.41%2C0q-.15%2C0-.12-.15l.9-7.335a.159.159%2C0%2C0%2C1%2C.165-.15h1.1a.138.138%2C0%2C0%2C1%2C.112.045.113.113%2C0%2C0%2C1%2C.023.105l-.9%2C7.335A.159.159%2C0%2C0%2C1-3.3%2C0ZM1.365.12A2.484%2C2.484%2C0%2C0%2C1-.4-.488%2C2.248%2C2.248%2C0%2C0%2C1-1.08-2.145a13.855%2C13.855%2C0%2C0%2C1%2C.12-1.7%2C12.99%2C12.99%2C0%2C0%2C1%2C.3-1.665A3.024%2C3.024%2C0%2C0%2C1%2C.427-7.14%2C3.052%2C3.052%2C0%2C0%2C1%2C2.34-7.755a2.555%2C2.555%2C0%2C0%2C1%2C1.748.585%2C2%2C2%2C0%2C0%2C1%2C.7%2C1.5%2C2.929%2C2.929%2C0%2C0%2C1%2C.015.36.181.181%2C0%2C0%2C1-.165.165l-1.1.09H3.51A.093.093%2C0%2C0%2C1%2C3.4-5.16L3.39-5.22V-5.4a1.112%2C1.112%2C0%2C0%2C0-.345-.788%2C1.191%2C1.191%2C0%2C0%2C0-.87-.322%2C1.433%2C1.433%2C0%2C0%2C0-.96.345%2C1.669%2C1.669%2C0%2C0%2C0-.54.915%2C12.784%2C12.784%2C0%2C0%2C0-.24%2C1.425A11.954%2C11.954%2C0%2C0%2C0%2C.33-2.37a1.277%2C1.277%2C0%2C0%2C0%2C.315.908%2C1.132%2C1.132%2C0%2C0%2C0%2C.87.338%2C1.494%2C1.494%2C0%2C0%2C0%2C.96-.322A1.456%2C1.456%2C0%2C0%2C0%2C3-2.25l.03-.15a.159.159%2C0%2C0%2C1%2C.18-.135l1.08.075q.15%2C0%2C.12.165l-.075.255A2.708%2C2.708%2C0%2C0%2C1%2C3.285-.48%2C3.136%2C3.136%2C0%2C0%2C1%2C1.365.12ZM5.715%2C0a.121.121%2C0%2C0%2C1-.1-.045A.113.113%2C0%2C0%2C1%2C5.595-.15L6.84-10.35a.223.223%2C0%2C0%2C1%2C.06-.1A.144.144%2C0%2C0%2C1%2C7-10.5h1.11q.135%2C0%2C.135.15L7.545-4.62a.03.03%2C0%2C0%2C0%2C.015.045A.03.03%2C0%2C0%2C0%2C7.6-4.59l2.64-2.955a.242.242%2C0%2C0%2C1%2C.2-.09h1.23a.093.093%2C0%2C0%2C1%2C.1.06.109.109%2C0%2C0%2C1-.038.12L9.765-5.19a.23.23%2C0%2C0%2C0-.03.09l1.38%2C4.92v.045a.132.132%2C0%2C0%2C1-.038.1.132.132%2C0%2C0%2C1-.1.038H9.81a.156.156%2C0%2C0%2C1-.15-.12L8.7-4.05q-.03-.09-.075-.015L7.32-2.625a.263.263%2C0%2C0%2C0-.03.075l-.3%2C2.4A.159.159%2C0%2C0%2C1%2C6.825%2C0ZM13.65-3.48q-.15%2C0-.135-.15l.69-6.72a.159.159%2C0%2C0%2C1%2C.165-.15h1.11q.15%2C0%2C.12.15l-.945%2C6.72a.148.148%2C0%2C0%2C1-.165.15ZM13.62-.045a.8.8%2C0%2C0%2C1-.6-.233A.837.837%2C0%2C0%2C1%2C12.8-.885a1.062%2C1.062%2C0%2C0%2C1%2C.3-.773%2C1%2C1%2C0%2C0%2C1%2C.75-.308.8.8%2C0%2C0%2C1%2C.6.233.837.837%2C0%2C0%2C1%2C.225.608%2C1.055%2C1.055%2C0%2C0%2C1-.308.765A1%2C1%2C0%2C0%2C1%2C13.62-.045Z%22%20transform%3D%22translate(599%20984)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-16457.437-21401.613h-1v-1.211h-7.279v-1h7.279v-3.189l.7.3c.018.008%2C1.67.729%2C3.3%2C1.447.957.422%2C1.721.76%2C2.268%2C1l.752.34.219.1a.511.511%2C0%2C0%2C1%2C.34.592l-.082.4h-6.5Zm0-2.211h3.781c-1.131-.5-2.549-1.123-3.781-1.662Z%22%20transform%3D%22translate(17057.143%2022398.352)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .topPopup__right::before {
    width: 19px;
    height: 14px;
    -webkit-mask-size: 19px 14px;
            mask-size: 19px 14px;
  }
}
.topPopup__btn {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
}
@media screen and (max-width: 1023px) {
  .topPopup__btn {
    display: none;
  }
}
.topPopup__btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  background-color: #999;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 11px 11px;
          mask-size: 11px 11px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.707%22%20height%3D%2210.707%22%20viewBox%3D%220%200%2010.707%2010.707%22%3E%3Cg%20transform%3D%22translate(-1060.146%20-1105.146)%22%3E%3Cpath%20d%3D%22M.354%2C10.354l-.707-.707%2C10-10%2C.707.707Z%22%20transform%3D%22translate(1060.5%201105.5)%22%20fill%3D%22%23999%22%2F%3E%3Cpath%20d%3D%22M9.646%2C10.354l-10-10L.354-.354l10%2C10Z%22%20transform%3D%22translate(1060.5%201105.5)%22%20fill%3D%22%23999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.707%22%20height%3D%2210.707%22%20viewBox%3D%220%200%2010.707%2010.707%22%3E%3Cg%20transform%3D%22translate(-1060.146%20-1105.146)%22%3E%3Cpath%20d%3D%22M.354%2C10.354l-.707-.707%2C10-10%2C.707.707Z%22%20transform%3D%22translate(1060.5%201105.5)%22%20fill%3D%22%23999%22%2F%3E%3Cpath%20d%3D%22M9.646%2C10.354l-10-10L.354-.354l10%2C10Z%22%20transform%3D%22translate(1060.5%201105.5)%22%20fill%3D%22%23999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.topSpBanner {
  display: none;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .topSpBanner {
    display: grid;
  }
}
.topSpBanner__item {
  width: 100%;
  aspect-ratio: 1/0.2985074627;
}
.topSpBanner__link {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  z-index: 10;
}
.topSpBanner__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  pointer-events: none;
}
.topSpBanner__txt {
  position: relative;
  z-index: 10;
}
.topSpBanner__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.topService {
  padding: 111px 120px 120px;
  background-color: #E0D8CE;
}
@media screen and (max-width: 1023px) {
  .topService {
    padding: 32px 0;
    background-color: transparent;
    display: grid;
  }
}

.topServiceHeading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  font-size: 4rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .topServiceHeading {
    font-size: 2rem;
    gap: 5px;
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 58px 0 0;
  }
}
.topServiceHeading::before {
  content: "";
  display: block;
  width: 262px;
  height: 78px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22261.128%22%20height%3D%2277.252%22%20viewBox%3D%220%200%20261.128%2077.252%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%22261.128%22%20height%3D%2277.252%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(0%200)%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M13.029%2C74.256a9.432%2C9.432%2C0%2C0%2C1-2.058%2C1.894%2C8.935%2C8.935%2C0%2C0%2C1-2.284%2C1.1L6.8%2C74.058a9.8%2C9.8%2C0%2C0%2C0%2C1.625-.812A4.887%2C4.887%2C0%2C0%2C0%2C9.6%2C72.22a2.766%2C2.766%2C0%2C0%2C0%2C.737-1.985A2.938%2C2.938%2C0%2C0%2C0%2C9.1%2C68.289L0%2C60.828l2.737-3.337%2C9.779%2C8.022a6.218%2C6.218%2C0%2C0%2C1%2C1.924%2C2.553%2C5.206%2C5.206%2C0%2C0%2C1%2C.225%2C3.017%2C7.507%2C7.507%2C0%2C0%2C1-1.636%2C3.173%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M35.9%2C51.322a13.4%2C13.4%2C0%2C0%2C1-3.512%2C2.056%2C9.251%2C9.251%2C0%2C0%2C1-3.684.706l-.441-3.79a5.063%2C5.063%2C0%2C0%2C0%2C1.794-.1%2C8.766%2C8.766%2C0%2C0%2C0%2C1.9-.659%2C8.424%2C8.424%2C0%2C0%2C0%2C1.672-1.044%2C4.616%2C4.616%2C0%2C0%2C0%2C1.406-1.714%2C1.413%2C1.413%2C0%2C0%2C0-.165-1.547%2C1.438%2C1.438%2C0%2C0%2C0-1.215-.531%2C7.044%2C7.044%2C0%2C0%2C0-2.333.692l-1.483.648a8.423%2C8.423%2C0%2C0%2C1-4.489.89%2C4.689%2C4.689%2C0%2C0%2C1-3.008-1.764%2C5.009%2C5.009%2C0%2C0%2C1-1.018-2.077%2C5.326%2C5.326%2C0%2C0%2C1%2C0-2.31%2C6.927%2C6.927%2C0%2C0%2C1%2C.978-2.3%2C8.825%2C8.825%2C0%2C0%2C1%2C1.886-2.061%2C11.969%2C11.969%2C0%2C0%2C1%2C3.362-1.951%2C7.484%2C7.484%2C0%2C0%2C1%2C3.249-.521l.326%2C3.75a4.8%2C4.8%2C0%2C0%2C0-1.523.061%2C7.081%2C7.081%2C0%2C0%2C0-1.617.522%2C6.975%2C6.975%2C0%2C0%2C0-1.484.916%2C4.483%2C4.483%2C0%2C0%2C0-1.019%2C1.117%2C2.371%2C2.371%2C0%2C0%2C0-.376%2C1.116%2C1.419%2C1.419%2C0%2C0%2C0%2C.335.983%2C1.093%2C1.093%2C0%2C0%2C0%2C.678.413%2C2.5%2C2.5%2C0%2C0%2C0%2C1.06-.114%2C16.14%2C16.14%2C0%2C0%2C0%2C1.706-.611l1.528-.633a9.571%2C9.571%2C0%2C0%2C1%2C4.434-.947%2C4.326%2C4.326%2C0%2C0%2C1%2C2.99%2C1.712%2C5.345%2C5.345%2C0%2C0%2C1%2C1.23%2C2.926%2C5.854%2C5.854%2C0%2C0%2C1-.649%2C3.176A9.171%2C9.171%2C0%2C0%2C1%2C35.9%2C51.322%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M50.363%2C40.528l-7.382-12.2-4.149%2C2.511-2.039-3.371L48.805%2C20.2l2.039%2C3.371L46.7%2C26.079l7.382%2C12.2Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M68.7%2C30.771l-3-6.99L55.659%2C16.558l4.457-1.911L66.138%2C19.1l.9-7.414%2C4.337-1.859L69.694%2C22.112l2.98%2C6.954Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M84.894%2C24.575%2C80.072%2C7.026l4.162-1.144%2C3.778%2C13.751L95.057%2C17.7l1.044%2C3.8Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M103.536%2C20.011l-2.412-18.04L113.8.276l.5%2C3.711-8.4%2C1.124.448%2C3.35%2C7.048-.943.458%2C3.428-7.047.942.507%2C3.8%2C8.5-1.137.5%2C3.75Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M144.408%2C18.976a11.968%2C11.968%2C0%2C0%2C1-3.893-1%2C9.889%2C9.889%2C0%2C0%2C1-3.091-2.158%2C8.738%2C8.738%2C0%2C0%2C1-1.947-3.167%2C9.4%2C9.4%2C0%2C0%2C1-.454-4.021%2C9.665%2C9.665%2C0%2C0%2C1%2C1.117-3.862%2C8.8%2C8.8%2C0%2C0%2C1%2C2.407-2.8A9.517%2C9.517%2C0%2C0%2C1%2C141.9.36a11.444%2C11.444%2C0%2C0%2C1%2C3.955-.31%2C14.273%2C14.273%2C0%2C0%2C1%2C1.994.326%2C11.565%2C11.565%2C0%2C0%2C1%2C2.091.713%2C9.7%2C9.7%2C0%2C0%2C1%2C2.043%2C1.25L149.9%2C5.51A7.315%2C7.315%2C0%2C0%2C0%2C148%2C4.448a8.321%2C8.321%2C0%2C0%2C0-2.2-.488%2C7.38%2C7.38%2C0%2C0%2C0-2.482.166%2C5.027%2C5.027%2C0%2C0%2C0-1.943.951%2C4.89%2C4.89%2C0%2C0%2C0-1.315%2C1.666%2C6.461%2C6.461%2C0%2C0%2C0-.608%2C2.308%2C5.769%2C5.769%2C0%2C0%2C0%2C.525%2C3.211%2C5.085%2C5.085%2C0%2C0%2C0%2C2.008%2C2.1%2C7.2%2C7.2%2C0%2C0%2C0%2C3.013.911%2C6.791%2C6.791%2C0%2C0%2C0%2C1.292%2C0%2C8.521%2C8.521%2C0%2C0%2C0%2C1.1-.177l.283-3.212-3.7-.326.3-3.419%2C7.472.659-.815%2C9.246a9.585%2C9.585%2C0%2C0%2C1-2.008.639%2C15.838%2C15.838%2C0%2C0%2C1-2.338.316%2C14.81%2C14.81%2C0%2C0%2C1-2.171-.016%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M157.271%2C20.12l11.04-15.988%2C4.854%2C1.222%2C2.209%2C19.326-4.714-1.188-.349-3.882-6.329-1.594-2.121%2C3.26Zm8.54-5.37%2C4.412%2C1.111L169.54%2C9.2Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M181.719%2C27.017l7.1-16.76%2C6.8%2C2.879a8.775%2C8.775%2C0%2C0%2C1%2C3%2C1.992%2C5.029%2C5.029%2C0%2C0%2C1%2C1%2C5.747%2C5.208%2C5.208%2C0%2C0%2C1-1.385%2C1.969%2C4.847%2C4.847%2C0%2C0%2C1-1.942%2C1.02%2C5.977%2C5.977%2C0%2C0%2C1-2.237.147l1.559%2C8.89-4.717-2-1.125-7.746-1.473-.624-2.61%2C6.165Zm7.933-7.667%2C2.347.993a3.627%2C3.627%2C0%2C0%2C0%2C2.153.333%2C1.9%2C1.9%2C0%2C0%2C0%2C1.354-1.248%2C2.048%2C2.048%2C0%2C0%2C0%2C.012-1.879%2C3.333%2C3.333%2C0%2C0%2C0-1.682-1.312l-2.43-1.029Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M200.349%2C35.26l15.357-11.9%2C4.257%2C2.633L216.226%2C45.08l-4.135-2.558.841-3.805-5.55-3.433-3.008%2C2.465Zm9.763-2.537%2C3.869%2C2.394%2C1.364-6.555Z%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M227.886%2C55.121a11.929%2C11.929%2C0%2C0%2C1-2.589-3.073%2C9.889%2C9.889%2C0%2C0%2C1-1.26-3.554%2C8.749%2C8.749%2C0%2C0%2C1%2C.258-3.708%2C9.388%2C9.388%2C0%2C0%2C1%2C1.968-3.535%2C9.662%2C9.662%2C0%2C0%2C1%2C3.154-2.493A8.784%2C8.784%2C0%2C0%2C1%2C233%2C37.882a9.524%2C9.524%2C0%2C0%2C1%2C3.667.635%2C11.47%2C11.47%2C0%2C0%2C1%2C3.4%2C2.047%2C14.348%2C14.348%2C0%2C0%2C1%2C1.433%2C1.425%2C11.5%2C11.5%2C0%2C0%2C1%2C1.286%2C1.8%2C9.684%2C9.684%2C0%2C0%2C1%2C.936%2C2.205l-3.536%2C1.369a7.347%2C7.347%2C0%2C0%2C0-.932-1.97%2C8.275%2C8.275%2C0%2C0%2C0-1.508-1.677%2C7.346%2C7.346%2C0%2C0%2C0-2.115-1.307%2C5.011%2C5.011%2C0%2C0%2C0-2.134-.357%2C4.882%2C4.882%2C0%2C0%2C0-2.038.591%2C6.5%2C6.5%2C0%2C0%2C0-1.837%2C1.524%2C5.758%2C5.758%2C0%2C0%2C0-1.439%2C2.919%2C5.084%2C5.084%2C0%2C0%2C0%2C.415%2C2.872%2C7.208%2C7.208%2C0%2C0%2C0%2C1.921%2C2.493%2C6.8%2C6.8%2C0%2C0%2C0%2C1.054.749%2C8.392%2C8.392%2C0%2C0%2C0%2C1%2C.494l2.1-2.448-2.823-2.419%2C2.232-2.606%2C5.7%2C4.881-6.039%2C7.048a9.5%2C9.5%2C0%2C0%2C1-2-.648%2C15.627%2C15.627%2C0%2C0%2C1-2.085-1.1%2C14.618%2C14.618%2C0%2C0%2C1-1.758-1.275%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M238.993%2C65.144l13.772-11.9%2C8.363%2C9.68L258.3%2C65.373l-5.541-6.414-2.558%2C2.21%2C4.649%2C5.381-2.617%2C2.261-4.649-5.381-2.9%2C2.507%2C5.608%2C6.493L247.424%2C74.9Z%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .topServiceHeading::before {
    width: 130px;
    height: 39px;
  }
}

.topServiceContents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  max-width: 1680px;
  margin: 48px auto 0;
}
@media screen and (max-width: 1023px) {
  .topServiceContents {
    grid-template-columns: 1fr;
    margin: 28px 0 0;
    gap: 40px;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.topServiceContents__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__item {
    display: block;
  }
}
.topServiceContents__index {
  font-size: 4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: center;
  min-width: 160px;
  margin: 0 auto;
  padding: 0 0 10px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__index {
    font-size: 3.2rem;
  }
}
.topServiceContents__index::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  max-width: 160px;
  width: 100%;
  height: 1px;
  background-color: #707070;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__index::before {
    max-width: 132px;
  }
}
.topServiceContents__ttl {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__ttl {
    font-size: 2rem;
    text-align: center;
  }
}
.topServiceContents__img {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1/0.6923076923;
  margin: 30px 0 0;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .topServiceContents__img {
    margin: 22px auto 0;
  }
}
.topServiceContents__txt {
  margin: 23px 0 0;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__txt {
    margin: 12px 0 0;
  }
}
.topServiceContents__link {
  min-width: 220px;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: 23px;
}
@media screen and (max-width: 1023px) {
  .topServiceContents__link {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topServiceContents__link {
    max-width: 100%;
  }
}

.topBanner {
  min-height: 240px;
}
.topBanner__link {
  max-width: 1260px;
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
  display: grid;
  grid-template-columns: 420px 1fr;
  margin: 70px auto 0;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topBanner__link {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .topBanner__link {
    grid-template-columns: 1fr;
    margin: 40px 0 0;
  }
}
.topBanner__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s ease;
}
.topBanner__left {
  width: auto;
  height: 100%;
  background-color: #537E72;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 40px 24px 40px 60px;
}
@media screen and (max-width: 1023px) {
  .topBanner__left {
    padding: 27px 24px 30px;
    gap: 6px;
    align-items: center;
    min-height: 120px;
  }
}
.topBanner__heading {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 1023px) {
  .topBanner__heading {
    font-size: 2.4rem;
  }
}
.topBanner__txt {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .topBanner__txt {
    font-size: 1.3rem;
  }
}
.topBanner__right {
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .topBanner__right {
    min-height: 90px;
  }
}
.topBanner__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .topBanner__link:hover {
    text-decoration: none;
  }
  .topBanner__link:hover::before {
    opacity: 0.2;
  }
}

@media screen and (max-width: 1023px) {
  .topServiceShop {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
.topServiceShop__left {
  background-color: var(--main-color);
}
.topServiceShop__right {
  background-color: #537E72;
}

.topNews {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 196px 1fr;
  padding: 50px 55px;
  margin: 50px auto 0;
  max-width: 1260px;
}
@media screen and (max-width: 1023px) {
  .topNews {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .topNews {
    grid-column: 1/2;
    grid-row: 1/2;
    grid-template-columns: 1fr;
    padding: 32px 25px;
  }
}
.topNews__headingWrapper {
  padding: 0 36px 0 0;
  border-right: 2px solid #222;
}
@media screen and (max-width: 1023px) {
  .topNews__headingWrapper {
    display: contents;
  }
}
.topNews__heading {
  font-size: 3.2rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .topNews__heading {
    font-size: 1.6rem;
    border-bottom: 1px solid #222;
    padding: 0 0 6px;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.topNews__btn {
  min-width: 160px;
  margin: 20px 0 0;
}
@media screen and (max-width: 1023px) {
  .topNews__btn {
    grid-column: 1/2;
    grid-row: 3/4;
    max-width: 100%;
    margin: 10px 0 0;
  }
}
.topNews__list {
  padding: 0 0 0 46px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .topNews__list {
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 0;
  }
}
.topNews__item {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 40px;
  line-height: 2.5;
}
@media screen and (max-width: 1023px) {
  .topNews__item {
    grid-template-columns: 84px 1fr;
    gap: 11px;
  }
}
.topNews__date {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .topNews__date {
    font-size: 1.5rem;
  }
}
.topNews__ttl {
  font-size: 1.5rem;
  line-height: 1.333;
}

.topGarageLife {
  padding: 152px 0 0;
  position: relative;
  z-index: 30;
}
@media screen and (max-width: 1023px) {
  .topGarageLife {
    padding: 20px 20px 66px;
    margin: 0 calc(50% - 50vw);
    background-color: #fff;
  }
}
.topGarageLife__heading {
  position: absolute;
  left: 52%;
  top: 85px;
  translate: -50% 0;
  z-index: 20;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__heading {
    position: static;
    translate: none;
    max-width: 228px;
    margin: 0 auto;
  }
}
.topGarageLife__item {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:first-of-type {
    flex-direction: column-reverse;
  }
}
.topGarageLife__item:last-of-type {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type {
    margin: 116px 0 0;
    flex-direction: column-reverse;
  }
}
.topGarageLife__slider {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__slider {
    width: 100%;
  }
}
.topGarageLife__slider::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .topGarageLife__slider::before {
    width: calc(100% + 40px);
    height: 210px;
    bottom: -66px;
    left: -20px;
  }
}
.topGarageLife__item:first-of-type .topGarageLife__slider {
  padding: 0 5.2083vw 12.5vw 5.2083vw;
  margin: 0 0 -12.5vw;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:first-of-type .topGarageLife__slider {
    padding: 0;
    margin: 0;
  }
}
.topGarageLife__item:last-of-type .topGarageLife__slider {
  padding: 5.2083vw 5.2083vw 7.2917vw 5.2083vw;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type .topGarageLife__slider {
    padding: 0;
  }
}
.topGarageLife__item:first-of-type .topGarageLife__slider::before {
  width: 100%;
  height: 32.0313vw;
  background-color: #e0d8ce;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:first-of-type .topGarageLife__slider::before {
    width: calc(100% + 40px);
    height: 210px;
    bottom: -66px;
    left: -20px;
  }
}
.topGarageLife__item:last-of-type .topGarageLife__slider::before {
  width: 100%;
  height: 100%;
  background-color: #ebefed;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type .topGarageLife__slider::before {
    width: calc(100% + 40px);
    height: 210px;
    bottom: -66px;
    left: -20px;
  }
}
.topGarageLife__inner {
  width: 39.5833vw;
  aspect-ratio: 1/0.7894736842;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__inner {
    width: 100%;
  }
}
.topGarageLife__slide {
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__slide {
    border-radius: 10px;
  }
}
.topGarageLife__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topGarageLife__txtWrapper {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__txtWrapper {
    width: 100%;
  }
}
.topGarageLife__item:first-of-type .topGarageLife__txtWrapper {
  margin: 0 0 0 10.4167vw;
}
@media screen and (max-width: 1440px) {
  .topGarageLife__item:first-of-type .topGarageLife__txtWrapper {
    margin: 0 0 0 5.2083vw;
    padding: 0 5.2083vw 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:first-of-type .topGarageLife__txtWrapper {
    margin: 0;
    padding: 0;
  }
}
.topGarageLife__item:last-of-type .topGarageLife__txtWrapper {
  margin: 0 9.6354vw 0 0;
}
@media screen and (max-width: 1440px) {
  .topGarageLife__item:last-of-type .topGarageLife__txtWrapper {
    margin: 110px 5.2083vw 0 0;
    padding: 0 0 0 5.2083vw;
  }
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type .topGarageLife__txtWrapper {
    margin: 0;
    padding: 0;
  }
}
.topGarageLife__ttl {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.6;
  max-width: 420px;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__ttl {
    font-size: 2.5rem;
    max-width: 100%;
  }
}
.topGarageLife__txt {
  margin: 40px 0 0;
  max-width: 420px;
  line-height: 1.6667;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__txt {
    margin: 32px 0 0;
    max-width: 100%;
  }
}
.topGarageLife__item:last-of-type .topGarageLife__ttl, .topGarageLife__item:last-of-type .topGarageLife__txt {
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type .topGarageLife__ttl, .topGarageLife__item:last-of-type .topGarageLife__txt {
    margin-left: 0;
  }
}
.topGarageLife .swiper-pagination {
  height: 20px;
}
@media screen and (max-width: 1023px) {
  .topGarageLife .swiper-pagination {
    height: 10px;
  }
}
.topGarageLife__item:first-of-type .swiper-pagination {
  bottom: 10.4167vw;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:first-of-type .swiper-pagination {
    bottom: -10px;
  }
}
.topGarageLife__item:last-of-type .swiper-pagination {
  bottom: 5.2083vw;
}
@media screen and (max-width: 1023px) {
  .topGarageLife__item:last-of-type .swiper-pagination {
    bottom: -10px;
  }
}
.topGarageLife .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #fff;
  opacity: 1;
  margin: 0 10px !important;
}
@media screen and (max-width: 1023px) {
  .topGarageLife .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.topGarageLife .swiper-pagination-bullet-active {
  background-color: #bcb4aa;
}

.topLineup {
  color: #fff;
  background-color: #49474e;
  padding: 154px 120px 200px;
}
@media screen and (max-width: 1023px) {
  .topLineup {
    padding: 58px 20px 60px;
    margin: 0 calc(50% - 50vw);
  }
}
.topLineup__inner {
  max-width: 1400px;
  margin: 0 auto;
}
.topLineup__txt {
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .topLineup__txt {
    margin: 40px 0 0;
  }
}
.topLineup__contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 10px;
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .topLineup__contents {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin: 24px 0 0;
  }
}
.topLineup__item {
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .topLineup__item {
    border-radius: 10px;
  }
}
.topLineup__itemLink {
  color: #fff;
}
.topLineup__itemImg {
  aspect-ratio: 1/0.6956521739;
  overflow: hidden;
  transition: 0.3s ease;
}
.topLineup__itemTxtWrapper {
  background-color: #1d1c1f;
  padding: 20px 64px 20px 20px;
  display: grid;
  align-items: flex-end;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topLineup__itemTxtWrapper {
    padding: 7px 12px;
    display: block;
    min-height: 90px;
    height: 100%;
  }
}
.topLineup__itemTxtWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  translate: 0 -50%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate(-668%20-3173)%22%3E%3Cpath%20d%3D%22M-11422.554-3182.435l-1.131-1.131%2C3.434-3.434-3.434-3.434%2C1.131-1.131%2C4.566%2C4.565-.566.566Z%22%20transform%3D%22translate(12101.619%206372.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12%2C1A11%2C11%2C0%2C0%2C0%2C4.222%2C19.778%2C11%2C11%2C0%2C0%2C0%2C19.778%2C4.222%2C10.928%2C10.928%2C0%2C0%2C0%2C12%2C1m0-1A12%2C12%2C0%2C1%2C1%2C0%2C12%2C12%2C12%2C0%2C0%2C1%2C12%2C0Z%22%20transform%3D%22translate(668%203173)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .topLineup__itemTxtWrapper::before {
    display: none;
  }
}
.topLineup__itemTtl {
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .topLineup__itemTtl {
    font-size: 1.2rem;
  }
}
.topLineup__itemTxt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3125;
}
@media screen and (max-width: 1023px) {
  .topLineup__itemTxt {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .topLineup__itemLink:hover {
    text-decoration: none;
  }
  .topLineup__itemLink:hover .topLineup__itemImg {
    scale: 1.1;
  }
}

.topHeading {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 1023px) {
  .topHeading {
    font-size: 3.5rem;
  }
}

.topPlan {
  background-color: var(--main-bg-color);
  padding: 154px 120px 200px;
}
@media screen and (max-width: 1023px) {
  .topPlan {
    padding: 58px 20px 75px;
    margin: 0 calc(50% - 50vw);
  }
}
.topPlan__txt {
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .topPlan__txt {
    margin: 40px 0 0;
  }
}
.topPlan__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.topPlanSlider {
  margin: 80px calc(50% - 50vw) 0;
}
@media screen and (max-width: 1023px) {
  .topPlanSlider {
    margin: 40px calc(50% - 50vw) 0;
  }
}
.topPlanSlider__inner {
  height: 240px;
  transition-timing-function: linear !important;
}
@media screen and (max-width: 1023px) {
  .topPlanSlider__inner {
    height: 160px;
  }
}
.topPlanSlider__slide {
  width: auto;
}
.topPlanSlider__slide img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topPlanSlider__link {
  width: 360px;
  min-height: 60px;
  border-radius: 100vmax;
  margin: 58px auto 0;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.25;
  color: #fff;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .topPlanSlider__link:hover {
    background-color: #fff;
    color: var(--main-color);
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .topPlanSlider__link {
    width: calc(100% - 40px);
    margin: 47px auto 0;
  }
}

.topPlanBanner {
  margin: 140px 0 0;
}
@media screen and (max-width: 1023px) {
  .topPlanBanner {
    display: none;
  }
}

.topPlanBanner2col {
  max-width: 1260px;
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1023px) {
  .topPlanBanner2col {
    display: none;
  }
}
.topPlanBanner2col__link {
  min-height: 240px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #537e72;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 60px;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topPlanBanner2col__link {
    border-radius: 10px;
  }
}
.topPlanBanner2col__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s ease;
}
.topPlanBanner2col__txtWrapper {
  max-width: 336px;
}
.topPlanBanner2col__heading {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.25;
}
.topPlanBanner2col__txt {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.topPlanBanner2col__right {
  flex-shrink: 0;
  transition: 0.3s ease;
}
.topPlanBanner2col__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .topPlanBanner2col__link:hover {
    text-decoration: none;
  }
  .topPlanBanner2col__link:hover::before {
    opacity: 0.2;
  }
}

.topBlog {
  padding: 140px 0 120px;
}
@media screen and (max-width: 1023px) {
  .topBlog {
    padding: 60px 20px;
    margin: 0 calc(50% - 50vw);
    background-color: #fff;
  }
}
.topBlog__heading {
  max-width: 1560px;
  padding: 0 80px;
  margin: 0 auto;
  font-size: 7rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 1.25;
}
@media screen and (max-width: 1023px) {
  .topBlog__heading {
    font-size: 3.5rem;
    padding: 0;
  }
}
.topBlog__list {
  margin: 54px 120px 0;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .topBlog__list {
    margin: 47px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .topBlog__item {
    max-width: 250px;
  }
}
.topBlog__img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/0.6666666667;
}
@media screen and (max-width: 1023px) {
  .topBlog__img {
    border-radius: 10px;
  }
}
.topBlog__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6364;
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .topBlog__ttl {
    font-size: 1.8rem;
  }
}
.topBlog__txt {
  margin: 20px 0 0;
}
@media screen and (max-width: 1023px) {
  .topBlog__txt {
    margin: 15px 0 0;
  }
}
.topBlog__navigation {
  display: flex;
  gap: 10px;
  max-width: 500px;
  height: 60px;
  margin: 60px auto 0;
}
@media screen and (max-width: 1023px) {
  .topBlog__navigation {
    margin: 36px 0 0;
    max-width: 100%;
    height: 55px;
    gap: 5px;
  }
}
.topBlog__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
  border-radius: 6px;
  line-height: 1.25;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .topBlog__link:hover {
    background-color: #fff;
    color: var(--main-color);
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .topBlog__link {
    border-radius: 3px;
    font-size: 1.3rem;
  }
}
.topBlog__btn {
  position: relative;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  transition: 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .topBlog__btn {
    width: 55px;
    height: 55px;
  }
}
.topBlog__btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 8px;
  height: 14px;
  transition: 0.3s ease;
}
.topBlog__btn--prev {
  border-radius: 30px 6px 6px 30px;
}
@media screen and (max-width: 1023px) {
  .topBlog__btn--prev {
    border-radius: 15px 3px 3px 15px;
  }
}
.topBlog__btn--prev::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.591%22%20height%3D%2213.061%22%20viewBox%3D%220%200%207.591%2013.061%22%3E%3Cpath%20d%3D%22M-7702.234%2C657.7l-6.53-6.53%2C6.53-6.53%2C1.061%2C1.061-5.47%2C5.47%2C5.47%2C5.47Z%22%20transform%3D%22translate(7708.765%20-644.635)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.591%22%20height%3D%2213.061%22%20viewBox%3D%220%200%207.591%2013.061%22%3E%3Cpath%20d%3D%22M-7702.234%2C657.7l-6.53-6.53%2C6.53-6.53%2C1.061%2C1.061-5.47%2C5.47%2C5.47%2C5.47Z%22%20transform%3D%22translate(7708.765%20-644.635)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.topBlog__btn--next {
  border-radius: 6px 30px 30px 6px;
}
@media screen and (max-width: 1023px) {
  .topBlog__btn--next {
    border-radius: 3px 15px 15px 3px;
  }
}
.topBlog__btn--next::before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.591%22%20height%3D%2213.061%22%20viewBox%3D%220%200%207.591%2013.061%22%3E%3Cpath%20d%3D%22M-7707.174%2C657.7l-1.061-1.061%2C5.47-5.47-5.47-5.47%2C1.061-1.061%2C6.53%2C6.53Z%22%20transform%3D%22translate(7708.234%20-644.635)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.591%22%20height%3D%2213.061%22%20viewBox%3D%220%200%207.591%2013.061%22%3E%3Cpath%20d%3D%22M-7707.174%2C657.7l-1.061-1.061%2C5.47-5.47-5.47-5.47%2C1.061-1.061%2C6.53%2C6.53Z%22%20transform%3D%22translate(7708.234%20-644.635)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .topBlog__btn:hover {
    background-color: #fff;
    text-decoration: none;
  }
  .topBlog__btn:hover::before {
    background-color: var(--main-color);
  }
}

.commonPageTtlEn {
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #a28560;
  margin: 16px auto 0;
  max-width: 1680px;
}
@media screen and (max-width: 1023px) {
  .commonPageTtlEn {
    margin: 4px auto 0;
    font-size: 1.3rem;
  }
}
.commonPageTtlEn + .has-medium-font-size {
  margin: 86px auto 0;
}
@media screen and (max-width: 1023px) {
  .commonPageTtlEn + .has-medium-font-size {
    margin: 40px auto 0;
  }
}

.commonIndex {
  display: grid;
  grid-template-columns: 1fr 600px;
  gap: 80px;
  padding: 40px 0 0;
  margin: 104px 0 0;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 1440px) {
  .commonIndex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .commonIndex {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 28px 0 0;
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .commonIndex:first-child {
    border-top: none;
    margin: 0;
    padding: 0;
  }
}
.garage .commonIndex {
  border-color: #4f4f4f;
}
@media screen and (max-width: 1023px) {
  .commonIndex__left {
    display: contents;
  }
}
.basicPage .commonIndex__left {
  display: block;
}
.commonIndex__ttlJp {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .commonIndex__ttlJp {
    grid-row: 1/2;
  }
}
.commonIndex__ttlEn {
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .commonIndex__ttlEn {
    grid-row: 2/3;
    margin: 10px 0 0;
  }
}
.commonIndex__txt {
  margin: 54px 0 0;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .commonIndex__txt {
    grid-row: 4/5;
    margin: 10px 0 0;
  }
}
.commonIndex__sub {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .commonIndex__sub {
    font-size: 1.6rem;
  }
}
.commonIndex__btnWrapper {
  max-width: 460px;
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .commonIndex__btnWrapper {
    grid-row: 5/6;
    max-width: 100%;
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.commonIndex__link {
  min-width: 220px;
}
@media screen and (max-width: 1023px) {
  .commonIndex__link {
    min-width: auto;
    width: 100%;
  }
}
.commonIndex__right {
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 1023px) {
  .commonIndex__right {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .commonIndex__right {
    grid-row: 3/4;
    margin: 20px 0 0;
  }
}
.commonIndex__right > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.commonIndex__right > *:first-child,
.commonIndex__right > .lazyblock-inner-blocks > *:first-child {
  margin-top: 0;
}
.commonIndex--2col {
  grid-template-columns: 508px 1fr;
}
@media screen and (max-width: 1440px) {
  .commonIndex--2col {
    grid-template-columns: 320px 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .commonIndex--2col {
    grid-template-columns: 1fr;
  }
}
.commonIndex__ttl {
  font-size: 2.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .commonIndex__ttl {
    font-size: 2.2rem;
  }
}
.commonIndex--2col .commonIndex__right {
  border-radius: 0;
  aspect-ratio: auto;
  overflow: visible;
}

.commonBanner {
  margin: 120px 0 0;
}
@media screen and (max-width: 1023px) {
  .commonBanner {
    margin: 40px 0 0;
  }
}
.commonBanner + .commonBanner {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .commonBanner + .commonBanner {
    margin-top: 20px;
  }
}
.commonBanner__link {
  display: grid;
  grid-template-columns: 30.625vw 1fr;
  min-height: 360px;
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .commonBanner__link {
    border-radius: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .commonBanner__link:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .commonBanner__link {
    display: block;
    min-height: auto;
  }
}
.commonBanner__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: 0.3em ease;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .commonBanner__link:hover::before {
    opacity: 0.2;
  }
}
.commonBanner__left {
  background-color: var(--main-color);
  padding: 100px 60px 40px;
}
@media screen and (max-width: 1440px) {
  .commonBanner__left {
    padding: 64px 40px 40px;
  }
}
@media screen and (max-width: 1023px) {
  .commonBanner__left {
    text-align: center;
    padding: 20px 15px 16px;
  }
}
.commonBanner__heading {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .commonBanner__heading {
    font-size: 2rem;
  }
}
.commonBanner__txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3846;
  margin: 24px 0 0;
}
@media screen and (max-width: 1023px) {
  .commonBanner__txt {
    font-size: 1.3rem;
    margin: 8px 0 0;
  }
}
.commonBanner__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}

.garageMenu {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
@media screen and (max-width: 1023px) {
  .garageMenu__left, .garageMenu__right {
    display: contents;
  }
}
@media screen and (max-width: 1023px) {
  .garageMenu__ttlWrapper {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.garageMenu__anchors {
  max-width: 300px;
  margin: 150px 0 0;
  border-bottom: 1px solid #ccc;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .garageMenu__anchors {
    grid-column: 1/2;
    grid-row: 3/4;
    max-width: 100%;
    margin: 24px 0 0;
  }
}
.garageMenu__anchors::before {
  content: "INDEX";
  display: block;
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .garageMenu__anchors::before {
    font-size: 1.5rem;
  }
}
.garageMenu__anchors a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  min-height: 40px;
  padding: 4px 30px 4px 0;
  border-top: 1px solid #ccc;
  position: relative;
}
.garageMenu__anchors a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: 0 -50%;
  width: 11px;
  height: 6px;
  transition: 0.3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.707%22%20height%3D%226.061%22%20viewBox%3D%220%200%2010.707%206.061%22%3E%3Cpath%20d%3D%22M289.815-5894.086l-5.354-5.354%2C5.354-5.354.707.707-4.646%2C4.646%2C4.646%2C4.646Z%22%20transform%3D%22translate(5904.793%20290.522)%20rotate(-90)%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .garageMenu__anchors a:hover {
    text-decoration: none;
  }
  .garageMenu__anchors a:hover::before {
    scale: 1 -1;
  }
}
.garageMenu__img {
  aspect-ratio: 1/0.6043956044;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .garageMenu__img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .garageMenu__img {
    margin-top: 30px !important;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.garageMenu__img img {
  width: 100%;
}
.garageMenu__imgTxt {
  position: absolute;
  left: 3.9063vw;
  bottom: 6.3542vw;
}
@media screen and (max-width: 1023px) {
  .garageMenu__imgTxt {
    left: 6.5185%;
    bottom: 4.9254%;
  }
}
.garageMenu__line {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.9375vw;
  font-weight: 500;
  padding: 2px 7px;
}
@media screen and (max-width: 1023px) {
  .garageMenu__line {
    font-size: 2.4vw;
  }
}
br + .garageMenu__line {
  margin: 1.0417vw 0 0;
}

.garageMenuLink {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 30px 0 0 !important;
}
@media screen and (max-width: 1560px) {
  .garageMenuLink {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .garageMenuLink {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .garageMenuLink {
    margin: 26px 0 0 !important;
    gap: 10px;
  }
}
.garageMenuLink--2col {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1440px) {
  .garageMenuLink--2col {
    grid-template-columns: 1fr;
  }
}
.garageMenuLink__link {
  position: relative;
  background-color: var(--main-color);
  color: #fff;
  padding: 0 16px 0 92px;
  border-radius: 100vmax;
  height: 80px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--main-color);
  transition: 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .garageMenuLink__link {
    height: 75px;
  }
}
.garageMenuLink__link:not(.garageMenuLink__link:has(img)) {
  padding: 0;
  justify-content: center;
}
.garageMenuLink__itemImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 100vmax;
  border: 1px solid #707070;
  overflow: hidden;
}
.garageMenuLink__itemImg:not(.garageMenuLink__itemImg:has(img)) {
  display: none;
}
.garageMenuLink__itemTxt {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6667;
}
@media screen and (max-width: 1023px) {
  .garageMenuLink__itemTxt {
    font-size: 1.3rem;
  }
}
.garageMenuLink__txt {
  text-align: center;
  margin: 8px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageMenuLink__txt {
    font-size: 1.3rem;
  }
}
.garageMenuLink__txt:empty {
  display: none;
}
.garageMenuLink--2col .garageMenuLink__itemTxt {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .garageMenuLink--2col .garageMenuLink__itemTxt {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .garageMenuLink__link:hover {
    background-color: #fff;
    color: var(--main-color);
    text-decoration: none;
  }
}
.garageMenuLink__link[href$=".pdf"] .garageMenuLink__itemTxt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.garageMenuLink__link[href$=".pdf"] .garageMenuLink__itemTxt::after {
  content: "";
  display: block;
  width: 26px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.167%22%20height%3D%2232%22%20viewBox%3D%220%200%2026.167%2032%22%3E%3Cg%20transform%3D%22translate(-156.541%20-1482.5)%22%3E%3Cpath%20d%3D%22M18.38.314H6.676a4.633%2C4.633%2C0%2C0%2C0-2.06.427A3.266%2C3.266%2C0%2C0%2C0%2C3.353%2C1.825a4.468%2C4.468%2C0%2C0%2C0-.712%2C2.524V27.018a5.349%2C5.349%2C0%2C0%2C0%2C.627%2C2.911c.725%2C1.166%2C2.085%2C1.758%2C4.041%2C1.758h14.55a4.445%2C4.445%2C0%2C0%2C0%2C2.56-.721%2C3.764%2C3.764%2C0%2C0%2C0%2C1.435-3.274c0-2.948-.011-19.864-.011-20.034Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M26.158%2C9.423V7.657a.811.811%2C0%2C0%2C0-.1-.39l.017-.034L18.732.016l-.044.045A.809.809%2C0%2C0%2C0%2C18.38%2C0H6.676a4.952%2C4.952%2C0%2C0%2C0-2.2.459A3.567%2C3.567%2C0%2C0%2C0%2C3.1%2C1.647a4.772%2C4.772%2C0%2C0%2C0-.768%2C2.7V27.019A5.612%2C5.612%2C0%2C0%2C0%2C3%2C30.095C3.787%2C31.359%2C5.237%2C32%2C7.309%2C32h14.55a4.753%2C4.753%2C0%2C0%2C0%2C2.742-.779%2C4.06%2C4.06%2C0%2C0%2C0%2C1.566-3.529c0-2.377-.007-13.827-.009-18.269M19.2%2C6.838V2.773l4.138%2C4.065ZM18.38%2C8.476h6.139l0%2C2.662c0%2C5.157.008%2C14.442.008%2C16.554a2.526%2C2.526%2C0%2C0%2C1-.881%2C2.2h0a3.145%2C3.145%2C0%2C0%2C1-1.789.474H7.309c-1.49%2C0-2.443-.37-2.917-1.133a4.307%2C4.307%2C0%2C0%2C1-.428-2.211V4.348a2.43%2C2.43%2C0%2C0%2C1%2C2.712-2.71H17.56v6.02a.82.82%2C0%2C0%2C0%2C.82.818%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23555%22%2F%3E%3Crect%20width%3D%2223.174%22%20height%3D%2211.773%22%20rx%3D%221.263%22%20transform%3D%22translate(156.541%201495.975)%22%20fill%3D%22%23b41f29%22%2F%3E%3Cpath%20d%3D%22M4.354%2C23.635H2.864V15.518H5.593a2.756%2C2.756%2C0%2C0%2C1%2C2.183.648%2C2.633%2C2.633%2C0%2C0%2C1%2C.6%2C1.932%2C2.51%2C2.51%2C0%2C0%2C1-.716%2C2.047%2C2.875%2C2.875%2C0%2C0%2C1-2.069.557H4.354ZM5.593%2C19.5c.932%2C0%2C1.307-.409%2C1.307-1.4s-.375-1.387-1.307-1.387H4.331V19.5Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9.289%2C15.517h2.752c2.125-.034%2C3.138%2C1%2C3.081%2C3.15v1.819c.057%2C2.148-.944%2C3.171-3.081%2C3.149H9.289Zm2.49%2C6.924c1.376.023%2C1.831-.489%2C1.853-2.069V18.78c-.022-1.58-.477-2.092-1.853-2.068h-1v5.729Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16.374%2C15.517h4.935v1.217H17.863v2.251h2.9V20.2h-2.9v3.434H16.374Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.garageIconTxt {
  margin: 50px 0 0;
}
.garageIconTxt__item {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .garageIconTxt__item {
    grid-template-columns: 50px 1fr;
    gap: 10px;
  }
}
.garageIconTxt__item + .garageIconTxt__item {
  margin: 10px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageIconTxt__item + .garageIconTxt__item {
    margin: 24px 0 0;
  }
}
.garageIconTxt__left {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .garageIconTxt__left {
    width: 50px;
    height: 50px;
  }
}
.garageIconTxt__left img {
  width: auto;
  height: auto;
  padding: 8px;
}
.garageIconTxt__ttl {
  font-weight: 700;
}

.garageKitParts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageKitParts {
    gap: 8px;
  }
}
.garageKitParts__item {
  width: calc((100% - 40px) / 5);
  background-color: #fff;
  padding: 20px 20px 12px;
}
@media screen and (max-width: 1560px) {
  .garageKitParts__item {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 1023px) {
  .garageKitParts__item {
    padding: 15px 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .garageKitParts__item {
    width: calc((100% - 8px) / 2);
  }
}
.garageKitParts__img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .garageKitParts__img {
    border-radius: 2px;
  }
}
.garageKitParts__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.garageKitParts__txt {
  text-align: center;
  font-weight: 500;
  margin: 10px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageKitParts__txt {
    font-size: 1.2rem;
  }
}

.garageFlow {
  border-radius: 20px;
  overflow: hidden;
  overflow: hidden;
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  color: #fff;
  margin: 60px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageFlow {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1440px) {
  .garageFlow {
    grid-template-columns: 1fr 1fr;
  }
}
.garageFlow + .garageFlow {
  margin-top: 10px;
}
.garageFlow--finish {
  grid-template-columns: 1fr 3fr;
}
@media screen and (max-width: 1440px) {
  .garageFlow--finish {
    grid-template-columns: 1fr;
  }
}
.garageFlow__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 30px;
  margin: 44px 0 36px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1440px) {
  .garageFlow__left {
    grid-column: 1/2;
    grid-row: 1/2;
    justify-content: flex-start;
    margin: 0;
    border-right: none;
    padding: 20px;
  }
}
.garageFlow__heading {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 1440px) {
  .garageFlow__heading {
    font-size: 2.4rem;
  }
}
.garageFlow__index {
  font-size: 6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.25;
}
@media screen and (max-width: 1440px) {
  .garageFlow__index {
    font-size: 4.8rem;
    margin: 24px 0 0;
  }
}
.garageFlow__middle {
  padding: 44px 30px 30px;
}
@media screen and (max-width: 1440px) {
  .garageFlow__middle {
    grid-column: 1/3;
    grid-row: 2/3;
    margin: 20px 0 0;
    padding: 40px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.garageFlow__middle img {
  border-radius: 20px;
  overflow: hidden;
  margin: 26px 0 0;
}
@media screen and (max-width: 1023px) {
  .garageFlow__middle img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1440px) {
  .garageFlow__right {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.garageFlow__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.garageFlow__imgLarge {
  grid-column: 1/5;
  grid-row: 2/3;
}
@media screen and (max-width: 1440px) {
  .garageFlow__imgLarge {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

.garageModel {
  padding-top: 88px;
  margin-top: 60px;
}
.garage .garageModel {
  border-color: #b5b5b5;
}
@media screen and (max-width: 1023px) {
  .garageModel {
    margin-top: 48px;
    padding-top: 32px;
  }
}
.garageModel__ttl {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .garageModel__ttl {
    font-size: 1.8rem;
  }
}
.garageModel__txt {
  margin: 24px 0 0;
}
.garageModel__btn, .garageModel__close {
  min-width: 160px;
}
.garageModel__btn::before, .garageModel__close::before {
  rotate: 90deg;
}
.is-open .garageModel__btn::before, .is-open .garageModel__close::before {
  scale: -1 1;
}
.garageModel__btn {
  margin: 24px 0 0;
}
@media screen and (max-width: 1023px) {
  .is-open .garageModel__btn {
    display: none;
  }
}
.garageModel__close {
  margin: 40px 0 0;
  padding-left: 32px;
  padding-right: 40px;
  justify-content: flex-start;
}
.garageModel__close::before {
  right: 32px;
}
.garageModel__imgWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.garageModel__imgWrapper img {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .garageModel__imgWrapper img {
    border-radius: 10px;
  }
}
.garageModel__contents {
  display: none;
  margin: 50px 0 0;
}
.is-open .garageModel__contents {
  display: block;
}

.planning {
  list-style: none;
  margin: 108px auto 0;
  max-width: 1680px;
}
@media screen and (max-width: 1023px) {
  .planning {
    margin: 50px auto 0;
  }
}
.planning__item {
  min-height: 460px;
  display: grid;
  grid-template-columns: 520px 1fr;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 1023px) {
  .planning__item {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, max-content);
    gap: 22px;
    border-top: 1px solid #4f4f4f;
    padding: 40px 0 0;
  }
}
.planning__item + .planning__item {
  margin: 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .planning__item + .planning__item {
    margin: 32px 0 0;
  }
}
.planning__left {
  height: 100%;
  border-width: 1px 0 0 1px;
  border-color: #4f4f4f;
  border-style: solid;
  padding: 86px 0 40px 76px;
}
@media screen and (max-width: 1023px) {
  .planning__left {
    display: contents;
  }
}
.planning__heading {
  display: flex;
  align-items: end;
  color: #a28560;
  font-size: 6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin: 32px 0 0;
}
@media screen and (max-width: 1023px) {
  .planning__heading {
    font-size: 3rem;
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
  }
}
.planning__heading::before {
  content: "#";
  display: block;
  font-size: 3rem;
}
@media screen and (max-width: 1023px) {
  .planning__heading::before {
    font-size: 2.5rem;
  }
}
.planning__txt {
  margin: 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .planning__txt {
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 16px 0 0;
  }
}
.planning__link {
  max-width: 220px;
  margin: 24px 0 0;
}
@media screen and (max-width: 1023px) {
  .planning__link {
    grid-column: 1/2;
    grid-row: 4/5;
    margin: 44px auto 0;
    width: 100%;
    min-height: 35px;
  }
}
.planning__right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  gap: 60px;
}
@media screen and (max-width: 1023px) {
  .planning__right {
    grid-column: 1/2;
    grid-row: 3/4;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: center;
    margin: 30px 0 0;
  }
}
.planningChild .planning__right {
  grid-template-columns: 1fr;
  gap: 10px;
}
.planningChild .planning .btn {
  max-width: 220px;
  width: 100%;
  margin: 80px 0 0;
}
@media screen and (max-width: 1023px) {
  .planningChild .planning .btn {
    margin: 64px auto;
  }
}

.blogTtl {
  font-size: 7rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 1.25;
}
@media screen and (max-width: 1023px) {
  .blogTtl {
    font-size: 3.5rem;
  }
}

.pageTtlJp {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 1023px) {
  .pageTtlJp {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .blogFilterAccordion {
    margin: 40px 0 0;
    border-radius: 5px;
    overflow: hidden;
    display: block;
  }
}
.blogFilterAccordion__current {
  width: 100%;
  height: 50px;
  font-size: 1.6rem;
  background-color: var(--main-color);
  color: #fff;
  padding: 4px 36px 4px 15px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.414%22%20height%3D%2214.121%22%20viewBox%3D%220%200%2025.414%2014.121%22%3E%3Cpath%20d%3D%22M764.738-5176.532l-12.707-12.707%2C1.414-1.414%2C11.293%2C11.293%2C11.293-11.293%2C1.414%2C1.414Z%22%20transform%3D%22translate(-752.031%205190.653)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 768px) {
  .blogFilterAccordion__current {
    display: none;
  }
}
.blogFilterAccordion__current::before {
  font-size: 1.6rem;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
}
body:not(.category-cedar-garage, .term-cedar-garage, .category-cedar-garage-jr, .term-cedar-garage-jr, .category-cedar-shed, .term-cedar-shed, .category-garage-door, .term-garage-door, .category-garage-plus, .term-garage-plus) .blogFilterAccordion__current::before {
  content: "ALL";
}
.category-cedar-garage .blogFilterAccordion__current::before, .term-cedar-garage .blogFilterAccordion__current::before {
  content: "シダーガレージ";
}
.category-cedar-garage-jr .blogFilterAccordion__current::before, .term-cedar-garage-jr .blogFilterAccordion__current::before {
  content: "シダーガレージ・ジュニア";
}
.category-cedar-shed .blogFilterAccordion__current::before, .term-cedar-shed .blogFilterAccordion__current::before {
  content: "シダーシェッド";
}
.category-garage-door .blogFilterAccordion__current::before, .term-garage-door .blogFilterAccordion__current::before {
  content: "ガレージドア";
}
.category-garage-plus .blogFilterAccordion__current::before, .term-garage-plus .blogFilterAccordion__current::before {
  content: "ガレージプラス+";
}

.blogFilter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 90px 0 0;
}
@media screen and (max-width: 767px) {
  .blogFilter {
    display: none;
    margin: 0;
  }
}
[aria-expanded=true] + .blogFilter {
  display: block;
}
@media screen and (min-width: 768px) {
  [aria-expanded=true] + .blogFilter {
    display: flex;
  }
}
.blogFilter__link {
  padding: 4px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .blogFilter__link:hover {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: #fff;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .blogFilter__link {
    border-radius: 0;
    min-height: 50px;
    justify-content: flex-start;
    font-size: 1.6rem;
    color: #fff;
    background-color: var(--main-color);
    border-width: 1px 0 0 0;
    border-color: rgba(255, 255, 255, 0.3);
    padding: 4px 15px;
  }
}
body:not(.category-cedar-garage, .term-cedar-garage, .category-cedar-garage-jr, .term-cedar-garage-jr, .category-cedar-shed, .term-cedar-shed, .category-garage-door, .term-garage-door, .category-garage-plus, .term-garage-plus) .blogFilter__item:first-child .blogFilter__link {
  border-color: var(--main-color);
  background-color: var(--main-color);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .blogFilter__link[data-category=all] {
    border-width: 1px 0 1px 0;
  }
}
.category-cedar-garage .blogFilter__link[data-category=cedar-garage], .category-cedar-garage-jr .blogFilter__link[data-category=cedar-garage-jr], .category-cedar-shed .blogFilter__link[data-category=cedar-shed], .category-garage-door .blogFilter__link[data-category=garage-door], .category-garage-plus .blogFilter__link[data-category=garage-plus], .term-cedar-garage .blogFilter__link[data-category=cedar-garage], .term-cedar-garage-jr .blogFilter__link[data-category=cedar-garage-jr], .term-cedar-shed .blogFilter__link[data-category=cedar-shed], .term-garage-door .blogFilter__link[data-category=garage-door], .term-garage-plus .blogFilter__link[data-category=garage-plus] {
  border-color: var(--main-color);
  background-color: var(--main-color);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .category-cedar-garage .blogFilter__link[data-category=cedar-garage], .category-cedar-garage-jr .blogFilter__link[data-category=cedar-garage-jr], .category-cedar-shed .blogFilter__link[data-category=cedar-shed], .category-garage-door .blogFilter__link[data-category=garage-door], .category-garage-plus .blogFilter__link[data-category=garage-plus], .term-cedar-garage .blogFilter__link[data-category=cedar-garage], .term-cedar-garage-jr .blogFilter__link[data-category=cedar-garage-jr], .term-cedar-shed .blogFilter__link[data-category=cedar-shed], .term-garage-door .blogFilter__link[data-category=garage-door], .term-garage-plus .blogFilter__link[data-category=garage-plus] {
    border-color: rgba(255, 255, 255, 0.3);
  }
}

.postsHasThumbnail {
  margin: 50px 0 0;
  padding: 0 32px;
  border-width: 0 1px 0 1px;
  border-color: #222;
  border-style: solid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 82px 68px;
  list-style: none;
}
@media screen and (max-width: 1440px) {
  .postsHasThumbnail {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .postsHasThumbnail {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
    border-width: 0;
    padding: 0;
  }
}
.postsHasThumbnail__item {
  position: relative;
}
.postsHasThumbnail__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -34px;
  width: 1px;
  height: 100%;
  background-color: #222;
}
@media screen and (max-width: 767px) {
  .postsHasThumbnail__item::before {
    display: none;
  }
}
.postsHasThumbnail__item:nth-child(4n)::before {
  display: none;
}
@media screen and (max-width: 1440px) {
  .postsHasThumbnail__item:nth-child(4n)::before {
    display: block;
  }
}
@media screen and (max-width: 1440px) {
  .postsHasThumbnail__item:nth-child(3n)::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .postsHasThumbnail__item:nth-child(3n)::before {
    display: none;
  }
}
.postsHasThumbnail__link {
  color: #222;
}
.postsHasThumbnail__top {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1/0.7954545455;
}
.postsHasThumbnail__top:not(.postsHasThumbnail__top:has(img)) {
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22352%22%20height%3D%22280%22%20viewBox%3D%220%200%20352%20280%22%3E%3Cg%20transform%3D%22translate(22865%206394)%22%3E%3Crect%20width%3D%22352%22%20height%3D%22280%22%20transform%3D%22translate(-22865%20-6394)%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(-22764%20-6276)%22%3E%3Cpath%20d%3D%22M6.434%2C15.655%2C25.028%2C2.635%2C23.187%2C0%2C0%2C16.229l1.841%2C2.635H12.784V43.942h3.209V15.655Z%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M98.938%2C16.229%2C75.751%2C0%2C73.91%2C2.635%2C92.5%2C15.655H82.945V43.942h3.209V18.864H97.08Z%22%20transform%3D%22translate(50.908)%22%20fill%3D%22%2355493b%22%2F%3E%3Cg%20transform%3D%22translate(28.236%203.276)%22%3E%3Cpath%20d%3D%22M24.066%2C18.339A2.854%2C2.854%2C0%2C0%2C1%2C21.2%2C21.176H19.625a2.828%2C2.828%2C0%2C0%2C1-2.06-.828%2C2.73%2C2.73%2C0%2C0%2C1-.844-2.01V13.476h2.922v4.948a.677.677%2C0%2C0%2C0%2C.777.76.677.677%2C0%2C0%2C0%2C.777-.76V2.11h2.871Z%22%20transform%3D%22translate(-16.72%20-1.823)%22%20fill%3D%22%2355493b%22%2F%3E%3Crect%20width%3D%223.242%22%20height%3D%224.222%22%20transform%3D%22translate(12.902%2014.878)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M33.108%2C9.05a.672.672%2C0%2C0%2C0%2C.76.76h.777a2.883%2C2.883%2C0%2C0%2C1%2C2.9%2C2.9v5.674a2.883%2C2.883%2C0%2C0%2C1-2.922%2C2.9H33.092a2.883%2C2.883%2C0%2C0%2C1-2.9-2.9v-5h2.922v5.049a.677.677%2C0%2C0%2C0%2C.76.777.708.708%2C0%2C0%2C0%2C.794-.777V12.613c0-.49-.253-.743-.794-.743h-.76a2.882%2C2.882%2C0%2C0%2C1-2.077-.844%2C2.793%2C2.793%2C0%2C0%2C1-.861-2.06V4.845a2.872%2C2.872%2C0%2C0%2C1%2C.844-2.06%2C2.816%2C2.816%2C0%2C0%2C1%2C2.06-.844h1.537a2.869%2C2.869%2C0%2C0%2C1%2C2.06.828%2C2.816%2C2.816%2C0%2C0%2C1%2C.844%2C2.06V8.34H34.628V4.76a.694.694%2C0%2C0%2C0-.794-.777c-.524%2C0-.76.253-.76.777V9.016Z%22%20transform%3D%22translate(-7.456%20-1.94)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M40.785%2C4.11H38.86V2.1h6.806V4.11H43.707V20.93H40.785Z%22%20transform%3D%22translate(-1.47%20-1.83)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M52.294%2C13.162V20.93H49.372V13.162L47.16%2C2.1h2.415l1.216%2C7.16%2C1.2-7.16h2.432Z%22%20transform%3D%22translate(4.247%20-1.83)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M59%2C18.92h3.462v2.01H55.77V2.1H59Z%22%20transform%3D%22translate(10.177%20-1.83)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M64.03%2C20.93V2.1h6.789V4.11H66.952V10h3.867v2.01H66.952V18.92h3.867v2.01Z%22%20transform%3D%22translate(15.866%20-1.83)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M27.21%2C33.672a1.942%2C1.942%2C0%2C0%2C1-.946.355h-1.5a2.882%2C2.882%2C0%2C0%2C1-2.077-.844%2C2.816%2C2.816%2C0%2C0%2C1-.844-2.06V17.595a2.816%2C2.816%2C0%2C0%2C1%2C.844-2.06%2C2.854%2C2.854%2C0%2C0%2C1%2C2.077-.844h1.5a2.912%2C2.912%2C0%2C0%2C1%2C2.922%2C2.9v3.479H26.3v-3.58c0-.524-.253-.794-.76-.794a.694.694%2C0%2C0%2C0-.777.794v13.73a.682.682%2C0%2C0%2C0%2C.777.777.694.694%2C0%2C0%2C0%2C.777-.794v-4.9h-.794V24.3h3.665V34.01h-.794l-.591-.929a1.338%2C1.338%2C0%2C0%2C1-.608.574%22%20transform%3D%22translate(-13.193%206.842)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M34.048%2C19.227l.726%2C8.393H33.321l.743-8.393ZM32.865%2C33.7l.456-4.222h1.435l.507%2C4.222h2.888L36.108%2C14.87H31.97L29.91%2C33.7h2.938Z%22%20transform%3D%22translate(-7.635%206.966)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M43.165%2C33.7V26.573a.672.672%2C0%2C0%2C0-.76-.76h-.794V33.7H38.69V14.87h4.475a2.869%2C2.869%2C0%2C0%2C1%2C2.06.828%2C2.73%2C2.73%2C0%2C0%2C1%2C.844%2C2.01v5.049a1.9%2C1.9%2C0%2C0%2C1-.591%2C1.435%2C2.081%2C2.081%2C0%2C0%2C1-1.486.557%2C2.024%2C2.024%2C0%2C0%2C1%2C1.486.574%2C1.9%2C1.9%2C0%2C0%2C1%2C.591%2C1.435V33.7H43.148Zm0-16.06a.667.667%2C0%2C0%2C0-.76-.743h-.794v6.941h.794a.672.672%2C0%2C0%2C0%2C.76-.76Z%22%20transform%3D%22translate(-1.587%206.966)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M51%2C19.227l.726%2C8.393H50.271l.743-8.393ZM49.815%2C33.7l.456-4.222h1.435l.507%2C4.222H55.1L53.058%2C14.87H48.92L46.86%2C33.7H49.8Z%22%20transform%3D%22translate(4.04%206.966)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M60.94%2C33.672a1.894%2C1.894%2C0%2C0%2C1-.929.355h-1.52a2.882%2C2.882%2C0%2C0%2C1-2.077-.844%2C2.816%2C2.816%2C0%2C0%2C1-.844-2.06V17.595a2.816%2C2.816%2C0%2C0%2C1%2C.844-2.06%2C2.882%2C2.882%2C0%2C0%2C1%2C2.077-.844h1.52a2.912%2C2.912%2C0%2C0%2C1%2C2.9%2C2.9v3.479H60.028v-3.58a.694.694%2C0%2C0%2C0-.777-.794c-.524%2C0-.777.253-.777.794v13.73a.682.682%2C0%2C0%2C0%2C.777.777.694.694%2C0%2C0%2C0%2C.777-.794v-4.9h-.794V24.3H62.9V34.01h-.794l-.591-.929a1.338%2C1.338%2C0%2C0%2C1-.608.574%22%20transform%3D%22translate(10.039%206.842)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M64.03%2C33.7V14.87h6.789V16.9H66.952v5.877h3.867V24.8H66.952v6.89h3.867V33.7Z%22%20transform%3D%22translate(15.866%206.966)%22%20fill%3D%22%2355493b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postsHasThumbnail__img {
  width: 100%;
  height: 100%;
}
.postsHasThumbnail__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
.postsHasThumbnail__txtWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 40px;
  background-color: #fff;
  border-width: 1px 1px 0 0;
  border-color: #222;
  border-style: solid;
  font-size: 1.4rem;
  padding: 4px 10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .postsHasThumbnail__txtWrapper {
    font-size: 1.1rem;
    padding: 2px 6px;
    min-height: 32px;
  }
}
.postsHasThumbnail__excerpt {
  display: flex;
}
.postsHasThumbnail__excerpt::before {
  content: "|";
  display: block;
  margin: 0 0.5em;
}
.postsHasThumbnail__ttl {
  margin: 28px 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6667;
}
@media screen and (max-width: 767px) {
  .postsHasThumbnail__ttl {
    margin: 16px 0 0;
    font-size: 1.5rem;
  }
}

.postPageName {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3636;
}

.postWrapper {
  display: grid;
  grid-template-columns: 1fr max(24.53125vw, 240px);
  margin: 72px 0 0;
}
@media screen and (max-width: 1023px) {
  .postWrapper {
    grid-template-columns: 1fr;
  }
}

.postContents {
  margin: 0 57px 0 0;
  padding: 0 57px 0 0;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1023px) {
  .postContents {
    margin: 0;
    padding: 0;
    border-right: none;
  }
}
.postContents__ttl {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.3636;
}
.postContents__txtWrapper {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  margin: 16px 0 0;
}
.postContents__excerpt {
  display: flex;
}
.postContents__excerpt span + span {
  margin: 0 0 0 1em;
}
.postContents__excerpt::before {
  content: "|";
  display: block;
  margin: 0 0.5em;
}
.postContents__shareWrapper {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
}
.postContents__shareWrapper::before {
  content: "SHARE";
  font-size: 1.3rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0 8px 0 auto;
}
.postContents__ttl + .postContents__shareWrapper {
  margin: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .postContents__ttl + .postContents__shareWrapper {
    margin: 24px 0 0;
  }
}
.postContents__share {
  width: 37px;
  height: 35px;
  font-size: 0rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .postContents__share:hover {
    opacity: 0.8;
  }
}
.postContents__share + .postContents__share {
  margin: 0 0 0 8px;
}
.postContents__share--x {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2216.426%22%20height%3D%2215.08%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-302%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(302%20283)%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(312%20293)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M16.269%2C14.87c-.451-.6-.906-1.207-1.354-1.805h0C13.3%2C10.909%2C11.624%2C8.68%2C9.95%2C6.445L16%2C0H14.145l-.038.041L11.569%2C2.747l-2.441%2C2.6L5.155.053%2C5.115%2C0H.239L.392.209%2C2.3%2C2.8%2C4.238%2C5.433%2C6.354%2C8.306l-1%2C1.069-1.1%2C1.17L3.082%2C11.794%2C1.9%2C13.054l-1.687%2C1.8L0%2C15.08H1.845l.039-.041%2C1.694-1.805%2C1.836-1.955L7.166%2C9.411q.976%2C1.324%2C1.95%2C2.648l.856%2C1.162.665.9.664.9.039.053h5.085ZM7.925%2C8.22h0L7.364%2C7.46%2C2.84%2C1.315H4.458l1.6%2C2.129%2C1.12%2C1.494L8.28%2C6.41l.6.8.053.07.013.017.093.125h0l3.839%2C5.119.922%2C1.228h-1.79L8.083%2C8.435l-.065-.089Z%22%20transform%3D%22translate(0%200)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postContents__share--facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%228.166%22%20height%3D%2216%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-347%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(347%20283)%22%20fill%3D%22%233d5897%22%2F%3E%3Cg%20transform%3D%22translate(361%20293)%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M8.086%2C5.747c-.126.966-.245%2C1.893-.368%2C2.829H5.328V16H2.4V8.565H0V5.75H2.412V5.538c0-.566-.012-1.132%2C0-1.7A7.345%2C7.345%2C0%2C0%2C1%2C2.5%2C2.759%2C3.152%2C3.152%2C0%2C0%2C1%2C3.767.655%2C3.654%2C3.654%2C0%2C0%2C1%2C5.873%2C0c.5-.012%2C1%2C.013%2C1.492.035.271.013.542.051.8.076v2.52h-.2c-.486%2C0-.97-.012-1.454%2C0-.664.024-1.156.277-1.18%2C1.106-.016.606-.023%2C2-.023%2C2s1.56%2C0%2C2.24%2C0h.537%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postContents__share--line {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cg%20transform%3D%22translate(-392%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(392%20283)%22%20fill%3D%22%2300b900%22%2F%3E%3Cg%20transform%3D%22translate(-107.818%20-0.438)%22%3E%3Cpath%20d%3D%22M326.033%2C79.284h-1.2a.329.329%2C0%2C0%2C0-.332.33h0V87.04a.331.331%2C0%2C0%2C0%2C.331.331h1.2a.332.332%2C0%2C0%2C0%2C.332-.33h0V79.615A.332.332%2C0%2C0%2C0%2C326.033%2C79.284Z%22%20transform%3D%22translate(188.775%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M333.829%2C79.284h-1.186a.33.33%2C0%2C0%2C0-.332.33h0v4.414l-3.4-4.595a.327.327%2C0%2C0%2C0-.026-.033l-.02-.02-.006-.006-.017-.015-.009-.007-.017-.012-.009-.006-.019-.009h-.01l-.019-.007h-.01l-.02-.006h-1.289a.329.329%2C0%2C0%2C0-.332.33h0v7.425a.331.331%2C0%2C0%2C0%2C.331.331h1.2a.331.331%2C0%2C0%2C0%2C.333-.329V82.657l3.406%2C4.6a.3.3%2C0%2C0%2C0%2C.085.082l.02.012h.009l.016.008.016.007h.009l.023.007a.3.3%2C0%2C0%2C0%2C.085.012h1.2a.332.332%2C0%2C0%2C0%2C.332-.33h0V79.615A.332.332%2C0%2C0%2C0%2C333.829%2C79.284Z%22%20transform%3D%22translate(189.195%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M324.051%2C85.508v.007H320.8v-5.9a.331.331%2C0%2C0%2C0-.33-.332h-1.2a.329.329%2C0%2C0%2C0-.332.33v7.425a.33.33%2C0%2C0%2C0%2C.093.232.325.325%2C0%2C0%2C0%2C.232.093h4.785a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2A.332.332%2C0%2C0%2C0%2C324.051%2C85.508Z%22%20transform%3D%22translate(187.877%20217.16)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M339.294%2C79.284h-4.775a.327.327%2C0%2C0%2C0-.232.094v.006a.321.321%2C0%2C0%2C0-.093.232v7.423a.33.33%2C0%2C0%2C0%2C.093.232.326.326%2C0%2C0%2C0%2C.232.093h4.775a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2a.332.332%2C0%2C0%2C0-.332-.332h-3.252V84.249h3.252a.332.332%2C0%2C0%2C0%2C.332-.332V82.728a.332.332%2C0%2C0%2C0-.331-.333h-3.253V81.14l3.252%2C0a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2A.332.332%2C0%2C0%2C0%2C339.294%2C79.284Z%22%20transform%3D%22translate(190.34%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postContents__contents {
  margin: 30px 0 0;
}

@media screen and (max-width: 1023px) {
  .postRelated {
    padding: 32px 0 0;
    margin: 32px 0 0;
    border-top: 1px solid #ccc;
  }
}
.postRelated__lineup {
  border-radius: 100vmax;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .postRelated__lineup:hover {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 1023px) {
  .postRelated__lineup {
    min-height: 40px;
    font-size: 1.4rem;
  }
}
.postRelated__heading {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 50px 0 0;
}
.postRelated__list {
  list-style: none;
  margin: 20px 0 0;
  display: grid;
  gap: 20px;
}
.postRelated__link {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 14px;
}
.postRelated__img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
}
.postRelated__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.postRelated__img:not(.postRelated__img:has(img)) {
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cg%20transform%3D%22translate(20096%206862)%22%3E%3Crect%20width%3D%2280%22%20height%3D%2280%22%20transform%3D%22translate(-20096%20-6862)%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(-20081.648%20-6829.834)%22%3E%3Cpath%20d%3D%22M2.212%2C5.382%2C8.6.906%2C7.972%2C0%2C0%2C5.58l.633.906H4.4v8.622H5.5V5.382Z%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M82.515%2C5.58%2C74.543%2C0%2C73.91.906%2C80.3%2C5.382H77.016v9.725h1.1V6.485h3.757Z%22%20transform%3D%22translate(-30.997)%22%20fill%3D%22%2355493b%22%2F%3E%3Cg%20transform%3D%22translate(9.708%201.126)%22%3E%3Cpath%20d%3D%22M19.246%2C7.69a.981.981%2C0%2C0%2C1-.987.975h-.54a.972.972%2C0%2C0%2C1-.708-.284.939.939%2C0%2C0%2C1-.29-.691V6.018h1v1.7a.267.267%2C0%2C0%2C0%2C.534%2C0V2.11h.987Z%22%20transform%3D%22translate(-16.72%20-2.011)%22%20fill%3D%22%2355493b%22%2F%3E%3Crect%20width%3D%221.115%22%20height%3D%221.452%22%20transform%3D%22translate(4.436%205.115)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M31.18%2C4.384a.231.231%2C0%2C0%2C0%2C.261.261h.267a.991.991%2C0%2C0%2C1%2C1%2C1V7.6a.991.991%2C0%2C0%2C1-1%2C1h-.528a.991.991%2C0%2C0%2C1-1-1V5.877h1V7.613a.233.233%2C0%2C0%2C0%2C.261.267.243.243%2C0%2C0%2C0%2C.273-.267v-2c0-.168-.087-.255-.273-.255H31.18a.991.991%2C0%2C0%2C1-.714-.29.96.96%2C0%2C0%2C1-.3-.708V2.939a.987.987%2C0%2C0%2C1%2C.29-.708.968.968%2C0%2C0%2C1%2C.708-.29H31.7a.986.986%2C0%2C0%2C1%2C.708.284.968.968%2C0%2C0%2C1%2C.29.708V4.141H31.7V2.91a.239.239%2C0%2C0%2C0-.273-.267c-.18%2C0-.261.087-.261.267V4.373Z%22%20transform%3D%22translate(-22.361%20-1.94)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M39.522%2C2.791H38.86V2.1H41.2v.691h-.674V8.574h-1Z%22%20transform%3D%22translate(-26.005%20-2.007)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M48.925%2C5.9V8.574h-1V5.9L47.16%2C2.1h.83l.418%2C2.462L48.821%2C2.1h.836Z%22%20transform%3D%22translate(-29.486%20-2.007)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M56.879%2C7.883h1.19v.691h-2.3V2.1h1.109Z%22%20transform%3D%22translate(-33.097%20-2.007)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M64.03%2C8.574V2.1h2.334v.691h-1.33V4.817h1.33v.691h-1.33V7.883h1.33v.691Z%22%20transform%3D%22translate(-36.561%20-2.007)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M23.686%2C21.216a.668.668%2C0%2C0%2C1-.325.122h-.517a.991.991%2C0%2C0%2C1-.714-.29.968.968%2C0%2C0%2C1-.29-.708V15.689a.968.968%2C0%2C0%2C1%2C.29-.708.981.981%2C0%2C0%2C1%2C.714-.29h.517a1%2C1%2C0%2C0%2C1%2C1%2C1v1.2h-.993V15.654c0-.18-.087-.273-.261-.273a.239.239%2C0%2C0%2C0-.267.273v4.72a.235.235%2C0%2C0%2C0%2C.267.267.239.239%2C0%2C0%2C0%2C.267-.273V18.685h-.273v-.691h1.26v3.339h-.273l-.2-.319a.46.46%2C0%2C0%2C1-.209.2%22%20transform%3D%22translate(-18.867%20-7.287)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M31.333%2C16.368l.25%2C2.886h-.5l.255-2.886Zm-.406%2C4.976.157-1.452h.494l.174%2C1.452h.993l-.7-6.474H30.618l-.708%2C6.474h1.01Z%22%20transform%3D%22translate(-22.252%20-7.363)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M40.229%2C21.344v-2.45a.231.231%2C0%2C0%2C0-.261-.261h-.273v2.711h-1V14.87h1.539a.986.986%2C0%2C0%2C1%2C.708.284.939.939%2C0%2C0%2C1%2C.29.691v1.736a.652.652%2C0%2C0%2C1-.2.494.715.715%2C0%2C0%2C1-.511.192.7.7%2C0%2C0%2C1%2C.511.2.652.652%2C0%2C0%2C1%2C.2.494v2.386h-1Zm0-5.522a.229.229%2C0%2C0%2C0-.261-.255h-.273v2.386h.273a.231.231%2C0%2C0%2C0%2C.261-.261Z%22%20transform%3D%22translate(-25.934%20-7.363)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M48.283%2C16.368l.25%2C2.886h-.5l.255-2.886Zm-.406%2C4.976.157-1.452h.494l.174%2C1.452h.993l-.7-6.474H47.568l-.708%2C6.474h1.01Z%22%20transform%3D%22translate(-29.36%20-7.363)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M57.416%2C21.216a.651.651%2C0%2C0%2C1-.319.122h-.523a.991.991%2C0%2C0%2C1-.714-.29.968.968%2C0%2C0%2C1-.29-.708V15.689a.968.968%2C0%2C0%2C1%2C.29-.708.991.991%2C0%2C0%2C1%2C.714-.29H57.1a1%2C1%2C0%2C0%2C1%2C1%2C1v1.2H57.1V15.654a.239.239%2C0%2C0%2C0-.267-.273c-.18%2C0-.267.087-.267.273v4.72a.235.235%2C0%2C0%2C0%2C.267.267.239.239%2C0%2C0%2C0%2C.267-.273V18.685H56.83v-.691h1.26v3.339h-.273l-.2-.319a.46.46%2C0%2C0%2C1-.209.2%22%20transform%3D%22translate(-33.013%20-7.287)%22%20fill%3D%22%2355493b%22%2F%3E%3Cpath%20d%3D%22M64.03%2C21.344V14.87h2.334v.7h-1.33v2.021h1.33v.7h-1.33v2.369h1.33v.691Z%22%20transform%3D%22translate(-36.561%20-7.363)%22%20fill%3D%22%2355493b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postRelated__ttl {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.pagination {
  max-width: 900px;
  margin: 80px auto 0;
  border-radius: 10px;
  background-color: var(--main-bg-color);
  padding: 30px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 100px;
}
@media screen and (max-width: 1023px) {
  .pagination {
    min-height: 70px;
    padding: 12px 15px;
  }
}
.pagination .prev,
.pagination .next, .pagination::before, .pagination::after {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  min-width: 100px;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  .pagination .prev,
  .pagination .next, .pagination::before, .pagination::after {
    font-size: 0rem;
    width: 12px;
    height: 12px;
    min-width: auto;
  }
}
.pagination .prev {
  padding: 0 0 0 32px;
  background-position: left center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(1.414%200.707)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17755.207-20324.135l-6.707-6.707%2C6.707-6.707%2C1.414%2C1.414-5.293%2C5.293%2C5.293%2C5.293Z%22%20transform%3D%22translate(17760.5%2020336.842)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pagination .next {
  padding: 0 32px 0 0;
  background-position: right center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-513%20-1552.793)%22%3E%3Cpath%20d%3D%22M-17759.793-20324.135l-1.414-1.414%2C5.293-5.293-5.293-5.293%2C1.414-1.414%2C6.707%2C6.707Z%22%20transform%3D%22translate(18279.5%2021890.342)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(513%201559.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pagination::before, .pagination::after {
  color: #777;
  display: flex;
}
.pagination:has(.current:first-child)::before {
  content: "PREVIOUS";
  padding: 0 0 0 32px;
  background-position: left center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(1.414%200.707)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17755.207-20324.135l-6.707-6.707%2C6.707-6.707%2C1.414%2C1.414-5.293%2C5.293%2C5.293%2C5.293Z%22%20transform%3D%22translate(17760.5%2020336.842)%22%20fill%3D%22%23777%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23777%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pagination:has(.current:last-child)::after {
  content: "NEXT";
  justify-content: flex-end;
  padding: 0 32px 0 0;
  background-position: right center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-513%20-1552.793)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17759.793-20324.135l-1.414-1.414%2C5.293-5.293-5.293-5.293%2C1.414-1.414%2C6.707%2C6.707Z%22%20transform%3D%22translate(18279.5%2021890.342)%22%20fill%3D%22%23777%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(513%201559.5)%22%20fill%3D%22%23777%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pagination__numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  min-width: 100px;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.pagination__numbers .page-numbers {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  border: 1px solid #222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #222;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .pagination__numbers .page-numbers:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .pagination__numbers .page-numbers {
    font-size: 1rem;
    width: 30px;
    height: 30px;
    border-radius: 2px;
  }
}
.pagination__numbers .current {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

.postNav {
  width: 100%;
  background-color: var(--main-bg-color);
  border-radius: 10px;
  margin: 68px 0 0;
}
.postNav__list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  padding: 30px 40px;
}
@media screen and (max-width: 1023px) {
  .postNav__list {
    padding: 12px 15px;
    height: 70px;
  }
}
.postNav .is-prev,
.postNav .is-next {
  min-width: 100px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
@media screen and (max-width: 1023px) {
  .postNav .is-prev,
  .postNav .is-next {
    font-size: 0rem;
    width: 12px;
    height: 12px;
    min-width: auto;
    display: block;
  }
}
.postNav .is-prev {
  padding: 0 0 0 32px;
  background-position: left center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(1.414%200.707)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17755.207-20324.135l-6.707-6.707%2C6.707-6.707%2C1.414%2C1.414-5.293%2C5.293%2C5.293%2C5.293Z%22%20transform%3D%22translate(17760.5%2020336.842)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postNav .is-prev.is-disabled {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.406%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.406%2013.414%22%3E%3Cg%20transform%3D%22translate(1.406%200.672)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17755.2-20324.1l-6.707-6.707%2C6.707-6.707%2C1.414%2C1.414-5.293%2C5.293%2C5.293%2C5.293Z%22%20transform%3D%22translate(17760.5%2020336.842)%22%20fill%3D%22%23777%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23777%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  color: #777;
}
.postNav .is-next {
  padding: 0 32px 0 0;
  background-position: right center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-513%20-1552.793)%22%3E%3Cpath%20d%3D%22M-17759.793-20324.135l-1.414-1.414%2C5.293-5.293-5.293-5.293%2C1.414-1.414%2C6.707%2C6.707Z%22%20transform%3D%22translate(18279.5%2021890.342)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(513%201559.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.postNav .is-next.is-disabled {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.406%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2013.406%2013.414%22%3E%3Cg%20transform%3D%22translate(-513%20-1552.828)%22%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M-17759.8-20324.1l-1.414-1.414%2C5.293-5.293-5.293-5.293%2C1.414-1.414%2C6.707%2C6.707Z%22%20transform%3D%22translate(18279.5%2021890.342)%22%20fill%3D%22%23777%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0V-1H12Z%22%20transform%3D%22translate(513%201559.5)%22%20fill%3D%22%23777%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  color: #777;
}
.postNav__archive {
  max-width: 260px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .postNav__archive {
    max-width: 214px;
  }
}
.postNav__archive a {
  max-width: 260px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  transition: 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .postNav__archive a {
    font-size: 1.4rem;
    height: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .postNav__archive a:hover {
    text-decoration: none;
    background-color: #fff;
    color: var(--main-color);
  }
}

.orderStep {
  margin: 65px 0 0;
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 1023px) {
  .orderStep {
    margin: 40px 0 0;
    grid-template-columns: 90px 1fr;
    gap: 18px 10px;
  }
}
@media screen and (max-width: 1023px) {
  .orderStep__left {
    display: contents;
  }
}
.orderStep__indexWrapper {
  width: 180px;
  height: 180px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--main-color);
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .orderStep__indexWrapper {
    border-radius: 5px;
    width: 90px;
    height: 90px;
  }
}
.orderStep__step {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .orderStep__step {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 1.5rem;
  }
}
.orderStep__index {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .orderStep__index {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .orderStep__right {
    display: contents;
  }
}
.orderStep__ttl {
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .orderStep__ttl {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 1.8rem;
  }
}
.orderStep__txt {
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .orderStep__txt {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

.orderLink {
  margin: 38px 0 0;
}
.orderLink__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1440px) {
  .orderLink__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__grid {
    grid-template-columns: 1fr;
  }
}
.orderLink__item {
  border: 3px solid var(--main-color);
  padding: 16px;
  min-height: 212px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .orderLink__item {
    border-width: 2px;
    gap: 10px;
    min-height: 140px;
  }
}
.orderLink__ttl {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.333;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .orderLink__ttl {
    font-size: 1.3rem;
  }
}
.orderLink__btn {
  margin: 12px 0 0;
  display: flex;
  align-items: center;
  border-radius: 100vmax;
  background-color: var(--text-color);
  border: 1px solid var(--text-color);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  max-width: 264px;
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px;
  transition: 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .orderLink__btn:hover {
    text-decoration: none;
    background-color: #fff;
    color: var(--text-color);
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__btn {
    max-width: 280px;
    min-height: 50px;
    font-size: 1.6rem;
    margin: 6px 0 0;
  }
}
.orderLink__tel {
  color: var(--text-color);
  font-size: 3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin: 16px 0 0;
}
.orderLink__txt {
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .orderLink__txt {
    font-size: 1.2rem;
    margin: 2px 0 0;
  }
}
.orderLink__item:nth-child(1) .orderLink__img {
  margin: 14px 0 0;
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(1) .orderLink__img {
    margin: 8px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(1) .orderLink__img img {
    width: 32px;
  }
}
.orderLink__item:nth-child(2) .orderLink__img {
  margin: 2px 0 0;
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(2) .orderLink__img {
    margin: 4px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(2) .orderLink__img img {
    width: 16px;
  }
}
.orderLink__item:nth-child(3) .orderLink__img {
  margin: 12px 0 0;
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(3) .orderLink__img {
    margin: 8px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__item:nth-child(3) .orderLink__img img {
    width: 26px;
  }
}
.orderLink__mail {
  margin: 18px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .orderLink__mail {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .orderLink__mail img {
    width: 36px;
  }
}
.orderLink__mailLink {
  color: var(--text-color);
  font-size: 1.5rem;
}

.map {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 44px 0 0;
}
@media screen and (max-width: 1023px) {
  .map {
    border-radius: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .info {
    margin: 40px 0 0 !important;
  }
}
.info__filter label {
  display: none;
}
.info__filter select {
  border: 1px solid #707070;
  border-radius: 4px;
  background-color: #fff;
  color: var(--text-color) !important;
  width: 200px;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 4px 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px 7px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%228.121%22%20viewBox%3D%220%200%2013.414%208.121%22%3E%3Cpath%20d%3D%22M-17352.309-5955.391l-6.707-6.707%2C1.414-1.414%2C5.293%2C5.293%2C5.293-5.293%2C1.414%2C1.414Z%22%20transform%3D%22translate(17359.016%205963.512)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .info__filter select:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.414%22%20height%3D%226.707%22%20viewBox%3D%220%200%2013.414%206.707%22%3E%3Cpath%20d%3D%22M-17352.309-5963.512l-6.707%2C5.539%2C1.414%2C1.168%2C5.293-4.371%2C5.293%2C4.371%2C1.414-1.168Z%22%20transform%3D%22translate(17359.016%205963.512)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
  }
}
.info__list {
  list-style: none;
  margin: 40px 0 0;
  border-bottom: 1px solid #B5B5B5;
}
.info__item {
  border-top: 1px solid #B5B5B5;
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 20px 0;
}
.info__link {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .info__link {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.info__date {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.info__ttl {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .info__link:hover {
    text-decoration: none;
  }
  .info__link:hover .info__ttl {
    text-decoration: underline;
  }
}

.aboutTable td {
  border-width: 1px 0 1px 0;
}
.aboutTable td:first-child {
  width: 20%;
}

.aboutNameS {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 8px 0 0;
}

.aboutNameL {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .aboutNameL {
    font-size: 1.8rem;
  }
}

.search td {
  border: none;
  padding: 18px;
}
.search .gsc-control-cse {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: var(--font-sans-jp-b);
  font-weight: var(--font-sans-jp-b-weight);
}
.search form.gsc-search-box {
  background-color: #fff;
  margin-bottom: 40px;
  border: 1px solid #ccc;
}
.search .gsc-input {
  padding: 0;
  border-color: var(--text-color);
  border-right: none;
}
.search .gsc-input-box {
  border: none;
}
.search #gs_id50 {
  margin: 0;
}
.search .gsib_a {
  border: none;
}
.search .gsib_b {
  display: none;
}
.search .gsc-search-button {
  border-left: none;
  border-color: var(--text-color);
}
.search .gsc-search-button-v2 {
  border: none;
  background-color: var(--text-color);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.25%22%20height%3D%2221.25%22%20viewBox%3D%220%200%2021.25%2021.25%22%3E%3Cg%20transform%3D%22translate(-1651%20-93)%22%3E%3Cpath%20d%3D%22M10.023%2C1.5a8.523%2C8.523%2C0%2C1%2C0%2C8.523%2C8.523A8.533%2C8.533%2C0%2C0%2C0%2C10.023%2C1.5m0-1.5A10.023%2C10.023%2C0%2C1%2C1%2C0%2C10.023%2C10.023%2C10.023%2C0%2C0%2C1%2C10.023%2C0Z%22%20transform%3D%22translate(1651%2093)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M3.591%2C4.341a.748.748%2C0%2C0%2C1-.53-.22L-.53.53A.75.75%2C0%2C0%2C1-.53-.53.75.75%2C0%2C0%2C1%2C.53-.53L4.121%2C3.06a.75.75%2C0%2C0%2C1-.53%2C1.28Z%22%20transform%3D%22translate(1667.909%20109.909)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.25%22%20height%3D%2221.25%22%20viewBox%3D%220%200%2021.25%2021.25%22%3E%3Cg%20transform%3D%22translate(-1651%20-93)%22%3E%3Cpath%20d%3D%22M10.023%2C1.5a8.523%2C8.523%2C0%2C1%2C0%2C8.523%2C8.523A8.533%2C8.533%2C0%2C0%2C0%2C10.023%2C1.5m0-1.5A10.023%2C10.023%2C0%2C1%2C1%2C0%2C10.023%2C10.023%2C10.023%2C0%2C0%2C1%2C10.023%2C0Z%22%20transform%3D%22translate(1651%2093)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M3.591%2C4.341a.748.748%2C0%2C0%2C1-.53-.22L-.53.53A.75.75%2C0%2C0%2C1-.53-.53.75.75%2C0%2C0%2C1%2C.53-.53L4.121%2C3.06a.75.75%2C0%2C0%2C1-.53%2C1.28Z%22%20transform%3D%22translate(1667.909%20109.909)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 24px;
          mask-size: 24px;
  height: 24px;
  width: 24px;
  padding: 0;
}
.search .gsc-search-button-v2 svg {
  display: none;
}
.search .gsc-above-wrapper-area {
  border: none;
  padding: 0 0 21px;
  border-bottom: 1px solid #ccc;
}
.search .gsc-above-wrapper-area-container {
  margin: 0;
}
.search .gsc-results {
  padding: 0;
  width: 100%;
}
.search .gsc-result-info-container {
  padding: 0 !important;
  border: none;
}
.search .gsc-result-info {
  color: var(--text-color);
  padding: 0;
}
.search .gsc-orderby-container {
  border: none;
}
.search .gsc-adBlock {
  display: none;
}
.search .gsc-webResult.gsc-result {
  padding: 24px 0;
  border-width: 0 0 1px 0;
  border-color: #ccc;
}
.search .gs-web-image-box,
.search .gs-promotion-image-box {
  display: none;
}
.search .gs-result .gs-title *,
.search .gsc-cursor-page,
.search .gs-spelling a {
  color: var(--text-color);
}
.search .gs-visibleUrl {
  color: var(--main-link-color) !important;
  line-height: 1.4285714286;
}
.search .gsc-table-result .gs-snippet {
  line-height: 1.625;
}
.search .gsc-orderby {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.search .gsc-orderby-label {
  font-weight: normal;
  color: var(--text-color);
}
.search .gsc-selected-option-container {
  max-width: 100%;
  background-color: #fff;
  font-weight: normal;
  border: 1px solid #ccc;
  color: var(--text-color);
}
.search .gsc-expansionArea {
  margin-bottom: 40px;
}
.search .gsc-results .gsc-cursor-box {
  padding: 20px 0;
  margin: 0;
  background-color: #fff;
}
.search .gsc-results .gsc-cursor {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.search .gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #fff;
  color: var(--text-color);
  font-size: 1.5rem;
  font-family: var(--font-sans-jp-b);
  font-weight: var(--font-sans-jp-b-weight);
  font-weight: 600;
  text-decoration: none !important;
}
.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: var(--main-color);
  color: #fff;
}
.search .gcsc-branding img {
  margin-top: 2px;
}
.search .gcsc-branding img::after {
  top: 0.5em;
}

.wpcf7 {
  width: 100%;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 0;
  margin: 2.5em 0 !important;
  font-size: 14px;
}

.wpcf7 form {
  margin: 1.5em 1.5em 0;
}

.wpcf7 p {
  margin-bottom: 1em;
  font-size: 12px;
}

.wpcf7 input, .wpcf7 textarea {
  width: auto;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  line-height: 1.2;
  padding: 8px;
}

.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
  width: auto;
  max-width: 97%;
  border: 1px solid #ccc;
  padding: 8px;
}

.wpcf7 select, .wpcf7 .wpcf7-list-item-label {
  line-height: 1.2;
  font-size: 14px;
}

.wpcf7-list-item {
  display: block;
}

.wpcf7 textarea {
  height: 300px;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
  outline: none;
  border: 1px solid #bbb;
  box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);
}

.wpcf7 input.wpcf7-submit {
  position: relative;
  display: block;
  width: 225px;
  height: 48px;
  margin: 30px auto 0;
  background-color: #333333;
  cursor: pointer;
  border: none !important;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  outline: none;
  transition: all 0.3s;
}

.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after {
  box-sizing: border-box;
}

.wpcf7 input.wpcf7-submit:hover {
  background-color: #666666;
}

.wpcf7 .wpcf7-not-valid {
  background: pink;
}

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}

.wpcf7 select, .wpcf7 button, .wpcf7 input, .wpcf7 textarea {
  background-color: #fff;
}

.wpcf7 .contact-form-content-form {
  width: 100%;
}

.contact-form-content-str {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.contact-form span.wpcf7-list-item {
  display: block;
}

@media screen and (min-width: 1024px) {
  .contact-form-content {
    display: flex;
    justify-content: left;
  }
  .contact-form-content-sub {
    display: flex;
    justify-content: left;
  }
  .user-zip {
    width: 90px !important;
  }
  .user-address {
    width: 470px !important;
  }
  .contact-form-content-title {
    position: relative;
    width: 130px;
    margin-left: 50px;
  }
  .contact-form-content-form {
    width: 950px;
    margin: 20px 0;
  }
  .contact-form-content-sub-title {
    position: relative;
    width: 220px;
    line-height: 34px;
  }
  .contact-form-content-sub-form {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1023px) {
  .contact-form-content-title {
    position: relative;
    width: 100%;
    height: 40px;
  }
  .contact-form-content-sub-title {
    position: relative;
    width: 230px;
    height: 40px;
  }
  span.wpcf7-list-item {
    margin: 0;
  }
  .user-zip {
    width: 90px !important;
  }
  .user-address {
    width: 205px !important;
  }
}