@charset "utf-8";


/*  l-equipment
--------------------------------------------------*/
.l-equipment {
	position: relative;
	padding-block: 14.5rem 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: 14.5rem;
}
.equipment-head__ttl {
	font-size: 18px;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--white);
	text-align: center;
}
.equipment-contents {
	width: 100%;
}
.equipment-box + .equipment-box {
	margin-top: 10.0rem;
}
.equipment-box__item {
	position: relative;
	gap: 2.5rem 0;
}

/* equipment-box1 */
.equipment-box1__item {
	width: calc(790 / 1440 * 100%);
}
.equipment-box1__item1 {
	width: calc(900 / 1440 * 100%);
}
.equipment-box1__item2 {
	margin-top: calc(-100 / 1440 * 100%);
	margin-left: auto;
}
.equipment-box1__item2 {
	margin-top: calc(-100 / 1440 * 100%);
	margin-left: auto;
}
.equipment-box1__item__figure {
	width: calc(440 / 790 * 100%);
}
.equipment-box1__item__detail {
	width: calc(310 / 790 * 100%);
}
.equipment-box1__item1 .equipment-box1__item__figure {
	width: calc(550 / 900 * 100%);
}
.equipment-box1__item1 .equipment-box1__item__detail {
	width: calc(310 / 900 * 100%);
}



/* equipment-box2 */
.equipment-box2 {
	padding: 6.0rem;
	background: #54514a;
}
.equipment-box2__item1 {
	width: 100%;
}
.equipment-box2__item1__detail {
	width: calc(440 / 1320 * 100%);
}
.equipment-box2__item1__detail__figure {
	width: 100%;
	margin-top: 10.0rem;
}
.equipment-box2__item1__figure {
	width: calc(820 / 1320 * 100%);
}
.equipment-box2__item2 {
	width: 100%;
	margin-top: 8.0rem;
}
.equipment-box2__item2__figure {
	width: calc(340 / 820 * 100%);
}
.equipment-box2__item2__inner {
	width: 100%;
}
.equipment-box2__item2__detail {
	width: 100%;
}
.equipment-box2__item2__detail__heading {
	position: relative;
	font-size: 2.4rem;
	line-height: 2.083333333333333;
	letter-spacing: .02em;
	color: var(--white);
	text-align: center;
	padding: 1.6rem 1rem 1.8rem;
	border: solid 1px rgba(255, 255, 255, .5);
	width: calc(440 / 1320 * 100%);
}
.equipment-box2__item2__detail__desc {
	font-size: 1.3rem;
	line-height: 2.153846153846154;
	letter-spacing: .02em;
	color: var(--white);
}
.equipment-box2__item2__detail__desc:nth-child(2) {
	width: calc(470 / 1320 * 100%);
}
.equipment-box2__item2__detail__desc:nth-child(3) {
	width: calc(310 / 1320 * 100%);
}
.equipment-box2__item2__detail__desc span {
	display: block;
	font-size: 1.384615384615385em;
}


