/* legacy-triple.css — auto-generated. Sources: furniture.css, colorbox.css, triple.css, triple02.css */
/* All selectors prefixed with .legacy-page-content. rem→px (×10). */


/* ===== furniture.css ===== */


.legacy-page-content #main {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.legacy-page-content .top-message {

    max-width: 690px;
    padding: 0 25px;
    margin: 100px auto 80px auto;
    font-family: var(--sans-serif);
}


.legacy-page-content .top-message .tag-line {
    text-align: center;  
}

.legacy-page-content .top-message .text {
    font-weight: 400;
    line-height: 1.7;
}


.legacy-page-content .furniture_main {
    margin: 60px auto 0;
    padding: 0 25px;
    height: auto;
    max-width: 1150px;
    display: flex;
    justify-content: space-between;
}
.legacy-page-content .furniture_ttl {
    margin-bottom: 10px;
}
.legacy-page-content .furniture_main_img {
    width: 40%;
    height: auto;
    margin-right: 40px;
}
.legacy-page-content .furniture_main_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.legacy-page-content .furniture_main_wrap {
    width: calc(60% - 40px);
}

.legacy-page-content .furniture_sub {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    height: auto;
}
.legacy-page-content .furniture_sub_wrap {
    width: 60%;
    height: 100%;
    margin-right: 40px;
}
.legacy-page-content .furniture_sub_img {
    width: calc(40% - 40px);
}
.legacy-page-content .furniture_sub_img img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}


.legacy-page-content .horizontal-line {
    margin-top: 0px!important;
}

.legacy-page-content .for-pc {
    display: block;
}

.legacy-page-content .for-mobile {
    display: none;
}

.legacy-page-content .furniture_works {
    width: 100%;
    padding: 30px 0 60px;
}
.legacy-page-content .furniture_works .works-grid img, .legacy-page-content .furniture_works .works-grid-small img {
    height: auto;

}
.legacy-page-content .works-grid {
    width: 90%;
    margin: 60px auto 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
}

.legacy-page-content .works-grid p, .legacy-page-content .works-grid-small p {
    font-family: var(--serif);
    font-size : 14px;
    line-height : 20px;
    font-weight: 500;
    text-align: center;
    margin: 16px 0;
}

.legacy-page-content .works-grid-small {
    width: 75%;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
}
.legacy-page-content .works-grid-small li {
    width: calc((100% - 210px) / 3);
    margin-bottom: 50px;
}


@media only screen and (max-width: 1024px) {

    .legacy-page-content .works-grid-small li {
        width: calc((100% - 120px) / 3);
        margin-bottom: 50px;
    }
}



@media only screen and (max-width: 768px) {

    .legacy-page-content #main {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .legacy-page-content .top-message {
        padding: 0 25px;
    }

    .legacy-page-content .furniture_main {
        display: block;
    }
    .legacy-page-content .furniture_main_img {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .legacy-page-content .furniture_main_img img {
        width: 50%;
    }
    .legacy-page-content .furniture_sub, .legacy-page-content .furniture_main_img, .legacy-page-content .furniture_main_wrap, .legacy-page-content .furniture_sub_wrap {
        width: 100%;
    }
    .legacy-page-content .furniture_sub_wrap {
        margin-right: 0;
    }


    .legacy-page-content .works-grid {
        width: 90%;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: 20px;
        margin: 20px auto;
    }

    .legacy-page-content .works-grid-small {
        width: 90%;
        display: block;
        margin: 20px auto;
    }
    .legacy-page-content .works-grid-small li {
        width: 100%;
        margin-bottom: 50px;
    }

    .legacy-page-content .horizontal-line {
        margin-top: 20px!important;
    }

}


.legacy-page-content .modal_wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.legacy-page-content .modal {
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
}
.legacy-page-content .modal__bg {
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100vw;
}
.legacy-page-content .modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 1090px;
    padding: 40px 40px  10px;
    background: #fff;
    transform: translate(-50%,-50%);
}
.legacy-page-content .js-modal-close {
    padding-top: 10px;
    text-align: end;
}
@media only screen and (max-width: 768px) {
    .legacy-page-content .modal__content {
        padding: 15px 15px  10px;
    }
}
.legacy-page-content .wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.legacy-page-content .furnitureSlider {
    position: relative;
    height: 48vh;
    margin-bottom: 20px;
    overflow: hidden;
} 
.legacy-page-content .furnitureThumbnail .swiper-slide, .legacy-page-content .furnitureSlider .swiper-slide {
    display: flex;
    justify-content: center;
    height: 100%;
    background-color: white;
}
.legacy-page-content .furnitureSlider .swiper-slide img {
    object-fit: contain;
}
.legacy-page-content .furnitureSlider .swiper-button-next {
    right: 0;
}
.legacy-page-content .furnitureSlider .swiper-button-prev {
    left: 0;
}
.legacy-page-content .furnitureThumbnail {
    height: 13vh;
    overflow: hidden;
}
.legacy-page-content .furnitureThumbnail .swiper-slide {
    opacity: 0.5;
    width: auto;
    cursor: pointer;
}
.legacy-page-content .furnitureThumbnail .swiper-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.legacy-page-content .furnitureThumbnail .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}
@media only screen and (max-width: 768px) {
    .legacy-page-content .furnitureSlider, .legacy-page-content .furnitureSlider .swiper-slide {
        height: 35vh;
    }
    .legacy-page-content .furnitureSlider {
        margin-bottom: 15px;
    }

}

.legacy-page-content .furniture_works_txt {
    margin-top: -40px;
}
@media only screen and (max-width: 480px) {
    .legacy-page-content .furniture_works_txt {
        margin-top: -20px;
    }
}

