@charset "UTF-8";
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)){
  all:unset;
  display:revert;
}
*,
*::before,
*::after{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
a, button{
  cursor:revert;
}
ol, ul, menu{
  list-style:none;
}
img{
  max-inline-size:100%;
  max-block-size:100%;
}
table{
  border-collapse:collapse;
}
input, textarea{
  -webkit-user-select:auto;
}
textarea{
  white-space:revert;
}
meter{
  -webkit-appearance:revert;
  -moz-appearance:revert;
  appearance:revert;
}
:where(pre){
  all:revert;
}
::-webkit-input-placeholder{
  color:unset;
}
::-moz-placeholder{
  color:unset;
}
::-ms-input-placeholder{
  color:unset;
}
::placeholder{
  color:unset;
}
::marker{
  content:initial;
}
:where([hidden]){
  display:none;
}
:where([contenteditable]:not([contenteditable=false])){
  -moz-user-modify:read-write;
  -webkit-user-modify:read-write;
  overflow-wrap:break-word;
  -webkit-line-break:after-white-space;
  -webkit-user-select:auto;
}
:where([draggable=true]){
  -webkit-user-drag:element;
}
:where(dialog:modal){
  all:revert;
}
@font-face{
  font-family:"icomoon";
  src:url("../fonts/icon/icomoon.eot?fsx2ee");
  src:url("../fonts/icon/icomoon.eot?fsx2ee#iefix") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?fsx2ee") format("truetype"), url("../fonts/icon/icomoon.woff?fsx2ee") format("woff"), url("../fonts/icon/icomoon.svg?fsx2ee#icomoon") format("svg");
  font-weight:normal;
  font-style:normal;
  font-display:block;
}
:root{
  --color-white:#FFFFFF;
  --color-black:#1A1A1A;
  --color-black-l:#494B4D;
  --color-red:#E60012;
  --color-red-d:#BF000F;
  --color-blue:#004098;
  --color-blue-d:#003073;
  --color-gray-b:#5E6575;
  --color-gray-d:#3B3F4A;
}
html{
  --scrollbar:18px;
  font-size:62.5%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -ms-scroll-chaining:none;
  overscroll-behavior:none;
}
@media (1920px < width){
  html{
    font-size:0.625vw;
  }
}
@media (width < 1200px){
  html{
    font-size:calc(50% + 2 * (100vw - 992px) / 208);
  }
}
@media (width < 992px){
  html{
    font-size:calc(62.5% + 2 * (100vw - 768px) / 224);
  }
}
@media (width < 768px){
  html{
    font-size:calc(62.5% + 2 * (100vw - 576px) / 192);
  }
}
@media (width < 576px){
  html{
    font-size:calc(62.5% + 2 * (100vw - 390px) / 186);
  }
}
@media (width < 390px){
  html{
    font-size:calc(50% + 2 * (100vw - 320px) / 70);
  }
}
html.mpdal-open, html.slideout-open{
  overflow:clip;
  padding-right:var(--scrollbar);
}

body{
  font-family:'Noto Sans JP', sans-serif;
  font-weight:400;
  font-size:1.6rem;
  color:var(--color-black);
  line-height:1.5;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  word-wrap:break-word;
  overflow-wrap:break-word;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  background-blend-mode:multiply;
}
@media (width < 992px){
  body{
    font-size:1.6rem;
  }
}
html[lang=zh-CN] body{
  font-family:'Noto Sans SC', sans-serif;
}
html[lang=zh-TW] body{
  font-family:'Noto Sans TC', sans-serif;
}

*,
*:before,
*:after{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition-property:none;
  transition-property:none;
  -webkit-transition-duration:0.4s;
  transition-duration:0.4s;
  -webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

main,
picture{
  display:block;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

table{
  width:100%;
}

a,
button{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

a{
  color:currentColor;
  text-decoration:none;
  outline:none;
  -webkit-transition:all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition:all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  word-break:break-all;
}

button{
  padding:0;
  background:transparent;
  border:none;
  outline:none;
  color:currentColor;
  cursor:pointer;
  -webkit-transition:all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition:all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

svg{
  fill:currentColor;
}

sup{
  font-size:max(0.625em, 10px);
  vertical-align:super;
}

sub{
  font-size:max(0.625em, 10px);
  vertical-align:sub;
}

@-webkit-keyframes splide-loading{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0);
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}

@keyframes splide-loading{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0);
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}
.splide__track--draggable{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.splide__track--fade > .splide__list > .splide__slide{
  margin:0 !important;
  opacity:0;
  z-index:0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active{
  opacity:1;
  z-index:1;
}

.splide--rtl{
  direction:rtl;
}

.splide__track--ttb > .splide__list{
  display:block;
}

.splide__container{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
}

.splide__list{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  height:100%;
  margin:0 !important;
  padding:0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list{
  display:block;
}

.splide__pagination{
  -ms-flex-align:center;
  -webkit-box-align:center;
  align-items:center;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:center;
  -webkit-box-pack:center;
  justify-content:center;
  margin:0;
  pointer-events:none;
}

.splide__pagination li{
  display:inline-block;
  line-height:1;
  list-style-type:none;
  margin:0;
  pointer-events:auto;
}

.splide:not(.is-overflow) .splide__pagination{
  display:none;
}

.splide__progress__bar{
  width:0;
}

.splide{
  position:relative;
  visibility:hidden;
}

.splide.is-initialized, .splide.is-rendered{
  visibility:visible;
}

.splide__slide{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0;
  list-style-type:none !important;
  margin:0;
  position:relative;
}

.splide__slide img{
  vertical-align:bottom;
}

.splide__spinner{
  -webkit-animation:splide-loading 1s linear infinite;
  animation:splide-loading 1s linear infinite;
  border:2px solid #999;
  border-left-color:transparent;
  border-radius:50%;
  bottom:0;
  contain:strict;
  display:inline-block;
  height:20px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  width:20px;
}

.splide__sr{
  clip:rect(0 0 0 0);
  border:0;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause{
  display:none;
}

.splide__toggle.is-active .splide__toggle__pause{
  display:inline;
}

.splide__track{
  overflow:hidden;
  position:relative;
  z-index:0;
}
.l-container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  opacity:0;
}
.l-container.is-loaded{
  opacity:1;
}
.l-header{
  opacity:0;
  pointer-events:none;
  position:relative;
  z-index:9999;
  -webkit-transition:opacity 0.75s ease-out;
  transition:opacity 0.75s ease-out;
}
.l-header.is-loaded{
  opacity:1;
}
.l-header.is-splashCompleted{
  pointer-events:auto;
}
.l-overlay{
  width:100vw;
  height:100dvh;
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(0, 0, 0, 0.8);
  z-index:10000;
  opacity:0;
  visibility:hidden;
  -webkit-transform:unset !important;
  transform:unset !important;
  -webkit-transition:opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition:opacity 0.3s ease-out, visibility 0.3s ease-out;
}
@media (width < 768px){
  .l-overlay{
    background-color:rgba(0, 0, 0, 0.5);
  }
}
html.slideout-open .l-overlay{
  opacity:1;
  visibility:visible;
}
.l-main{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}
.l-footer{
  background-color:#EDF2F6;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  background-blend-mode:multiply;
}
.c-button{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
  width:100%;
  max-width:35rem;
  height:5.6rem;
  padding:1rem 4.8rem;
  background-color:var(--color-red);
  cursor:pointer;
  position:relative;
  z-index:0;
}
@media (width < 768px){
  .c-button{
    max-width:26rem;
    height:5rem;
    -webkit-column-gap:0.7rem;
    -moz-column-gap:0.7rem;
    column-gap:0.7rem;
  }
}
.c-button::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--color-red-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}
@media (hover: hover){
  .c-button:hover::after{
    -webkit-animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
    animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
  }
}

.c-button__label{
  font-family:'Outfit', sans-serif;
  font-size:max(1.125em, 10px);
  font-weight:500;
  line-height:1.5;
  letter-spacing:0.02em;
  color:var(--color-white);
}

.c-button__icon{
  width:1.3rem;
}
.c-logoBasic__img > img{
  max-width:none;
  height:1em;
}
.c-theme--red{
  --theme-color:var(--color-red);
  --theme-color-d:var(--color-red-d);
}
.c-theme--blue{
  --theme-color:var(--color-blue);
  --theme-color-d:var(--color-blue-d);
}
.p-footer{
  margin-top:12rem;
  padding-block:9.6rem 11.6rem;
  background-image:url("../images/footer/bg-curve.svg");
  background-repeat:no-repeat;
  background-position:top center;
  background-size:cover;
}
@media (width < 768px){
  .p-footer{
    margin-top:9rem;
    padding-block:6.4rem 17.6rem;
    background-image:url("../images/footer/bg-curve_sp.svg");
  }
}

.p-footer__inner{
  max-width:63rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-footer__top{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-inline:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:1.2rem;
}

.p-footer__topArrow{
  width:2rem;
}

.p-footer__topLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(1.125em, 10px);
  font-weight:600;
  letter-spacing:0.02em;
  color:var(--color-white);
}
@media (width < 768px){
  .p-footer__topLabel{
    font-size:max(1em, 10px);
  }
}

.p-footer__nav{
  margin-top:7rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:3.2rem;
  -moz-column-gap:3.2rem;
  column-gap:3.2rem;
}
@media (width < 768px){
  .p-footer__nav{
    margin-top:4.5rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:2rem;
  }
}

.p-footer__navFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:0.6rem;
  -moz-column-gap:0.6rem;
  column-gap:0.6rem;
}

.p-footer__navLabel{
  font-size:max(1em, 10px);
  font-weight:500;
  color:var(--color-white);
}

.p-footer__navicon{
  width:1rem;
}

.p-footer__copyright{
  margin-top:7rem;
  font-family:'Outfit', sans-serif;
  font-size:max(0.75em, 10px);
  letter-spacing:0.02em;
  text-align:center;
  color:var(--color-white);
}
@media (width < 768px){
  .p-footer__copyright{
    margin-top:4.5rem;
  }
}
.p-gnav{
  height:100vh;
  width:100%;
  max-width:45rem;
  padding:1.6rem 1.6rem 4rem;
  background-color:var(--color-gray-b);
  position:fixed;
  top:0;
  right:0;
  z-index:99999;
  -webkit-transform:translateX(min(45rem, 100%));
  transform:translateX(min(45rem, 100%));
  -webkit-transition:-webkit-transform 0.3s ease-out;
  transition:-webkit-transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media (width < 768px){
  .p-gnav{
    max-width:33rem;
    -webkit-transform:translateX(min(33rem, 100%));
    transform:translateX(min(33rem, 100%));
  }
}
html.slideout-open .p-gnav{
  -webkit-transform:translateX(0);
  transform:translateX(0);
}

.p-gnav__inner{
  position:relative;
}

.p-gnav__close{
  position:absolute;
  top:0;
  right:0;
}

.p-gnav__frame{
  height:calc(100vh - 1.6rem - 4rem);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:2.6rem;
  margin-inline:auto;
  padding-top:9.5rem;
  padding-bottom:6rem;
  overflow-y:auto;
}
@media (width < 768px){
  .p-gnav__frame{
    row-gap:1.6rem;
    padding-top:4.8rem;
  }
}

.p-gnav__main{
  width:100%;
  max-width:25rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:1rem;
}

.p-gnav__mainFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  padding:2rem;
  background-color:var(--color-white);
  border-radius:0.5rem;
  position:relative;
}
.p-gnav__mainFrame > span{
  font-size:max(1.125em, 10px);
  font-weight:500;
  text-align:center;
  color:var(--color-gray-b);
}
html[lang=en] .p-gnav__mainFrame > span{
  font-size:max(1em, 10px);
}
.p-gnav__mainFrame img{
  width:1.4rem;
  position:absolute;
  top:50%;
  right:1.8rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7), -webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
}

.p-gnav__sub{
  width:100%;
  max-width:25rem;
}

.p-gnav__subFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  padding:1.4rem 1.4rem 1.6rem;
  border-bottom:1px solid var(--color-white);
  position:relative;
}
.p-gnav__subFrame > span{
  font-size:max(0.875em, 10px);
  font-weight:500;
  text-align:center;
  color:var(--color-white);
}
.p-gnav__subFrame img{
  width:1.4rem;
  position:absolute;
  top:50%;
  right:1.8rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7), -webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
}

.p-gnav__relation{
  margin-top:auto;
  padding-top:4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:2rem;
}

.p-gnav__relationFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:0.7rem;
  -moz-column-gap:0.7rem;
  column-gap:0.7rem;
}
.p-gnav__relationFrame > span{
  font-size:max(0.75em, 10px);
  font-weight:500;
  color:var(--color-white);
}
.p-gnav__relationFrame > img{
  width:1rem;
}

