@charset "UTF-8";


html, body { height: auto; }
#footer-content .footer-caption{ display: none; }
#footer-content .footer-caption.active{ display: block; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-quality .en-ttl{ font-size: 32px; line-height: 1.5; color: #333333; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: center; padding: 94px 0 64px; }
#main-content .section-quality .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 904px; margin: 0 auto;  background-color: #f3f2f0; padding: 20px; }
#main-content .section-quality .navi-list~.navi-list{ margin-top: 80px; }
#main-content .section-quality .navi-list .navi{ width: 32%; text-align: center; }
#main-content .section-quality .navi-list .navi a{ display: flex; display: -ms-flex; justify-content: center; align-items: center; background-color: #ffffff; border: 1px solid #6e7385; color: #6e7385; font-size: 20px; line-height: 1.5; text-decoration: none; height: 80px; transition: background-color 0.5s; }
#main-content .section-quality .navi-list .navi a:hover,
#main-content .section-quality .navi-list .navi.active a{ border-color: transparent; background-color: #8e836b; opacity: 1; color: #ffffff; }
#main-content .section-quality .sw-content{ margin-top: 40px; overflow: hidden; }
#main-content .section-quality .sw-content .anchor{ position: absolute; transform: translateY(-188px); }
#main-content .section-quality .sw-content .sw-body{ opacity: 0; height: 0; overflow: hidden; }
#main-content .section-quality .sw-content .sw-body.active{ opacity: 1; height: auto; transition: opacity 0.5s; }
#main-content .section-quality .sw-content #sw-normal.active{ padding: 50px 0 0; }
#main-content .section-quality .sw-content #sw-ah.active{ padding: 70px 0; }
#main-content .section-quality .sw-content #sw-topfloor.active{ padding: 70px 0; }
#sw-normal{ background-color: #ffffff; }
#sw-normal .cat{ max-width: 1084px; margin: 0 auto; }
#sw-normal .cat+.cat{ margin-top: 80px; }
#sw-normal .cat .cat-ttl{ font-size: 30px; line-height: 1.2; color: #6e7385; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; display: flex; display: -ms-flex; align-items: center; }
#sw-normal .cat .cat-ttl::before,
#sw-normal .cat .cat-ttl::after{ content: ""; flex: 1; height: 1px; background-color: #c5c7ce; }
#sw-normal .cat .cat-ttl .word{ padding: 0 0.5em; }
#sw-normal .cat .list-item{ display: grid; column-gap: 2.583%; row-gap: 40px; grid-template-columns: repeat(4, 1fr); margin-top: 20px;  }
#sw-normal .cat .list-item .item .head{ font-size: 16px; line-height: 1.4; color: #565e5b; font-weight: normal; margin-top: 5px; }
#sw-normal .cat .list-item .item .txt{ font-size: 14px; line-height: 1.4117; margin-top: 5px; }

#sw-normal .cat01 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-normal .cat02 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-normal .cat02 .list-item .item06{ grid-column: 1 / 3; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#sw-normal .cat02 .list-item .item06 .l-body,
#sw-normal .cat02 .list-item .item06 .r-body{ width: 47.3485%; }
#sw-normal .cat02 .list-item .item06 .r-body~*{ margin-top: 5%; }
#sw-normal .cat03 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-normal .cat03 .list-item .item12{ grid-column: 4 / 5; grid-row: 3 / 5; }
#sw-normal .cat04 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 5; }
#sw-normal .cat04 .list-item .item04,
#sw-normal .cat04 .list-item .item05,
#sw-normal .cat04 .list-item .item06{ border-top: 1px solid #dddddd; padding-top: 40px; }
#sw-normal .cat04 .list-item .item06{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; grid-column: 3 / 5; }
#sw-normal .cat04 .list-item .item06 .photo,
#sw-normal .cat04 .list-item .item06 .txt-body{ width: 47.3485%; }

