@charset "utf-8";


/*  l-plan
--------------------------------------------------*/
.l-detail {
	padding-block: 15.0rem 20.0rem;
}
.detail-inner {
	max-width: 1340px;
}
.detail-info {
	width: 100%;
	margin-bottom: 5.5rem;
}
.detail-info__type {
	width: calc(364 / 1340 * 100%);
}
.detail-info__type__ttl {
	position: relative;
    width: 20px;
    text-align: center;
}
.detail-info__type__ttl span {
    position: relative;
    display: inline-block;
    padding-top: 12.5rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .05em;
    color: #6e6960;
}
.detail-info__type__ttl span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 9.0rem;
    background: #d3d2cf;
}
.detail-info__type__heading {
	position: relative;
	width: calc(200 / 364 * 100%);
	height: 20.0rem;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: .1em;
	color: var(--white);
	text-align: center;
	background: #6e6960;
	padding-bottom: 2.0rem;
}
.detail-info__type__heading em {
	display: block;
	font-size: 3.0em;
	line-height: 1;
}
.detail-info__type__heading i {
	display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: .8em;
    line-height: 1;
    text-align: center;
    background: #54514a;
    padding-block: .9rem 1.0rem;
}
.detail-info__spec {
	width: calc(856 / 1340 * 100%);
}
.detail-info__spec__floor {
	gap: 3.0rem 6.0rem;
	margin-bottom: 2.5rem;
}
.detail-info__spec__floor__room {
	font-size: 3.0rem;
	line-height: 1.2;
	letter-spacing: .1em;
	overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}