.p-gnav__cart{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
  height:5.6rem;
  margin-top:1.4rem;
  padding:1.5rem 6.3rem;
  background-image:-webkit-gradient(linear, left top, left bottom, from(var(--color-red)), to(var(--color-red)));
  background-image:linear-gradient(var(--color-red), var(--color-red));
  cursor:pointer;
  position:relative;
  z-index:0;
}
.p-gnav__cart::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--color-red-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}
@media (hover: hover){
  .p-gnav__cart:hover::after{
    -webkit-animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
    animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
  }
}

.p-gnav__cartIcon{
  width:3rem;
}

.p-gnav__cartLabel{
  font-size:max(1em, 10px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:0.05em;
  color:var(--color-white);
}
.p-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.p-header__logoFrame{
  padding-top:2.2rem;
  padding-left:2.4rem;
}
@media (width < 768px){
  .p-header__logoFrame{
    width:20rem;
    padding-top:2.4rem;
  }
}

.p-header__container{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  position:fixed;
  right:0;
  top:0;
  z-index:9999;
}

.p-header__cart{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
  height:5.6rem;
  min-width:22rem;
  padding:1rem 4.8rem;
  background-image:-webkit-gradient(linear, left top, left bottom, from(var(--color-red)), to(var(--color-red)));
  background-image:linear-gradient(var(--color-red), var(--color-red));
  cursor:pointer;
  position:relative;
  z-index:0;
}
@media (width < 768px){
  .p-header__cart{
    width:100%;
    -webkit-column-gap:1.4rem;
    -moz-column-gap:1.4rem;
    column-gap:1.4rem;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9999;
  }
}
.p-header__cart::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--color-red-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}
@media (hover: hover){
  .p-header__cart:hover::after{
    -webkit-animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
    animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
  }
}