/* ===== colorbox.css ===== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
.legacy-page-content #colorbox, .legacy-page-content #cboxOverlay, .legacy-page-content #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
.legacy-page-content #cboxWrapper {max-width:none;}
.legacy-page-content #cboxOverlay {position:fixed; width:100%; height:100%;}
.legacy-page-content #cboxMiddleLeft, .legacy-page-content #cboxBottomLeft {clear:left;}
.legacy-page-content #cboxContent {position:relative;}
.legacy-page-content #cboxLoadedContent {overflow:auto; -webkit-overflow-scrolling: touch;}
.legacy-page-content #cboxTitle {margin:0;}
.legacy-page-content #cboxLoadingOverlay, .legacy-page-content #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;}
.legacy-page-content #cboxPrevious, .legacy-page-content #cboxNext, .legacy-page-content #cboxClose, .legacy-page-content #cboxSlideshow {cursor:pointer;}
.legacy-page-content .cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.legacy-page-content .cboxIframe {width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
.legacy-page-content #colorbox, .legacy-page-content #cboxContent, .legacy-page-content #cboxLoadedContent {box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.legacy-page-content #cboxOverlay {
	background: #000; /* 背景色 */
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.legacy-page-content #colorbox {outline:0;}
.legacy-page-content #cboxContent {
	background: rgba(0,0,0,.2); /* ロード時の背景色 */
	margin-top: 32px;
	overflow: visible;	
}
.legacy-page-content .cboxIframe {background:#fff;}
.legacy-page-content #cboxError {padding:50px; border:1px solid #ccc;}
.legacy-page-content #cboxLoadedContent {
	background: #fff; /* 枠線の色 */
	padding: 1px;
}
.legacy-page-content #cboxLoadingGraphic {
	background: url(images/loading.svg) no-repeat center center;
	background-size: 32px;
	opacity: .5;
}
.legacy-page-content #cboxLoadingOverlay {
	background: rgba(0,0,0,.2); /* ロード時の背景色 */
}
.legacy-page-content #cboxTitle {
	background-color: rgba(0,0,0,.6); /* タイトル背景色 */
	width: calc(100% - 2px);
	color: #fff;
	font-size: .850px;
	font-weight: bold;
	text-align: right;
	padding: .2em 1em;
	position: absolute;
	bottom: 1px;
	left: 1px;
}
.legacy-page-content #cboxTitle:empty {
	display: none !important;
}
.legacy-page-content #cboxCurrent {position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.legacy-page-content #cboxPrevious, .legacy-page-content #cboxNext, .legacy-page-content #cboxSlideshow, .legacy-page-content #cboxClose {
	background-color: rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 0;
	padding: 14px 0 0;
	margin: 0;
	border: 0;
	position: absolute;
	top: -20px;
	overflow: hidden;
}
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
.legacy-page-content #cboxPrevious:active, .legacy-page-content #cboxNext:active, .legacy-page-content #cboxSlideshow:active, .legacy-page-content #cboxClose:active {outline:0;}

.legacy-page-content #cboxPrevious, .legacy-page-content #cboxNext, .legacy-page-content #cboxClose {
	outline: none;
	-webkit-transition: 200ms;
	transition: 200ms;
}
.legacy-page-content #cboxPrevious {
	background-image: url("images/prev.svg");
	right: 77px;
}
.legacy-page-content #cboxNext {
	background-image: url("images/next.svg");
	right: 46px;
}
.legacy-page-content #cboxClose {
	background-image: url("images/close.svg");
	right:10px;
}
.legacy-page-content #cboxPrevious:hover, .legacy-page-content #cboxNext:hover, .legacy-page-content #cboxClose:hover {opacity: .6;}
.legacy-page-content .cboxSlideshow_on #cboxPrevious, .legacy-page-content .cboxSlideshow_off #cboxPrevious {right:66px;}
.legacy-page-content .cboxSlideshow_on #cboxSlideshow {background-position:-75px -25px; right:44px;}
.legacy-page-content .cboxSlideshow_on #cboxSlideshow:hover {background-position:-100px -25px;}
.legacy-page-content .cboxSlideshow_off #cboxSlideshow {background-position:-100px 0px; right:44px;}
.legacy-page-content .cboxSlideshow_off #cboxSlideshow:hover {background-position:-75px -25px;}

/* ===== triple.css ===== */


.legacy-page-content figure {
	margin-bottom: 0;
}

/* tripleTop */
.legacy-page-content #tripleTop {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.legacy-page-content #tripleTop div {
	width: calc(100% - 250px);
}
.legacy-page-content #tripleTop figure {
	width: 220px;
}
@media screen and (max-width: 640px) {
	.legacy-page-content #tripleTop {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
		-webkit-box-align: center;
		align-items: center;
	}
	.legacy-page-content #tripleTop div {
		width: 100%;
	}
	.legacy-page-content #tripleTop h2 {
		text-align: center;
		margin-top: 30px;
	}
}
.legacy-page-content #triplePlans, .legacy-page-content #spec {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

