@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');
:root {
  --gothic:"游ゴシック体", "游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --yumincho:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho","Times New Roman", serif;
  --hiragino : Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3";  
  --noto-sans: 'Noto Sans JP', sans-serif ; 
  --noto-serif: 'Noto Serif JP', serif;
  --crimson: "Crimson Pro", serif;;
  --cormorant-garamond:'Cormorant Garamond', serif;
  --black: #333333;
  --red:#911515;
  --white:#FFFFFF;
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--yumincho);
  color: var(--black);
  line-height: 1.7;
  font-weight: 400;
  overflow-x: hidden !important;
  box-sizing: border-box;
}
/*
br tag
------------------------------*/
@media screen and (max-width:1024px){
  .pc-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tb-only,.lg-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sp-only{
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .sp-only,.tb-only,.md-only{
    display: none;
  }
}
/*bottom nav*/
@media screen and (max-width:1024px) {
  .sp-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    max-width: 440px;
    width: 100%;
    height: 50px;
    z-index: 999;
  }
  .go2top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 50px;
    background: rgba(51,51,51,0.7);
  }
  .go2top > span {
    position: relative;
    display: block;
    width: 100%;
    height: 31px;
    padding-top: 14px;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    font-family: var(--cormorant-garamond);
    text-align: center;
    font-weight: 600;
  }
  .go2top > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 20px;
    height: 14px;
    background: url(../images/icon-top-wh.svg) no-repeat center;
    background-size: contain;
  }
  .sp-bottom-nav > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 75px)/2);
    height: 50px;
    font-size: 15px;
    color: #FFFFFF !important;
    font-weight: 500;
    line-height: 1;
  }
  .sp-bottom-nav__series {
    background-color: #666666;
  }
  .sp-bottom-nav__contact {
    background-color: #990000;   
  }
}
@media screen and (min-width:1025px) {
  .sp-bottom-nav {
    display: none;
  }
}
/*main visual*/
@media screen and (max-width:767px) {
  .plp__mv {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 72px);
  }
  /*slogan*/
  .plp-mv-slogan__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .plp-mv-slogan__title > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--noto-sans);
    color: #FFFFFF;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    text-shadow: 0px 2px 2px #000000;
  }
  .plp-mv-slogan__title > span:nth-child(2) {
    font-size: 26px;
    font-family: var(--noto-sans);
    font-weight: 300;
    line-height: 40px;
    color: #FFFFFF;
    margin-top: 20px;
  }
  /*carousel*/
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 72px);
  }
  .main-slider .swiper-slide {
    width: 100%;
  }
  .main-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 72px);
    overflow: hidden;
  }
  .slide-wrapper__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) {
  .plp__mv {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 105px);
  }
  /*slogan*/
  .plp-mv-slogan__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .plp-mv-slogan__title > span:nth-child(1) {
    font-size: 32px;
    font-family: var(--noto-sans);
    color: #FFFFFF;
    font-weight: 300;
    line-height: 60px;
    text-shadow: 0px 2px 2px #000000;
  }
  .plp-mv-slogan__title > span:nth-child(2) {
    font-size: 32px;
    font-family: var(--noto-sans);
    font-weight: 300;
    line-height: 50px;
    color: #FFFFFF;
    margin-top: 20px;
    text-shadow: 0px 2px 2px #000000;
  }
  /*carousel*/
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 105px);
  }
  .main-slider .swiper-slide {
    width: 100%;
  }
  .main-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 105px);
    overflow: hidden;
  }
  .slide-wrapper__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .plp__mv {
    height: 650px;
  }
  /*slogan*/
  .plp-mv-slogan__title > span:nth-child(1) {
    font-size: min(30px + (40 - 30) * ((100vw - 768px) / (1024 - 768)), 40px);
  }
  .plp-mv-slogan__title > span:nth-child(2) {
    font-size: min(26px + (32 - 26) * ((100vw - 768px) / (1024 - 768)), 32px);
  }
  /*carousel*/
  .main-slider {
    height: 650px;
  }
  .slide-wrapper__figure {
    height: 650px;
  }  
}
/*container*/
@media screen and (max-width:767px) {
  .plp-container {
    display: block;
    max-width: 640px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .plp-container {
    display: block;
    max-width: 768px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width:1025px) {
  .plp-container {
    display: block;
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
}
/*slogan*/
@media screen and (max-width:767px) {
  .plp-slogan {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: #FFFFFF;
  }
  .plp-slogan_txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 24px;
    line-height: 35.2px;
  }
  .plp-slogan_txt > span {
    font-family: var(--crimson);
    font-size: 18px;
    color: #888888;
    padding-bottom: 15px;
    line-height: 1;
  }
}
@media screen and (min-width:768px) {
  .plp-slogan {
    display: block;
    width: 100%;
    padding: 130px 0 125px;
    background-color: #FFFFFF;
  }
  .plp-slogan_txt {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 32px;
  }
  .plp-slogan_txt > span {
    font-family: var(--crimson);
    font-size: 22px;
    color: #888888;
    padding-right: 80px;
  }
}
/*parallax1*/
@media screen and (min-width:0px) {
  .parallaxbg1 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 115vh;
    background-image: url(../images/parallax1-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }
}
@media screen and (max-width:767px) {
  .parallaxbg1 {
    background-image: url(../images/parallax1-sp.jpg);
  }
}
/*parallax-box1*/
@media screen and (max-width:767px) {
  .parallax-box1 {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: transparent;
  }
  .parallax-box1__txt {
    display: block;
    width: 100%;
    height: 115vh;
    font-size: 17px;
    font-weight: 200;
    font-family: var(--noto-sans);
    line-height: 1.5;
    color: #FFFFFF;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .parallax-box1 {
    display: block;
    width: 100%;
    height: 115vh;
    padding: 200px 0;
    background-color: transparent;
  }
  .parallax-box1__txt {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 200;
    font-family: var(--noto-sans);
    line-height: 1.5;
    color: #FFFFFF;
    text-align: justify;
    word-break: break-all;
  }
}
/*section header*/
@media screen and (max-width:767px) {
  .plp-section__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .plp-section__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--crimson);
    font-weight: 200;
    line-height: 1;
    color: #888888;
    text-align: center;
  }
  .plp-section__title > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 35px;
    padding-bottom: 16px;
    text-align: center;
    margin-top: 20px;
    background-image: linear-gradient(#0A0A14,#0A0A14);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 40px 1px;
  }
}
@media screen and (min-width:768px) {
  .plp-section__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .plp-section__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--crimson);
    font-weight: 200;
    line-height: 1;
    color: #888888;
    text-align: center;
  }
  .plp-section__title > span:nth-child(2) {
    display: block;
    width: 100%;
    padding-bottom:25px;
    font-size: 32px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-top: 30px;
    background-image: linear-gradient(#0A0A14,#0A0A14);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 40px 1px;
    
  }
}
/*solution*/
@media screen and (max-width:767px) {
  .plp-solution {
    display: block;
    width: 100%;
    padding: 75px 0;
    background-color: #FFFFFF;
  }  
  .plp-solution__wrap {
    display: block;
    width: 100%;
    margin-top: 56px;
  }
  .plp-solution__columns {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .plp-solution__columns:nth-child(n+2) {
    margin-top: 30px;
  }
  .plp-solution__figure {
    display: block;
    width: calc(100% - 15px);
  }
  .plp-solution__columns:nth-child(odd) .plp-solution__figure {
    margin-left: auto;
  }
  .plp-solution__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-solution__column {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 15px;
  }
  .plp-solution__txt {
    display: block;
    max-width: 345px;
    width: 100%;
    font-size:18px;
    font-weight: 500;
    line-height: 32.4px;
    text-align: justify;  
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .plp-solution {
    display: block;
    width: 100%;
    padding: 195px 0;
    background-color: #FFFFFF;
  }  
  .plp-solution__wrap {
    display: block;
    width: 100%;
    margin-top: 128px;
  }
  .plp-solution__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .plp-solution__columns:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .plp-solution__figure {
    display: block;
    width: 50%;
  }
  .plp-solution__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-solution__column {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 20px;
  }
  .plp-solution__txt {
    display: block;
    max-width: 497px;
    width: 100%;
    font-size: min(16px + (22 - 16) * ((100vw - 767px) / (1920 - 767)), 22px);
    font-weight: 500;
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
  }
}
/*scene*/
@media screen and (max-width:767px) {
  .plp-scene {
    display: block;
    width: 100%;
    padding: 72px 0 112px;
    background-color: #F7F7F7;
  }
  .plp-scene__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .plp-scene__wrap {
    display: block;
    width: 100%;
    margin-top: 58px;
  }
  .plp-scene-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .plp-scene-box:nth-child(n+2) {
    margin-top: 72px;
  }
  .plp-scene-box__content {
    display: block;
    width: 100%;
  }
  .plp-scene-box__carousel {
    display: block;
    width: 100%;
    margin-top: 32px;
  }
  /*content*/
  .plp-scene-box__badge {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1;
    font-family: var(--crimson);
    font-weight: 200;
    color: #888888;
  }
  .plp-scene-box__title {
    display: block;
    width: 100%;
    padding: 13px 0 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    text-align: justify;
    word-break: break-all;
    background-image: linear-gradient(#0A0A14,#0A0A14),linear-gradient(#9D9D9D,#9D9D9D);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom,left bottom;
    background-size: 20px 2px, 100% 2px;
  }
  .plp-scene-box__tag {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.2px;
    font-weight: 500;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    margin-top: 16px;
  }
  .plp-scene-box__txt-pc {
    display: none;
  }
  .plp-scene-box__txt-sp {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.2px;
    font-weight: 500;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;
  }
  .plp-scene-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 72px;
  }
  .plp-scene-footer__txt {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 25.2px;
    font-family: var(--gothic);
    margin-bottom: 24px;
  }
  .plp-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 256px;
    height: 50px;
    background-color: #7D7D7D;
    padding: 0 40px 0 15px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px 4px;
  }
  .plp-btn > span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--white);
  }
  .plp-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .plp-scene {
    display: block;
    width: 100%;
    padding: 195px 0;
    background-color: #F7F7F7;
  }
  .plp-scene__body {
    display: block;
    max-width: 972px;
    width: 100%;
    margin: 0 auto;
  }
  .plp-scene__wrap {
    display: block;
    width: 100%;
    margin-top: 128px;
  }
  .plp-scene-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .plp-scene-box:nth-child(n+2) {
    margin-top: 160px;
  }
  .plp-scene-box__content {
    display: block;
    width: calc(320/972 * 100%);
  }
  .plp-scene-box__carousel {
    display: block;
    width: calc(584/972 * 100%);
  }
  /*content*/
  .plp-scene-box__badge {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 1;
    font-family: var(--crimson);
    font-weight: 200;
    color: #888888;
  }
  .plp-scene-box__title {
    display: block;
    width: 100%;
    padding: 24px 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
    background-image: linear-gradient(#0A0A14,#0A0A14),linear-gradient(#9D9D9D,#9D9D9D);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom,left bottom;
    background-size: 20px 2px, 100% 2px;
  }
  .plp-scene-box__tag {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 500;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .plp-scene-box__txt-pc {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 500;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    margin-top: 48px;
  }
  .plp-scene-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 160px;
  }
  .plp-scene-footer__txt {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--gothic);
    margin-bottom: 40px;
  }
  .plp-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 375px;
    height: 82px;
    background-color: #7D7D7D;
    padding: 0 60px 0 40px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 32px 6px;
  }
  .plp-btn > span {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    color: var(--white);
  }
  .plp-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .plp-scene-box__txt-sp {
    display: none;
  }
}
/*scene - gallary*/
@media screen and (max-width:767px) {
  .plp-scene-frame {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .plp-scene-frame .swiper-wrapper {
    width: 100%;
  }
  .plp-scene-frame .swiper-slide {
    width: 100%;
  }
  .scene-frame-figure {
    display: block;
    width: 100%;
  }
  .scene-frame-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-scene-thumb {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .plp-scene-thumb .swiper-wrapper {
    width: 100%;
  }
  .plp-scene-thumb .swiper-slide {
    width: 79px;
  }
  .scene-thumb-figure {
    display: block;
    width: 100%;
  }
  .scene-thumb-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-scene-thumb .swiper-button-prev {
    width: 26px;
    height: 26px;
    left: 0;
    background-image: url(../images/icon-prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 8px);
  }
  .plp-scene-thumb .swiper-button-next {
    width: 26px;
    height: 26px;
    right: 0;
    background-image: url(../images/icon-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 8px);
  }
  .plp-scene-thumb .swiper-button-next::after, .plp-scene-thumb .swiper-button-prev::after {
    font-size: 0;
  }
}
@media screen and (min-width:768px) {
  .plp-scene-frame {
    display: block;
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  .plp-scene-frame .swiper-wrapper {
    width: 100%;
  }
  .plp-scene-frame .swiper-slide {
    width: 100%;
  }
  .scene-frame-figure {
    display: block;
    width: 100%;
  }
  .scene-frame-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-scene-thumb {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 16px;
    margin-top: 20px;
  }
  .plp-scene-thumb::before,
  .plp-scene-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 5;
    display: block;
    width: 16px;
    height: 100%;
    background-color: #F7F7F7;
  }
  .plp-scene-thumb::before {
    left: 0;
  }
  .plp-scene-thumb::after {
    right: 0;
  }
  .plp-scene-thumb .swiper-wrapper {
    width: 100%;
  }
  .plp-scene-thumb .swiper-slide {
    width: 138px;
  }
  .scene-thumb-figure {
    display: block;
    width: 100%;
  }
  .scene-thumb-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-scene-thumb .swiper-button-prev {
    width: 32px;
    height: 32px;
    left: 0;
    background-image: url(../images/icon-prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 5px);
  }
  .plp-scene-thumb .swiper-button-next {
    width: 32px;
    height: 32px;
    right: 0;
    background-image: url(../images/icon-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 5px);
  }
  .plp-scene-thumb .swiper-button-next::after, .plp-scene-thumb .swiper-button-prev::after {
    font-size: 0;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .plp-scene-thumb .swiper-slide {
    width: 100px;
  }
}
/*parallax2*/
@media screen and (min-width:0px) {
  .parallaxbg2 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-image: url(../images/parallax2-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }
}
@media screen and (max-width:767px) {
  .parallaxbg2 {
    background-image: url(../images/parallax2-sp.jpg);
  }
}
/*parallax-box2*/
@media screen and (max-width:767px) {
  .parallax-box2 {
    display: block;
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    background-color: transparent;
  }
  .parallax-box2__txt {
    display: block;
    width: 100%;
    font-size: min(22px + (26 - 22) * ((100vw - 320px) / (375 - 320)), 26px);
    font-weight: 500;
    line-height: calc(46.8/26);
    color: #FFFFFF;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .parallax-box2{
    display: block;
    width: 100%;
    height: 100vh;
    padding: 152px 0;
    background-color: transparent;
  }
  .parallax-box2 > .plp-container {
    max-width: 1654px;
  }
  .parallax-box2__txt {
    display: block;
    max-width: 784px;
    width: 100%;
    font-size: 50px;
    font-weight: 500;
    line-height: calc(108/60);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-left: auto;
  }
}
/*plp-offer*/
@media screen and (max-width:767px) {
  .plp-offer {
    display: block;
    width: 100%;
    padding: 74px 0 112px;
    background-color: var(--white);
    overflow-x: hidden;
  }
  .plp-offer__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .plp-offer__wrap  {
    display: block;
    width: 100%;
    margin-top: 56px;
  }
  .plp-offer__box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 345px;
    width: 100%;
    margin: 0 auto;
  }
  .plp-offer__box::before {
    content: "";
    position: absolute;
    display: block;    
    height: 1px;
    background-color: #9D9D9D;
  }
  .plp-offer__box::after {
    content: "";
    position: absolute;
    display: block;
    width: 50vh;
    height: 1px;    
  }
  .plp-offer__box:nth-child(n+2) {
    margin-top: 72px;
  }
  .plp-offer__content {
    display: block;
    width: 100%;
  }
  .plp-offer__badge {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 22px;
    line-height: 40px;
    font-weight: 200;
    font-family: var(--crimson);
    color:#888888;
  }
  .plp-offer__badge > span {
    font-size: 56px;
    font-weight: 500;
    color: #333333;
    font-family: var(--yumincho);
    line-height: 40px;
    padding-left: 20px;
  }
  .plp-offer__title {
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 35.2px;
    color: #333333;
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;
  }
  .plp-offer__txt {
    display: block;
    width: 100%;
    font-size: min(12px + (14 - 12) * ((100vw - 320px) / (375 - 320)), 14px);
    font-weight: 500;
    line-height: 25.2px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .plp-offer__box > picture {
    display: block;
  }
  .plp-offer__box > picture > img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    object-fit: cover;
  }
  
  /*offer 1*/
  .plp-offer__box:nth-child(1) {
    padding-left: 0;
  }
  .plp-offer__box:nth-child(1)::before {
    width: 100%;
    top: calc(563.4px + 20px);
    right: 0;
  }
  .plp-offer__box:nth-child(1)::after {
    top: calc(563.4px + 20px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(1) > .plp-offer__img1 {
    width: calc(162/345 * 100%);
    margin-top: 32px;
  }
  .plp-offer__box:nth-child(1) > .plp-offer__img2 {
    width: calc(162/345 * 100%);
    margin-top: 142px;
  }  
  /*offer 2*/
  .plp-offer__box:nth-child(2)::before {
    width: 100%;
    top: calc(490.7px  + 20px);
    left: 0;
  }
  .plp-offer__box:nth-child(2)::after {
    top: calc(490.7px  + 20px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(2) .plp-offer__content {
    margin-bottom: 32px;
  }
  .plp-offer__box:nth-child(2) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__txt {
    text-align: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__img1 {
    width: calc(188/345 * 100%);
    margin-top: 48px;
  }
  .plp-offer__box:nth-child(2) .plp-offer__img2 {
    width: calc(137/345 * 100%);
  }
  /*offer 3*/
  .plp-offer__box:nth-child(3)::before {
    width: 100%;
    top: calc(528.2px  + 20px);
    left: 0;
  }
  .plp-offer__box:nth-child(3)::after {
    top: calc(528.2px  + 20px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(3) > .plp-offer__img1 {
    width: calc(162/345 * 100%);
    margin-top: 142px;
  }
  .plp-offer__box:nth-child(3) > .plp-offer__img2 {
    width: calc(162/345 * 100%);
    margin-top: 32px;
  }
  /*offer 4*/
  .plp-offer__box:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .plp-offer__box:nth-child(4)::before {
    width: 100%;
    top: calc(515.9px + 20px);
    right: 0;
  }
  .plp-offer__box:nth-child(4)::after {
    top: calc(515.9px + 20px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(4) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(4) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(4) .plp-offer__txt {
    text-align: center;
  }  
  .plp-offer__box:nth-child(4) .plp-offer__img1 {
    width: calc(137/345 * 100%);
    margin-top: 32px;
  }
  .plp-offer__box:nth-child(4) .plp-offer__img2 {
    width: calc(188/345 * 100%);    
    margin-top: 80px;
  }
  /*offer 5*/
  .plp-offer__box:nth-child(5)::before {
    width: 100%;
    top: calc(553.4px + 20px);
    left: 0;
  }
  .plp-offer__box:nth-child(5)::after {
    top: calc(553.4px + 20px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(5) > .plp-offer__img1 {
    width: calc(162/345 * 100%);
    margin-top: 142px;
  }
  .plp-offer__box:nth-child(5) > .plp-offer__img2 {
    width: calc(162/345 * 100%);
    margin-top: 32px;
  }
  /*offer 6*/
  .plp-offer__box:nth-child(6)::before {
    width: 100%;
    top: calc(528.2px  + 20px);
    right: 0;
  }
  .plp-offer__box:nth-child(6)::after {
    top: calc(528.2px  + 20px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(6) > .plp-offer__img1 {
    width: calc(162/345 * 100%);
    margin-top: 32px;
  }
  .plp-offer__box:nth-child(6) > .plp-offer__img2 {
    width: calc(162/345 * 100%);
    margin-top: 142px;
  }
  /*offer 7*/
  .plp-offer__box:nth-child(7)::before {
    width: 100%;
    top: calc(465.5px  + 20px);
    right: 0;
  }
  .plp-offer__box:nth-child(7)::after {
    top: calc(465.5px  + 20px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(7) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__txt {
    text-align: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__img1 {
    width: calc(188/345 * 100%);
    margin-top: 142px;
  }
  .plp-offer__box:nth-child(7) .plp-offer__img2 {
    width: calc(137/345 * 100%);
    margin-top: 32px;
  }
}
@media screen and (max-width:359px) {
  .plp-offer__box:nth-child(1)::before,
  .plp-offer__box:nth-child(1)::after {
    top: calc(524.65px + 20px);    
  }
  .plp-offer__box:nth-child(2)::before,
  .plp-offer__box:nth-child(2)::after {
    top: calc(457.933px + 20px);
    
  }
  .plp-offer__box:nth-child(3)::before,
  .plp-offer__box:nth-child(3)::after {
    top: calc(489.45px + 20px);
    
  }
  .plp-offer__box:nth-child(4)::before,
  .plp-offer__box:nth-child(4)::after {
    top: calc(482.55px + 20px);
    
  }
  .plp-offer__box:nth-child(5)::before,
  .plp-offer__box:nth-child(5)::after {
    top: calc(514.65px + 20px);
    
  }
  .plp-offer__box:nth-child(6)::before,
  .plp-offer__box:nth-child(6)::after {
    top: calc(489.45px + 20px);
    
  }
  .plp-offer__box:nth-child(7)::before,
  .plp-offer__box:nth-child(7)::after {
    top: calc(432.733px + 20px);
    
  }
}
@media screen and (min-width:768px) {
  .plp-offer {
    display: block;
    width: 100%;
    padding: 195px 0;
    background-color: var(--white);
    overflow-x: hidden;
  }
  .plp-offer__body {
    display: block;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
  }
  .plp-offer__wrap  {
    display: block;
    width: 100%;
    margin-top: 128px;
  }
  .plp-offer__box {
    position: relative;
    display: block;
    width: 100%;
  }
  .plp-offer__box:nth-child(n+2) {
    margin-top: 176px;
  }
  .plp-offer__content {
    display: block;
    width: 100%;
  }
  .plp-offer__badge {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 22px;
    line-height: 50px;
    font-weight: 200;
    font-family: var(--crimson);
    color:#888888;
  }
  .plp-offer__badge > span {
    font-size: 60px;
    font-weight: 500;
    color: #333333 ;
    font-family: var(--yumincho);
    line-height: 40px;
    padding-left: 20px;
  }
  .plp-offer__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 41.6px;
    color: #333333;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .plp-offer__txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;
  }
  .plp-offer__box > picture {
    display: block;
  }
  .plp-offer__box > picture > img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-offer__box::before {
    content: "";
    position: absolute;
    display: block;    
    height: 1px;
    background-color: #9D9D9D;
  }
  .plp-offer__box::after {
    content: "";
    position: absolute;
    display: block;
    width: 70vh;
    height: 1px;    
  }
  /*offer 1*/
  .plp-offer__box:nth-child(1) {
    padding-left: calc(536/940 * 100%);
  }
  .plp-offer__box:nth-child(1)::before {
    width: calc(872/940 * 100%);
    top: 686px;
    right: 0;
  }
  .plp-offer__box:nth-child(1)::after {
    top: 686px;
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(1) > .plp-offer__img2 {
    margin-top: 48px;
  }
  .plp-offer__box:nth-child(1) > .plp-offer__img1 {
    position: absolute;
    top: 0;
    left: calc(68/940 * 100%);
    width: calc(404/940 * 100%);
  }
  /*offer 2*/
  .plp-offer__box:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .plp-offer__box:nth-child(2)::before {
    width: calc(906/940 * 100%);
    top: calc(798.4px  + 80px);
    left: 0;
  }
  .plp-offer__box:nth-child(2)::after {
    top: calc(798.4px  + 80px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(2) .plp-offer__content {
    margin-bottom: 48px;
  }
  .plp-offer__box:nth-child(2) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__txt {
    text-align: center;
  }
  .plp-offer__box:nth-child(2) .plp-offer__img1 {
    width: calc(468/940 * 100%);
    margin-left: calc(34/940 * 100%);
    margin-top: 125px;
  }
  .plp-offer__box:nth-child(2) .plp-offer__img2 {
    width: calc(340/940 * 100%);
    margin-right: calc(34/940 * 100%);
  }
  /*offer 3*/
  .plp-offer__box:nth-child(3) {
    padding-right: calc(536/940 * 100%);
  }
  .plp-offer__box:nth-child(3)::before {
    width: calc(872/940 * 100%);
    top: calc(606px  + 80px);
    left: 0;
  }
  .plp-offer__box:nth-child(3)::after {
    top: calc(606px  + 80px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(3) > .plp-offer__img1 {
    margin-top: 48px;
  }
  .plp-offer__box:nth-child(3) > .plp-offer__img2 {
    position: absolute;
    top: 0;
    right: calc(68/940 * 100%);
    width: calc(404/940 * 100%);
  }
  /*offer 4*/
  .plp-offer__box:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .plp-offer__box:nth-child(4)::before {
    width: calc(872/940 * 100%);
    top: calc(813.96px  + 80px);
    right: 0;
  }
  .plp-offer__box:nth-child(4)::after {
    top: calc(813.96px  + 80px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(4) .plp-offer__content {
    margin-bottom: 48px;
  }
  .plp-offer__box:nth-child(4) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(4) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(4) .plp-offer__txt {
    text-align: center;
  }
  .plp-offer__box:nth-child(4) .plp-offer__img2 {
    width: calc(468/940 * 100%);    
    margin-top: 125px;
  }
  .plp-offer__box:nth-child(4) .plp-offer__img1 {
    width: calc(340/940 * 100%);
    margin-left: calc(68/940 * 100%);
  }
  /*offer 5*/
  .plp-offer__box:nth-child(5) {
    padding-left: calc(68/940 * 100%);
    padding-right: calc(468/940 * 100%);
  }
  .plp-offer__box:nth-child(5)::before {
    width: calc(940/940 * 100%);
    top: calc(606px  + 80px);
    left: 0;
  }
  .plp-offer__box:nth-child(5)::after {
    top: calc(606px  + 80px);
    left: 0;
    transform: translateX(-100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(5) > .plp-offer__img1 {
    margin-top: 48px;
  }
  .plp-offer__box:nth-child(5) > .plp-offer__img2 {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(404/940 * 100%);
  }
  /*offer 6*/
  .plp-offer__box:nth-child(6) {
    padding-left: calc(536/940 * 100%);
  }
  .plp-offer__box:nth-child(6)::before {
    width: calc(872/940 * 100%);
    top: calc(606px  + 80px);
    right: 0;
  }
  .plp-offer__box:nth-child(6)::after {
    top: calc(606px  + 80px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(6) > .plp-offer__img2 {
    margin-top: 48px;
  }
  .plp-offer__box:nth-child(6) > .plp-offer__img1 {
    position: absolute;
    top: 0;
    left: calc(68/940 * 100%);
    width: calc(404/940 * 100%);
  }
  /*offer 7*/
  .plp-offer__box:nth-child(7) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .plp-offer__box:nth-child(7)::before {
    width: calc(340/940 * 100%);
    top: calc(798.4px  + 80px);
    right: 0;
  }
  .plp-offer__box:nth-child(7)::after {
    top: calc(798.4px  + 80px);
    right: 0;
    transform: translateX(100%);
    background-color: #9D9D9D;
  }
  .plp-offer__box:nth-child(7) .plp-offer__content {
    margin-bottom: 48px;
  }
  .plp-offer__box:nth-child(7) .plp-offer__badge {
    justify-content: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__title {
    text-align: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__txt {
    text-align: center;
  }
  .plp-offer__box:nth-child(7) .plp-offer__img1 {
    width: calc(468/940 * 100%);
    margin-left: calc(68/940 * 100%);
    margin-top: 125px;
  }
  .plp-offer__box:nth-child(7) .plp-offer__img2 {
    width: calc(340/940 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  /*offer 1*/
  .plp-offer__box:nth-child(1)::before,
  .plp-offer__box:nth-child(1)::after {
    top: calc(469.33px + 80px);
  }
  /*offer 2*/
  .plp-offer__box:nth-child(2)::before,
  .plp-offer__box:nth-child(2)::after {
    top: calc(683.383px + 80px);
  }
  /*offer 3*/
  .plp-offer__box:nth-child(3)::before,
  .plp-offer__box:nth-child(3)::after {
    top: calc(469.333px + 80px);
  }
  /*offer 4*/
  .plp-offer__box:nth-child(4)::before,
  .plp-offer__box:nth-child(4)::after {
    top: calc(683.383px + 80px);
  }
  /*offer 5*/
  .plp-offer__box:nth-child(5)::before,
  .plp-offer__box:nth-child(5)::after {
    top: calc(469.333px + 80px);
  }
  /*offer 6*/
  .plp-offer__box:nth-child(6)::before,
  .plp-offer__box:nth-child(6)::after {
    top: calc(469.333px + 80px);
  }
  /*offer 7*/
  .plp-offer__box:nth-child(7)::before,
  .plp-offer__box:nth-child(7)::after {
    top: calc(683.383px + 80px);
  }
}
/*parallax3*/
@media screen and (min-width:0px) {
  .parallaxbg3 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-image: url(../images/parallax3-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }
}
@media screen and (max-width:767px) {
  .parallaxbg3 {
    background-image: url(../images/parallax3-sp.jpg);
  }
}
/*parallax-box3*/
@media screen and (max-width:767px) {
  .parallax-box3 {
    display: block;
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    background-color: transparent;
  }
  .parallax-box3__txt {
    display: block;
    width: 100%;
    font-size: min(22px + (26 - 22) * ((100vw - 320px) / (375 - 320)), 26px);
    font-weight: 500;
    line-height: calc(46.8/26);
    color: #FFFFFF;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .parallax-box3{
    display: block;
    width: 100%;
    height: 100vh;
    padding: 152px 0;
    background-color: transparent;
  }
  .parallax-box3 > .plp-container {
    max-width: 1654px;
  }
  .parallax-box3__txt {
    display: block;
    width: 100%;
    font-size: 50px;
    font-weight: 500;
    line-height: calc(108/60);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
  }
}
/*plp-product*/
@media screen and (max-width:767px) {
  .plp-product {
    display: block;
    width: 100%;
    padding: 74px 0 0 0;
    background-color: var(--white);
  }
  .plp-product__box-fluid {
    display: block;
    padding: 56px 0;
  }  
  .plp-product__box-fluid:nth-child(even) {
    background-color: #F2F2F2;
  }
  .plp-product__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .plp-product__title {
    order: 1;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25.2px;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    background-image: linear-gradient(#0A0A14,#0A0A14),linear-gradient(#9D9D9D,#9D9D9D);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom,left bottom;
    background-size: 20px 2px, 100% 2px;
  }
  .plp-product__subtitle {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .plp-product__subtitle > span:nth-child(1) {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: var(--gothic);
  }
  .plp-product__subtitle > span:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    line-height: 25.6px;
    font-family: var(--gothic);
    margin-top: 10px;
  }
  /*frame slide*/
  .plp-product-frame {
    order: 3;
    display: block;
    width: 100%;
    margin-top: 22px;
  }
  .plp-product-frame .swiper-wrapper {
    width: 100%;
  }
  .plp-product-frame .swiper-slide {
    width: 100%;
  }
  .product-frame-figure {
    display: block;
    width: 100%;
  }
  .product-frame-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-product__txt {
    order: 5;
    display: block;
    max-width: 410px;
    width: 100%;
    margin: 20px auto 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
  }
  /*thumb slide*/
  .plp-product-thumb {
    order: 4;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
  }
  .plp-product-thumb::before,
  .plp-product-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 5;
    display: block;
    width: 10px;
    height: 100%;
    background-color: var(--white);
  }
  .plp-product__box-fluid:nth-child(even) .plp-product-thumb::before,
  .plp-product__box-fluid:nth-child(even) .plp-product-thumb::after {
     background-color: #F2F2F2;
  }
  .plp-product-thumb::before {
    left: 0;
  }
  .plp-product-thumb::after {
    right: 0;
  }
  .plp-product-thumb .swiper-wrapper {
    width: 100%;
  }
  .plp-product-thumb .swiper-slide {
    width: 82px;
  }
  .product-thumb-figure {
    display: block;
    width: 100%;
  }
  .product-thumb-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-product-thumb .swiper-button-prev {
    width: 20px;
    height: 20px;
    left: 0;
    background-image: url(../images/icon-prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 15px);
  }
  .plp-product-thumb .swiper-button-next {
    width: 20px;
    height: 20px;
    right: 0;
    background-image: url(../images/icon-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 15px);
  }
  .plp-product-thumb .swiper-button-next::after, .plp-product-thumb .swiper-button-prev::after {
    font-size: 0;
  }
  .plp-product-btns {
    order: 6;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .plp-product-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 256px;
    height: 50px;
    background-color: #7D7D7D;
    padding: 0 30px 0 15px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px 4px;
  }
  .plp-product-btn > span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--white);
    font-family: var(--gothic);
  }
  .plp-product-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .plp-product {
    display: block;
    width: 100%;
    padding: 189px 0 0 0;
    background-color: var(--white);
  }
  .plp-product__box-fluid {
    display: block;
    padding: 72px 0;
  }  
  .plp-product__box-fluid:nth-child(even) {
    background-color: #F2F2F2;
  }
  .plp-product__box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-left: calc(640/1090 * 100%);
    margin: 0 auto;
  }
  .plp-product__title {
    display: block;
    width: 100%;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
    background-image: linear-gradient(#0A0A14,#0A0A14),linear-gradient(#9D9D9D,#9D9D9D);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom,left bottom;
    background-size: 20px 2px, 100% 2px;
  }
  .plp-product__subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
  .plp-product__subtitle > span:nth-child(1) {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: var(--gothic);
  }
  .plp-product__subtitle > span:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    line-height: 25.6px;
    font-family: var(--gothic);
    margin-top: 10px;
  }
  /*frame slide*/
  .plp-product-frame {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(580/1090 * 100%);
  }
  .plp-product-frame .swiper-wrapper {
    width: 100%;
  }
  .plp-product-frame .swiper-slide {
    width: 100%;
  }
  .product-frame-figure {
    display: block;
    width: 100%;
  }
  .product-frame-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-product__txt {
    display: block;
    max-width: 410px;
    width: 100%;
    margin: 32px auto 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    font-family: var(--gothic);
    text-align: justify;
    word-break: break-all;
  }
  /*thumb slide*/
  .plp-product-thumb {
    display: block;
    width: 100%;
    margin-top: 32px;
    padding: 0 10px;
  }
  .plp-product-thumb::before,
  .plp-product-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 5;
    display: block;
    width: 10px;
    height: 100%;
    background-color: var(--white);
  }
  .plp-product__box-fluid:nth-child(even) .plp-product-thumb::before,
  .plp-product__box-fluid:nth-child(even) .plp-product-thumb::after {
     background-color: #F2F2F2;
  }
  .plp-product-thumb::before {
    left: 0;
  }
  .plp-product-thumb::after {
    right: 0;
  }
  .plp-product-thumb .swiper-wrapper {
    width: 100%;
  }
  .plp-product-thumb .swiper-slide {
    width: 100px;
  }
  .product-thumb-figure {
    display: block;
    width: 100%;
  }
  .product-thumb-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-product-thumb .swiper-button-prev {
    width: 20px;
    height: 20px;
    left: 0;
    background-image: url(../images/icon-prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 15px);
  }
  .plp-product-thumb .swiper-button-next {
    width: 20px;
    height: 20px;
    right: 0;
    background-image: url(../images/icon-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) + 15px);
  }
  .plp-product-thumb .swiper-button-next::after, .plp-product-thumb .swiper-button-prev::after {
    font-size: 0;
  }
  .plp-product-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 47px;
  }
  .plp-product-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 64px;
    background-color: #7D7D7D;
    padding: 0 40px 0 24px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 32px 6px;
  }
  .plp-product-btn > span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--white);
    font-family: var(--gothic);
  }
  .plp-product-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .plp-product__box-fluid > .plp-container {
    max-width: 1130px;
  }
}
/*parallax4*/
@media screen and (min-width:0px) {
  .parallaxbg4 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-image: url(../images/parallax4-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }
}
@media screen and (max-width:767px) {
  .parallaxbg4 {
    background-image: url(../images/parallax4-sp.jpg);
  }
}
/*parallax-box4*/
@media screen and (max-width:767px) {
  .parallax-box4 {
    display: block;
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    background-color: transparent;
  }
  .parallax-box4__txt {
    display: block;
    width: 100%;
    font-size: min(22px + (26 - 22) * ((100vw - 320px) / (375 - 320)), 26px);
    font-weight: 500;
    line-height: calc(46.8/26);
    color: #FFFFFF;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .parallax-box4{
    display: block;
    width: 100%;
    height: 100vh;
    padding: 152px 0;
    background-color: transparent;
  }
  .parallax-box3 > .plp-container {
    max-width: 1654px;
  }
  .parallax-box4__txt {
    display: block;
    width: 100%;
    font-size: 50px;
    font-weight: 500;
    line-height: calc(108/60);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
  }
}
/*plp-showroom*/
@media screen and (max-width:767px) {
  .plp-showroom {
    display: block;
    width: 100%;
    padding: 73px 0 115px;
    background-color: #F7F7F7;
  }
  .plp-showroom__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .plp-showroom__hgroup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .plp-showroom__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--crimson);
    font-weight: 200;
    line-height: 1;
    color: #888888;
    text-align: center;
  }
  .plp-showroom__header > span:nth-child(2) {
    display: block;
    width: 100%;
    padding-bottom: 16px;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 35.2px;
    text-align: center;
    margin-top: 20px;
    background-image: linear-gradient(#0A0A14,#0A0A14);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 40px 1px;
  }
  .plp-showroom__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--gothic);
    font-weight: 500;
    line-height: 25.2px;
    text-align: center;
    margin: 32px auto 0;
  }
  /*access*/
   .plp-showroom-access {
    position: relative;
    display: block;
    max-width: 345px;
    width: 100%;
    border: 1px solid var(--black);
    padding: 36px 10px 20px 10px;
    margin: 54px auto 0 auto;
  }
  .plp-showroom-access-title {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 94px;
    height: 36px;
    background: #F7F7F7;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1;
  }
  .plp-showroom-access-list {
    display: block;
    width: 100%;
  }
  .plp-showroom-access-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--lp-black);
    line-height: 25.2px;
    text-align: justify;
    word-break: break-all;
  }
  .plp-showroom-access-list > li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: var(--black);
  }
  /*gallery*/
  .plp-showroom-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 32px auto 0;
  }
  .plp-showroom-gallery__main {
    display: block;
    width: 100%;
  }
  .plp-showroom-gallery__main > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-showroom-gallery__nav {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: 6px;
    width: 100%;
    margin-top: 10px;
  }
  .plp-showroom-gallery__nav > .showroom-gallery__thumb {
    display: block;
    width: 100%;
  }
  .plp-showroom-gallery__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
   /*youtube*/
  .plp-showroom-youtube {
    display: block;
    width: 100%;
    margin: 32px auto 0 auto;
  }
  .plp-showroom-youtube > iframe {
    width: 100%;
    aspect-ratio: 16/9;
    vertical-align: bottom;
  }
  /*btn*/
  .plp-showroom-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .plp-showroom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 256px;
    height: 50px;
    background-color: #7D7D7D;
    padding: 0 30px 0 12px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 4px;
  }
  .plp-showroom-btn > span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--white);
    font-family: var(--gothic);
  }
  .plp-showroom-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*info*/
  .plp-showroom-info__list {
    display: block;
    width: 100%;
    margin: 56px auto 0 auto;
  }
  .plp-showroom-info__list > li {
    display: block;
    width: 100%;
  }
  .plp-showroom-info__list > li > dl {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .plp-showroom-info__list > li > dl > dt {
    display: block;
    width: 84px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
  }
  .plp-showroom-info__list > li > dl > dd {
    display: block;
    width: calc(100% - 84px);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
    border-left: 1px solid #7D7D7D;
    padding-left: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .plp-showroom-info__list > li > dl > dd > a {
    color: var(--black);
  }
  .plp-showroom-info__list > li > dl > dd > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .plp-showroom-info__list > li:not(:last-child) > dl > dd{
    padding-bottom: 20px;
  }
  .plp-showroom-info__memo {
    display: block;
    width: 100%;
    margin: 32px auto 0 auto;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
    text-align: center;
  }
  /*plp-links*/
  .plp-links {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 20px;
    max-width: 345px;
    width: 100%;
    margin: 80px auto 0 auto;
  }
  .plp-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .plp-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .plp-link__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
    display: block;
    width: 155px;
    font-size: 22px;
    font-weight: 500;
    color: var(--white);
    line-height: 30px;
    padding-bottom: 8px;
    background-image: url(../images/icon-btn.png),linear-gradient(var(--white),var(--white)),linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: right top 7px, left bottom,left bottom 1px;
    background-size: 16px 16px, 20px 3px, 100% 1px;
  }
  .plp-link__bg {
    display: block;
    width: 100%;
  }
  .plp-link__bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .plp-showroom {
    display: block;
    width: 100%;
    padding: 195px 0;
    background-color: #F7F7F7;
  }
  .plp-showroom__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .plp-showroom__hgroup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .plp-showroom__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--crimson);
    font-weight: 200;
    line-height: 1;
    color: #888888;
    text-align: center;
  }
  .plp-showroom__header > span:nth-child(2) {
    display: block;
    width: 100%;
    padding-bottom: 25px;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 44.8px;
    text-align: center;
    margin-top: 30px;
    background-image: linear-gradient(#0A0A14,#0A0A14);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 40px 1px;
  }
  .plp-showroom__txt {
    display: block;
    max-width: 630px;
    width: 100%;
    font-size: 16px;
    font-family: var(--gothic);
    font-weight: 500;
    line-height: 25.6px;
    text-align: center;
    margin: 40px auto 0;
  }
  /*access*/
   .plp-showroom-access {
    position: relative;
    display: block;
    max-width: 480px;
    width: 100%;
    border: 1px solid var(--black);
    padding: 40px 50px 30px 50px;
    margin: 60px auto 0 auto;
  }
  .plp-showroom-access-title {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 109px;
    height: 40px;
    background: #F7F7F7;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1;
  }
  .plp-showroom-access-list {
    display: block;
    width: 100%;
  }
  .plp-showroom-access-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--lp-black);
    line-height: 27.2px;
    text-align: justify;
    word-break: break-all;
  }
  .plp-showroom-access-list > li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: var(--black);
  }
  /*gallery*/
  .plp-showroom-gallery {
    display: flex;
    justify-content: space-between;
    max-width: 848px;
    width: 100%;
    margin: 64px auto 0;
  }
  .plp-showroom-gallery__main {
    display: block;
    width: calc(700/848 * 100%);
  }
  .plp-showroom-gallery__main > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .plp-showroom-gallery__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: calc(128/848 * 100%);
  }
  .plp-showroom-gallery__nav > .showroom-gallery__thumb {
    display: block;
    width: 100%;
  }
  .plp-showroom-gallery__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
   /*youtube*/
  .plp-showroom-youtube {
    display: block;
    max-width: 848px;
    width: 100%;
    margin: 80px auto 0 auto;
  }
  .plp-showroom-youtube > iframe {
    width: 100%;
    aspect-ratio: 16/9;
    vertical-align: bottom;
  }
  /*btn*/
  .plp-showroom-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;
  }
  .plp-showroom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 375px;
    height: 82px;
    background-color: #7D7D7D;
    padding: 0 60px 0 40px;
    background-image: url(../images/icon-bow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 32px 6px;
  }
  .plp-showroom-btn > span {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    color: var(--white);
    font-family: var(--gothic);
  }
  .plp-showroom-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*info*/
  .plp-showroom-info__list {
    display: block;
    max-width: 564px;
    width: 100%;
    margin: 72px auto 0 auto;
  }
  .plp-showroom-info__list > li {
    display: block;
    width: 100%;
  }
  .plp-showroom-info__list > li > dl {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .plp-showroom-info__list > li > dl > dt {
    display: block;
    width: 105px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
  }
  .plp-showroom-info__list > li > dl > dd {
    display: block;
    width: calc(100% - 105px);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
    border-left: 1px solid #7D7D7D;
    padding-left: 40px;
  }
  .plp-showroom-info__list > li > dl > dd > a {
    color: var(--black);
  }
  .plp-showroom-info__list > li > dl > dd > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .plp-showroom-info__list > li:not(:last-child) > dl > dd{
    padding-bottom: 24px;
  }
  .plp-showroom-info__memo {
    display: block;
    max-width: 564px;
    width: 100%;
    margin: 48px auto 0 auto;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 25.6px;
    text-align: justify;
    word-break: break-all;
  }
  /*plp-links*/
  .plp-links {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 24px;
    row-gap: 24px;
    max-width: 848px;
    width: 100%;
    margin: 112px auto 0 auto;
  }
  .plp-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .plp-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .plp-link__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 207.72px;
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 30px;
    padding-bottom: 12px;
    background-image: url(../images/icon-btn.png),linear-gradient(var(--white),var(--white)),linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: right top 7px, left bottom,left bottom 1px;
    background-size: 16px 16px, 20px 3px, 100% 1px;
  }
  .plp-link__bg {
    display: block;
    width: 100%;
  }
  .plp-link__bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}