@-webkit-keyframes InBox{
  from{
    -webkit-clip-path:inset(0 100% 0 0);
    clip-path:inset(0 100% 0 0);
  }
  to{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
}

@keyframes InBox{
  from{
    -webkit-clip-path:inset(0 100% 0 0);
    clip-path:inset(0 100% 0 0);
  }
  to{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
}
@-webkit-keyframes OutBox{
  0%{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
  100%{
    -webkit-clip-path:inset(0 0 0 100%);
    clip-path:inset(0 0 0 100%);
  }
}
@keyframes OutBox{
  0%{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
  }
  100%{
    -webkit-clip-path:inset(0 0 0 100%);
    clip-path:inset(0 0 0 100%);
  }
}
.p-header__cartIcon{
  width:3rem;
}

.p-header__cartLabel{
  font-size:max(1em, 10px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:0.05em;
  color:var(--color-white);
}
@media (width < 768px){
  .p-header__cartLabel{
    font-size:max(1.125em, 10px);
  }
}

.p-header__language{
  position:relative;
}
.p-header__language.is-active .p-header__languageFrame{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0);
}

.p-header__languageButton{
  width:5.6rem;
  height:5.6rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:0.3rem;
  background-color:var(--color-blue);
}
@media (width < 768px){
  .p-header__languageButton{
    margin-left:0;
  }
}

.p-header__languageIcon{
  width:2.3rem;
}

.p-header__languageFrame{
  width:18.5rem;
  padding:2rem;
  background-color:var(--color-blue);
  position:absolute;
  top:6rem;
  right:0.3rem;
  z-index:10;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(1.2rem);
  transform:translateY(1.2rem);
  -webkit-transition:opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition:opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition:opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out;
  transition:opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.p-header__languageList{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:1rem;
}

.p-header__languageItem{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.p-header__languageLink{
  font-family:'Outfit', sans-serif;
  font-size:max(0.9375em, 10px);
  line-height:1.5;
  letter-spacing:0.02em;
  color:var(--color-white);
}
.p-header__languageLink.is-active{
  opacity:0.5;
  pointer-events:none;
}

.p-header__toggleFrame{
  margin-left:0.3rem;
}
@media (width < 768px){
  .p-header__toggleFrame{
    margin-left:0;
  }
}

.p-header__toggle{
  width:5.6rem;
  height:5.6rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:0.6rem;
  cursor:pointer;
  background-color:var(--color-gray-b);
  -webkit-transition:0.3s background-color ease-out;
  transition:0.3s background-color ease-out;
}
.p-header__toggle span{
  width:2rem;
  height:0.2rem;
  background-color:var(--color-white);
}
.p-modal{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
}
.p-modal__mainFrame{
  width:100vw;
  height:100vh;
  overflow-y:scroll;
  position:relative;
  z-index:10;
}

.p-modal__close{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:1.6rem;
  z-index:100;
}
@media (width < 768px){
  .p-modal__close{
    row-gap:0.72rem;
  }
}
.p-modal__close > img{
  width:6.4rem;
}
@media (width < 768px){
  .p-modal__close > img{
    width:3.4rem;
  }
}
.p-modal__close > span{
  font-family:'Outfit', sans-serif;
  font-size:max(1.25em, 10px);
  font-weight:600;
  line-height:1;
  letter-spacing:0.1em;
  text-align:center;
  color:var(--color-white);
}
@media (width < 768px){
  .p-modal__close > span{
    font-size:max(0.6875em, 10px);
  }
}

.p-modal__overlay{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(0, 0, 0, 0.8);
}

html.modal-open{
  overflow:hidden;
}
.p-modalPrecautions{
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:2;
  width:100%;
  max-width:61rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-modalPrecautions__wrapper{
  width:100%;
  padding-block:6.4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  row-gap:2.2rem;
}

.p-modalPrecautions__main{
  width:100%;
  background-color:rgba(255, 255, 255, 0.9);
  border:1px solid var(--color-red);
}

.p-modalPrecautions__info{
  padding:3.2rem 5rem 4.8rem 5rem;
}
@media (width < 768px){
  .p-modalPrecautions__info{
    padding:3rem 2rem 4.4rem 2rem;
  }
}

.p-modalPrecautions__lead{
  font-size:max(1.25em, 10px);
  font-weight:600;
  letter-spacing:0.05em;
  text-align:center;
  color:var(--color-red);
  padding-bottom:3rem;
  border-bottom:1px solid var(--color-red);
}
@media (width < 768px){
  .p-modalPrecautions__lead{
    font-size:max(1.125em, 10px);
  }
}

.p-modalPrecautions__list{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:1.2rem;
  margin-top:4.2rem;
  margin-inline:auto;
}

.p-modalPrecautions__item{
  font-size:max(1.125em, 10px);
  font-weight:600;
  line-height:1.4;
  padding-left:1em;
  position:relative;
}
@media (width < 768px){
  .p-modalPrecautions__item{
    font-size:max(1em, 10px);
  }
}
.p-modalPrecautions__item::before{
  content:"•";
  font-weight:600;
  line-height:1.4;
  position:absolute;
  left:0.35em;
  top:-0.05em;
}

.p-modalPrecautions__transaction{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-top:2rem;
  margin-inline:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
}
@media (width < 768px){
  .p-modalPrecautions__transaction{
    margin-top:0.8rem;
  }
}
.p-modalPrecautions__transaction > span{
  font-size:max(0.875em, 10px);
  font-weight:500;
  color:var(--color-blue);
}
@media (width < 768px){
  html[lang=en] .p-modalPrecautions__transaction > span{
    font-size:max(0.75em, 10px);
  }
}
.p-modalPrecautions__transaction img{
  width:1.6rem;
}

.p-modalPrecautions__purchase{
  width:100%;
  height:8rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-column-gap:1.4rem;
  -moz-column-gap:1.4rem;
  column-gap:1.4rem;
  background-color:var(--color-red);
  position:relative;
  z-index:0;
}
@media (width < 768px){
  .p-modalPrecautions__purchase{
    -webkit-column-gap:1rem;
    -moz-column-gap:1rem;
    column-gap:1rem;
  }
}
.p-modalPrecautions__purchase::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--color-red-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}
@media (hover: hover){
  .p-modalPrecautions__purchase:hover::after{
    -webkit-animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
    animation:InBox 0.5s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.65s;
  }
}
.p-modalPrecautions__purchase > span{
  font-size:max(1.125em, 10px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:0.05em;
  color:var(--color-white);
}
@media (width < 768px){
  .p-modalPrecautions__purchase > span{
    font-size:max(1em, 10px);
  }
}
.p-modalPrecautions__purchase img{
  width:2rem;
}
@media (width < 768px){
  .p-modalPrecautions__purchase img{
    width:1.72rem;
  }
}

.p-modalPrecautions__close{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.p-modalPrecautions__close > span{
  font-size:max(0.875em, 10px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:0.05em;
  color:var(--color-white);
}
.p-modalMovie{
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:2;
  width:100%;
  max-width:125rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-modalMovie__inner{
  width:100%;
  height:100%;
  padding-block:5.2rem;
}

.p-modalMovie__frame{
  max-height:calc(100vh - 10.4rem);
  aspect-ratio:16/9;
  margin-inline:auto;
  overflow:hidden;
}
.p-modalMovie__frame > iframe{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}

.p-modalMovie__close{
  position:fixed;
  top:2rem;
  right:2rem;
}
.p-modalArtist{
  position:relative;
  z-index:2;
  width:100%;
  max-width:125rem;
  margin-inline:auto;
  padding-top:8.6rem;
  padding-bottom:18.4rem;
  padding-inline:2.5rem;
}
@media (width < 768px){
  .p-modalArtist{
    padding-top:8rem;
    padding-bottom:11.2rem;
    padding-inline:1.2rem;
  }
}
.p-modalArtist.is-noimage .p-modalArtist__profileImage{
  display:none;
}
.p-modalArtist.is-noimage .p-modalArtist__profile{
  width:100%;
  max-width:70rem;
  margin-inline:auto;
}
@media (width < 768px){
  .p-modalArtist.is-noimage .p-modalArtist__profile{
    margin-top:4rem;
  }
}

.p-modalArtist__frame{
  padding-top:7.4rem;
  padding-bottom:14.8rem;
  background-color:var(--color-white);
  position:relative;
  z-index:0;
  overflow:hidden;
}
@media (width < 768px){
  .p-modalArtist__frame{
    padding-top:9.6rem;
    padding-bottom:9.8rem;
    padding-inline:2.5rem;
  }
}

.p-modalArtist__deco{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  top:-2.6rem;
  left:0;
  z-index:-1;
}
@media (width < 768px){
  .p-modalArtist__deco{
    top:1.6rem;
    -webkit-transform:translateX(-3rem);
    transform:translateX(-3rem);
  }
}
.p-modalArtist__deco span{
  opacity:0.25;
  padding-left:5.4rem;
  font-family:'Outfit', sans-serif;
  font-size:max(10em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
  white-space:nowrap;
  color:var(--color-red);
  -webkit-animation:ticker 62.5s linear infinite;
  animation:ticker 62.5s linear infinite;
}
@media (width < 768px){
  .p-modalArtist__deco span{
    font-size:max(6.25em, 10px);
    padding-left:3rem;
  }
}

@-webkit-keyframes ticker{
  0%{
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
  100%{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

@keyframes ticker{
  0%{
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
  100%{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}
.p-modalArtist__profile{
  max-width:104rem;
  margin-inline:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -webkit-column-gap:6rem;
  -moz-column-gap:6rem;
  column-gap:6rem;
}
@media (width < 768px){
  .p-modalArtist__profile{
    max-width:70rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:2.6rem;
  }
}

.p-modalArtist__profileImage{
  -ms-flex-negative:0;
  flex-shrink:0;
  width:35rem;
}
@media (width < 768px){
  .p-modalArtist__profileImage{
    width:100%;
    max-width:22rem;
  }
}

.p-modalArtist__profileInfo{
  max-width:46rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:2rem;
  padding-top:9.6rem;
}
@media (width < 768px){
  .p-modalArtist__profileInfo{
    max-width:100%;
    padding-top:0;
    row-gap:1.8rem;
  }
}

.p-modalArtist__profileName{
  font-family:'Outfit', sans-serif;
  font-size:max(1.875em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.1em;
  color:#000000;
}
@media (width < 768px){
  .p-modalArtist__profileName{
    font-size:max(1.75em, 10px);
  }
}

.p-modalArtist__profileText{
  font-size:max(1em, 10px);
  line-height:1.8;
  color:#000000;
  padding-right:2rem;
}
@media (width < 768px){
  .p-modalArtist__profileText{
    padding-right:0;
  }
}

.p-modalArtist__main{
  max-width:70rem;
  margin-top:12rem;
  margin-inline:auto;
}
@media (width < 768px){
  .p-modalArtist__main{
    margin-top:8rem;
  }
}

.p-modalArtist__mainLead{
  font-family:'Outfit', sans-serif;
  font-size:max(1.625em, 10px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:0.1em;
  text-align:center;
  color:#000000;
}
@media (width < 768px){
  .p-modalArtist__mainLead{
    font-size:max(1.375em, 10px);
  }
}

.p-modalArtist__list{
  margin-top:4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:10rem;
}
@media (width < 768px){
  .p-modalArtist__list{
    row-gap:4.8rem;
  }
}

.p-modalArtist__imageFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  aspect-ratio:1/1;
  background-color:#F2F2F2;
}

.p-modalArtist__image{
  width:calc(100% - 5rem);
  height:calc(100% - 5rem);
}
@media (width < 768px){
  .p-modalArtist__image{
    width:calc(100% - 2.4rem);
    height:calc(100% - 2.4rem);
  }
}
.p-modalArtist__image img{
  width:100%;
  height:100%;
  -o-object-fit:contain;
  object-fit:contain;
  -o-object-position:center;
  object-position:center;
}

.p-modalArtist__workInfo{
  margin-top:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:1.4rem;
}
@media (width < 768px){
  .p-modalArtist__workInfo{
    margin-top:1.6rem;
    row-gap:1.2rem;
  }
}

.p-modalArtist__workTitle{
  font-family:'Outfit', sans-serif;
  font-size:max(1.5em, 10px);
  font-weight:700;
  letter-spacing:0.05em;
}
@media (width < 768px){
  .p-modalArtist__workTitle{
    font-size:max(1.25em, 10px);
  }
}

.p-modalArtist__workWrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:1.4rem;
  -moz-column-gap:1.4rem;
  column-gap:1.4rem;
}
@media (width < 768px){
  .p-modalArtist__workWrap{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    row-gap:1rem;
  }
}

.p-modalArtist__workDetail{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:1.4rem;
  -moz-column-gap:1.4rem;
  column-gap:1.4rem;
}

.p-modalArtist__workLabel{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:0.3rem;
  -moz-column-gap:0.3rem;
  column-gap:0.3rem;
}

.p-modalArtist__workLabelDate{
  min-height:2.4rem;
  font-size:max(0.875em, 10px);
  font-weight:500;
  line-height:1;
  color:var(--color-white);
  padding:0.4rem 0.8rem;
  background-color:var(--theme-color);
}

.p-modalArtist__workLabelItem{
  min-height:2.4rem;
  font-family:'Outfit', sans-serif;
  font-size:max(1em, 10px);
  font-weight:500;
  line-height:1;
  color:var(--color-white);
  padding:0.4rem 0.8rem;
  background-color:var(--theme-color);
}

.p-modalArtist__workSize{
  font-family:'Outfit', sans-serif;
  font-size:max(0.875em, 10px);
  line-height:1;
}

.p-modalArtist__workPrice{
  font-family:'Outfit', sans-serif;
  font-size:max(1.125em, 10px);
  line-height:1;
}
@media (width < 768px){
  .p-modalArtist__workPrice{
    font-size:max(1em, 10px);
  }
}

.p-modalArtist__cart{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-top:3rem;
  margin-inline:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:5.6rem;
  background-color:var(--color-red);
}
@media (width < 768px){
  .p-modalArtist__cart{
    margin-top:3.6rem;
    height:4.4rem;
  }
}
@media (hover: hover){
  .p-modalArtist__cart:hover .p-modalArtist__cartIcon img{
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
    -webkit-transition:-webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1) 0.45s;
    transition:-webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1) 0.45s;
    transition:transform 0.5s cubic-bezier(0.4, 0.4, 0, 1) 0.45s;
    transition:transform 0.5s cubic-bezier(0.4, 0.4, 0, 1) 0.45s, -webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1) 0.45s;
  }
  .p-modalArtist__cart:hover .p-modalArtist__cartLabel::after{
    -webkit-animation:InBox 0.3s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.45s;
    animation:InBox 0.3s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.45s;
  }
}

.p-modalArtist__cartIcon{
  height:5.6rem;
  width:5.6rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:var(--color-red-d);
}
@media (width < 768px){
  .p-modalArtist__cartIcon{
    height:4.4rem;
    width:4.4rem;
  }
}
.p-modalArtist__cartIcon img{
  width:2.6rem;
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
  transition:transform 0.3s cubic-bezier(0, 1, 0.7, 0.7), -webkit-transform 0.3s cubic-bezier(0, 1, 0.7, 0.7);
}
@media (width < 768px){
  .p-modalArtist__cartIcon img{
    width:2rem;
  }
}

.p-modalArtist__cartLabel{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:1rem 4.4rem;
  font-size:max(1em, 10px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:0.05em;
  color:var(--color-white);
  position:relative;
  z-index:0;
}
@media (width < 768px){
  .p-modalArtist__cartLabel{
    padding:1rem 2.6rem;
    font-size:max(0.875em, 10px);
  }
}
.p-modalArtist__cartLabel::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--color-red-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}

.p-modalArtist__close{
  position:absolute;
  top:12rem;
  right:4rem;
}
@media (width < 768px){
  .p-modalArtist__close{
    top:9.8rem;
    right:3rem;
  }
}
.p-modalArtist__close > span{
  color:var(--color-black);
}
.p-archive{
  padding-top:15.6rem;
  background-color:#EDF2F6;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  background-blend-mode:multiply;
}
@media (width < 768px){
  .p-archive{
    padding-top:9.6rem;
  }
}

.p-archive__inner{
  max-width:93rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}
@media (width < 768px){
  .p-archive__inner{
    padding-inline:4.6rem;
  }
}

.p-archive__heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
}
@media (width < 768px){
  .p-archive__heading{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:0.8rem;
  }
}

.p-archive__headingTitle{
  font-size:max(1.75em, 10px);
  font-weight:600;
  letter-spacing:0.1em;
  text-align:center;
}
@media (width < 992px){
  .p-archive__headingTitle{
    font-size:max(1.5em, 10px);
  }
}
@media (width < 768px){
  .p-archive__headingTitle{
    font-size:max(1.125em, 10px);
    text-align:center;
  }
}

.p-archive__headingLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(7.5em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
  text-align:center;
}
@media (width < 992px){
  .p-archive__headingLabel{
    font-size:max(6em, 10px);
  }
}
@media (width < 768px){
  .p-archive__headingLabel{
    font-size:max(2.6875em, 10px);
    text-align:center;
  }
}

.p-archive__list{
  margin-top:7rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:4rem;
  -moz-column-gap:4rem;
  column-gap:4rem;
}
@media (width < 768px){
  .p-archive__list{
    margin-top:4rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:6rem;
  }
}

.p-archive__item{
  max-width:38rem;
}

.p-archive__frame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:2rem;
}
@media (width < 768px){
  .p-archive__frame{
    row-gap:1rem;
  }
}
@media (hover: hover){
  .p-archive__frame:hover .p-archive__image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
}

.p-archive__image{
  overflow:hidden;
}
.p-archive__image img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transition:-webkit-transform 0.5s ease-out;
  transition:-webkit-transform 0.5s ease-out;
  transition:transform 0.5s ease-out;
  transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.p-archive__info{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.p-archive__infoTitle{
  font-size:max(1.125em, 10px);
  font-weight:600;
  letter-spacing:0.1em;
  text-align:center;
}
@media (width < 768px){
  .p-archive__infoTitle{
    font-size:max(1em, 10px);
  }
}

.p-archive__infoLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(2.625em, 10px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:0.03em;
  text-align:center;
}
@media (width < 768px){
  .p-archive__infoLabel{
    font-size:max(2.25em, 10px);
  }
}
.p-art{
  --thumb-bg-color:#F2F2F2;
  margin-top:1rem;
  padding-top:7.2rem;
  padding-bottom:25rem;
  position:relative;
}
@media (width < 768px){
  .p-art{
    margin-top:1.2rem;
    padding-top:8.4rem;
    padding-bottom:15rem;
  }
}
.p-art--later{
  --thumb-bg-color:#DBDDE0;
  margin-top:0;
  padding-top:2rem;
  padding-bottom:15rem;
  position:relative;
  top:-100vh;
  background-color:#DCDFE5;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  -webkit-background-blend-mode:multiply;
  background-blend-mode:multiply;
}
@media (width < 768px){
  .p-art--later{
    padding-top:2rem;
    padding-bottom:10rem;
    top:-80vh;
  }
}
.p-art--later .p-art__headingContainer::before{
  background-color:#DCDFE5;
  -webkit-background-blend-mode:multiply;
  background-blend-mode:multiply;
}

.p-art__inner{
  position:relative;
}

.p-art__heading{
  --overlay-rotate:0deg;
  --overlay-position-x:0;
  position:relative;
  z-index:0;
}

.p-art__headingContainer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:0.8rem;
  padding-block:18.2rem 0.7rem;
  position:relative;
  z-index:0;
  -webkit-clip-path:inset(0);
  clip-path:inset(0);
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
@media (width < 992px){
  .p-art__headingContainer{
    padding-block:10.2rem 0.7rem;
  }
}
@media (width < 768px){
  .p-art__headingContainer{
    row-gap:0.6rem;
    padding-block:6.4rem 0rem;
  }
}
.p-art__headingContainer::before{
  content:"";
  position:absolute;
  top:-6rem;
  left:-50%;
  width:200%;
  height:100%;
  background-color:var(--color-white);
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  -webkit-transform:translateZ(0) rotate(var(--overlay-rotate));
  transform:translateZ(0) rotate(var(--overlay-rotate));
  -webkit-transform-origin:top left;
  transform-origin:top left;
}
@media (width < 768px){
  .p-art__headingContainer::before{
    top:0;
  }
}

.p-art__headingWrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:2.5rem;
}
@media (width < 768px){
  .p-art__headingWrap{
    row-gap:0.8rem;
  }
}
html[lang=en] .p-art__headingWrap{
  padding-bottom:6.8rem;
}

.p-art__headingTitle{
  font-size:max(1.75em, 10px);
  font-weight:600;
  letter-spacing:0.1em;
  opacity:0;
}
@media (width < 992px){
  .p-art__headingTitle{
    font-size:max(1.5em, 10px);
  }
}
@media (width < 768px){
  .p-art__headingTitle{
    font-size:max(1.125em, 10px);
  }
}

.p-art__headingLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(7.5em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
}
@media (width < 992px){
  .p-art__headingLabel{
    font-size:max(6em, 10px);
  }
}
@media (width < 768px){
  .p-art__headingLabel{
    font-size:max(2.6875em, 10px);
  }
}
.p-art__headingLabel > span{
  color:var(--theme-color);
}

.p-art__headingDate{
  font-family:'Outfit', sans-serif;
  font-size:max(4.375em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
}
@media (width < 992px){
  .p-art__headingDate{
    font-size:max(3.5em, 10px);
  }
}
@media (width < 768px){
  .p-art__headingDate{
    font-size:max(1.5625em, 10px);
  }
}

.p-art__headingLine{
  min-width:144rem;
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:1;
}
@media (width < 992px){
  .p-art__headingLine{
    min-width:100rem;
  }
}
@media (width < 768px){
  .p-art__headingLine{
    min-width:43.2rem;
  }
}
@media (width < 768px){
  .p-art__headingLine.--pc{
    display:none;
  }
}
.p-art__headingLine.--sp{
  display:none;
}
@media (width < 768px){
  .p-art__headingLine.--sp{
    display:block;
  }
}

.p-artMain{
  max-width:128.4rem;
  margin-top:10.5rem;
  margin-inline:auto;
  padding-inline:1.2rem;
  position:relative;
  z-index:1;
}
@media (width < 768px){
  .p-artMain{
    margin-top:4rem;
  }
}

.p-artMain__list{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  -webkit-column-gap:6rem;
  -moz-column-gap:6rem;
  column-gap:6rem;
  row-gap:6rem;
}
@media (width < 992px){
  .p-artMain__list{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    -webkit-column-gap:4rem;
    -moz-column-gap:4rem;
    column-gap:4rem;
    row-gap:4rem;
  }
}
@media (width < 768px){
  .p-artMain__list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    -webkit-column-gap:2.5rem;
    -moz-column-gap:2.5rem;
    column-gap:2.5rem;
    row-gap:4rem;
  }
}

.p-artMain__item{
  opacity:0;
  -webkit-transform:translateY(4rem);
  transform:translateY(4rem);
}

.p-artMain__frame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:1.5rem;
}
@media (width < 768px){
  .p-artMain__frame{
    row-gap:0.8rem;
  }
}
@media (hover: hover){
  .p-artMain__frame:hover .p-artMain__image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
  }
  .p-artMain__frame:hover .p-artMain__icon{
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
    -webkit-transition:-webkit-transform 0.4s ease-in-out;
    transition:-webkit-transform 0.4s ease-in-out;
    transition:transform 0.4s ease-in-out;
    transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }
}

.p-artMain__imageFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  aspect-ratio:1/1;
  background-color:var(--thumb-bg-color);
  overflow:hidden;
}

.p-artMain__image{
  width:calc(100% - 2rem);
  height:calc(100% - 2rem);
}
@media (width < 768px){
  .p-artMain__image{
    width:calc(100% - 1.2rem);
    height:calc(100% - 1.2rem);
  }
}
.p-artMain__image img{
  width:100%;
  height:100%;
  -o-object-fit:contain;
  object-fit:contain;
  -o-object-position:center;
  object-position:center;
  -webkit-transition:-webkit-transform 0.2s ease-out;
  transition:-webkit-transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.p-artMain__body{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:0.8rem;
}
@media (width < 768px){
  .p-artMain__body{
    row-gap:1rem;
  }
}

.p-artMain__heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-column-gap:0.6rem;
  -moz-column-gap:0.6rem;
  column-gap:0.6rem;
}
@media (width < 768px){
  .p-artMain__heading{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    row-gap:0.5rem;
  }
}

.p-artMain__label{
  min-width:5.2rem;
  height:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:0.2rem;
  font-family:'Outfit', sans-serif;
  font-size:max(1em, 10px);
  font-weight:500;
  line-height:1;
  color:var(--color-white);
  background-color:var(--theme-color);
}
@media (width < 768px){
  .p-artMain__label{
    height:1.6rem;
    min-width:5.2rem;
    font-size:max(0.875em, 10px);
  }
}

.p-artMain__title{
  font-size:max(1.125em, 10px);
  font-weight:600;
  line-height:1.2;
  word-break:break-word;
}
@media (width < 768px){
  .p-artMain__title{
    font-size:max(1em, 10px);
  }
}

.p-artMain__info{
  display:grid;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:start;
  grid-template-columns:1fr 7rem;
  -webkit-column-gap:0.7rem;
  -moz-column-gap:0.7rem;
  column-gap:0.7rem;
}
@media (width < 768px){
  .p-artMain__info{
    grid-template-columns:1fr 5rem;
    -webkit-column-gap:0.5rem;
    -moz-column-gap:0.5rem;
    column-gap:0.5rem;
  }
}

.p-artMain__infoWrap{
  padding-top:0.4rem;
}
@media (width < 768px){
  .p-artMain__infoWrap{
    padding-top:0;
  }
}

.p-artMain__name{
  font-size:max(1em, 10px);
  font-weight:600;
  line-height:1;
  word-break:break-word;
}
@media (width < 768px){
  .p-artMain__name{
    font-size:max(0.875em, 10px);
    line-height:1.2;
  }
}

.p-artMain__size{
  margin-top:0.7rem;
  font-family:'Outfit', sans-serif;
  font-size:max(0.9375em, 10px);
  font-weight:300;
  line-height:1;
}
@media (width < 768px){
  .p-artMain__size{
    margin-top:0.8rem;
    font-size:max(0.875em, 10px);
  }
}

.p-artMain__price{
  margin-top:1.2rem;
  font-family:'Outfit', sans-serif;
  font-size:max(0.9375em, 10px);
  font-weight:300;
  line-height:1;
}
@media (width < 768px){
  .p-artMain__price{
    margin-top:0.4rem;
    font-size:max(0.875em, 10px);
  }
}

.p-artMain__icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.p-artNav{
  width:100%;
  max-width:45rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:2rem;
  -moz-column-gap:2rem;
  column-gap:2rem;
  padding-inline:2.5rem;
  position:fixed;
  top:2.5rem;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:8000;
  opacity:0;
  visibility:hidden;
}
@media (width < 992px){
  .p-artNav{
    top:7.2rem;
  }
}
@media (width < 768px){
  .p-artNav{
    -webkit-column-gap:1rem;
    -moz-column-gap:1rem;
    column-gap:1rem;
  }
}
html[lang=en] .p-artNav{
  max-width:52rem;
}

.p-artNav__item{
  width:calc(50% - 1rem);
}
@media (width < 768px){
  .p-artNav__item{
    width:calc(50% - 0.5rem);
  }
}

.p-artNav__link{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  border:1px solid var(--theme-color);
  background-color:rgba(255, 255, 255, 0.9);
}

.p-artNav__arrow{
  -ms-flex-negative:0;
  flex-shrink:0;
  width:4.4rem;
  height:4.4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:var(--theme-color);
}
@media (width < 768px){
  .p-artNav__arrow{
    width:3.6rem;
    height:3.6rem;
  }
}
.p-artNav__arrow img{
  width:1.6rem;
}
@media (width < 768px){
  .p-artNav__arrow img{
    width:1.4rem;
  }
}

.p-artNav__label{
  width:calc(100% - 4.4rem);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:max(1.125em, 10px);
  font-weight:500;
  letter-spacing:0.05em;
  color:var(--theme-color);
}
@media (width < 768px){
  .p-artNav__label{
    width:calc(100% - 3.6rem);
    font-size:max(1em, 10px);
  }
}
@media (width < 768px){
  html[lang=en] .p-artNav__label{
    font-size:max(0.875em, 10px);
  }
}

.p-art__overlay{
  position:absolute;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:#DCDFE5;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  -webkit-background-blend-mode:multiply;
  background-blend-mode:multiply;
  -webkit-clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 250% 100%);
  clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 250% 100%);
  -webkit-transform:scaleY(-1);
  transform:scaleY(-1);
  z-index:10;
}
@media (width < 768px){
  .p-art__overlay{
    -webkit-clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 750% 100%);
    clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 750% 100%);
  }
}
.p-info{
  padding-top:15rem;
}
@media (width < 768px){
  .p-info{
    padding-top:8rem;
  }
}
.p-info--schedule{
  background-color:#EDF2F6;
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  background-blend-mode:multiply;
}

.p-info__inner{
  max-width:125rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-info__frame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-column-gap:9rem;
  -moz-column-gap:9rem;
  column-gap:9rem;
}
@media (width < 992px){
  .p-info__frame{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    row-gap:4.8rem;
  }
}
@media (width < 768px){
  .p-info__frame{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:4rem;
  }
}

.p-info__heading{
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  row-gap:1.8rem;
}
@media (width < 768px){
  .p-info__heading{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:0.8rem;
  }
}

.p-info__headingTitle{
  font-size:max(1.125em, 10px);
  font-weight:600;
  letter-spacing:0.1em;
}
@media (width < 768px){
  .p-info__headingTitle{
    font-size:max(1em, 10px);
    text-align:center;
  }
}

.p-info__headingLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(3.5em, 10px);
  font-weight:700;
  line-height:1.1;
}
@media (width < 768px){
  .p-info__headingLabel{
    font-size:max(2.6875em, 10px);
    text-align:center;
  }
}
.p-info__headingLabel > span{
  display:block;
}

.p-info__wrapper{
  width:100%;
}

.p-info__container + .p-info__container{
  margin-top:3.6rem;
  border-top:1px solid var(--color-black);
  padding-top:3.6rem;
}
@media (width < 768px){
  .p-info__container + .p-info__container{
    margin-top:3.2rem;
    padding-top:3.2rem;
  }
}

.p-info__lead{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1.2rem;
  -moz-column-gap:1.2rem;
  column-gap:1.2rem;
  font-size:max(1.375em, 10px);
  font-weight:600;
  line-height:1;
  letter-spacing:0.2em;
}
@media (width < 768px){
  .p-info__lead{
    font-size:max(1.125em, 10px);
  }
}
.p-info__lead::before{
  content:"";
  display:block;
  width:5rem;
  height:0.3rem;
  margin-top:0.3rem;
  background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-blue)), color-stop(50%, var(--color-red)));
  background-image:linear-gradient(to right, var(--color-blue) 50%, var(--color-red) 50%);
}

