.p-colors{--imgPathSP: url("../image/colors/cherry/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/cherry/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/cherry/bg_hero_01_pc@2x.webp")}.p-colors.--natural{--imgPathSP: url("../image/colors/natural/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/natural/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/natural/bg_hero_01_pc@2x.webp")}.p-colors.--medium{--imgPathSP: url("../image/colors/medium/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/medium/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/medium/bg_hero_01_pc@2x.webp")}.p-colors.--dark{--imgPathSP: url("../image/colors/dark/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/dark/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/dark/bg_hero_01_pc@2x.webp")}.p-colors.--ebony{--imgPathSP: url("../image/colors/ebony/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/ebony/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/ebony/bg_hero_01_pc@2x.webp")}.p-colors.--white{--imgPathSP: url("../image/colors/white/bg_hero_01_sp.webp");--imgPathPC: url("../image/colors/white/bg_hero_01_pc.webp");--imgPathPC2x: url("../image/colors/white/bg_hero_01_pc@2x.webp")}.p-colors__box{padding:min(10.6666666667vw, 100px) min(5.3333333333vw, 70px);background:rgba(var(--colorBrownLRGB), 0.05);margin-bottom:var(--marginY)}.p-colors__list{list-style:none;margin-bottom:min(8vw, 50px)}.p-colors__list-item{padding-bottom:var(--gridGap);border-bottom:2px dotted var(--colorBlack);display:grid;grid-template-rows:max-content max-content max-content 1fr max-content}.p-colors__list-img{display:block;margin:0 auto min(5.3333333333vw, 30px)}.p-colors__list-en,.p-colors__list-tit{color:var(--colorBrownD);text-align:center}.p-colors__list-en{font-size:clamp(calc(1.4rem + 14px), calc(1.4rem + 3.7333333333vw), calc(1.8rem + 18px));text-align:center;letter-spacing:.05em;display:block;line-height:normal;font-weight:600}.p-colors__list-tit{color:var(--colorBrownD);font-size:clamp(1.4rem, calc(0.7rem + 1.8666666667vw), 1.8rem);letter-spacing:.1em;margin:.25em 0 min(4vw, 20px)}.p-colors__list-txt{display:block;margin-bottom:min(5.3333333333vw, 30px)}.p-colors__paint{margin:0 var(--marginX) var(--marginY);list-style:none}.p-colors__paint-item{border:1px solid var(--colorWine);padding:min(10.6666666667vw, 70px) min(5.3333333333vw, 65px)}.p-colors__paint-txt{display:block;letter-spacing:.02em}.p-colors__nav a{display:grid;grid-template-rows:max-content 1fr}.p-colors__nav-en{font-weight:600;font-size:clamp(1.6rem, calc(0.8rem + 2.1333333333vw), 2.2rem);display:block;line-height:normal}.p-colors__nav-jp{font-size:1.1rem;display:block;line-height:1.5;margin-top:.5em;align-content:center}.p-colors__tit{margin:0 var(--marginX) min(8vw, 70px);text-align:center;color:var(--colorBrownD);font-size:clamp(1.6rem, calc(0.8rem + 2.1333333333vw), 1.8rem)}.p-colors__tit-en{margin-bottom:0;line-height:normal;font-size:clamp(3rem, calc(1.5rem + 4vw), calc(2rem + 20px));font-weight:600}.p-colors__thumbs{margin:0 var(--marginX) var(--marginY);list-style:none}.p-colors__thumbs div{width:100%;overflow:hidden;aspect-ratio:1/1}.p-colors__thumbs img{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:.5s}@media(hover: none){.p-colors__thumbs img:active{opacity:.6;transform:scale(1.1)}}@media(hover: hover){.p-colors__thumbs img:hover{opacity:.6;transform:scale(1.1)}}.p-colors__modal-slide,.p-colors__modal-item,.p-colors__modal .slick-track,.p-colors__modal .slick-list{height:75vh;max-width:75vw;aspect-ratio:1920/1366}.p-colors__modal .slick-track{width:100% !important;max-width:75vw;position:relative}.p-colors__modal-item{width:100%;aspect-ratio:1920/1360;top:0 !important;left:0 !important;position:absolute !important}.p-colors__modal img{width:100%;height:100%;object-fit:contain}@media print,screen and (max-width: 959px){.p-colors__list{--gridGap: min(8vw, 50px)}}@media print,screen and (min-width: 700px){.p-colors__nav{--tabColumn: 3}}@media print,screen and (min-width: 960px){.p-colors__box{margin:0 var(--marginX) var(--marginY)}.p-colors__illust{display:flex;justify-content:space-between;align-items:flex-end;max-width:1380px;margin:0 auto}.p-colors__illust-img{width:18.5507246377%;position:relative}.p-colors__illust-img picture{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}.p-colors__illust-img img{display:block}.p-colors__paint{margin:0 max(70px,50vw - max(51.25em,820px)) var(--marginY)}.p-colors__thumbs div{aspect-ratio:408/214}}@media print,screen and (min-width: 1280px){.p-colors__nav{--tabColumn: 6}}