/* equipment-box3 */
.equipment-box3__item {
	width: calc(690 / 1440 * 100%);
}
.equipment-box__heading {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: .02em;
	color: var(--white);
	margin-bottom: 1.1rem;
}
.equipment-box1__item2 .equipment-box__heading {
	text-align: right;
}
.equipment-box__heading span {
	position: relative;
	display: inline-block;
	padding-left: 2.2rem;
}
.equipment-box__heading span::before {
	content: '';
	position: absolute;
	left: 0;
	top: .9em;
	width: 1.0rem;
	height: 1px;
	background: var(--white);
}
.equipment-box__desc {
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: -.07em;
	color: var(--white);
	text-align: justify;
}
.equipment-box__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 (max-width: 1000px){
	.equipment-box1__item {
		width: 100%;
	}
	.equipment-box1__item2 {
		margin-top: calc(100 / 1440 * 100%)
	}
}
@media screen and (max-width: 768px){
	.l-equipment {
		padding-block: 8.4rem 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.5rem;
	}
	.equipment-head__ttl {
		font-size: 12px;
	}
	.equipment-box + .equipment-box {
		margin-top: 5.0rem;
	}
	.equipment-box__item {
		gap: 2.0rem 0;
	}

	
	.equipment-box__heading {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.equipment-box__heading span {
		padding-left: 2.2rem;
	}
	.equipment-box__heading span::before {
		top: .9em;
		width: 1.0rem;
	}
	.equipment-box__desc {
		font-size: 1.2rem;
        line-height: 1.8;
		letter-spacing: .04em;
	}
	.equipment-box__desc small {
		font-size: 1.0rem;
	}



	/* equipment-box1 */
	.equipment-box1__item {
		width: 100%;
	}
	.equipment-box1__item2 {
		margin-top: 5.0rem;
	}
	.equipment-box1__item2 .equipment-box__heading {
		text-align: left;
	}
	.equipment-box1__item__figure {
		width: 100%;
	}
	.equipment-box1__item__detail {
		width: 100%;
	}
	.equipment-box1__item1 .equipment-box1__item__figure {
		width: 100%;
	}
	.equipment-box1__item1 .equipment-box1__item__detail {
		width: 100%;
	}

	/* equipment-box2 */
	.equipment-box2 {
		padding: 3rem 2.0rem 4rem;
	}
	.equipment-box2__item1 {
		width: 100%;
	}
	.equipment-box2__item1__detail {
	    width: 100%;
	}
	.equipment-box2__item1__figure {
	    width: 100%;
	}
	.equipment-box2__item1__detail__figure {
	    margin-top: 3.0rem;
	}
	.equipment-box2__item2 {
		width: 100%;
		margin-top: 5.0rem;
	}
	.equipment-box2__item2__inner {
		width: 100%;
	}
	.equipment-box2__item2__detail {
		width: 100%;
	}
	.equipment-box2__item2__detail__heading {
		font-size: 1.6rem;
        text-align: center;
		margin-bottom: 2.5rem;
		padding: .8rem 1.0rem 1.0rem;
		width: 100%;
	}
	.equipment-box2__item2__detail__desc {
		font-size: 1.2rem;
        line-height: 1.8;
		letter-spacing: .04em;
	}
	.equipment-box2__item2__detail__desc:nth-child(2) {
		width: 100%;
	}
	.equipment-box2__item2__detail__desc:nth-child(3) {
		width: 100%;
	}
	.equipment-box2__item2__detail__desc + .equipment-box2__item2__detail__desc {
		margin-top: 2.0rem;
	}
	.equipment-box2__item2__detail__desc span {
	    font-size: 1.2em;
	    margin-bottom: 1.0rem;
	}
	.equipment-box2__item2__figure {
		width: 100%;
	}

	/* equipment-box3 */
	.equipment-box3__item {
		width: 100%;
	}
	.equipment-box3__item + .equipment-box3__item {
		margin-top: 5.0rem;
	}
}


/*  sec
--------------------------------------------------*/
.sec-wrapper {
	padding-block: 17.0rem 15.0rem;
}
.sec {
	position: relative;
}
.sec + .sec {
	margin-top: 20.0rem;
}
.sec-head {
	margin-bottom: 8.5rem;
}
.sec-head__photo {
	width: calc(1140 / 1210 * 100%);
	margin-right: auto;
}
.sec-contents {
	position: relative;
	width: 100%;
}
.sec-contents__list {
	gap: 7.0rem 4.0rem;
}
.sec-contents__list__item {
	width: calc((100% - 12.0rem) / 4);
}
.sec-contents__list__item__btn {
	position: relative;
	border: none;
	outline: none;
	font: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	width: 100%;
	padding: 0;
}
.sec-contents__list__item__btn:focus-visible {
    outline: auto;
}
.sec-contents__list__item__btn::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: calc(48 / 330 * 100%);
	aspect-ratio: 1 / 1;
	background: url('../img/icon_modal.svg') no-repeat center center /cover;
}
.sec-contents__list__item__detail {
	margin-top: 2.3rem;
}
.sec-contents__list__item__detail__heading {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.88888889;
	letter-spacing: .02em;
	padding-left: 2.5rem;
}
.sec-contents__list__item__detail__heading::before {
	content: '';
	position: absolute;
	left: 0;
	top: .95em;
	width: 1.0rem;
	height: 1px;
	background: #6e6960;
}
:root .iziModal-overlay {
	z-index: 10000 !important;
}
:root .iziModal {
	z-index: 10001 !important;
    background: transparent;
    box-shadow: none;
    display: none;
}
:root .loaded .iziModal {
	font-family: YakuHanMP, 'Shippori Mincho', "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
}
:root .iziModal-navigate {
    z-index: 10001 !important;
}
:root .sec-modal .iziModal-wrap{
	height: 100% !important;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-block: 15px;
    padding-inline: 15px;
}
:root .sec-modal .modalContents {
	position: relative;
}
:root .sec-modal .modalInner {
	width: 100%;
	margin-inline: auto;
	background: var(--white);
	padding-block: 60px;
}
:root .sec-modal .modalBox {
	width: calc(560 / 680 * 100%);
	margin-inline: auto;
}
:root .sec-modal .sec-modal__item__photo {
	width: 100%;
}
:root .sec-modal .sec-modal__item__photo img {
	width: 100%;
}
:root .sec-modal .sec-modal__item__detail {
	margin-top: 2.7rem;
}
:root .sec-modal .sec-modal__item__detail__heading {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.88888889;
	letter-spacing: .02em;
	padding-left: 2.5rem;
}
:root .sec-modal .sec-modal__item__detail__heading::before {
	content: '';
	position: absolute;
	left: 0;
	top: .95em;
	width: 1.0rem;
	height: 1px;
	background: #6e6960;
}
:root .sec-modal .sec-modal__item__detail__desc {
	font-size: max(10px,1.3rem);
	line-height: 2.15384615;
	letter-spacing: .02em;
	margin-top: 1.1rem;
}
:root .sec-modal .sec-modal__item__detail__note {
	font-size: max(10px,1.1rem);
	line-height: 1.63636364;
	letter-spacing: .02em;
	color: #666666;
	margin-top: 1.0rem;
}
:root .sec-modal .modalClose {
	position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    background: #6e6960;
    color: transparent;
    cursor: pointer;
}
:root .sec-modal .modalClose::before, 
:root .sec-modal .modalClose::after {
 	content: '';
    display: block;
    width: 40%;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;   
}
:root .sec-modal .modalClose::after {
    transform: rotate(-45deg);
}
:root .sec-modal .prev-modal-btn ,
:root .sec-modal .next-modal-btn {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	width: 19px;
}
:root .sec-modal .prev-modal-btn {
	left: 0;
}
:root .sec-modal .next-modal-btn {
	right: 0;
}
:root .iziModal-navigate .iziModal-navigate-prev ,
:root .iziModal-navigate .iziModal-navigate-next {
	background: none;
	opacity: 1;
}
:root .iziModal-navigate .iziModal-navigate-prev::after,
:root .iziModal-navigate .iziModal-navigate-next::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	width: 18px;
	height: 26px;
}
:root .iziModal-navigate .iziModal-navigate-prev::after {
	background: url('../img/icon_btn_prev.svg') no-repeat center center/cover;
}
:root .iziModal-navigate .iziModal-navigate-next::after {
	background: url('../img/icon_btn_next.svg') no-repeat center center/cover;
}