/* plans */
.legacy-page-content .step-grid {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.legacy-page-content .step-grid > *:nth-child(1) {
	width: 300px;
}
.legacy-page-content .step-grid > *:nth-child(2) {
	width: calc(100% - 370px);
}
@media screen and (max-width: 960px) {
	.legacy-page-content .step-grid {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.legacy-page-content .step-grid > *:nth-child(1) {
		width: 100%;
	}
	.legacy-page-content .step-grid > *:nth-child(2) {
		width: 100%;
		margin-top: 20px;
	}
}

/* step01 */
.legacy-page-content .flex-step01 {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.legacy-page-content .flex-step01 li {
	width: calc((100% - 60px) / 3);
	font-family: var(--font-serif);
}
.legacy-page-content .flex-step01 figure {
	margin-bottom: 10px;
}
.legacy-page-content #step01tab {
	position: relative;
}
.legacy-page-content #step01tab dl {
	padding-top: 35px;
	position: relative;
}
.legacy-page-content .step01-sub {
	font-size: 14px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}
.legacy-page-content .tab {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: #4a5b78;
	width: 181px;
	height: 36px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	border: 1px solid #1d3256;
	position: absolute;
	top: 0;
	z-index: 2;
	cursor: pointer;
	user-select: none;
}
.legacy-page-content .tab.setTab {
	background-color: #fff;
	color: #1d3256;
	border-bottom-width: 0;
}
.legacy-page-content .setTab::after {
	display: block;
	content: "";
	background-color: #1d3256;	
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 20px;
}
.legacy-page-content .tab2 {
	left: 180px;
}
.legacy-page-content .tab3 {
	left: 360px;
}
.legacy-page-content #step01tab dd {
	display: none;
	background-color: #fff;
	padding: 30px 20px 20px;
	border: 1px solid #1d3256;
	position: relative;
	z-index: 1;
}
.legacy-page-content #step01tab dd.setTabList {
	display: block;
}
.legacy-page-content #step01tab ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -14px -14px;
}
.legacy-page-content #step01tab li {
	width: calc(100% / 3);
	padding: 0 0 14px 14px;
}
.legacy-page-content #step01tab figure {
	width: 100%;
	height: 0;
	padding-top: 70.6%;
	position: relative;
}
.legacy-page-content #step01tab img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.legacy-page-content .modal_wrap {
	z-index: 20;
}
@media screen and (max-width: 960px) {
	.legacy-page-content #step01tab {
		padding-bottom: 30px;
	}
	.legacy-page-content .step01-sub {
		top: auto;
		right: 0;
		bottom: 0;
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content .flex-step01 {
		flex-wrap: wrap;
		gap: 20px 10px;
		margin-top: -110px !important;
	}
	.legacy-page-content .flex-step01 li {
		width: calc((100% - 10px) / 2);
	}
	.legacy-page-content .flex-step01 li:first-child {
		margin-left: 50%;
	}
	.legacy-page-content #step01tab ul {
		margin: 0;
	}
	.legacy-page-content #step01tab li {
		width: calc(100% / 2);
		padding: 0;
	}
	.legacy-page-content .tab {
		width: 91px;
	}
	.legacy-page-content .tab2 {
		width: 81px;
		left: 90px;
	}
	.legacy-page-content .tab3 {
		width: 140px;
		left: 170px;
	}
	.legacy-page-content .setTab::after {
		width: calc(100% - 20px);
		left: 10px;
	}
	.legacy-page-content #step01tab dd {
		padding: 10px;
	}
}

/* step02 */
.legacy-page-content #step02 > li+li {
	margin-top: 14px;
}
.legacy-page-content #step02 li > dl > dt {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	background: #1d3256 url("../images/triple/btn_click.svg") right 30px center / 80px 18px no-repeat;
	height: 56px;
	color: #fff;
	font-family: var(--font-noto);
	font-size: 14px;
	font-weight: 500;
	padding-right: 120px;
	transition: opacity .2s ease-out;
	cursor: pointer;
	user-select: none;
}
.legacy-page-content #step02 li > dl > dt:hover {
	opacity: .8;
}
.legacy-page-content #step02 li > dl > dt > span {
	display: block;
	font-family: var(--font-serif);
	font-size: 16px;
	padding: 0 30px;
	margin-right: 30px;
	position: relative;
}
.legacy-page-content #step02 li > dl > dt > span::after {
	display: block;
	content: "";
	background-color: #fff;
	width: 1px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.legacy-page-content #step02 li > dl > dt span span {
	font-size: 1.5em;
	padding-left: 5px;
}
.legacy-page-content #step02 li > dl > dd {
	display: none;
	padding: 40px 0;
}
.legacy-page-content .step02-title {
	font-family: var(--font-noto);
	font-size: 20px;
	font-weight: 500;
}
.legacy-page-content .step02-title span {
	font-size: .8em;
	font-weight: 400;
}
.legacy-page-content .step02-madori {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 30px 0;
}
.legacy-page-content .step02-madori.madori-single {
	-webkit-box-pack: center;
	justify-content: center;
}
.legacy-page-content .step02-madori li {
	width: calc((100% - 30px) / 2);
	padding-top: 24px;
	position: relative;
}
.legacy-page-content .step02-madori span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	margin-bottom: 5px;
}
.legacy-page-content .step02-detail {
	text-align: right;
}
.legacy-page-content .step02-detail span {
	display: inline-block;
	margin-left: 20px;
}
.legacy-page-content .step02-price {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	max-width: 620px;
	margin: 50px auto 0;
}
.legacy-page-content .step02-price dl {
	width: calc((100% - 80px) / 3);
	text-align: center;
}
.legacy-page-content .step02-price dt {
	line-height: 1;
	padding: 7px 5px 8px;
	border: 1px solid #000;
	position: relative;
}
.legacy-page-content .step02-price dt::after {
	display: block;
	content: "";
	background-color: #fff;
	width: 7px;
	height: 7px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	position: absolute;
	bottom: -1px;
	left: 50%;
	-webkit-transform: translate(-50%, 50%) rotate(45deg);
	transform: translate(-50%, 50%) rotate(45deg);
}
.legacy-page-content .step02-price dd {
	font-weight: 500;
	margin-top: 16px;
}
.legacy-page-content .step02-price dd span {
	font-size: 1.25em;
}
.legacy-page-content .step02-bl {
	max-width: 300px;
	color: #1d3256;
	font-size: .875em;
	font-weight: 500;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #1d3256;
	position: relative;
}
.legacy-page-content .step02-bl::after {
	display: block;
	content: "";
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-top: 1px solid #1d3256;
	border-right: 1px solid #1d3256;
	position: absolute;
	top: 50%;
	right: -1px;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	transform: translate(50%, -50%) rotate(45deg);
}
@media screen and (max-width: 960px) {
	.legacy-page-content .step02-bl::after {
		position: absolute;
		top: auto;
		right: auto;
		bottom: -1px;
		left: 50%;
		transform: translate(-50%, 50%) rotate(135deg);
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content #step02 li > dl > dt {
		background: #1d3256 url("../images/triple/btn_click.svg") left 28px bottom 16px / 62px 14px no-repeat;
		height: auto;
		min-height: 80px;
		padding: 14px 20px 14px 0;
	}
	.legacy-page-content #step02 li > dl > dt > span {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: start;
		align-items: flex-start;
		padding: 0 20px;
		margin-right: 20px;
		position: relative;
	}
	.legacy-page-content #step02 li > dl > dt > span span {
		transform: translateY(-.3em);
	}
	.legacy-page-content #step02 li > dl > dt > span::after {
		height: calc(100% + 14px);
	}
	.legacy-page-content .step02-madori {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		margin: 30px 0;
	}
	.legacy-page-content .step02-madori li {
		width: 100%;
	}
	.legacy-page-content .step02-madori span {
		display: block;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		line-height: 1;
		margin-bottom: 5px;
	}
	.legacy-page-content .step02-detail {
		text-align: right;
	}
	.legacy-page-content .step02-detail span {
		display: inline-block;
		margin-left: 20px;
	}
	.legacy-page-content .step02-price {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.legacy-page-content .step02-price dl {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		align-items: center;
		width: 100%;
	}
	.legacy-page-content .step02-price dl+dl {
		margin-top: 12px;
	}
	.legacy-page-content .step02-price dt {
		width: 150px;
	}
	.legacy-page-content .step02-price dt::after {
		display: none;
	}
	.legacy-page-content .step02-price dd {
		width: calc(100% - 166px);
		text-align: left;
		margin-top: 0;
	}
}