.p-info__main{
  margin-top:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  row-gap:2.4rem;
}
@media (width < 992px){
  .p-info__main{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
  }
}
@media (width < 768px){
  .p-info__main{
    margin-top:1.5rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:2rem;
  }
}

.p-info__mainContainer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
}

.p-info__mainWrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  -webkit-column-gap:0.5rem;
  -moz-column-gap:0.5rem;
  column-gap:0.5rem;
}
@media (width < 768px){
  .p-info__mainWrap{
    -webkit-column-gap:0.2rem;
    -moz-column-gap:0.2rem;
    column-gap:0.2rem;
  }
}

.p-info__mainYear{
  font-family:'Outfit', sans-serif;
  font-size:max(1.875em, 10px);
  font-weight:600;
  line-height:1;
  letter-spacing:0.05em;
}
@media (width < 768px){
  .p-info__mainYear{
    font-size:max(1em, 10px);
  }
}

.p-info__mainDate{
  font-family:'Outfit', sans-serif;
  font-size:max(3.875em, 10px);
  font-weight:600;
  line-height:1;
  letter-spacing:0.05em;
}
@media (width < 768px){
  .p-info__mainDate{
    font-size:max(2.375em, 10px);
  }
}

.p-info__mainWeek{
  font-family:'Outfit', sans-serif;
  font-size:max(1.625em, 10px);
  font-weight:600;
  line-height:1;
  letter-spacing:0.05em;
}
@media (width < 768px){
  .p-info__mainWeek{
    font-size:max(1.125em, 10px);
    -webkit-transform:translateY(-0.2rem);
    transform:translateY(-0.2rem);
  }
}