/* iziModals-unitbath3 */
:root .iziModals-unitbath3 .sec-modal__item__photo {
	width: calc(270 / 560 * 100%);
}
:root .iziModals-unitbath3 .sec-modal__item__detail {
	width: calc(260 / 560 * 100%);
	margin-top: 0;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom {
	width: 100%;
	margin-top: 4.0rem;
	background: #f0f0ef;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list {
	width: calc(480 / 560 * 100%);
	margin-inline: auto;
	padding-block: 4.0rem 3.5rem;
	gap: 2.0rem 0;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item {
	width: calc(220 / 480 * 100%);
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__heading {
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: .02em;
	color: #54514a;
	gap: 0 .8rem;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__heading i {
	width: 2.2rem;
	height: 2.2rem;
	color: var(--white);
	line-height: 1;
	text-align: center;
	background: #6e6960;
	padding-bottom: .2em;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__desc {
	font-size: max(10px,1.3rem);
	line-height: 2;
	letter-spacing: .02em;
	color: #54514a;
	margin-top: 1.1rem;
}
:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__note {
	font-size: max(10px,1.1rem);
	line-height: 1.63636364;
	letter-spacing: .02em;
	color: #666666;
	margin-top: .5rem;
}
@media screen and (min-width: 769px){
	:root .iziModals-unitbath3 {
		max-width: 820px !important;
	}
}
@media screen and (max-width: 768px){
	.sec-wrapper {
		padding-block: 8.0rem 7.0rem;
	}
	.sec + .sec {
		margin-top: 7.0rem;
	}
	.sec-head {
		margin-bottom: 5.0rem;
	}
	.sec-head__photo {
		width: calc(380 / 320 * 100%);
		margin-left: calc(-30 / 320 * 100%);
		margin-right: 0;
	}
	.sec-contents {
		margin-top: 5.0rem;
	    order: 3;
	}
	.sec-contents__list {
		gap: 4.0rem 0;
	}
	.sec-contents__list__item {
		width: 100%;
	}
	:root .iziModal {
	    padding-block: 30px;
	}
	:root .sec-modal .modalInner {
	    padding-block: 30px 40px;
	}
	.sec-contents__list__item__detail {
		margin-top: 1.5rem;
	}
	.sec-contents__list__item__detail__heading {
		font-size: 1.5rem;
		padding-left: 2.1rem;
	}
	:root .sec-modal .sec-modal__item__detail {
		margin-top: 2.0rem;
	}
	:root .sec-modal .sec-modal__item__detail__heading {
		font-size: 1.5rem;
		padding-left: 2.1rem;
	}
	:root .sec-modal .sec-modal__item__detail__desc {
		font-size: 1.2rem;
		margin-top: .5rem;
	}
	:root .sec-modal .sec-modal__item__detail__note {
		font-size: 1.0rem;
		margin-top: .5rem;
	}
	:root .sec-modal .modalClose {
	    width: 36px;
	    height: 36px;
	}

	/* iziModals-unitbath3 */
	:root .iziModals-unitbath3 .sec-modal__item__photo {
		width: 100%;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail {
		width: 100%;
		margin-top: 2.0rem;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom {
		margin-top: 2.5rem;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list {
		width: calc(220 / 260 * 100%);
		padding-block: 3.0rem 2.7rem;
		gap: 2.0rem 0;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item {
		width: 100%;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__heading {
		font-size: 1.4rem;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__desc {
		font-size: 1.2rem;
		margin-top: .5rem;
	}
	:root .iziModals-unitbath3 .sec-modal__item__detail__custom__list__item__note {
		font-size: 1.0rem;
		margin-top: .5rem;
	}
}




/*  l-others
--------------------------------------------------*/
.l-others {
	position: relative;
	padding-block: 14.5rem 12.0rem;
	background: #6e6960;
}
.others-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;
}
.others-scroll::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: #aeaba6;
}
.others-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;
}
.others-head {
	margin-bottom: 8.0rem;
}
.others-head__ttl {
	font-size: 18px;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--white);
	text-align: center;
}
.others-contents {
	width: 100%;
}
.others-box + .others-box {
	margin-top: 10.0rem;
}
.others-box__item {
	position: relative;
}
.others-box__heading {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: .02em;
	color: var(--white);
	margin-bottom: 1.1rem;
}
.others-box__heading span {
	position: relative;
	display: inline-block;
	padding-left: 2.2rem;
}
.others-box__heading span::before {
	content: '';
	position: absolute;
	left: 0;
	top: .9em;
	width: 1.0rem;
	height: 1px;
	background: var(--white);
}
.others-box__desc {
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: -.07em;
	color: var(--white);
	text-align: justify;
}
.others-box__desc small {
	display: block;
	font-size: .733333333333333em;
	line-height: 1.75;
	margin-top: .5rem;
}
.others-box2__item {
	width: calc(440 / 1440 * 100%);
}
.others-box2__item2 {
	padding: calc(40 / 1440 * 100%);
	background: #54514a;
}
.others-box2__item2__detail {
	margin-top: 2.5rem;
}
.others-box2__item2__detail__heading {
	position: relative;
	font-size: 2.0rem;
	line-height: 1.5;
	letter-spacing: .02em;
	color: var(--white);
	padding-bottom: 1.8rem;
	margin-bottom: 2.0rem;
	border-bottom: solid 1px;
}
.others-box2__item2__detail__desc {
	font-size: 1.3rem;
	line-height: 2.153846153846154;
	letter-spacing: .02em;
	color: var(--white);
}
.others-box2__item2__detail__desc + .others-box2__item2__detail__desc {
	margin-top: 1.5rem;
}
.others-box2__item2__detail__desc span {
	display: block;
	font-size: 1.15384615em;
}
@keyframes scrollDown{
	0%{ top: -10%; }
	100%{ top: 110%; }
}
@media screen and (max-width: 768px){
	.l-others {
		padding-block: 8.4rem 8.0rem;
	}
	.others-scroll {
		height: 8.0rem;
	}
	.others-scroll::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 1px;
		height: 100%;
		background: #aeaba6;
	}
	.others-scroll i {
		width: 5px;
		height: 5px;
	}
	.others-head {
		margin-bottom: 4.5rem;
	}
	.others-head__ttl {
		font-size: 12px;
	}
	.others-box + .others-box {
		margin-top: 5.0rem;
	}
	.others-box__item {
		width: 100%;
	}
	.others-box__heading {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.others-box1__item2 .others-box__heading {
		text-align: left;
	}
	.others-box__heading span {
		padding-left: 2.2rem;
	}
	.others-box__heading span::before {
		top: .9em;
		width: 1.0rem;
	}
	.others-box__desc {
		font-size: 1.2rem;
        line-height: 1.8;
		letter-spacing: .04em;
	}
	.others-box__desc small {
		font-size: 1.0rem;
	}
	.others-box2__item {
		width: 100%;
	}
	.others-box2__item + .others-box2__item {
		margin-top: 5.0rem;
	}
	.others-box2__item2 {
		padding: 3.0rem;
	}
	.others-box2__item2__detail {
		margin-top: 2.0rem;
	}
	.others-box2__item2__detail__heading {
		font-size: 1.6rem;
		padding-bottom: 1.7rem;
		margin-bottom: 1.7rem;
	}
	.others-box2__item2__detail__desc {
		font-size: 1.2rem;
        line-height: 1.8;
		letter-spacing: .04em;
	}
	.others-box2__item2__detail__desc span {
	    margin-bottom: .5rem;
	}
}