/* step02New */
.legacy-page-content .step02n li {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 40px;
}
.legacy-page-content .step02n li:nth-of-type(n + 2) {
	margin-top: 50px;
}
.legacy-page-content .step02n figure {
	width: calc((100% - 40px) / 2);
	position: relative;
	border: 1px solid #1d3256;
}
.legacy-page-content .step02n figure, .legacy-page-content .step02n figure img {
	border-radius: 6px;
}
.legacy-page-content .step02n figure img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
}
.legacy-page-content .step02n figcaption {
	background-color: #1d3256;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 0 10px 2px;
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: -10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 640px) {
	.legacy-page-content .step02n li:nth-of-type(n + 2) {
		margin-top: 30px;
	}
	.legacy-page-content .step02n figure {
		width: 100%;
	}
}

/* step03 */
.legacy-page-content #step03 {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 50px 40px;
}
.legacy-page-content #step03 > * {
	width: calc((100% - 80px) / 3);
}
.legacy-page-content #step03 dt {
	font-family: var(--font-serif);
	font-weight: 700;
	margin-top: 20px;
}
.legacy-page-content #step03 dd {
	margin-top: 10px;
}
@media screen and (max-width: 960px) {
	.legacy-page-content #step03 {
		gap: 40px 20px;
	}
	.legacy-page-content #step03 > * {
		width: calc((100% - 20px) / 2);
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content #step03 > * {
		width: 100%;
	}
}

/* mukuzai */
.legacy-page-content #mukuzai {
	padding-bottom: 120px;
}
.legacy-page-content .title-mukuzai {
	font-family: var(--font-serif);
	font-weight: bold;
}
.legacy-page-content .title-mukuzai span {
	display: block;
	font-family: "district-pro", sans-serif !important;
	-webkit-text-stroke: 0.5px;
	font-size: 24px;
	font-weight: 700;
}
.legacy-page-content .size-ul, .legacy-page-content .size-ur {
	width: 100%;
	max-width: calc(1115px + ((100vw - 1115px) / 2));
}
.legacy-page-content .size-ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.legacy-page-content .size-ul > div {
	width: 565px;
	padding: 110px 25px 110px 0;
}
.legacy-page-content .size-ul > figure {
	width: calc(100% - 645px);
}
.legacy-page-content .size-ur {
	display: -webkit-box;
	display: flex;
	margin: 40px 0 0 auto;
}
.legacy-page-content .size-ur > div {
	width: 625px;
	padding: 30px 80px 30px 25px;
}
.legacy-page-content .size-ur > figure {
	width: calc(100% - 625px);
	max-width: 490px;
}
.legacy-page-content #mukuzai figure {
	position: relative;
}
.legacy-page-content #mukuzai figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.legacy-page-content .d-list-mukuzai {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #000;
}
.legacy-page-content .d-list-mukuzai dt {
	width: 7em;
	text-align: right;
}
.legacy-page-content .d-list-mukuzai dd {
	width: calc(100% - 7em);
	padding-left: 1em;
}
@media screen and (max-width: 960px) {
	.legacy-page-content .size-ul > div {
		width: 505px;
		padding: 110px 25px 110px 0;
	}
	.legacy-page-content .size-ul > figure {
		width: calc(100% - 545px);
	}
	.legacy-page-content .size-ur > div {
		width: 545px;
		padding: 30px 40px 30px 25px;
	}
	.legacy-page-content .size-ur > figure {
		width: calc(100% - 545px);
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content #mukuzai {
		padding-bottom: 60px;
	}
	.legacy-page-content .title-mukuzai {
		text-align: center;
	}
	.legacy-page-content .size-ul, .legacy-page-content .size-ur {
		width: 100%;
		max-width: none;
		padding: 0 25px;
	}
	.legacy-page-content .size-ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
	}
	.legacy-page-content .size-ul > div {
		width: 100%;
		padding: 60px 0 0;
	}
	.legacy-page-content .size-ul > figure {
		width: calc(100% + 25px);
		margin-left: -25px;
	}
	.legacy-page-content .size-ur {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
		margin: 40px 0 0;
	}
	.legacy-page-content .size-ur .title-mukuzai {
		text-align: left;
	}
	.legacy-page-content .size-ur > div {
		width: 100%;
		padding: 30px 0 0;
	}
	.legacy-page-content .size-ur > figure {
		width: 100%;
		max-width: none;
	}
	.legacy-page-content #mukuzai figure img {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: unset;
		transform: unset;
	}
	.legacy-page-content .d-list-mukuzai {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.legacy-page-content .d-list-mukuzai dt {
		width: 100%;
		text-align: left;
	}
	.legacy-page-content .d-list-mukuzai dd+dt {
		margin-top: 1em;
	}
	.legacy-page-content .d-list-mukuzai dd {
		width: 100%;
		padding-left: 0;
	}
}