#sw-ah{ background-color: #f7f4eb; }
#sw-ah .cat{ max-width: 1084px; margin: 0 auto; }
#sw-ah .cat+.cat{ margin-top: 80px; }
#sw-ah .cat .cat-ttl{ font-size: 30px; line-height: 1.2; color: #c29d6b; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; display: flex; display: -ms-flex; align-items: center; }
#sw-ah .cat .cat-ttl::before,
#sw-ah .cat .cat-ttl::after{ content: ""; flex: 1; height: 1px; background-color: #e6d7c2; }
#sw-ah .cat .cat-ttl .word{ padding: 0 0.5em; }
#sw-ah .cat .list-item{ display: grid; column-gap: 2.583%; row-gap: 40px; grid-template-columns: repeat(4, 1fr); margin-top: 20px;  }
#sw-ah .cat .list-item .item .head{ font-size: 16px; line-height: 1.4; color: #565e5b; font-weight: normal; margin-top: 5px; }
#sw-ah .cat .list-item .item .txt{ font-size: 14px; line-height: 1.4117; margin-top: 5px; }

#sw-ah .cat01 .list-item .item01{ grid-column: 1 / 5; }
#sw-ah .cat02 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-ah .cat02 .list-item .item02{ grid-column: 3 / 5; grid-row: 1 / 2; }
#sw-ah .cat02 .list-item .item03{ grid-column: 3 / 5; grid-row: 2 / 3; }
#sw-ah .cat03 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-ah .cat03 .list-item .item06{ grid-column: 1 / 3; }
#sw-ah .cat03 .list-item .item08{ grid-column: 4 / 5; grid-row: 3 / 5; }
#sw-ah .cat04 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 5; }
#sw-ah .cat04 .list-item .item02{ grid-column: 3 / 4; grid-row: 1 / 2; }
#sw-ah .cat04 .list-item .item03{ grid-column: 4 / 5; grid-row: 1 / 2; }
#sw-ah .cat04 .list-item .item04{ grid-column: 3 / 4; grid-row: 2 / 3; margin-top: 40px; padding-top: 40px; border-top: 1px solid #cccccc; }
#sw-ah .cat04 .list-item .item05{ grid-column: 4 / 5; grid-row: 2 / 3; margin-top: 40px; padding-top: 40px; border-top: 1px solid #cccccc; }
#sw-ah .cat04 .list-item .item06{ grid-column: 3 / 4; grid-row: 3 / 4; margin-top: 40px; padding-top: 40px; border-top: 1px solid #cccccc; }
#sw-ah .cat04 .list-item .item07{ grid-column: 4 / 5; grid-row: 3 / 4; margin-top: 40px; padding-top: 40px; border-top: 1px solid #cccccc; }
#sw-ah .cat05 .list-item .item01{ grid-column: 1 / 3; }
#sw-ah .cat05 .list-item .item02{ grid-column: 3 / 5; }
#sw-ah .cat06 .list-item .item01{ grid-column: 1 / 3; }
#sw-ah .cat06 .list-item .item02{ grid-column: 3 / 5; }
#sw-ah .cat06 .list-item .item{ display: flex; display: -ms-flex; }
#sw-ah .cat06 .list-item .item .photo{ width: 47.3485%; margin-right: 4%; }
#sw-ah .cat06 .list-item .item .txt-body{ flex: 1; }
#sw-ah .cat06 .caption{ margin-top: 50px; }

