@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ max-width: 100%; height: auto; }
#main-content .section-quality .local-navi{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 1112px; margin: 0 auto 50px; }
#main-content .section-quality .local-navi .navi{ width: 24%; }
#main-content .section-quality .local-navi .navi a{ display: block; box-sizing: border-box; background-color: #f5f3e9; text-decoration: none; text-align: center; font-size: 16px; line-height: 1.5; color: #333333; position: relative; }
#main-content .section-quality .local-navi .navi a:hover{ opacity: 1; background-color: #e9e4ca; }
#main-content .section-quality .local-navi .navi a .word{ height: 76px; display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main-content .section-quality .local-navi .navi a::before{ content: ""; position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%) rotate(45deg); border: solid rgba(0,0,0,0.3); border-width: 0 1px 1px 0; width: 7px; height: 7px; }
#main-content .section-quality .anchor{ position: absolute; transform: translateY(-228px); }
#main-content .section-quality .section-intro{ padding: 94px 0 64px; }
#main-content .section-quality .section-intro .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; }
#main-content .section-quality .section-intro .copy{ margin-top: 20px; font-size: 20px; line-height: 1.5; color: #565e5b; text-align: center; }
#main-content .section-quality .section{ margin: 0 auto; max-width: 1112px; position: relative; }
#main-content .section-quality .section+.section{ margin-top: 80px; padding-top: 80px; border-top: 1px solid #cccccc; }
#main-content .section-quality .section .section-copy{ font-size: 20px; line-height: 1.5; color: #565e5b; padding-bottom: 10px; font-weight: normal; border-bottom: 1px solid #cccccc; margin-bottom: 20px; position: relative; padding-left: 20px; }
#main-content .section-quality .section .section-copy::before{ content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background-color: #000; }
#main-content .section-quality .section01 .photo01{ margin-top: 30px; }
#main-content .section-quality .section01 .photo01+.caption{ margin-top: 20px; }
#main-content .section-quality .section01 .list-item{ display: flex; display: -ms-flex; justify-content: space-between; margin: 50px auto 0; }
#main-content .section-quality .section01 .list-item .item{ width: 31.205%; }
#main-content .section-quality .section01 .list-item .item .photo-body{ max-width: 214px; width: 100%; margin: 0 auto; }
#main-content .section-quality .section01 .list-item .item .photo-body .caption{ text-align: center; }
#main-content .section-quality .section01 .list-item .item .txt-body{ margin-top: 10px; }
#main-content .section-quality .section01 .list-item .item .txt-body .head{ font-size: 22px; line-height: 1.5; color: #927d3f; text-align: center; letter-spacing: 0.5em; padding-left: 0.5em; }
#main-content .section-quality .section01 .about{ margin-top: 40px; }
#main-content .section-quality .section01 .about .head{ font-size: 24px; line-height: 1.5; text-align: center; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
#main-content .section-quality .section01 .about .head .s-size{ font-size: 70%; }
#main-content .section-quality .section01 .split-view{ display: flex; display: -ms-flex; justify-content: center; margin: 50px auto 0; }
#main-content .section-quality .section01 .split-view .bels{ max-width: 400px; width: 48%; }
#main-content .section-quality .section01 .split-view .bels .caption{ margin-top: 10px; }
#main-content .section-quality .section01 .split-view .casbee{ max-width: 400px; width: 48%; margin-left: 4%; border: 1px solid #a18c71; box-sizing: border-box; padding: 20px; }
#main-content .section-quality .section01 .split-view .casbee .head{ font-size: 20px; line-height: 1.5; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
#main-content .section-quality .section01 .split-view .casbee .head .s-size{ font-size: 70%; }
#main-content .section-quality .section01 .split-view .casbee .photo{ margin-top: 10px; }
#main-content .section-quality .section01 .nintei{ background-color: #f5f3e9; border: 2px solid #a79239; padding: 30px; margin-top: 50px; }
#main-content .section-quality .section01 .nintei .head{ font-size: 32px; line-height: 1.5; color: #a79239; font-weight: normal; }
#main-content .section-quality .section02 .photo01{ margin-top: 20px; }
#main-content .section-quality .section02 .suumo-body{ margin-top: 50px; }
#main-content .section-quality .section02 .suumo-body .ttl{ font-size: 20px; line-height: 1.5; color: #927d3f; padding-bottom: 20px; font-weight: normal; }
#main-content .section-quality .section02 .suumo-body .award{ text-align: center; margin-bottom: 20px; }
#main-content .section-quality .section03 .deco01{ position: absolute; right: 0; top: 0; margin-top: -30px; width: 290px; background-color: #ffffff; }
#main-content .section-quality .section03 .deco01+.txt{ padding-right: 300px; }
#main-content .section-quality .section03 .support-body{ margin-top: 50px; }
#main-content .section-quality .section03 .support-body .head{ font-size: 24px; line-height: 1.5; color: #927d3f; text-align: center; border: solid #927d3f; border-width: 1px 0; padding: 5px 0; }
#main-content .section-quality .section03 .support-body .photo{ margin-top: 30px; }
#main-content .section-quality .section03 .support-body .caption{ margin-top: 10px; }
#main-content .section-quality .section04 .split-view{ display: flex; display: -ms-flex; justify-content: space-between; align-items: flex-start; }
#main-content .section-quality .section04 .split-view .box01{ width: 70%; }
#main-content .section-quality .section04 .split-view .box01 .feature-body{ margin-top: 20px; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .copy{ font-size: 18px; line-height: 1.5; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .photo{ margin-top: 10px; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 10px; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item{ width: 31%; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item .head{ font-size: 16px; line-height: 1.5; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item .head::before{ content: "●"; color: #bb9c66; }
#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item .txt{ line-height: 1.7; }
#main-content .section-quality .section04 .split-view .box02{ width: 27%; border: 1px solid #927d3f; padding: 20px; box-sizing: border-box; border-radius: 10px; }
#main-content .section-quality .section04 .split-view .box02 .head{ font-size: 18px; line-height: 1.5; color: #927d3f; border-bottom: 1px solid #927d3f; padding-bottom: 10px; margin-bottom: 10px; }
#main-content .section-quality .section04 .kenshou-body{ margin-top: 50px; }
#main-content .section-quality .section04 .kenshou-body .head{ font-size: 24px; line-height: 1.5; color: #927d3f; text-align: center; border: solid #927d3f; border-width: 1px 0; padding: 5px 0; }
#main-content .section-quality .section04 .kenshou-body .list-item{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 30px; }
#main-content .section-quality .section04 .kenshou-body .list-item .item{ width: 31%; }
#main-content .section-quality .section04 .kenshou-body .list-item .item .caption{ margin-top: 10px; }
#main-content .section-quality .section04 .kenshou-body .list-item+.caption{ margin-top: 20px; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-quality .local-navi{ margin: 0 5% 10%; flex-wrap: wrap; }
	#main-content .section-quality .local-navi .navi{ width: 49%; }
	#main-content .section-quality .local-navi .navi:nth-child(n+3){ margin-top: 2%; }
	#main-content .section-quality .anchor{ transform: translateY(-80px); }
	#main-content .section-quality .section-intro{ padding: 10% 0; }
	#main-content .section-quality .section-intro .copy{ margin-top: 10px; padding: 0 5%; }
	#main-content .section-quality .section{ margin: 0 5%; }
	#main-content .section-quality .section+.section{ margin-top: 10%; padding-top: 10%; }
	#main-content .section-quality .section .section-copy{ font-size: 18px; padding-bottom: 10px; }
	#main-content .section-quality .section01 .photo01{ margin-top: 5%; }
	#main-content .section-quality .section01 .photo01+.caption{ margin-top: 10px; word-break: break-all; }
	#main-content .section-quality .section01 .list-item{ margin: 10% auto 0; }
	#main-content .section-quality .section01 .list-item .item .txt-body .head{ font-size: 18px; }
	#main-content .section-quality .section01 .list-item .item .txt-body .txt{ line-height: 1.7; }
	#main-content .section-quality .section01 .about{ margin-top: 10%; }
	#main-content .section-quality .section01 .about .head{ font-size: 20px; }
	#main-content .section-quality .section01 .split-view{ display: block; margin-top: 10%; }
	#main-content .section-quality .section01 .split-view .bels{ max-width: none; width: 100%; }
	#main-content .section-quality .section01 .split-view .bels .photo{ max-width: 320px; margin: 0 auto; }
	#main-content .section-quality .section01 .split-view .casbee{ max-width: none; width: 100%; margin: 5% auto 0; padding: 7% 5%; }
	#main-content .section-quality .section01 .split-view .casbee .head{ font-size: 18px; }
	#main-content .section-quality .section01 .split-view .casbee .photo{ max-width: 320px; margin: 10px auto 0; }
	#main-content .section-quality .section01 .nintei{ padding: 7% 5%; margin-top: 7%; }
	#main-content .section-quality .section01 .nintei .head{ font-size: 24px }
	#main-content .section-quality .section02 .photo01{ margin-top: 5%; }
	#main-content .section-quality .section02 .suumo-body{ margin-top: 7%; }
	#main-content .section-quality .section02 .suumo-body .ttl{ font-size: 18px; padding-bottom: 5%; }
	#main-content .section-quality .section02 .suumo-body .award{ margin-bottom: 5%; }
	#main-content .section-quality .section03 .deco01{ position: relative; right: auto; top: auto; max-width: 290px; margin: 5% auto 0; width: 100%; }
	#main-content .section-quality .section03 .deco01+.txt{ padding-right: 0; margin-top: 10px; }
	#main-content .section-quality .section03 .support-body{ margin-top: 7%; }
	#main-content .section-quality .section03 .support-body .head{ font-size: 18px; }
	#main-content .section-quality .section03 .support-body .photo{ margin-top: 5%; }
	#main-content .section-quality .section04 .split-view{ display: block; }
	#main-content .section-quality .section04 .split-view .box01{ width: 100%; }
	#main-content .section-quality .section04 .split-view .box01 .feature-body{ margin-top: 5%; }
	#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item{ display: block; }
	#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item{ width: 100%; }
	#main-content .section-quality .section04 .split-view .box01 .feature-body .list-item .item:nth-child(n+2){ margin-top: 5%; }
	#main-content .section-quality .section04 .split-view .box02{ width: 100%; padding: 7% 5%; margin-top: 7%; }
	#main-content .section-quality .section04 .split-view .box02 .photo{ text-align: center; }
	#main-content .section-quality .section04 .kenshou-body{ margin-top: 7%; }
	#main-content .section-quality .section04 .kenshou-body .head{ font-size: 18px; }
	#main-content .section-quality .section04 .kenshou-body .list-item{ display: block; margin-top: 5%; }
	#main-content .section-quality .section04 .kenshou-body .list-item .item{ width: 100%; }
	#main-content .section-quality .section04 .kenshou-body .list-item .item .photo{ max-width: 361px; margin: 0 auto; }
	#main-content .section-quality .section04 .kenshou-body .list-item .item .caption{ margin-top: 10px; }
	#main-content .section-quality .section04 .kenshou-body .list-item+.caption{ margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}