/* spec */
.legacy-page-content .spec-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	gap: 70px 100px;
}
.legacy-page-content .spec-list > * {
	width: calc((100% - 200px) / 3);
}
.legacy-page-content .spec-list dt {
	font-size: 18px;
	font-family: var(--font-serif);
	margin-top: 24px;
}
.legacy-page-content .spec-list dd {
	margin-top: 16px;
}
@media screen and (max-width: 960px) {
	.legacy-page-content .spec-list {
		gap: 40px;
	}
	.legacy-page-content .spec-list > * {
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content .spec-list > * {
		width: 100%;
	}
}

/* flow */
.legacy-page-content .flow-list dl {
	border-left: 1px solid #000;
	position: relative;
}
.legacy-page-content .flow-list li:last-child dl {
	border-left-width: 0;
}
.legacy-page-content .flow-list dt {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 40px;
	font-family: var(--font-serif);
	font-weight: 500;
	padding-left: 40px;
	position: relative;
}
.legacy-page-content .flow-list dt span {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: #fff;
	width: 40px;
	height: 40px;
	font-size: 18px;
	font-family: var(--font-noto);
	font-size: 15px;
	border: 1px solid #000;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.legacy-page-content .flow-list dd {
	padding: 10px 0 70px 40px;
}
.legacy-page-content .flow-list > li:last-child dd {
	padding: 10px 0 0 40px;
}
.legacy-page-content .flow-anchor {
	display: -webkit-box;
	display: flex;
	gap: 10px;
}
.legacy-page-content .flow-anchor > * {
	width: calc((100% - 10px) / 2);
}
.legacy-page-content .flow-anchor-s > * {
	width: 100%;
}
.legacy-page-content .flow-anchor a {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: #fff;
	height: 85px;
	border: 1px solid #000;
	position: relative;
	transition: .2s ease-out;
}
.legacy-page-content .flow-anchor a::after {
	display: block;
	content: "";
	background: url("../images/triple/ico_arrow.svg") center / contain no-repeat;
	width: 10px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 20px;
	filter: brightness(0);
	transition: inherit;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.legacy-page-content .flow-anchor a:hover {
	background-color: #000;
	color: #fff;
}
.legacy-page-content .flow-anchor a:hover::after {
	filter: brightness(1);
}
@media screen and (max-width: 960px) {
	.legacy-page-content .flow-image {
		display: none;
	}
	.legacy-page-content .flow-list li {
		padding-left: 50px;
		position: relative;
	}
	.legacy-page-content .flow-list li:nth-child(4)::before, .legacy-page-content .flow-list li:nth-child(5)::before, .legacy-page-content .flow-list li:nth-child(6)::before, .legacy-page-content .flow-list li:nth-child(9)::before, .legacy-page-content .flow-list li:nth-child(10)::before, .legacy-page-content .flow-list li:nth-child(11)::before {
		display: block;
		content: "";
		background-color: #000;
		width: 1px;
		height: calc(100% + 40px);
		position: absolute;
		top: 0;
		left: 0;
	}
	.legacy-page-content .flow-list li:nth-child(4)::after, .legacy-page-content .flow-list li:nth-child(9)::after {
		display: block;
		content: "";
		background-color: #000;
		width: 9px;
		height: 1px;
		position: absolute;
		top: 0;
		left: -4px;
	}
	.legacy-page-content .flow-list li:nth-child(6)::after, .legacy-page-content .flow-list li:nth-child(11)::after {
		display: block;
		content: "";
		background-color: #000;
		width: 9px;
		height: 1px;
		position: absolute;
		bottom: -40px;
		left: -4px;
	}
	.legacy-page-content .flow-list li:nth-child(5)::after, .legacy-page-content .flow-list li:nth-child(10)::after {
		display: block;
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		width: 14px;
		height: 100px;
		position: absolute;
		top: 50%;
		left: -7px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.legacy-page-content .flow-list li:nth-child(5)::after {
		background-image: url("../images/triple/flow_2m.svg");
	}
	.legacy-page-content .flow-list li:nth-child(10)::after {
		background-image: url("../images/triple/flow_4m.svg");
	}
}
@media screen and (max-width: 740px) {
	.legacy-page-content .flow-anchor {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 20px;
	}
	.legacy-page-content .flow-anchor > * {
		width: 100%;
	}
}

/* series */
.legacy-page-content #series {
	padding-bottom: 120px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content #series {
		padding-bottom: 60px;
	}
}

.legacy-page-content .series-list {
	display: flex;
	flex-wrap: wrap;
	gap: 80px 60px;
	margin-top: 60px;
}

.legacy-page-content .series-list li {
	width: calc((100% - 120px) / 3);
	padding-top: 22px;
	position: relative;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .series-list li {
		display: flex;
		column-gap: 18px;
		width: 100%;
		padding-top: 0;
	}
	.legacy-page-content .series-list li:first-child {
		border-top: 1px solid #8792a4;
		padding-top: 40px;
	}
}

.legacy-page-content .series-list li + li::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #8792a4;
	position: absolute;
	top: 0;
	left: -30px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .series-list li + li::before {
		width: 100%;
		height: 1px;
		top: -40px;
		left: 0;
	}

	.legacy-page-content .series-list .textbox {
		width: 130px;
	}
}