#sw-topfloor{ background-color: #3e3a39; }
#sw-topfloor .feature-list{ max-width: 1084px; margin: 0 auto; padding-bottom: 50px; display: flex; display: -ms-flex; justify-content: space-between; }
#sw-topfloor .feature-list .item{ width: 48.893%; padding: 0 10px; display: flex; display: -ms-flex; justify-content: center; align-items: center; text-align: center; height: 120px; background-color: #231815; border: 1px solid #776a4d; box-sizing: border-box; }
#sw-topfloor .feature-list .item .txt{ color: #ffffff; }
#sw-topfloor .feature-list .item .txt .word{ display: block; font-size: 22px; line-height: 1.5; }
#sw-topfloor .feature-list .item .txt .caption{ display: block; line-height: 1.5; }
#sw-topfloor .cat{ max-width: 1084px; margin: 0 auto; }
#sw-topfloor .cat+.cat{ margin-top: 80px; }
#sw-topfloor .cat .cat-ttl{ font-size: 30px; line-height: 1.2; color: #8e836b; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; display: flex; display: -ms-flex; align-items: center; }
#sw-topfloor .cat .cat-ttl::before,
#sw-topfloor .cat .cat-ttl::after{ content: ""; flex: 1; height: 1px; background-color: #776a4d; }
#sw-topfloor .cat .cat-ttl .word{ padding: 0 0.5em; }
#sw-topfloor .cat .list-item{ display: grid; column-gap: 2.583%; row-gap: 40px; grid-template-columns: repeat(4, 1fr); margin-top: 20px;  }
#sw-topfloor .cat .list-item .item *{ color: #9e9e9f; }
#sw-topfloor .cat .list-item .item .head{ font-size: 16px; line-height: 1.4; font-weight: normal; margin-top: 5px; }
#sw-topfloor .cat .list-item .item .txt{ font-size: 14px; line-height: 1.4117; margin-top: 5px; }
#sw-topfloor .cat01 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-topfloor .cat01 .list-item .item02{ grid-column: 3 / 5; display: flex; display: -ms-flex; justify-content: space-between; }
#sw-topfloor .cat01 .list-item .item02 .photo{ width: 64.3939%; }
#sw-topfloor .cat01 .list-item .item02 .txt-body{ width: 32.1969%; }
#sw-topfloor .cat01 .list-item .item03{ grid-column: 3 / 5; display: flex; display: -ms-flex; justify-content: space-between; }
#sw-topfloor .cat01 .list-item .item03 .l-body{ width: 64.3939%; }
#sw-topfloor .cat01 .list-item .item03 .r-body{ width: 32.1969%; }
#sw-topfloor .cat01 .list-item .item08{ grid-column: 1 / 5; display: flex; display: -ms-flex; }
#sw-topfloor .cat01 .list-item .item08 .photo{ width: 45.7565%; margin-right: 2.583%; }
#sw-topfloor .cat01 .list-item .item08 .txt-body{ flex: 1; }
#sw-topfloor .cat02 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-topfloor .cat02 .list-item .item02{ grid-column: 3 / 5; border: 1px solid #5c543d; padding: 5.8598%; box-sizing: border-box; }
#sw-topfloor .cat02 .list-item .item03{ grid-column: 3 / 5; display: flex; display: -ms-flex; justify-content: space-between; }
#sw-topfloor .cat02 .list-item .item03 .photo,
#sw-topfloor .cat02 .list-item .item03 .txt-body{ width: 47.3485%; }
#sw-topfloor .cat03 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 3; }
#sw-topfloor .cat03 .list-item .item02{ grid-column: 3 / 5; }
#sw-topfloor .cat03 .list-item .item03{ grid-column: 3 / 5; display: flex; display: -ms-flex; justify-content: space-between; padding-top: 7%; border-top: 1px solid #5c543d; }
#sw-topfloor .cat03 .list-item .item03 .photo,
#sw-topfloor .cat03 .list-item .item03 .txt-body{ width: 47.3485%; }
#sw-topfloor .cat03 .list-item .item04{ grid-column: 1 / 3; display: flex; display: -ms-flex; }
#sw-topfloor .cat03 .list-item .item04 .photo{ width: 45.4545%; margin-right: 2%; }
#sw-topfloor .cat03 .list-item .item04 .txt-body{ flex: 1; }
#sw-topfloor .cat03 .list-item .item05{ display: flex; display: -ms-flex; }
#sw-topfloor .cat03 .list-item .item05 .photo{ width: 49.6%; margin-right: 3%; }
#sw-topfloor .cat03 .list-item .item05 .txt-body{ flex: 1; }
#sw-topfloor .cat03 .list-item .item06{ display: flex; display: -ms-flex; }
#sw-topfloor .cat03 .list-item .item06 .photo{ width: 45.2%; margin-right: 3%; }
#sw-topfloor .cat03 .list-item .item06 .txt-body{ flex: 1; }
#sw-topfloor .cat04 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 5; }
#sw-topfloor .cat04 .list-item .item02{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; grid-column: 3 / 5; }
#sw-topfloor .cat04 .list-item .item02 .photo,
#sw-topfloor .cat04 .list-item .item02 .txt-body{ width: 47.3485%; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-quality .navi-list~.navi-list{ margin-top: 15%; }
	#main-content .section-quality .navi-list{ padding: 10px; }
	#main-content .section-quality .navi-list .navi a{ font-size: 14px; height: 60px; }
	#main-content .section-quality .navi-list .navi a:hover{ border-color: #6e7385; background-color: #ffffff; color: #6e7385; }
	#main-content .section-quality .navi-list .navi a:active,
	#main-content .section-quality .navi-list .navi.active a{ border-color: transparent; background-color: #8e836b; color: #ffffff; }

	#main-content .section-quality .en-ttl{ padding: 15% 0; }
	#main-content .section-quality .sw-content{ margin-top: 10%; }
	#main-content .section-quality .sw-content .anchor{ position: absolute; transform: translateY(-60px); }
	#main-content .section-quality .sw-content #sw-normal.active{ padding: 10% 0 0; }
	#main-content .section-quality .sw-content #sw-ah.active{ padding: 10% 0; }
	#main-content .section-quality .sw-content #sw-topfloor.active{ padding: 10% 0; }
	#sw-normal .cat{ padding: 0 5%; }
	#sw-normal .cat+.cat{ margin-top: 10%; }
	#sw-normal .cat .cat-ttl{ font-size: 24px; }
	#sw-normal .cat .list-item{ display: grid; column-gap: 5.166%; row-gap: 0; grid-template-columns: repeat(2, 1fr); margin-top: 5%;  }
	#sw-normal .cat .list-item .item{ margin-top: 7vw; }

	#sw-normal .cat01 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-normal .cat02 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-normal .cat03 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-normal .cat03 .list-item .item12{ grid-column: 2 / 3; grid-row: 6 / 8; }
	#sw-normal .cat04 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-normal .cat04 .list-item .item02,
	#sw-normal .cat04 .list-item .item03{ border-top: 1px solid #dddddd; padding-top: 5.166%; }
	#sw-normal .cat04 .list-item .item04,
	#sw-normal .cat04 .list-item .item05,
	#sw-normal .cat04 .list-item .item06{ padding-top: 5.166%; }
	#sw-normal .cat04 .list-item .item06{ grid-column: 1 / 3; }

	#sw-ah{ background-color: #f7f4eb; }
	#sw-ah .cat{ padding: 0 5%; }
	#sw-ah .cat+.cat{ margin-top: 10%; }
	#sw-ah .cat .cat-ttl{ font-size: 24px; }
	#sw-ah .cat .list-item{ display: grid; column-gap: 5.166%; row-gap: 0; grid-template-columns: repeat(2, 1fr); margin-top: 5%;  }
	#sw-ah .cat .list-item .item{ margin-top: 7vw; }

	#sw-ah .cat01 .list-item .item01{ grid-column: 1 / 3; margin-top: 0; }
	#sw-ah .cat02 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 2; margin-top: 0; }
	#sw-ah .cat02 .list-item .item02{ grid-column: 1 / 3; grid-row: 2 / 3; }
	#sw-ah .cat02 .list-item .item03{ grid-column: 1 / 3; grid-row: 3 / 4; }
	#sw-ah .cat03 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 2; margin-top: 0; }
	#sw-ah .cat03 .list-item .item06{ grid-column: 1 / 3; }
	#sw-ah .cat03 .list-item .item08{ grid-column: 2 / 3; grid-row: 5 / 7; }
	#sw-ah .cat04 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 2; margin-top: 0; }
	#sw-ah .cat04 .list-item .item02{ grid-column: 1 / 2; grid-row: 2 / 3; }
	#sw-ah .cat04 .list-item .item03{ grid-column: 2 / 3; grid-row: 2 / 3; }
	#sw-ah .cat04 .list-item .item04{ grid-column: 1 / 2; grid-row: 3 / 4; padding-top: 7vw; }
	#sw-ah .cat04 .list-item .item05{ grid-column: 2 / 3; grid-row: 3 / 4; padding-top: 7vw; }
	#sw-ah .cat04 .list-item .item06{ grid-column: 1 / 2; grid-row: 4 / 5; padding-top: 7vw; }
	#sw-ah .cat04 .list-item .item07{ grid-column: 2 / 3; grid-row: 4 / 5; padding-top: 7vw; }
	#sw-ah .cat05 .list-item .item01{ grid-column: 1 / 3; grid-row: 1 / 2; margin-top: 0; }
	#sw-ah .cat05 .list-item .item02{ grid-column: 1 / 3; grid-row: 2 / 3; }
	#sw-ah .cat06 .list-item .item01{ grid-column: 1 / 2; }
	#sw-ah .cat06 .list-item .item02{ grid-column: 2 / 3; }
	#sw-ah .cat06 .list-item .item{ display: block; }
	#sw-ah .cat06 .list-item .item .photo{ width: 100%; margin-right: 0; }
	#sw-ah .cat06 .caption{ margin-top: 10%; }

	#sw-topfloor .feature-list{ padding: 0 5% 10%; display: block; }
	#sw-topfloor .feature-list .item{ width: 100%; display: block; height: auto; padding: 10px; }
	#sw-topfloor .feature-list .item:nth-child(n+2){ margin-top: 10px; }
	#sw-topfloor .feature-list .item .txt .word{ font-size: 18px; }
	#sw-topfloor .cat{ padding: 0 5%; }
	#sw-topfloor .cat+.cat{ margin-top: 10%; }
	#sw-topfloor .cat .cat-ttl{ font-size: 24px; }
	#sw-topfloor .cat .list-item{ display: grid; column-gap: 5.166%; row-gap: 0; grid-template-columns: repeat(2, 1fr); margin-top: 5%;  }
	#sw-topfloor .cat .list-item .item{ margin-top: 7vw; }
	#sw-topfloor .cat01 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-topfloor .cat01 .list-item .item02{ grid-column: 1 / 3; display: block; }
	#sw-topfloor .cat01 .list-item .item02 .photo{ width: 100%; }
	#sw-topfloor .cat01 .list-item .item02 .txt-body{ width: 100%; }
	#sw-topfloor .cat01 .list-item .item03{ grid-column: 1 / 3; }
	#sw-topfloor .cat01 .list-item .item08{ grid-column: 1 / 3; display: block; }
	#sw-topfloor .cat01 .list-item .item08 .photo{ width: 100%; }
	#sw-topfloor .cat01 .list-item .item08 .txt-body{ width: 100%; }
	#sw-topfloor .cat02 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-topfloor .cat02 .list-item .item02{ grid-column: 1 / 3; }
	#sw-topfloor .cat02 .list-item .item03{ grid-column: 1 / 3; display: block; }
	#sw-topfloor .cat02 .list-item .item03 .photo{ width: 100%; }
	#sw-topfloor .cat02 .list-item .item03 .txt-body{ width: 100%; }
	#sw-topfloor .cat03 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-topfloor .cat03 .list-item .item02{ grid-column: 1 / 3; }
	#sw-topfloor .cat03 .list-item .item03{ grid-column: 1 / 3; }
	#sw-topfloor .cat03 .list-item .item04{ display: block; }
	#sw-topfloor .cat03 .list-item .item04 .photo{ width: 100%; margin-right: 0; }
	#sw-topfloor .cat03 .list-item .item05{ display: block; }
	#sw-topfloor .cat03 .list-item .item05 .photo{ width: 100%; margin-right: 0; }
	#sw-topfloor .cat03 .list-item .item06{ display: block; }
	#sw-topfloor .cat03 .list-item .item06 .photo{ width: 100%; margin-right: 0; }
	#sw-topfloor .cat04 .list-item .item01{ grid-row: 1; margin-top: 0; }
	#sw-topfloor .cat04 .list-item .item02{ grid-column: 1 / 3; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section-quality .navi-list .navi a{ font-size: 12px; }
}