.p-info__mainArrow{
  width:3rem;
}
@media (width < 768px){
  .p-info__mainArrow{
    width:1.8rem;
  }
}

.p-info__button{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:5.6rem;
}
@media (width < 768px){
  .p-info__button{
    height:4.4rem;
  }
}
@media (hover: hover){
  .p-info__button:hover .p-info__buttonIcon img{
    -webkit-transform:translateY(0.3rem);
    transform:translateY(0.3rem);
    -webkit-transition-delay:0.45s;
    transition-delay:0.45s;
  }
  .p-info__button:hover .p-info__buttonLabel::after{
    -webkit-animation:InBox 0.3s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.45s;
    animation:InBox 0.3s cubic-bezier(1, 0, 0.6, 1) forwards, OutBox 0.5s cubic-bezier(0.4, 0.4, 0, 1) forwards 0.45s;
  }
}

.p-info__buttonIcon{
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:5.6rem;
  height:5.6rem;
  background-color:var(--theme-color-d);
}
@media (width < 768px){
  .p-info__buttonIcon{
    width:4.4rem;
    height:4.4rem;
  }
}
.p-info__buttonIcon img{
  width:1.6rem;
  -webkit-transition:-webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1);
  transition:-webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1);
  transition:transform 0.5s cubic-bezier(0.4, 0.4, 0, 1);
  transition:transform 0.5s cubic-bezier(0.4, 0.4, 0, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (width < 768px){
  .p-info__buttonIcon img{
    width:1.4rem;
  }
}

.p-info__buttonLabel{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:1.5rem 2.8rem;
  font-weight:500;
  color:var(--color-white);
  background-color:var(--theme-color);
  position:relative;
  z-index:0;
}
@media (width < 768px){
  .p-info__buttonLabel{
    padding:1rem 3.2rem;
    font-size:max(0.875em, 10px);
  }
}
.p-info__buttonLabel::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:var(--theme-color-d);
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  -webkit-transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:-webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  transition:clip-path 0.5s cubic-bezier(1, 0, 0.6, 1), -webkit-clip-path 0.5s cubic-bezier(1, 0, 0.6, 1);
  z-index:-1;
}

