.pt0{ padding:0 0 80px !important;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.pt0{ padding: 0 0 5vw !important;}
}
/* -----------
新設スライダー
---------- */

/* 選択されていないサムネイルは薄くする */
.splide__slide {
opacity: .6;}
.splide__slide img {
width: 100%;
height: auto;}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
opacity: 1;}
.case-wrapper {
padding: 60px 0;
margin-inline: auto;
max-width: auto;}
.case-wrapper .h2-area {
text-align: center;}
.case-wrapper #thumbnail-carousel {
margin: 0 auto;}
.case-wrapper #thumbnail-carousel .splide__track {
width: 100%;
height: 250px;}
.case-wrapper #thumbnail-carousel .splide__slide {
width: 25% !important;}
.case-wrapper #thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid transparent;}


.case-wrapper #main-carousel {
width: 720px;
margin: 0 auto 40px;}
.case-wrapper #main-carousel .case-list {
flex-wrap: nowrap;
padding-left: 0;
padding-bottom: 0;
display: flex;}
.case-wrapper #main-carousel .case-list .splide {
width: 720px;
margin: 0 auto;}
.case-wrapper #main-carousel .case-list > li {
display: block;
margin-top: 0;}
.case-wrapper #main-carousel .case-list > li > ul {
position: relative;
width: 100%;
margin: auto;}
.case-wrapper #main-carousel .case-list > li > ul::before {
content: "Before";
position: absolute;
bottom: 10px;
left: 10px;
color: #fff;
z-index: 1;}
.case-wrapper #main-carousel .case-list > li > ul::after {
content: "After";
position: absolute;
bottom: 10px;
left: calc(50% + 30px);
transform: translateX(-50%);
color: #fff;
z-index: 1;}
.case-wrapper #main-carousel .case-list > li > ul li video {
height: 360px;}
.case-wrapper #main-carousel .case-list > li > ul li::before {
content: "";}
.case-wrapper #main-carousel .case-list > li > ul li:has(video.paused)::before {
content: "";
position: absolute;
top: 50%;
left: 51%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-left: 20px solid white;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
z-index: 2;
pointer-events: none;}
.case-wrapper #main-carousel .case-list > li > ul li:has(video.paused)::after {
content: "";
width: 60px;
height: 60px;
padding: initial;}
.case-wrapper #main-carousel .splide__track--nav>.splide__list>.splide__slide.is-active {
border: none;}
.case-wrapper #main-carousel .splide__arrow {
top: 150px;
transform: initial;
height: 48px;
width: 48px;
background-color: #fff;
opacity: 1;}
.case-wrapper #main-carousel .splide__arrow::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 17px;
height: 7px;}
.case-wrapper #main-carousel .splide__arrow.splide__arrow--prev::before {
background:url(../img/common/arw-l.svg) center center / contain no-repeat;}
.case-wrapper #main-carousel .splide__arrow.splide__arrow--next::before {
background:url(../img/common/arw-r.svg) center center / contain no-repeat;}
.case-wrapper #main-carousel .splide__arrow--prev {
left: -4em;}
.case-wrapper #main-carousel .splide__arrow--next {
right: -4em;}
.case-wrapper #main-carousel .splide__arrow svg {
display: none;}
.case-wrapper #main-carousel .case-list > li + li {
margin-left: initial;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.case-wrapper {
padding: 10vw 0 10vw;
width: 100%;}
.case-wrapper .inner {
padding: 0 5vw;}
.case-wrapper #thumbnail-carousel {
width: 90vw;}
.case-wrapper #thumbnail-carousel .splide__track {
width: 100%;
height: 45vw;}
.case-wrapper #thumbnail-carousel > div {
width: 90vw;
height: 45vw;}
.case-wrapper #thumbnail-carousel .splide__slide {
width: 55vw !important;}
.case-wrapper #main-carousel {
width: 100%;
margin: 0 auto 5vw;}
.case-wrapper #main-carousel .case-list {
overflow-x: initial;}
.case-wrapper #main-carousel .case-list .splide {
width: initial;}
.case-wrapper #main-carousel .case-list .splide__track {
overflow: initial;}
.case-wrapper #main-carousel .case-list > li + li {
margin-left: 0 !important;}
.case-wrapper #main-carousel .case-list > li > ul li {
width: 45vw;
height: 45vw;}
.case-wrapper #main-carousel .case-list > li > ul li figure,
.case-wrapper #main-carousel .case-list > li > ul li video {
width: 45vw;
height: 45vw;
overflow: hidden;}
.case-wrapper #main-carousel .case-list > li > ul li:has(video.paused)::before {
border-left: 3.5vw solid white;
border-top: 2.5vw solid transparent;
border-bottom: 2.5vw solid transparent;}
#main-carousel .case-list > li > ul li:has(video.paused)::after {
width: 10vw;
height: 10vw;}
.case-wrapper #main-carousel .splide__arrow {
height: 2em;
width: 2em;
top: 74px;}
.case-wrapper #main-carousel .splide__arrow::before {
width: 12px;
height: 5px;}
.case-wrapper #main-carousel .splide__arrow--prev {
left: -1em;}
.case-wrapper #main-carousel .splide__arrow--next {
right: -1em;}
.case-wrapper #main-carousel .case-list > li {
width: 90vw !important;}
}

