@charset "utf-8";
/* デザイン（DESIGN）※アルファステイツ北長野のデザインページ踏襲 */
#pankuzu {
	margin: 0px 0;
	padding: 20px 0;
	background: #edece1;
}

/* このページの注記は共通CSSのpaddingを活かし、上マージンのみ0に */
#design .notes-area { margin-top: 0; }

.concept_area ul,
.concept_area li { margin: 0; padding: 0; list-style: none; }
.concept_area .note-box { text-align: left; width: 100%; margin: 30px 0 0 0; font-size: 13px; }

.concept_area { padding: 10px 0 60px; color: #000; background: #edece1; text-align: center; }
.concept_area h2 { font-size: 30px; letter-spacing: 0.2em; color: #7a6520; line-height: 1.8; margin-bottom: 10px; }
.concept_area .lead { text-align: center; font-size: 14px; line-height: 2.2; margin-bottom: 10px; }
.concept_area h3 { border-bottom: 1px solid #a2946a; color: #7a6520; font-size: 33px; font-weight: normal; text-align: left; letter-spacing: 0.2em; margin-bottom: 20px; padding-bottom: 10px; }
.concept_area .txt { text-align: left; font-size: 14px; line-height: 2.2; }

.concept_area ul { margin-top: 80px; }
.concept_area .col40 { width: 40%; }
.concept_area .col60 { width: 60%; }
.concept_area .zu { position: relative; }
.concept_area .zu img { width: 100%; vertical-align: top; }
.concept_area .zu p { position: absolute; left: 0; bottom: 0; color: #fff; font-size: 10px; padding: 4px 20px 4px 4px; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); }

.concept_area .re p { right: 0; left: inherit; padding: 4px 4px 4px 20px; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); }

.concept_area .re .col40 h3 { padding-left: 50px; }
.concept_area .re .col40 .txt { padding-left: 50px; }

@media screen and (max-width: 810px) {/*スマホ設定*/
	#design .title-area { margin-bottom: 0; } /* style.css の .title-area{margin-bottom:30px} をこのページで無効化 */
	#design .concept_area .lead { text-align: justify; }
	.concept_area { padding: 10px 0px 40px; }
	.concept_area h2 { font-size: 18px; line-height: 2; }
	.concept_area .lead { font-size: 14px; line-height: 2; }
	.concept_area .txt { padding: 0px 0; font-size: 14px; line-height: 2; }
	.concept_area .col40 { width: 90%; margin: auto; }
	.concept_area .col60 { width: 100%; }
	.concept_area ul { margin-top: 60px; }
	.concept_area .col60 { -webkit-order: 1; order: 1; margin-bottom: 20px; }
	.concept_area .col40 { -webkit-order: 2; order: 2; }
	.concept_area h3 { font-size: 22px; margin: 0 0 15px; }
	.concept_area .re .col40 h3 { padding-left: 0px; }
	.concept_area .re .col40 .txt { padding-left: 0px; }
}