.p-info__text{
  margin-top:2rem;
  font-size:max(1.25em, 10px);
  font-weight:500;
}
@media (width < 768px){
  .p-info__text{
    margin-top:1.5rem;
    font-size:max(1em, 10px);
  }
}
.p-info__text > span{
  display:inline-block;
}

.p-info__map{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-top:1.5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:0.5rem;
  -moz-column-gap:0.5rem;
  column-gap:0.5rem;
  font-size:max(0.85em, 10px);
  font-weight:500;
  letter-spacing:-0.01em;
  color:var(--color-blue);
}
@media (width < 768px){
  .p-info__map{
    margin-top:1rem;
  }
}
.p-info__map img{
  width:1.7rem;
}

.p-info__more{
  margin-top:6rem;
}
@media (width < 768px){
  .p-info__more{
    max-width:26rem;
    margin-top:4rem;
    margin-inline:auto;
  }
}
.p-lead{
  margin-top:-75vh;
  padding-block:2rem 12rem;
  position:relative;
  z-index:20;
}
@media (width < 768px){
  .p-lead{
    padding-block:2rem 6rem;
  }
}
.p-lead::before{
  content:"";
  position:absolute;
  top:75vh;
  left:0;
  right:0;
  bottom:0;
  background-color:var(--color-black-l);
  z-index:-1;
}