.legacy-page-content .series-list .tit {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.legacy-page-content .series-list .text {
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .series-list .text {
		text-align: justify;
	}
}

.legacy-page-content .series-list .imgbox {
	/* Keep the source image's 1000 x 667 ratio so object-fit does not crop it. */
	aspect-ratio: 1000 / 667;
	margin-top: 50px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .series-list .imgbox {
		aspect-ratio: 1000 / 667;
		margin-top: 0;
		flex: 1;
		margin-right: -25px;
	}
}

@media screen and (max-width: 375px) {
	.legacy-page-content .series-list .imgbox {
		aspect-ratio: 1000 / 667;
		margin-top: 0;
		width: calc(100% - 130px);
		margin-right: -25px;
	}
}


@media screen and (max-width: 640px) {

}

.legacy-page-content .series-list .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Step */
.legacy-page-content #step-flow {
	padding-top: 123px;
	padding-bottom: 115px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content #step-flow {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

.legacy-page-content .step-flow-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 57px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .step-flow-list {
		margin-top: 37px;
	}
}

.legacy-page-content .step-flow-list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	width: calc(100% / 3);
	min-height: 160px;
	padding-right: 50px;
	padding-left: 50px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .step-flow-list li {
		width: 100%;
	}
}

.legacy-page-content .step-flow-list li:first-child {
	background-color: #445573;
	clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0% 100%);
}

.legacy-page-content .step-flow-list li:nth-child(2) {
	background-color: #304364;
	clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%, 3% 50%);
}

.legacy-page-content .step-flow-list li:nth-child(3) {
	background-color: #1d3256;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 3% 50%);
}

@media screen and (max-width: 640px) {
	.legacy-page-content .step-flow-list li:first-child {
		clip-path: polygon(0 0, 100% 0, 100% 94%, 50% 100%, 0% 94%);
	}
	
	.legacy-page-content .step-flow-list li:nth-child(2) {
		clip-path: polygon(0 0, 50% 6%, 100% 0, 100% 94%, 50% 100%, 0 94%);
	}
	
	.legacy-page-content .step-flow-list li:nth-child(3) {
		clip-path: polygon(0 0, 50% 6%, 100% 0, 100% 100%, 0 100%);
	}
}

.legacy-page-content .step-flow-list .tit {
	font-size: 18px;
	font-weight: bold;
}

.legacy-page-content .step-flow-list .text {
	display: flex;
	align-items: center;
	min-height: 60px;
	margin-top: 15px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .step-flow-list .text {
		min-height: auto;
		margin-top: 10px;
	}
	.legacy-page-content .step-flow-list .textbox {
		max-width: 175px;
		width: 100%;
		margin-inline: auto;
	}
}

/* Step1 */
.legacy-page-content .step-grid-up {
	column-gap: 190px;
}

.legacy-page-content .step-grid > *.step-01:nth-child(1) {
	width: 240px;
	height: max-content;
	padding-top: 58px;
	position: sticky;
	top: 100px;
}

@media screen and (max-width: 960px) {
	.legacy-page-content .step-grid > *.step-01:nth-child(1) {
		padding-top: 0;
		position: relative;
		top: auto;
	}
}

.legacy-page-content .step-grid > *.step-01:nth-child(1) .title-03 {
	font-size: 22px;
}

@media screen and (max-width: 960px) {
	.legacy-page-content .step-grid > *.step-01:nth-child(1) {
		width: 100%;
	}
}

.legacy-page-content .step02-bl-up {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #1d3256;
	min-height: 120px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 35px;
	position: relative;
}

.legacy-page-content .step02-bl-up::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: #1d3256;
	position: absolute;
	right: -6px;
	transform: rotate(45deg);
}

@media screen and (max-width: 960px) {
	.legacy-page-content .step02-bl-up::after {
		right: 50%;
		transform: translateX(50%) rotate(45deg);
		bottom: -6px;
	}
}

.legacy-page-content .step02-bl-up dt {
	font-weight: 500;
}

.legacy-page-content .step02-bl-up dd {
	font-size: 14px;
	margin-top: 10px;
}

.legacy-page-content .plan-list {
	flex: 1;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .step-grid > *.plan-list {
		margin-top: 60px;
	}
}

.legacy-page-content .plan-list li {
	padding-top: 58px;
	padding-bottom: 22px;
	position: relative;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-list li {
		padding-top: 0;
	}
}

.legacy-page-content .plan-list li + li {
	margin-top: 120px;
}

.legacy-page-content .plan-list li::before {
	content: '';
	display: block;
	background-color: #1d3256;
	width: 1px;
	height: 100%;
	position: absolute;
	left: -95px;
	top: 0;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-list li::before {
		width: 100%;
		height: 1px;
		left: 0;
		top: -60px;
	}
}

.legacy-page-content .plan-list .num {
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: bold;
}

.legacy-page-content .plan-list .num span {
	font-size: 1.4em;
}

.legacy-page-content .plan-list .tit {
	font-size: 20px;
	font-weight: 500;
	margin-top: 55px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-list .tit {
		margin-top: 35px;
	}
}