.detail-info__spec__floor__room i {
	font-size: 1.666666666666667em;
	line-height: 1;
}
.detail-info__spec__floor__meter {
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: .02em;
}
.detail-info__spec__floor__meter em {
	font-size: 2.666666666666667em;
	line-height: 1;
	letter-spacing: .04em;
	padding-left: 1.0rem;
}
.detail-info__spec__floor__meter i {
	font-size: 1.333333333333333em;
	line-height: 1;
}
.detail-info__spec__other {
	gap: 2.0rem 4.0rem;
}
.detail-info__spec__other__item {
	gap: 0 2.0rem;
	/*gap: 0 2.0rem;*/
	gap: 0 1.0rem;
}
.detail-info__spec__other__item__heading {
	/*width: 17.0rem;
	height: 4.0rem;
	border: solid 1px #d3d2cf;*/
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0;
}
.detail-info__spec__other__item__desc {
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: 0;
}
.detail-info__spec__other__item__desc i {
	font-size: max(10px, 1.1rem);
}
.detail-contents {
	width: 100%;
}
.detail-side {
	width: calc(570 / 1340 * 100%);
	padding-top: 5.5rem;
}
.detail-point {
	position: relative;
	width: 100%;
	padding-bottom: 5.5rem;
	margin-bottom: 6.0rem;
}
.detail-point::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 13.0rem;
	height: 1px;
	background: #d3d2cf;
}
.detail-point__item {
	position: relative;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: .02em;
	padding-left: 4.5rem;
}
.detail-point__item + .detail-point__item {
	margin-top: 3.5rem;
}
.detail-point__item i {
	position: absolute;
	left: 0;
	top: .35em;
	font-size: 1.333333333333333em;
	line-height: 1;
	color: #6e6960;
}
.detail-legend {
	position: relative;
	width: 100%;
	padding-left: 4.5rem;
}
.detail-legend__mark {
	font-size: max(1.1rem,10px);
	letter-spacing: .1em;
	line-height: 1;
	gap: 1.0rem 2.5rem;
}
.detail-legend__mark i{
	display: inline-block;
	margin-right: 1.0rem;
	vertical-align: -.05em;
	width: max(3.0rem,27px);
}
.detail-legend__desc {
	font-size: max(1.1rem,10px);
	letter-spacing: .02em;
	line-height: 1;
	gap: 1.0rem 1.2rem;
	margin-top: 1.0rem;
}
.detail-btn {
	position: relative;
	width: 100%;
	padding-left: 4.5rem;
	margin-top: 10.0rem;
}
.detail-btn__item {
	position: relative;
	width: min(100%,320px);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	line-height: 1;
	letter-spacing: .1em;
	text-align: center;
	color: var(--white);
	background-color: #6e6960;
	border: solid 1px #6e6960;
	padding-bottom: .1em;
}
.detail-btn__item i {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    color: var(--white);
}
.detail-madori {
	width: calc(672 / 1340 * 100%);
}
.detail-madori__item {
	width: 100%;
	text-align: center;
}
.detail-madori__item img {
	max-width: var(--maxwidth);
	width: 100%;
}
@media (any-hover: hover){
	.detail-btn__item {
		transition: color .6s ease,background-color .6s ease;
	}
	.detail-btn__item:hover {
		color: #6e6960;
		background-color: var(--white);
	}
	.detail-btn__item i {
		transition: color .6s ease;
	}
	.detail-btn__item:hover i {
		color: #6e6960;
	}
}
@media screen and (max-width: 768px){
	.l-detail {
		padding-block: 10.0rem;
	}
	.detail-info {
	    margin-bottom: 3.5rem;
	}
	.detail-info__type {
		width: 100%;
		margin-bottom: 3.0rem;
	}
	.detail-info__type__ttl {
	    width: 12px;
	}
	.detail-info__type__ttl span {
	    padding-top: 8.0rem;
	    font-size: 1.2rem;
	}
	.detail-info__type__ttl span::before {
	    height: 7.0rem;
	}
	.detail-info__type__heading {
		width: calc(280 / 320 * 100%);
		height: 11.0rem;
		padding-bottom: 3.0rem;
	}
	.detail-info__type__heading em {
		display: inline;
		padding-right: .5rem;
	}
	.detail-info__type__heading i {
	    font-size: .6em;
	    padding-block: .9rem 1.0rem;
	}
	.detail-info__spec {
		width: 100%;
	}
	.detail-info__spec__floor {
		gap: 1.0rem 5.0rem;
		/*margin-bottom: 3.0rem;*/
		margin-bottom: 2.0rem;
	}
	.detail-info__spec__floor__room {
		width: 100%;
		font-size: 2.4rem;
	}
	.detail-info__spec__floor__meter {
		width: 100%;
		font-size: 1.2rem;
	}
	.detail-info__spec__floor__meter em {
		padding-left: 1.0rem;
	}
	.detail-info__spec__other {
		gap: 1.5rem 4.0rem;
	}
	.detail-info__spec__other__item {
		/*gap: 0 1.5rem;*/
		gap: 0 1.0rem;
	}
	.detail-info__spec__other__item__heading {
		/*height: 3.0rem;*/
		font-size: 1.2rem;
	}
	.detail-info__spec__other__item__desc {
		font-size: 1.8rem;
	}
	.detail-info__spec__other__item__desc i {
		font-size: 1.1rem;
	}
	.detail-contents {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.detail-side {
		width: 100%;
		padding-top: 0;
		display: contents;
	}
	.detail-point {
		padding-bottom: 4.5rem;
		margin-bottom: 5.0rem;
		order: 0;
	}
	.detail-point::after {
		width: 13.0rem;
	}
	.detail-point__item {
		font-size: 1.2rem;
        line-height: 1.8;
        letter-spacing: .04em;
		padding-left: 3.0rem;
	}
	.detail-point__item + .detail-point__item {
		margin-top: 1.5rem;
	}
	.detail-point__item i {
		top: .3em;
	}
	.detail-legend {
		padding-left: 0;
		order: 2;
	}
	.detail-legend__mark {
		font-size: 1.0rem;
		line-height: 1;
		gap: .8rem 1.0rem;
	}
	.detail-legend__mark i{
		margin-right: .7rem;
		width: 2.2rem;
	}
	.detail-legend__desc {
	    font-size: 1.0rem;
	    line-height: 1;
	    gap: .8rem .8rem;
	}
	.detail-btn {
		padding-left: 0;
		width: calc(320 / 340 * 100%);
		margin: 6.0rem auto 0;
		order: 2;
	}
	.detail-btn__item {
		width: 100%;
		height: 5.0rem;
		font-size: 1.4rem;
	}
	.detail-btn__item i {
		left: 2.0rem;
		font-size: 1.2rem;
	}
	.detail-madori {
		width: 100%;
		margin-bottom: 4.0rem;
		order: 1;
	}
	.detail-madori__item img {
		max-width: 100%;
	}
}




/*  l-equipment
--------------------------------------------------*/
.l-equipment {
	position: relative;
	padding-block: 17.0rem 12.0rem;
	background: #6e6960;
}
.equipment-scroll {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin-inline: auto;
	transform: translateY(-50%);
	width: 15px;
	height: 15.0rem;
	overflow: hidden;
	z-index: 1;
}
.equipment-scroll::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: #aeaba6;
}
.equipment-scroll i {
	position: absolute;
	left: 50%;
	top: -10%;
	transform: translateX(-50%) rotate(45deg);
	width: 7px;
	height: 7px;
	background: #bfbdb9;
	animation: scrollDown 2s infinite forwards;
	z-index: 1;
}
.equipment-head {
	margin-bottom: 8.5rem;
}
.equipment-head__ttl {
	font-size: 18px;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--white);
	text-align: center;
	margin-bottom: 5.0rem;
}
.equipment-head__heading {
    font-size: 2.8rem;
    line-height: 2;
    letter-spacing: .02em;
    color: var(--white);
    text-align: center;
}
.equipment-contents {
	width: 100%;
}
.equipment-box + .equipment-box {
	margin-top: 11.0rem;
}
.equipment-box__heading {
	width: 100%;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: .15em;
	color: var(--white);
	padding-left: 2.5rem;
	background: #615d55;
	padding-block: 1.8rem 2.0rem;
	border-top: solid 1px #54514a;
	margin-bottom: 4.0rem;
}
.equipment-box__list {
	width: 100%;
	gap: 5.0rem 4.0rem;
}
.equipment-box__list__item {
	position: relative;
	width: calc((100% - 12.0rem) / 4);
	gap: 2.5rem 0;
}
.equipment-box__list__item__figure {
	width: 100%;
}
.equipment-box__list__item__detail {
	width: 100%;
}
.equipment-box__list__item__detail__heading {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: .02em;
	color: var(--white);
	margin-bottom: 1.1rem;
}
.equipment-box__list__item__detail__heading span {
	position: relative;
	display: inline-block;
	padding-left: 2.2rem;
}
.equipment-box__list__item__detail__heading span::before {
	content: '';
	position: absolute;
	left: 0;
	top: .9em;
	width: 1.0rem;
	height: 1px;
	background: var(--white);
}
.equipment-box__list__item__detail__desc {
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: -.07em;
	color: var(--white);
	text-align: justify;
}
.equipment-box__list__item__detail__desc small {
	display: block;
	font-size: .733333333333333em;
	line-height: 1.75;
	margin-top: .5rem;
}
@keyframes scrollDown{
	0%{ top: -10%; }
	100%{ top: 110%; }
}
@media screen and (min-width: 769px){
	.equipment-box3 .equipment-box__list__item {
		width: calc((100% - 4.0rem) / 2);
	}
	.equipment-box3 .equipment-box__list__item__figure {
		width: calc(330 / 700 * 100%);
	}
	.equipment-box3 .equipment-box__list__item__detail {
		width: calc(330 / 700 * 100%);
	}
}
@media screen and (max-width: 768px){
	.l-equipment {
		padding-block: 7.0rem 8.0rem;
	}
	.equipment-scroll {
		height: 8.0rem;
	}
	.equipment-scroll::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 1px;
		height: 100%;
		background: #aeaba6;
	}
	.equipment-scroll i {
		width: 5px;
		height: 5px;
	}
	.equipment-head {
		margin-bottom: 4.0rem;
	}
	.equipment-head__ttl {
		font-size: 12px;
		margin-bottom: 27px;
	}
	.equipment-head__heading {
        font-size: 1.8rem;
        line-height: 1.777777777777778;
	}
	.equipment-box + .equipment-box {
		margin-top: 6.0rem;
	}
	.equipment-box__heading {
		font-size: 1.4rem;
		padding-left: 2.0rem;
		padding-block: 1.3rem 1.4rem;
		margin-bottom: 3.0rem;
	}
	.equipment-box__list {
		width: 100%;
		gap: 5.0rem 0;
	}
	.equipment-box__list__item {
		width: 100%;
		gap: 2.0rem 0;
	}
	.equipment-box__list__item__detail__heading {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.equipment-box__list__item__detail__heading span {
		padding-left: 2.2rem;
	}
	.equipment-box__list__item__detail__heading span::before {
		top: .9em;
		width: 1.0rem;
	}
	.equipment-box__list__item__detail__desc {
		font-size: 1.2rem;
        line-height: 1.8;
		letter-spacing: .04em;
	}
	.equipment-box__list__item__detail__desc small {
		font-size: 1.0rem;
	}
}