.p-lead__inner{
  max-width:125rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-lead__main{
  font-size:max(1.75em, 10px);
  font-weight:600;
  line-height:2;
  color:var(--color-white);
}
@media (width < 992px){
  .p-lead__main{
    font-size:max(1.5em, 10px);
  }
}
@media (width < 768px){
  .p-lead__main{
    font-size:max(1em, 10px);
  }
}
.p-lead__main > span{
  display:block;
  margin-bottom:2rem;
}

.p-lead__button{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:4.5rem;
}
@media (width < 768px){
  .p-lead__button{
    margin-top:3rem;
  }
}

.p-lead__thumb{
  margin-top:7.5rem;
  max-width:96rem;
  margin-inline:auto;
}
@media (width < 768px){
  .p-lead__thumb{
    margin-top:6rem;
  }
}

.p-lead__thumbFrame{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
}
.p-lead__thumbFrame::before{
  content:"";
  width:100%;
  height:100%;
  background-color:rgba(26, 26, 26, 0.3);
  position:absolute;
  top:0;
  left:0;
}

.p-lead__thumbVideo{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
}

.p-lead__thumbOverview{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
@media (width < 768px){
  .p-lead__thumbOverview{
    max-width:13rem;
  }
}

.p-lead__thumbArrow{
  width:3.2rem;
  position:absolute;
  top:50%;
  right:5rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
@media (width < 768px){
  .p-lead__thumbArrow{
    width:1.4rem;
    right:2.8rem;
  }
}
.p-mv{
  min-height:100vh;
  position:relative;
}

.p-mv__bg{
  min-width:161rem;
  position:absolute;
  top:-8rem;
  left:calc(50% - 4rem);
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:7;
  pointer-events:none;
  opacity:0;
}
@media (width < 768px){
  .p-mv__bg{
    min-width:114.358974359vw;
    top:-7.2rem;
    left:50%;
  }
}
.p-mv__bg path:nth-child(1){
  position:absolute;
  top:1rem;
  right:16.4rem;
}
@media (width < 768px){
  .p-mv__bg.--pc{
    display:none;
  }
}
.p-mv__bg.--sp{
  display:none;
}
@media (width < 768px){
  .p-mv__bg.--sp{
    display:block;
  }
}

.p-mv__heading{
  --overlay-position-y:-5%;
  --overlay-position-x:-16%;
  --overlay-rotate:-5deg;
  max-width:193.4rem;
  margin-inline:auto;
  padding-inline:4.2rem;
  padding-top:min(9.3055555556vw, 13.4rem);
  position:relative;
  z-index:5;
}
@media (width < 992px){
  .p-mv__heading{
    padding-inline:2rem;
  }
}
@media (width < 768px){
  .p-mv__heading{
    padding-top:3.2rem;
  }
}

.p-mv__headingInner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-inline:auto;
  position:relative;
  overflow:hidden;
}
.p-mv__headingInner::before{
  content:"";
  position:absolute;
  top:calc(var(--overlay-position-y) * 3);
  left:calc(var(--overlay-position-x) * 3);
  width:200%;
  height:220%;
  background-color:var(--color-white);
  background-image:url("../images/common/bg-pattern.webp");
  background-size:160px 176px;
  background-repeat:repeat;
  -webkit-transform-origin:bottom left;
  transform-origin:bottom left;
  -webkit-transform:rotate(var(--overlay-rotate));
  transform:rotate(var(--overlay-rotate));
}
@media (width < 992px){
  .p-mv__headingInner::before{
    top:calc(var(--overlay-position-y) * 4);
    left:calc(var(--overlay-position-x) * 2);
  }
}

.p-mv__headingTitle{
  font-family:'Outfit', sans-serif;
  font-size:min(10.2822580645vw, 15rem);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
  text-transform:uppercase;
}
@media (width < 992px){
  .p-mv__headingTitle{
    font-size:max(7.5em, 10px);
  }
}
@media (width < 768px){
  .p-mv__headingTitle{
    display:none;
  }
}
.p-mv__headingTitle > .--brTb{
  display:none;
}
@media (width < 992px){
  .p-mv__headingTitle > .--brTb{
    display:block;
  }
}
.p-mv__headingTitle > .--brSP{
  display:none;
}
@media (width < 768px){
  .p-mv__headingTitle > .--brSP{
    display:block;
  }
}

.p-mv__headingLabel{
  display:none;
}
@media (width < 768px){
  .p-mv__headingLabel{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    max-width:54.358974359vw;
    margin-inline:auto;
  }
}
.p-mv__headingLabel img{
  width:100%;
  height:auto;
}

.p-mv__headingLead{
  margin-top:-1rem;
  font-size:max(1.125em, 10px);
  font-weight:500;
  line-height:1.7;
  letter-spacing:0.04em;
  opacity:0;
}
@media (width < 768px){
  .p-mv__headingLead{
    margin-top:1.2rem;
    font-size:max(0.875em, 10px);
    text-align:center;
  }
}
.p-mv__headingLead > span{
  display:inline-block;
}
@media (width < 768px){
  .p-mv__headingLead > span{
    display:block;
  }
}
.p-mv__headingLead > span span{
  display:inline-block;
}
html[lang=ja] .p-mv__headingLead{
  letter-spacing:0.1em;
}

.p-mv__label{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-inline:auto;
  margin-top:5.6rem;
  position:relative;
  z-index:20;
  opacity:0;
}
html[lang=ja] .p-mv__label{
  margin-top:2rem;
}
@media (width < 768px){
  html[lang=ja] .p-mv__label{
    margin-top:1.2rem;
  }
}

.p-mv__labelMain{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-column-gap:1.4rem;
  -moz-column-gap:1.4rem;
  column-gap:1.4rem;
  row-gap:1.2rem;
}
@media (width < 768px){
  .p-mv__labelMain{
    row-gap:1rem;
    -webkit-column-gap:0.8rem;
    -moz-column-gap:0.8rem;
    column-gap:0.8rem;
  }
}
html[lang=ja] .p-mv__labelMain{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
}

.p-mv__labelText{
  font-size:max(1.6875em, 10px);
  font-weight:500;
  line-height:1;
  letter-spacing:0.05em;
  background-color:var(--color-white);
  padding:0.6rem 1.5rem;
}
@media (width < 768px){
  .p-mv__labelText{
    font-size:max(1.125em, 10px);
    padding:0.5rem 1.5rem;
  }
}
.p-mv__labelText:nth-child(2){
  margin-left:18.2rem;
}
@media (width < 768px){
  .p-mv__labelText:nth-child(2){
    margin-left:11.2rem;
  }
}
html[lang=ja] .p-mv__labelText{
  font-size:max(1.5em, 10px);
  line-height:1.35;
  letter-spacing:0.3em;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  text-orientation:upright;
  padding:0.8rem 0.4rem 0 0.4rem;
}
@media (width < 768px){
  html[lang=ja] .p-mv__labelText{
    font-size:max(1em, 10px);
    padding:1rem 0.6rem 0.8rem 0.4rem;
  }
}
html[lang=ja] .p-mv__labelText:nth-child(2){
  margin-left:0;
  margin-top:3.8rem;
}
html[lang=en] .p-mv__labelText{
  font-family:'Outfit', sans-serif;
}

.p-mv__slider{
  margin-top:-7.6rem;
  position:relative;
  z-index:10;
}
@media (width < 768px){
  .p-mv__slider{
    margin-top:-8.6rem;
  }
}
html[lang=ja] .p-mv__slider{
  margin-top:-23rem;
}
@media (width < 768px){
  html[lang=ja] .p-mv__slider{
    margin-top:-15.8rem;
  }
}

.p-mv__overlay{
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:var(--color-black-l);
  -webkit-clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 250% 100%);
  clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 250% 100%);
  -webkit-transform:scaleY(-1);
  transform:scaleY(-1);
  z-index:10;
}
@media (width < 768px){
  .p-mv__overlay{
    -webkit-clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 750% 100%);
    clip-path:polygon(100% 0%, 100% 0%, 150% 100%, 750% 100%);
  }
}