.legacy-page-content .plan-list .tit span {
	display: block;
	font-size: 16px;
}

.legacy-page-content .plan-list .text {
	margin-top: 60px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-list .text {
		margin-top: 35px;
	}
}

.legacy-page-content .plan-drawing {
	display: flex;
	flex-wrap: wrap;
	gap: 35px 20px;
	margin-top: 45px;
}

.legacy-page-content .plan-drawing figure {
	width: calc((100% - 20px) / 2);
}

/* Floor-plan artwork must remain fully visible. Override the legacy global
   max-height rule, which can clip these images inside flex items. */
.legacy-page-content .plan-drawing img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
}

.legacy-page-content .plan-drawing figure.w420 {
	max-width: 420px;
	width: 100%;
	margin-inline: auto;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-drawing figure {
		width: 100%;
		margin-top: 30px;
	}
}

.legacy-page-content .plan-drawing figcaption {
	font-size: 14px;
	font-weight: 500;
	margin-top: 25px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-drawing figcaption {
		margin-top: 15px;
	}
}

.legacy-page-content .plan-panel {
	display: flex;
	margin-top: 52px;
	gap: 28px 19px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-panel {
		flex-direction: column;
		margin-top: 25px;
	}
}

.legacy-page-content .plan-panel .imgbox {
	flex: 1;	
}

.legacy-page-content .plan-panel .imgbox img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
}

.legacy-page-content .plan-panel .imgbox figcaption {
	font-size: 14px;
	font-weight: 500;
	margin-top: 25px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-panel .imgbox figcaption {
		margin-top: 15px;
	}
}

.legacy-page-content .plan-panel .box {
	width: 360px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-panel .box {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 10px;
	}
	.legacy-page-content .plan-panel .box .plan-wrapper:nth-child(2) {
		order: -1;
	}
}

.legacy-page-content .plan-wrapper {
	display: flex;
	gap: 10px 20px;
}
@media screen and (min-width: 641px) {
	.legacy-page-content .plan-wrapper.price {
		align-items: center;
	}
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-wrapper {
		flex-direction: column;
	}
}

.legacy-page-content .plan-wrapper + .plan-wrapper {
	margin-top: 50px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-wrapper + .plan-wrapper {
		margin-top: 0;
	}
}

.legacy-page-content .plan-wrapper .tit-02 {
	font-family: var(--font-serif);
	font-size: 18px;
	font-weight: 500;
	width: 40px;
	padding-top: 25px;
}

.legacy-page-content .plan-wrapper.price .tit-02 {
	padding-top: 0;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .plan-wrapper .tit-02 {
		padding-top: 0;
	}
}

.legacy-page-content .plan-wrapper .text-02 {
	max-width: max-content;
	border-bottom: 1px solid #232323;
}

.legacy-page-content .plan-wrapper .details {
	flex: 1;
}

.legacy-page-content .plan-wrapper .details p {
	font-size: 14px;
}

.legacy-page-content .plan-table {
	width: 100%;
}

.legacy-page-content .plan-table tr {
	border-bottom: 1px solid #8792a4;
}

.legacy-page-content .plan-table tr * {
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.01em;
}

.legacy-page-content .plan-table tr *:nth-child(odd) {
	background-color: #eef0f1;
}

/* ダンパー */
.legacy-page-content .damper-panel {
	display: flex;
	align-items: center;
	gap: 30px 80px;
	margin-top: 60px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .damper-panel {
		flex-direction: column;
		margin-top: 45px;
	}
	
}

.legacy-page-content .damper-panel .imgbox {
	aspect-ratio: 490 / 320;
	flex: 1;
}

.legacy-page-content .damper-panel .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.legacy-page-content .damper-panel .textbox {
	width: 520px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .damper-panel .textbox {
		width: 100%;
	}
}

.legacy-page-content #header h1.triple-tit {
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	letter-spacing: 0.3em;
}

.legacy-page-content .triple-subtit {
	font-size: 24px;
}

.legacy-page-content .triple-subtit span {
	display: block;
	font-size: 20px;
}

/* tripleカタログ追加 */
.legacy-page-content .triple-catalog-wrap {
    margin: 50px auto;
    max-width: 600px;
    width: 100%;
}
.legacy-page-content .triple-catalog-img {
	display: flex;
	justify-content: space-between;
    margin: 0 auto 30px;
}
.legacy-page-content .triple-catalog-img figure {
	width: calc(50% - 15px);
}
.legacy-page-content .triple-catalog-ttl {
	font-family: var(--font-serif);
	text-align: center;
	font-size: 18px;
	margin-bottom: 16px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .triple-catalog-img {
		margin: 0 auto 25px;
	}
	.legacy-page-content .triple-catalog-img figure {
		width: calc(50% - 10px);
	}
	.legacy-page-content .triple-catalog-ttl {
		font-size: 16px;
		margin-bottom: 25px;
	}
}

/* japandiバナー */
.legacy-page-content .bnr_japandi {
	width: 100%;
	max-width: 810px;
	margin-inline: auto;
	padding-right: 25px;
	padding-left: 25px;
}
.legacy-page-content .bnr_japandi.mb80 {
	margin-bottom: 80px;
}
.legacy-page-content .bnr_japandi img {
	display: block;
	width: 100%;
}

/* ===== triple02.css ===== */


.legacy-page-content figure {
	margin-bottom: 0;
}

/* RECOMMEND */
.legacy-page-content .recommend {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 80px 60px;
}
.legacy-page-content .recommend > * {
	width: calc((100% - 120px) / 3);
}
.legacy-page-content .recommend dl {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}
@media screen and (max-width: 640px) {
	.legacy-page-content .recommend {
		gap: 60px;
	}
	.legacy-page-content .recommend > * {
		width: 100%;
	}
}