/* -----------
黄金比箇所の修正
---------- */

span.uline {
display: inline;
background: linear-gradient(180deg, transparent 0%, transparent 60%, #FAFF88 60%, #FAFF88 100%);
color: #ED9790;}
.temp-about.inner {
margin-top: 40px;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.p-second-01.menu-eyes-design {
padding: 5vw 4vw 8vw;}
.p-second-01.menu-eyes-design .box {
padding: 7vw 4vw;}
.p-second-01.menu-eyes-design .txt {
margin-top: 5vw;
letter-spacing: 00.1;
line-height: 1.5;}
.p-second-01 .bottom {
letter-spacing: 0.01;
line-height: 1.5;}
.temp-about.inner {
  margin-top: 5vw;}
.temp-about .bottom {
letter-spacing: 0.01;
line-height: 1.5;}
.temp-about .flex-img-right.reverse.test {
flex-direction: column-reverse;}
.temp-about .flex-img-right.test > div {
margin-top: 0;}
}
.inner-pc{
position: relative;
width: 1200px;
height: 100%;
margin: 0 auto;}
.menu-eyes-design p {
line-height: 1.9;
font-size: 15px;
color: #676767;}
.menu-eyes-design .head {
width: 90%;
margin: 0 auto 30px;}
.menu-eyes-design .head.spn {
display: block;}
.menu-eyes-design .flex-img-right.reverse > div {
margin-left: 50px;
flex: 1;}
.menu-eyes-design .flex-img-right.reverse > div > div {
margin: 20px 0;
padding: 10px;
border: 1px solid rgba(153, 95, 44, 0.45);
display: flex;
align-items: center;}
.menu-eyes-design .flex-img-right.reverse > div > div figure {
width: 32%;}
.menu-eyes-design .flex-img-right.reverse > div > div p {
margin-left: 20px;
flex: 1;}
.menu-eyes-design .flex-img-right.reverse > div > p span {
color:#995F2C;
font-weight: 600;}
.menu-eyes-design .box > .box2 {
margin-top: 30px;
background: url(../img/menu/eyes-innercorner/design-bg03.jpg) center center / cover no-repeat;
padding: 20px;
display: flex;
align-items: center;}
.menu-eyes-design .box > .box2 .left {
flex: 1;
margin-left: 30px;}
.menu-eyes-design .box > .box2 .left > div {
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
padding: 20px;
background-color: #FDFAF4;}
.menu-eyes-design .box > .box2 .left > div::before {
content: "";
background: url(../img/menu/eyes-innercorner/parts-top_bottom.png) center center / cover no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;}
.menu-eyes-design .box > .box2 .left > div::after {
content: "";
background: url(../img/menu/eyes-innercorner/parts-top_bottom.png) center center / cover no-repeat;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;}
.menu-eyes-design .box > .box2 .left > div figure {
width: 25%;}
.menu-eyes-design .box > .box2 .left > div p {
color: #995F2C;
margin-left: 20px;
flex: 1;}
.menu-eyes-design .box > .box2 > .right {
width: 45%;
margin-left: 50px;
position: relative;}
@media (max-width: 767px) {
.inner-pc{
position: initial;
width: initial;
height: initial;
margin: initial;}
.menu-eyes-design .head.spn {
display: none;}
.menu-eyes-design .head.pcn {
display: block;
margin: 0 auto 4vw;}
.p-second-01.menu-eyes-design {
padding: 1vw;}
.menu-eyes-design p {
font-size: 3.6vw;}
.menu-eyes-design .box .flex-img-right.reverse > div {
margin-left: 0;
margin-top:2vw;}
.menu-eyes-design .flex-img-right.reverse .txt {
margin-left: 0;
padding: 0 4vw 4vw;
font-size: 3.2vw;}
.menu-eyes-design .flex-img-right.reverse > div > div {
margin: 5vw 0;
padding: 2vw 3vw 2vw 2vw;}
.menu-eyes-design .flex-img-right.reverse > div > div p.txt-s{
  font-size: 3.4vw;
  line-height: 1.6;}
.menu-eyes-design .flex-img-right.reverse > div > div figure {
width: 40%;}
.menu-eyes-design .flex-img-right.reverse > div > div p {
margin-left: 2vw;}
.menu-eyes-design .box > .box2 {
flex-direction: column-reverse;
margin-top: 5vw;
padding: 3vw;}
.menu-eyes-design .box > .box2 .left {
margin-top: 5vw;
margin-left: 0;}
.menu-eyes-design .box > .box2 .left > div {
margin-top: 5vw;
padding: 2vw;}
.menu-eyes-design .box > .box2 .left > div figure {
width: 34%;}
.menu-eyes-design .box > .box2 .left > div p {
margin-left: 2vw;
font-size: 2.8vw;
letter-spacing: 0.04em;}
.menu-eyes-design .box > .box2 > .right {
width: 100%;
margin-left: 0;}
.menu-eyes-design .box > .box2 > .right .head {
position: absolute;
bottom: -7vw;
left: 0;
width: 40%;}
}