.p-mv__sliderContainer{
  clip-path:url(#clipPathMv);
  -webkit-clip-path:url(#clipPathMv);
  width:100vw;
  height:100vh;
  background-color:var(--color-white);
}
@media (width < 992px){
  .p-mv__sliderContainer{
    clip-path:url(#clipPathMvSp);
    -webkit-clip-path:url(#clipPathMvSp);
  }
}
.p-mv__sliderContainer.is-init .p-mv__sliderItem:first-child{
  opacity:1 !important;
}

.p-mv__sliderItem.is-active .p-mv__sliderItemImage img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}

.p-mv__sliderItemImage{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100vw;
  height:100vh;
  overflow:hidden;
}
.p-mv__sliderItemImage img{
  width:100%;
  height:100vh;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transition:-webkit-transform 5s linear;
  transition:-webkit-transform 5s linear;
  transition:transform 5s linear;
  transition:transform 5s linear, -webkit-transform 5s linear;
}
.p-thanks{
  margin-top:-100vh;
  padding-top:10rem;
}
@media (width < 768px){
  .p-thanks{
    margin-top:-80vh;
    padding-top:8rem;
  }
}

.p-thanks__inner{
  max-width:93rem;
  margin-inline:auto;
  padding-inline:2.5rem;
}

.p-thanks__heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  row-gap:0.7rem;
}
@media (width < 768px){
  .p-thanks__heading{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
}

.p-thanks__headingTitle{
  font-size:max(1.75em, 10px);
  font-weight:600;
  letter-spacing:0.1em;
  text-align:center;
}
@media (width < 992px){
  .p-thanks__headingTitle{
    font-size:max(1.5em, 10px);
  }
}
@media (width < 768px){
  .p-thanks__headingTitle{
    font-size:max(1.125em, 10px);
    text-align:center;
  }
}

.p-thanks__headingLabel{
  font-family:'Outfit', sans-serif;
  font-size:max(7.5em, 10px);
  font-weight:700;
  line-height:1;
  letter-spacing:0.03em;
  text-align:center;
}
@media (width < 992px){
  .p-thanks__headingLabel{
    font-size:max(6em, 10px);
  }
}
@media (width < 768px){
  .p-thanks__headingLabel{
    font-size:max(2.6875em, 10px);
    text-align:center;
  }
}

.p-thanks__frame{
  max-width:82rem;
  margin-top:6rem;
  margin-inline:auto;
  display:grid;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  grid-template-columns:repeat(2, 1fr);
  -webkit-column-gap:10rem;
  -moz-column-gap:10rem;
  column-gap:10rem;
}
@media (width < 992px){
  .p-thanks__frame{
    -webkit-column-gap:6rem;
    -moz-column-gap:6rem;
    column-gap:6rem;
  }
}
@media (width < 768px){
  .p-thanks__frame{
    margin-top:3rem;
    grid-template-columns:1fr;
    row-gap:3rem;
  }
}

.p-thanks__text{
  font-size:max(1.125em, 10px);
  font-weight:500;
  line-height:2;
}
@media (width < 768px){
  .p-thanks__text{
    font-size:max(1em, 10px);
  }
}

.p-thanks__lead{
  margin-top:4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:1rem;
  -moz-column-gap:1rem;
  column-gap:1rem;
  font-size:max(1em, 10px);
  font-weight:600;
  line-height:1;
}
@media (width < 768px){
  .p-thanks__lead{
    margin-top:3rem;
  }
}
.p-thanks__lead::before{
  content:"";
  display:block;
  width:5rem;
  height:0.3rem;
  margin-top:0.3rem;
  background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-blue)), color-stop(50%, var(--color-red)));
  background-image:linear-gradient(to right, var(--color-blue) 50%, var(--color-red) 50%);
}

.p-thanks__list{
  margin-top:1.2rem;
}
@media (width < 768px){
  .p-thanks__list{
    margin-top:3.8rem;
  }
}

.p-thanks__item{
  font-size:max(1.125em, 10px);
  font-weight:500;
  line-height:1.8;
  padding-block:0.8rem;
  border-bottom:1px solid var(--color-gray-b);
}
@media (width < 768px){
  .p-thanks__item{
    font-size:max(0.875em, 10px);
  }
}

.p-thanks__logoMain{
  padding-inline:2rem;
}
@media (width < 768px){
  .p-thanks__logoMain{
    padding-inline:3.65rem;
  }
}

.p-thanks__slider{
  margin-top:2.6rem;
  padding-inline:2rem;
  position:relative;
}
@media (width < 768px){
  .p-thanks__slider{
    width:calc(100% - 3.3rem);
    margin-top:2rem;
    margin-inline:auto;
  }
}

.p-thanks__sliderArrows .splide__arrow{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.p-thanks__sliderArrows .splide__arrow--prev{
  left:0;
}
.p-thanks__sliderArrows .splide__arrow--prev img{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.p-thanks__sliderArrows .splide__arrow--next{
  right:0;
}

.p-thanks__lobby{
  margin-top:24rem;
  position:relative;
}
@media (width < 992px){
  .p-thanks__lobby{
    margin-top:16rem;
  }
}
@media (width < 768px){
  .p-thanks__lobby{
    margin-top:8rem;
  }
}

.p-thanks__lobbyImage{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  height:50rem;
  overflow:hidden;
  position:relative;
}
@media (width < 992px){
  .p-thanks__lobbyImage{
    height:40rem;
  }
}
@media (width < 768px){
  .p-thanks__lobbyImage{
    height:30rem;
  }
}
.p-thanks__lobbyImage img{
  width:100%;
  height:calc(100% + 20rem);
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
}
@media (width < 768px){
  .p-thanks__lobbyImage img{
    height:calc(100% + 10rem);
  }
}

.p-thanks__lobbyBg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:calc(100% + 20rem);
  background-image:url("../images/thanks/lobby_image.webp");
  background-size:cover;
  background-position:center;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  will-change:transform;
}
@media (width < 768px){
  .p-thanks__lobbyBg{
    height:calc(100% + 10rem);
    background-image:url("../images/thanks/lobby_image-sp.webp");
  }
}

.p-thanks__lobbyNote{
  font-size:max(0.875em, 10px);
  font-weight:500;
  text-align:right;
  color:var(--color-white);
  text-shadow:0px 0px 10px #000000;
  position:absolute;
  right:2rem;
  bottom:2rem;
}
@media (width < 768px){
  .p-thanks__lobbyNote{
    right:1.2rem;
    bottom:1.2rem;
  }
}