/* points */
.legacy-page-content .points li {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
.legacy-page-content .points li:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
}
.legacy-page-content .points li+li {
	margin-top: 90px;
}
.legacy-page-content .point01 dl {
	width: 40%;
}
.legacy-page-content .point01 figure {
	width: 55%;
}
.legacy-page-content .point02 dl {
	width: 36%;
}
.legacy-page-content .point02 figure {
	width: 59%;
	position: relative;
}
.legacy-page-content .point03 dl, .legacy-page-content .point04 dl {
	width: 50%;
}
.legacy-page-content .point03 figure, .legacy-page-content .point04 figure {
	width: 45%;
}
.legacy-page-content .point05 dl {
	order: 2;
	width: calc(95% - 155px);
}
.legacy-page-content .point05 figure {
	order: 1;
	width: 155px;
}
.legacy-page-content .point02 figure img:nth-of-type(2) {
	width: 16%;
	position: absolute;
	top: 40%;
	right: -9%;
}
@media screen and (max-width: 640px) {
	.legacy-page-content .points li, .legacy-page-content .points li:nth-of-type(2n) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.legacy-page-content .points li.point03, .legacy-page-content .points li.point04, .legacy-page-content .points li.point05 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
	}
	.legacy-page-content .points li+li {
		margin-top: 70px;
	}
	.legacy-page-content .point06, .legacy-page-content .point02 {
		padding-top: 50px;
		margin-top: 50px;
		border-top: 1px solid #787878;
	}	
	.legacy-page-content .point01 dl, .legacy-page-content .point02 dl, .legacy-page-content .point03 dl, .legacy-page-content .point04 dl, .legacy-page-content .point05 dl, .legacy-page-content .point01 figure, .legacy-page-content .point02 figure, .legacy-page-content .point03 figure, .legacy-page-content .point04 figure, .legacy-page-content .point05 figure {
		width: 100%;
	}
	.legacy-page-content .point01 figure, .legacy-page-content .point02 figure {
		margin-top: 40px;
	}
	.legacy-page-content .point03 figure, .legacy-page-content .point04 figure, .legacy-page-content .point05 figure {
		margin-bottom: 40px;
	}
	.legacy-page-content .point02 figure img:nth-of-type(2) {
		display: none;
	}
	.legacy-page-content .point05 dl {
		order: 1;
	}
	.legacy-page-content .point05 figure {
		order: 2;
	}
}

/* construction */
.legacy-page-content .construction-outer {
	padding-bottom: 120px;
}
.legacy-page-content .construction-outer h2 {
	padding: 0 25px;
}
.legacy-page-content .construction {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	max-width: calc(((100% - 1140px) / 2) + 1140px);
	margin: 0 0 0 auto;
}
.legacy-page-content .construction-text {
	width: 600px;
	padding: 20px 80px 80px 25px;
}
.legacy-page-content .construction-text > dd+dd {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #787878;
}
.legacy-page-content .construction-image {
	width: calc(100% - 600px);
	position: relative;
	overflow: hidden;
}
.legacy-page-content .construction-image img {
	width: 100%;
	height: 100%;
	object-position: center bottom;
	object-fit: cover;
	/* position: absolute;
	top: 0;
	left: 0; */
}
@media screen and (max-width: 640px) {

	.legacy-page-content .construction-outer {
		padding-bottom: 60px;
	}
	.legacy-page-content .construction {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
		padding: 0 25px 60px;
	}
	.legacy-page-content .construction-text {
		width: 100%;
		padding: 30px 0 0;
	}
	.legacy-page-content .construction-image {
		width: 100%;
	}
}

/* performance */
.legacy-page-content .performance-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	gap: 70px 100px;
}
.legacy-page-content .performance-list > * {
	width: calc((100% - 200px) / 3);
}
.legacy-page-content .performance-list dt {
	font-size: 18px;
	font-family: var(--font-serif);
	margin-top: 24px;
}
.legacy-page-content .performance-list dd {
	margin-top: 16px;
}
.legacy-page-content .performance-anchor {
	display: -webkit-box;
	display: flex;
	gap: 10px;
}
.legacy-page-content .performance-anchor > * {
	width: calc((100% - 10px) / 2);
}
.legacy-page-content .performance-anchor a {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: var(--color-b);
	height: 85px;
	border: 1px solid #fff;
	position: relative;
	transition: .2s ease-out;
}
.legacy-page-content .performance-anchor a::after {
	display: block;
	content: "";
	background: url("../images/triple02/ico_arrow.svg") center / contain no-repeat;
	width: 10px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	transition: inherit;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.legacy-page-content .performance-anchor a:hover {
	background-color: #fff;
	color: #1d3256;
}
.legacy-page-content .performance-anchor a:hover::after {
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0);
}
@media screen and (max-width: 960px) {
	.legacy-page-content .performance-list {
		gap: 40px;
	}
	.legacy-page-content .performance-list > * {
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (max-width: 740px) {
	.legacy-page-content .performance-anchor {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 20px;
	}
	.legacy-page-content .performance-anchor > * {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.legacy-page-content .performance-list > * {
		width: 100%;
	}
}


/* ダンパー */
.legacy-page-content .damper-panel {
	display: flex;
	align-items: center;
	gap: 30px 80px;
	margin-top: 60px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .damper-panel {
		flex-direction: column;
		margin-top: 45px;
	}
	
}

.legacy-page-content .damper-panel .imgbox {
	aspect-ratio: 490 / 320;
	flex: 1;
}

.legacy-page-content .damper-panel .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.legacy-page-content .damper-panel .textbox {
	width: 520px;
}

@media screen and (max-width: 640px) {
	.legacy-page-content .damper-panel .textbox {
		width: 100%;
	}
}