@charset "utf-8";
/* owner.life デザイン見直し（2026-10）。style.css・sp.css と、各ページ内の <style> の後に読み込む。
   前半がPC表示（幅 701px 以上）、後半がスマホ表示（幅 700px 以下）。
   色：空色 #178fbc／若草 #6fbd67（文字用 #2f7f28）／橙 #de742d／生成り #f7f5e6／墨 #2b2f33／紺 #0f5f80 */

/* ==================== PC表示（幅 701px 以上） ==================== */
@media screen and (min-width:701px){
	body{
		color:#2b2f33;
		background:#fff;
	}

	/* ---------- 上部 ---------- */
	.desc{
		padding:11px 15px;
	}

	.head_img{
		padding:20px 0 22px;
	}

	/* ---------- メイン ---------- */
	.sec01 .main{
		background:url(img/main.webp) center top / cover no-repeat;
		height:auto;
		min-height:520px;
		border-radius:18px;
		padding:44px 52px 40px;
		position:relative;
		overflow:hidden;
	}

	.rf-badge{
		display:inline-block;
		background:#e02439;
		color:#fff;
		font-weight:bold;
		font-size:17px;
		letter-spacing:0.18em;
		border-radius:999px;
		border:3px solid #fff;
		padding:7px 22px 7px 26px;
	}

	.rf-ttl{
		margin:22px 0 0 0;
		font-weight:bold;
		line-height:1.3;
		color:#12384a;
	}

	.rf-ttl .rf-l1{
		display:block;
		font-size:30px;
		letter-spacing:0.2em;
	}

	.rf-ttl .rf-sa{
		display:inline-block;
		background:#de742d;
		color:#ffe45c;
		font-size:50px;
		letter-spacing:0;
		line-height:1.25;
		border-radius:10px;
		border:3px solid #fff;
		padding:0 10px;
		margin:0 10px 0 0;
		vertical-align:middle;
	}

	.rf-ttl .rf-l2{
		display:block;
		font-size:62px;
		color:#e0592a;
		letter-spacing:0.02em;
		margin:8px 0 0 0;
		-webkit-text-stroke:8px #fff;
		paint-order:stroke fill;
	}

	.rf-ttl .rf-l2 span{
		font-family:Arial, Helvetica, sans-serif;
		font-size:78px;
		margin:0 0 0 6px;
	}

	.rf-stats{
		display:flex;
		width:660px;
		background:rgba(255,255,255,0.95);
		border-radius:14px;
		margin:30px 0 0 0;
		padding:16px 0;
	}

	.rf-stats li{
		flex:1;
		padding:2px 22px;
		border-left:1px solid #d5dfe3;
	}

	.rf-stats li:first-child{
		border-left:0;
	}

	.rf-stats .rf-k{
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#2f7f28;
		line-height:1.5;
	}

	.rf-stats .rf-v{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:40px;
		font-weight:bold;
		color:#de742d;
		line-height:1.2;
	}

	.rf-stats .rf-v small{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		font-size:16px;
		color:#2b2f33;
		margin:0 0 0 3px;
	}

	.rf-cta{
		margin:22px 0 0 0;
	}

	.rf-cta a{
		display:inline-block;
		font-weight:bold;
		font-size:17px;
		text-decoration:none;
		border-radius:10px;
		padding:14px 30px;
		margin:0 12px 0 0;
	}

	.rf-cta a.rf-b1{
		background:#de742d;
		color:#fff;
	}

	.rf-cta a.rf-b2{
		background:#fff;
		color:#12384a;
	}

	.rf-cta .rf-note{
		display:inline-block;
		color:#12384a;
		font-size:14px;
		font-weight:bold;
		background:rgba(255,255,255,0.85);
		border-radius:999px;
		padding:4px 14px;
	}

	/* ---------- 見出し（帯と三角 → 屋根の印） ---------- */
	.sec03 h2,
	.sec05 h2,
	.sec06 h2,
	.sec07 h2,
	.sec08 h2,
	.tk-sec h2{
		background:none;
		color:#2b2f33;
		font-size:28px;
		line-height:1.5;
		text-align:center;
		padding:38px 10px 0;
		margin:0 0 40px 0;
		position:relative;
	}

	.sec03 h2:before,
	.sec05 h2:before,
	.sec06 h2:before,
	.sec07 h2:before,
	.sec08 h2:before,
	.tk-sec h2:before{
		content:"";
		position:absolute;
		top:10px;
		left:50%;
		width:20px;
		height:20px;
		margin:0 0 0 -12px;
		border:0;
		border-left:5px solid #178fbc;
		border-top:5px solid #178fbc;
		transform:rotate(45deg);
	}

	.sec06 h2:before,
	.tk-green h2:before,
	.sec07 h2:before{
		border-color:#6fbd67;
	}

	.sec03 h2:before,
	.tk-orange h2:before{
		border-color:#de742d;
	}

	/* ---------- 4つの呼びかけ ---------- */
	.sec02{
		padding:56px 0 70px;
	}

	.sec02 .flex_wrap{
		gap:24px;
	}

	.sec02 .box{
		width:calc(50% - 12px);
		float:none;
		margin:0;
		border:0;
		border-radius:14px;
		background:#f7f5e6;
	}

	.sec02 .box h2{
		background:none;
		color:#2f7f28;
		font-size:21px;
		padding:28px 30px 0;
		border-radius:0;
	}

	.sec02 .box h2:before{
		position:static;
		display:block;
		width:38px;
		height:5px;
		background:#6fbd67;
		border:0;
		border-radius:3px;
		margin:0 0 16px 0;
	}

	.sec02 .box .text{
		padding:14px 30px 30px;
		line-height:2.0;
	}

	/* ---------- 管理の対象物件 ---------- */
	.sec03{
		background:#fff;
		padding:0 0 70px;
		margin:0;
	}

	.sec03 h2{
		padding-bottom:0;
	}

	.inner_sec03{
		width:1080px;
	}

	.inner_sec03 .clearfix{
		display:flex;
		gap:16px;
	}

	.inner_sec03 .box{
		flex:1;
		width:auto;
		float:none;
		margin:0;
		background:#fff;
		color:#2f7f28;
		border:2px solid #6fbd67;
		border-radius:14px;
		padding:16px 8px;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.inner_sec03 .text{
		color:#2b2f33;
		font-weight:normal;
		padding:24px 0 0 0;
	}

	/* ---------- 5つのPOINT（空色の面はここだけ） ---------- */
	.sec05{
		background:#178fbc;
		padding:70px 0;
		margin:0;
	}

	.sec05:before{
		display:none;
	}

	.sec05 .inner{
		display:flex;
		flex-wrap:wrap;
		gap:20px;
	}

	.sec05 h2{
		width:100%;
		color:#fff;
		margin:0 0 20px 0;
	}

	.sec05 h2:before{
		border-color:#fff;
	}

	.sec05 .box{
		width:calc(50% - 10px);
		height:auto;
		float:none;
		margin:0;
		border-radius:14px;
		padding:26px 30px 24px;
	}

	.sec05 .full{
		width:100%;
		height:auto;
	}

	.sec05 .box_01{
		height:auto;
	}

	.sec05 .point{
		width:auto;
		float:none;
		background:none;
		color:#de742d;
		text-align:left;
		padding:0;
		font-size:15px;
		font-weight:bold;
		letter-spacing:0.08em;
	}

	.sec05 .title{
		float:none;
		margin:4px 0 6px 0;
		padding:0;
		font-size:22px;
	}

	.sec05 .text{
		padding:6px 0 0 0;
	}

	/* ---------- 実績 ---------- */
	.sec06{
		background:#fff;
		margin:0;
		padding:70px 0;
	}

	.sec06_flex{
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		gap:16px;
		width:1080px;
		margin:0 auto;
	}

	.sec06_flex .inner{
		width:auto;
		margin:0;
	}

	.sec06 .box{
		width:auto;
		height:100%;
		float:none;
		margin:0;
		border:0;
		border-radius:14px;
		background:#f7f5e6;
		padding:22px 16px 20px;
		font-weight:normal;
		text-align:center;
	}

	.sec06 .box .title{
		background:none;
		color:#2f7f28;
		font-size:15px;
		font-weight:bold;
		padding:0;
		margin:0 0 8px 0;
	}

	.sec06 .text{
		line-height:1.7;
	}

	.sec06 .orange{
		font-size:1.45em;
		font-weight:bold;
	}

	/* ---------- 追加セクション（業務・流れ・切り替え・エリア・質問） ---------- */
	.tk-sec{
		margin:0;
		padding:70px 0;
	}

	#service,
	#change,
	#faq,
	.sec08{
		background:#f7f5e6;
	}

	.tk-svc li{
		border:0;
		border-radius:14px;
		padding:24px 24px 22px;
	}

	.tk-svc h3{
		background:none;
		color:#2f7f28;
		text-align:left;
		padding:0;
		border-radius:0;
		font-size:19px;
		margin:0 0 10px 0;
	}

	.tk-flow li,
	.tk-green .tk-flow li{
		border:0;
		border-radius:14px;
		background:#f7f5e6;
		padding:20px;
	}

	#change .tk-flow li{
		background:#fff;
	}

	.tk-flow h3:before{
		display:block;
		width:fit-content;
		border-radius:999px;
		padding:2px 16px;
		margin:0 0 10px 0;
	}

	.tk-card{
		border:0;
		border-radius:14px;
		background:#f7f5e6;
	}

	.tk-card h3{
		background:none;
		color:#2f7f28;
		text-align:left;
		padding:24px 24px 0;
	}

	.tk-card .tk-body{
		padding:14px 24px 24px;
	}

	#faq .tk-faq dt{
		background:#fff;
		border-radius:12px;
	}

	.tk-soudan{
		background:#fff;
		border:2px solid #de742d;
	}

	#flow .tk-soudan{
		background:#fff;
	}

	.tk-cta{
		background:#fff;
		border:0;
		border-radius:14px;
	}

	/* ---------- 取り組み ---------- */
	.sec07{
		padding:70px 0 40px;
	}

	.sec07 .inner{
		background:#fff;
		border:0;
		box-shadow:0 0 0 2px #e4ead9;
		border-radius:14px;
		padding:0 0 36px 0;
		margin:0 auto 26px;
	}

	.sec07 h3{
		background:none;
		color:#2b2f33;
		text-align:left;
		font-size:23px;
		padding:30px 34px 0;
		border-radius:0;
	}

	.sec07 h3:before{
		display:none;
	}

	.sec07 h3 span.left{
		float:none;
		display:inline-block;
		background:#6fbd67;
		color:#fff;
		font-size:14px;
		border-radius:999px;
		padding:3px 16px;
		margin:0 14px 0 0;
		vertical-align:middle;
	}

	.sec07 h3 span.center{
		position:static;
		vertical-align:middle;
	}

	.sec07_inner{
		padding:6px 34px 0;
	}

	.sec07 .inner p.center{
		text-align:left;
	}

	.sec07 .yellow{
		width:calc(100% + 68px);
		left:-34px;
	}

	/* ---------- 月額管理料 ---------- */
	.sec08{
		padding:70px 0 60px;
	}

	.sec08 h2{
		margin:0 0 34px 0;
	}

	.sec08 .center{
		margin:22px 0 0 0;
	}

	/* ---------- 締めの呼びかけ・会社情報 ---------- */
	.sec09{
		background:#6fbd67;
		font-size:24px;
		line-height:1.8;
		padding:52px 0;
	}

	.sec11{
		background:#0f5f80;
		font-size:16px;
	}

	.sec12{
		background:#0c4f6b;
	}

	.sec14{
		background:#0a3f56;
	}

	footer{
		border-bottom-color:#0a3f56;
	}

	/* ---------- 直方市ページ ---------- */
	.tk-hero{
		border:0;
		background:#f7f5e6;
		border-radius:18px;
		width:1080px;
		margin:0 auto 10px;
	}

	.tk-hero .inner{
		width:auto;
	}

	.tk-hero .tk-hero-pts li{
		border:0;
	}

	.tk-check{
		border:0;
		background:#f7f5e6;
		border-radius:14px;
	}

	.tk-shop{
		border:0;
		background:#f7f5e6;
		border-radius:14px;
	}

	.rf-cream{
		background:#f7f5e6;
	}

	.rf-cream .tk-flow li{
		background:#fff;
	}
}

/* ==================== 幅 701〜1119px（横幅 840px で表示する画面） ==================== */
@media screen and (min-width:701px) and (max-width:1119px){
	.inner_sec03,
	.sec06_flex,
	.tk-hero{
		width:840px;
	}
	.sec06_flex{
		grid-template-columns:repeat(3, 1fr);
	}
	.sec01 .main{
		min-height:0;
		padding:36px 40px 34px;
	}
	.rf-ttl .rf-l2{
		font-size:50px;
	}
	.rf-ttl .rf-l2 span{
		font-size:62px;
	}
	.rf-stats{
		width:560px;
	}
	.rf-stats .rf-v{
		font-size:34px;
	}
}

/* ==================== スマホ表示（幅 700px 以下） ==================== */
@media screen and (max-width:700px){
	body{color:#2b2f33;}

	/* 上部の社名・電話（画像をやめて文字で表示） */
	.head_img{padding:14px 0 16px;}
	.tk-hd{display:block;color:#3b2a1e;text-decoration:none;}
	.tk-hd-s{display:block;font-size:13px;font-weight:bold;line-height:1.5;}
	.tk-hd-n{display:block;font-size:15px;font-weight:bold;line-height:1.4;}
	.tk-hd-n b{font-size:26px;letter-spacing:0.06em;margin:0 6px 0 0;}
	.tk-hd-r{display:block;margin:8px 0 0 0;}
	.tk-hd-tel{display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;line-height:1.3;}
	.tk-hd-h{display:block;font-size:11px;line-height:1.6;}

	/* メイン */
	.sec01 .inner{padding:0;}
	.sec01 .main{background:url(img/main.webp) 62% top / cover no-repeat;padding:24px 16px 26px;}
	.rf-badge{display:inline-block;background:#e02439;color:#fff;font-weight:bold;font-size:13px;letter-spacing:0.18em;border-radius:999px;border:2px solid #fff;padding:5px 14px 5px 17px;}
	.rf-ttl{margin:14px 0 0 0;font-weight:bold;line-height:1.3;color:#12384a;}
	.rf-ttl .rf-l1{display:block;font-size:19px;letter-spacing:0.18em;}
	.rf-ttl .rf-sa{display:inline-block;background:#de742d;color:#ffe45c;font-size:32px;letter-spacing:0;line-height:1.25;border-radius:8px;border:2px solid #fff;padding:0 7px;margin:0 7px 0 0;vertical-align:middle;}
	.rf-ttl .rf-l2{display:block;font-size:30px;color:#e0592a;margin:6px 0 0 0;-webkit-text-stroke:6px #fff;paint-order:stroke fill;}
	.rf-ttl .rf-l2 span{font-family:Arial, Helvetica, sans-serif;font-size:40px;margin:0 0 0 4px;}
	.rf-stats{display:flex;background:rgba(255,255,255,0.95);border-radius:12px;margin:18px 0 0 0;padding:10px 0;}
	.rf-stats li{flex:1;padding:2px 8px;border-left:1px solid #d5dfe3;}
	.rf-stats li:first-child{border-left:0;}
	.rf-stats .rf-k{display:block;font-size:11px;font-weight:bold;color:#2f7f28;line-height:1.35;min-height:2.7em;}
	.rf-stats .rf-v{display:block;font-family:Arial, Helvetica, sans-serif;font-size:25px;font-weight:bold;color:#de742d;line-height:1.2;}
	.rf-stats .rf-v small{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;font-size:11px;color:#2b2f33;margin:0 0 0 2px;}
	.rf-cta{margin:14px 0 0 0;}
	.rf-cta a{display:block;font-weight:bold;font-size:16px;text-align:center;text-decoration:none;border-radius:10px;padding:14px 10px;margin:0 0 10px 0;}
	.rf-cta a.rf-b1{background:#de742d;color:#fff;}
	.rf-cta a.rf-b2{background:#fff;color:#12384a;}
	.rf-cta .rf-note{display:block;text-align:center;color:#12384a;font-size:13px;font-weight:bold;background:rgba(255,255,255,0.85);border-radius:999px;padding:4px 10px;}

	/* 見出し */
	.sec03 h2,
	.sec05 h2,
	.sec06 h2,
	.sec07 h2,
	.sec08 h2,
	.tk-sec h2{background:none;color:#2b2f33;font-size:21px;line-height:1.5;text-align:center;padding:32px 10px 0;margin:0 0 24px 0;position:relative;}
	.sec03 h2:before,
	.sec05 h2:before,
	.sec06 h2:before,
	.sec07 h2:before,
	.sec08 h2:before,
	.tk-sec h2:before{content:"";position:absolute;top:9px;left:50%;width:16px;height:16px;margin:0 0 0 -10px;border:0;border-left:4px solid #178fbc;border-top:4px solid #178fbc;transform:rotate(45deg);}
	.sec06 h2:before,
	.tk-green h2:before,
	.sec07 h2:before{border-color:#6fbd67;}
	.sec03 h2:before,
	.tk-orange h2:before{border-color:#de742d;}

	/* 4つの呼びかけ */
	.sec02{padding:30px 2% 44px;}
	.sec02 .flex_wrap{gap:14px;}
	.sec02 .box{width:100%;float:none;margin:0;border:0;border-radius:14px;background:#f7f5e6;}
	.sec02 .box h2{background:none;color:#2f7f28;font-size:18px;padding:22px 20px 0;border-radius:0;text-align:left;}
	.sec02 .box h2:before{content:"";position:static;display:block;width:34px;height:5px;background:#6fbd67;border:0;border-radius:3px;margin:0 0 12px 0;}
	.sec02 .box .text{padding:10px 20px 22px;text-align:left;line-height:1.9;}

	/* 管理の対象物件 */
	.sec03{background:#fff;padding:0 2% 44px;margin:0;}
	.inner_sec03 .clearfix{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
	.inner_sec03 .clearfix:after{display:none;}
	.inner_sec03 .box{width:auto;float:none;margin:0;background:#fff;color:#2f7f28;border:2px solid #6fbd67;border-radius:12px;padding:12px 6px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.5;}
	.inner_sec03 .text{color:#2b2f33;font-weight:normal;padding:16px 0 0 0;line-height:1.7;}

	/* 5つのPOINT */
	.sec05{background:#178fbc;padding:44px 3%;margin:0;}
	.sec05:before{display:none;}
	.sec05 h2{color:#fff;margin:0 0 20px 0;}
	.sec05 h2:before{border-color:#fff;}
	.sec05 .box{width:100%;margin:0 0 12px 0;border-radius:14px;padding:20px 20px 18px;}
	.sec05 .full{width:100%;}
	.sec05 .point{width:auto;background:none;color:#de742d;text-align:left;padding:0;font-size:13px;font-weight:bold;letter-spacing:0.08em;}
	.sec05 .title{margin:2px 0 4px 0;padding:0;font-size:19px;text-align:left;}
	.sec05 .text{padding:4px 0 0 0;line-height:1.9;}

	/* 実績 */
	.sec06{background:#fff;margin:0;padding:44px 0;}
	.sec06_flex{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 3%;}
	.sec06_flex .inner{width:auto;display:block;padding:0;margin:0;}
	.sec06 .box{width:auto;height:100%;float:none;margin:0;border:0;border-radius:12px;background:#f7f5e6;padding:16px 8px;font-weight:normal;}
	.sec06 .box .title{background:none;color:#2f7f28;font-size:14px;font-weight:bold;padding:0;margin:0 0 6px 0;}
	.sec06 .text{line-height:1.6;font-size:13px;}
	.sec06 .orange{font-size:1.3em;font-weight:bold;}

	/* 追加セクション */
	.tk-sec{margin:0;padding:44px 0;}
	.tk-sec .inner{padding:0 4%;}
	#service,
	#change,
	#faq,
	.sec08,
	.rf-cream{background:#f7f5e6;}
	.tk-svc li{border:0;border-radius:14px;padding:20px;}
	.tk-svc h3{background:none;color:#2f7f28;text-align:left;padding:0;border-radius:0;font-size:18px;margin:0 0 8px 0;}
	.tk-flow li,
	.tk-green .tk-flow li{border:0;border-radius:14px;background:#f7f5e6;padding:18px;}
	#change .tk-flow li,
	.rf-cream .tk-flow li{background:#fff;}
	.tk-flow h3:before{display:block;width:fit-content;border-radius:999px;padding:2px 16px;margin:0 0 8px 0;}
	.tk-card{border:0;border-radius:14px;background:#f7f5e6;}
	.tk-card h3{background:none;color:#2f7f28;text-align:left;padding:20px 20px 0;}
	.tk-card .tk-body{padding:12px 20px 20px;}
	#faq .tk-faq dt{background:#fff;border-radius:12px;}
	.tk-soudan{background:#fff;border:2px solid #de742d;}
	.tk-cta{background:#fff;border:0;border-radius:14px;}
	.tk-hero{border:0;background:#f7f5e6;}
	.tk-hero .tk-hero-pts li{border:0;}
	.tk-check{border:0;background:#f7f5e6;border-radius:14px;}
	.tk-shop{border:0;background:#f7f5e6;border-radius:14px;}

	/* 取り組み */
	.sec07{padding:44px 0 20px;}
	.sec07 .inner{background:#fff;border:0;box-shadow:0 0 0 2px #e4ead9;border-radius:14px;padding:0 0 20px 0;margin:0 auto 18px;width:94%;}
	.sec07 h3{background:none;color:#2b2f33;text-align:left;font-size:19px;padding:22px 18px 0;border-radius:0;}
	.sec07 h3:before{display:none;}
	.sec07 h3 span.left{display:inline-block;background:#6fbd67;color:#fff;font-size:12px;border-radius:999px;padding:2px 12px;margin:0 8px 0 0;vertical-align:middle;}
	.sec07 h3 span.center{vertical-align:middle;}
	.sec07_inner{padding:4px 18px 0;}
	.sec07 .inner p.center{text-align:left;}

	/* 月額管理料 */
	.sec08{padding:44px 0 36px;}
	.sec08 h2{margin:0 0 22px 0;}
	.sec08 .center{margin:16px 0 0 0;font-size:15px;}

	/* 締めの呼びかけ・会社情報 */
	.sec09{background:#6fbd67;}
	.sec11{background:#0f5f80;font-size:16px;}
	.sec12{background:#0c4f6b;}
	.sec14{background:#0a3f56;}
	footer{border-bottom-color:#0a3f56;}
}

/* ==================== 色：オレンジ系に統一（2026-10-06） ====================
   使う色は4つ：橙 #d9661f（数字・印）／濃い橙 #c4541a（白い文字をのせる面・リンク）／
   こげ茶 #3b2a1e（見出し・会社情報の面）／淡い橙 #fbf3e9（背景の面）と、帯に使う薄い橙 #f6cfae。
   空色・若草色・赤は使わない。上の PC・スマホの指定の色を、ここで上書きする。 */
body{color:#33302c;}

/* 上部 */
.desc{background:#c4541a;}
.tk-hd{color:#3b2a1e;}
.tk-hd-n b{color:#c4541a;}

/* メイン */
.rf-badge{background:#c4541a;}
.rf-ttl{color:#3b2a1e;}
.rf-ttl .rf-sa{background:#d9661f;}
.rf-ttl .rf-l2{color:#d9661f;}
.rf-stats .rf-k{color:#3b2a1e;}
.rf-stats .rf-v{color:#d9661f;}
.rf-stats .rf-v small{color:#3b2a1e;}
.rf-cta a.rf-b1{background:#c4541a;}
.rf-cta a.rf-b2{color:#3b2a1e;}
.rf-cta .rf-note{color:#3b2a1e;}

/* 見出し */
.sec03 h2,
.sec06 h2,
.sec07 h2,
.sec08 h2,
.tk-sec h2{color:#3b2a1e;}
.sec03 h2:before,
.sec06 h2:before,
.sec07 h2:before,
.sec08 h2:before,
.tk-sec h2:before,
.tk-green h2:before,
.tk-orange h2:before{border-color:#d9661f;}

/* 背景の面 */
.sec02 .box,
.sec06 .box,
.tk-card,
.tk-flow li,
.tk-green .tk-flow li,
.tk-hero,
.tk-check,
.tk-shop,
#service,
#change,
#faq,
.sec08,
.rf-cream{background:#fbf3e9;}
#change .tk-flow li,
.rf-cream .tk-flow li{background:#fff;}
.sec07 .img_box02{background:#fbf3e9;border-color:#f0e3d3;}
.sec07 .inner{box-shadow:0 0 0 2px #f0e3d3;}

/* 文字と印 */
.sec02 .box h2{color:#3b2a1e;}
.sec02 .box h2:before{background:#d9661f;}
.inner_sec03 .box{color:#3b2a1e;border-color:#d9661f;}
.sec06 .box .title{color:#3b2a1e;}
.sec06 .orange{color:#d9661f;}
.tk-svc h3,
.tk-card h3,
.tk-card dt,
.tk-shop dt,
.tk-cta .tk-cta-ttl,
.tk-hero .tk-hero-ttl,
.tk-fee .tk-fee-num,
.tk-txt strong{color:#c4541a;}
.tk-hero .tk-hero-pts span,
.tk-soudan strong{color:#d9661f;}
.tk-flow h3,
.tk-green .tk-flow h3{color:#3b2a1e;}
.tk-flow h3:before,
.tk-green .tk-flow h3:before{background:#c4541a;}
.tk-check li:before{color:#d9661f;}
.tk-sec a,
.tk-bc a{color:#c4541a;}
.tk-cta a.tk-btn,
.tk-soudan a.tk-btn{background:#c4541a;color:#fff;}
.tk-soudan{border-color:#d9661f;}
.tk-faq dt:before{background:#d9661f;}
.tk-faq dd:before{background:#3b2a1e;}
.sec07 h3 span.left,
.sec07 .yellow .green,
.sec07 .yellow .green02{background:#c4541a;}

/* 色の帯（薄い橙の面に、こげ茶の文字） */
.sec05{background:#f6cfae;}
.sec05 h2{color:#3b2a1e;}
.sec05 h2:before{border-color:#d9661f;}
.sec05 .point{color:#c4541a;}
.sec09{background:#f6cfae;color:#3b2a1e;}
.sec11{background:#3b2a1e;}
.sec12{background:#32231a;}
.sec14{background:#281c14;}
footer{border-bottom-color:#281c14;}

/* ==================== 色：オレンジを落ち着いた色合いに整える（2026-10-06） ====================
   上の「オレンジ系に統一」の5色を、彩度を抑えた色に置き換える。書体は変えない。
   橙 #d9661f→#cf7a3e（数字・印）／濃い橙 #c4541a→#b4602e（白い文字をのせる面・リンク。白との明暗比 4.5 以上）／
   こげ茶 #3b2a1e はそのまま／淡い橙 #fbf3e9→#faf6f0（背景の面）／帯の薄い橙 #f6cfae→#f2e2d2。
   メインの「差」の黄色い文字は白にする。 */

/* 上部 */
.desc{background:#b4602e;}
.tk-hd-n b{color:#b4602e;}

/* メイン */
.rf-badge{background:#b4602e;}
.rf-ttl .rf-sa{background:#cf7a3e;color:#fff;}
.rf-ttl .rf-l2{color:#cf7a3e;}
.rf-stats .rf-v{color:#cf7a3e;}
.rf-cta a.rf-b1{background:#b4602e;}

/* 見出しの印 */
.sec03 h2:before,
.sec06 h2:before,
.sec07 h2:before,
.sec08 h2:before,
.tk-sec h2:before,
.tk-green h2:before,
.tk-orange h2:before{border-color:#cf7a3e;}

/* 背景の面 */
.sec02 .box,
.sec06 .box,
.tk-card,
.tk-flow li,
.tk-green .tk-flow li,
.tk-hero,
.tk-check,
.tk-shop,
#service,
#change,
#faq,
.sec08,
.rf-cream{background:#faf6f0;}
#change .tk-flow li,
.rf-cream .tk-flow li{background:#fff;}
.sec07 .img_box02{background:#faf6f0;border-color:#eee4d8;}
.sec07 .inner{box-shadow:0 0 0 2px #eee4d8;}

/* 文字と印 */
.sec02 .box h2:before{background:#cf7a3e;}
.inner_sec03 .box{border-color:#cf7a3e;}
.sec06 .orange{color:#cf7a3e;}
.tk-svc h3,
.tk-card h3,
.tk-card dt,
.tk-shop dt,
.tk-cta .tk-cta-ttl,
.tk-hero .tk-hero-ttl,
.tk-fee .tk-fee-num,
.tk-txt strong{color:#b4602e;}
.tk-hero .tk-hero-pts span,
.tk-soudan strong{color:#cf7a3e;}
.tk-flow h3:before,
.tk-green .tk-flow h3:before{background:#b4602e;}
.tk-check li:before{color:#cf7a3e;}
.tk-sec a,
.tk-bc a{color:#b4602e;}
.tk-cta a.tk-btn,
.tk-soudan a.tk-btn{background:#b4602e;color:#fff;}
.tk-soudan{border-color:#cf7a3e;}
.tk-faq dt:before{background:#cf7a3e;}
.sec07 h3 span.left,
.sec07 .yellow .green,
.sec07 .yellow .green02{background:#b4602e;}

/* 色の帯 */
.sec05{background:#f2e2d2;}
.sec05 h2:before{border-color:#cf7a3e;}
.sec05 .point{color:#b4602e;}
.sec09{background:#f2e2d2;}

/* ==================== 縦の余白を詰める（2026-10-06） ====================
   所有者の指示「縦に余白が多すぎる」。まとまりの上下 70px→44px、見出しの下 40px→24px など。
   スマホ表示はまとまりの上下 44px→32px。 */
@media screen and (min-width:701px){
	.sec02{padding-top:40px;padding-bottom:44px;}
	.sec03{padding-bottom:44px;}
	.sec05,
	.sec06,
	.sec08,
	.tk-sec{padding-top:44px;padding-bottom:44px;}
	.sec07{padding-top:44px;padding-bottom:24px;}
	.sec09{padding-top:36px;padding-bottom:36px;}
	.sec03 h2,
	.sec05 h2,
	.sec06 h2,
	.sec07 h2,
	.sec08 h2,
	.tk-sec h2{padding-top:30px;margin-bottom:24px;}
	.sec07 .inner{margin-bottom:16px;padding-bottom:24px;}
	.tk-sec li{margin-bottom:12px;}
	.tk-faq dt{margin-bottom:8px;}
	.tk-faq dd{margin-bottom:18px;}
}
@media screen and (max-width:700px){
	.sec02{padding-top:24px;padding-bottom:32px;}
	.sec03{padding-bottom:32px;}
	.sec05,
	.sec06,
	.sec08,
	.tk-sec{padding-top:32px;padding-bottom:32px;}
	.sec07{padding-top:32px;padding-bottom:12px;}
	.tk-sec h2{padding-top:28px;margin-bottom:18px;}
}

/* ==================== 下の会社情報の帯を明るくする（2026-10-06） ====================
   所有者の指示「下の茶色帯や黒帯が気になる」。こげ茶・濃いこげ茶・ほぼ黒の3段の帯を、
   生成り（#faf6f0）と薄いベージュ（#f3ece3）の面に、こげ茶の文字に変える。最下部の太い線も細くする。 */
.sec11,
.sec12{background:#faf6f0;color:#3b2a1e;}
.sec11{border-top:4px solid #cf7a3e;}
.sec12{border-top:1px solid #eee4d8;}
.sec14{background:#f3ece3;color:#3b2a1e;}
.sec11 *,
.sec12 *,
.sec14 p,
.sec14 p a{color:#3b2a1e;}
.sec14 .tk-links a{color:#b4602e;}
.sec14 a[href="#wrap"]{background:#b4602e;color:#fff;}
footer{border-bottom:4px solid #b4602e;}

/* ==================== 色：もう少しオレンジらしく（2026-10-06） ====================
   所有者の指示「スマホで見るとオレンジが茶色に見える」。上の「落ち着いた色合い」を、赤み・鮮やかさを強めた色で上書きする。
   白い文字をのせる面 #b4602e→#d35f0f／オレンジの文字 #b4602e→#c4541a／数字・印 #cf7a3e→#e0700f／
   背景の面 #faf6f0→#fff7ee（線 #eee4d8→#f6e3cf）／帯 #f2e2d2→#fde5cc／取扱業務の帯 #f3ece3→#fbecdc。 */

/* 白い文字をのせる面 */
.desc,
.rf-badge,
.rf-cta a.rf-b1,
.tk-cta a.tk-btn,
.tk-soudan a.tk-btn,
.tk-flow h3:before,
.tk-green .tk-flow h3:before,
.sec07 h3 span.left,
.sec07 .yellow .green,
.sec07 .yellow .green02,
.sec14 a[href="#wrap"]{background:#d35f0f;}
footer{border-bottom-color:#d35f0f;}

/* オレンジの文字 */
.tk-hd-n b,
.tk-svc h3,
.tk-card h3,
.tk-card dt,
.tk-shop dt,
.tk-cta .tk-cta-ttl,
.tk-hero .tk-hero-ttl,
.tk-fee .tk-fee-num,
.tk-txt strong,
.tk-sec a,
.tk-bc a,
.sec05 .point,
.sec14 .tk-links a{color:#c4541a;}
.tk-cta a.tk-btn,
.tk-soudan a.tk-btn{color:#fff;}

/* 数字・印 */
.rf-ttl .rf-sa{background:#e0700f;}
.rf-ttl .rf-l2,
.rf-stats .rf-v,
.sec06 .orange,
.tk-hero .tk-hero-pts span,
.tk-soudan strong,
.tk-check li:before{color:#e0700f;}
.sec03 h2:before,
.sec05 h2:before,
.sec06 h2:before,
.sec07 h2:before,
.sec08 h2:before,
.tk-sec h2:before,
.tk-green h2:before,
.tk-orange h2:before,
.inner_sec03 .box,
.tk-soudan{border-color:#e0700f;}
.sec02 .box h2:before,
.tk-faq dt:before{background:#e0700f;}
.sec11{border-top-color:#e0700f;}

/* 背景の面と帯 */
.sec02 .box,
.sec06 .box,
.tk-card,
.tk-flow li,
.tk-green .tk-flow li,
.tk-hero,
.tk-check,
.tk-shop,
#service,
#change,
#faq,
.sec08,
.rf-cream,
.sec11,
.sec12{background:#fff7ee;}
#change .tk-flow li,
.rf-cream .tk-flow li{background:#fff;}
.sec07 .img_box02{background:#fff7ee;border-color:#f6e3cf;}
.sec07 .inner{box-shadow:0 0 0 2px #f6e3cf;}
.sec12{border-top-color:#f6e3cf;}
.sec05,
.sec09{background:#fde5cc;}
.sec14{background:#fbecdc;}

/* ==================== 取り組み：縦の長さを詰める（2026-10-06） ====================
   所有者の指示「各取り組みが縦に長い」。①はロゴを横1列に、②は写真を小さくして数字の画像を横に並べ（スマホは余白だけ詰める）、
   ③はトイレとリビングの施工例を横に並べる（スマホは Before・After を左右に並べる）。
   index.html の各取り組みに rf-t1〜rf-t3 のクラスを付けている。 */
.sec07 .inner{padding-bottom:18px;}
.sec07 .inner p{padding:6px 0 0 0;margin:0 0 8px 0;line-height:1.7;}

/* ③ 施工例（共通） */
.rf-reform{display:flex;gap:16px;align-items:stretch;margin:6px 0 0 0;}
.rf-rf{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:#fff7ee;border-radius:12px;padding:12px 16px 16px;}
/* 施工例は7つ。1段目は3つ（トイレ・リビング・キッチン。写真の高さがそろうように幅の比を決めている。縦横比 0.83・1.19・0.8）、
   2段目・3段目は2つずつ同じ幅（和室から洋室へ・外壁塗装3つ。どれも 4:3） */
.rf-w1{flex-grow:300;}
.rf-w2{flex-grow:400;}
.rf-w3{flex-grow:292;}
.rf-reform + .rf-reform{margin-top:16px;}
.rf-reform + .rf-reform-lead{margin-top:14px;}
/* 新しい施工例の写真は、Before・After の札を文字で重ねる（トイレ・リビングは写真に札が入っている） */
.rf-ph{position:relative;display:block;flex:1 1 0;min-width:0;}
.rf-rf-ba .rf-ph img{display:block;width:100%;height:auto;}
.rf-ph:before{content:"Before";position:absolute;left:0;top:7px;background:#fff;color:#e0700f;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:1.5;padding:0 9px 0 7px;border-radius:0 3px 3px 0;}
.rf-ph-a:before{content:"After";}
.sec07 .inner p.rf-rf-h{padding:0;margin:0 0 10px 0;font-size:0.93em;line-height:1.6;}
.rf-rf-tag{display:inline-block;background:#d35f0f;color:#fff;font-weight:bold;font-size:0.93em;line-height:1.5;border-radius:999px;padding:1px 14px;margin:0 8px 0 0;}
.rf-rf-ba{display:flex;align-items:center;margin-top:auto;}
.rf-rf-ba img{flex:1 1 0;min-width:0;width:0;height:auto;border-radius:6px;}
.rf-rf-arw{flex:0 0 auto;width:0;height:0;margin:0 11px;border-left:14px solid #e0700f;border-top:10px solid transparent;border-bottom:10px solid transparent;}

@media screen and (min-width:701px){
	.sec07 h3{padding:20px 28px 0;font-size:21px;}
	.sec07_inner{padding:4px 28px 0;}
	.sec07 .inner{margin-bottom:14px;}

	/* ① 文章を左、ポータルサイトのロゴを右に */
	.rf-t1 .sec07_inner{display:grid;grid-template-columns:1fr auto;column-gap:28px;align-items:center;}
	.rf-t1 .sec07_inner:after{display:none;}
	.rf-t1 .sec07_inner > p{grid-column:1;}
	.sec07 .rf-t1 p.title{font-size:15px;text-align:left;}
	.sec07 .rf-t1 .img_box02{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;gap:14px;padding:12px 18px;margin:6px 0 0 0;}
	.sec07 .rf-t1 .img_box02 .image{width:auto;height:54px;margin:0;}

	/* ② 写真を左、文章と数字を右に */
	.rf-t2 .sec07_inner{display:grid;grid-template-columns:300px 1fr 1fr;column-gap:20px;row-gap:10px;align-content:center;}
	.rf-t2 .sec07_inner:after{display:none;}
	.sec07 .rf-t2 .image07{grid-column:1;grid-row:1 / 3;float:none;width:100%;border-radius:8px;margin:10px 0 0 0;}
	.sec07 .rf-t2 .text_img07{grid-column:2 / 4;float:none;width:auto;padding:6px 0 0 0 !important;margin:0;align-self:end;}
	.sec07 .rf-t2 .image08,
	.sec07 .rf-t2 .image09{width:100%;max-width:340px;margin:0;align-self:start;}
}

@media screen and (min-width:701px) and (max-width:1119px){
	.rf-t1 .sec07_inner{display:block;}
	.sec07 .rf-t1 .img_box02{justify-content:center;}
	.rf-t2 .sec07_inner{grid-template-columns:260px 1fr 1fr;}
	.rf-reform{gap:12px;}
	.rf-rf{padding:10px 10px 12px;}
	.rf-rf-arw{margin:0 6px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px;}
}

@media screen and (max-width:700px){
	.sec07 .inner{padding-bottom:14px;margin-bottom:12px;}
	.sec07 h3{padding-top:16px;}

	/* ① ロゴを横1列に */
	.sec07 .rf-t1 .img_box02{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin:6px 0 0 0;}
	.sec07 .rf-t1 .img_box02 .image{flex:1 1 0;min-width:0;width:0;height:auto;margin:0;}

	/* ② 余白を詰める（数字の画像は読みやすさのため縦に2つのまま） */
	.sec07 .rf-t2 .image07{border-radius:8px;margin:8px 0 0 0;}
	.sec07 .rf-t2 .text_img07{float:none;width:auto;padding:6px 0 0 0;margin:0 0 8px 0;}
	.sec07 .rf-t2 .image08,
	.sec07 .rf-t2 .image09{display:block;width:100%;margin:0 0 8px 0;}
	.sec07 .rf-t2 .image09{margin-bottom:0;}

	/* ③ 施工例を縦に2つ、Before・After は左右に */
	.rf-reform{display:block;}
	.rf-rf{margin:0 0 10px 0;padding:12px;}
	.rf-rf:last-child{margin-bottom:0;}
	.rf-rf-arw{margin:0 8px;border-left-width:11px;border-top-width:8px;border-bottom-width:8px;}
}

/* ==================== よくあるご質問：質問と答えを1つの枠にまとめる（2026-10-06） ====================
   所有者の指示「QAの段落が分かりにくい」。質問（Q）と答え（A）を白い枠1つにまとめ、
   枠と枠の間をあけて、どこからどこまでが1問かを分かるようにする。 */
.tk-faq dt,
#faq .tk-faq dt{background:#fff;border:1px solid #f3d9bf;border-bottom:0;border-radius:12px 12px 0 0;margin:0;padding:14px 18px 10px 54px;}
.tk-faq dd{background:#fff;border:1px solid #f3d9bf;border-top:0;border-radius:0 0 12px 12px;margin:0 0 16px 0;padding:11px 18px 14px 54px;}
.tk-faq dd:last-child{margin-bottom:0;}
.tk-faq dd:after{content:"";position:absolute;left:16px;right:16px;top:0;border-top:1px dashed #f0cfae;}
.tk-faq dt:before{top:13px;}
.tk-faq dd:before{top:11px;}
.tk-faq + .tk-cta{margin-top:24px;}
@media screen and (max-width:700px){
	.tk-faq dt,
	#faq .tk-faq dt{padding:12px 12px 9px 48px;}
	.tk-faq dd{padding:10px 12px 12px 48px;margin-bottom:12px;}
	.tk-faq dt:before,
	.tk-faq dd:before{left:11px;}
	.tk-faq dd:after{left:11px;right:11px;}
}

/* ==================== 見出し：左寄せにして、屋根の印（^）をやめる（2026-10-06） ====================
   所有者の指示「タイトルを左寄せに」「^ のようなイラストは不要」。見出しは左端に橙の縦線を付けた文字だけにし、
   本文の幅（PC 1080px／幅 701〜1119px は 840px）の左端にそろえる。index.html・nogata.html 共通。 */
.sec03 h2,
.sec05 h2,
.sec06 h2,
.sec07 h2,
.sec08 h2,
.tk-sec h2{text-align:left;padding:0 0 0 14px;border-left:5px solid #e0700f;line-height:1.4;}
.sec03 h2:before,
.sec05 h2:before,
.sec06 h2:before,
.sec07 h2:before,
.sec08 h2:before,
.tk-sec h2:before{display:none;}
.sec07{background:#fff7ee;}

@media screen and (min-width:701px){
	.sec03 h2,
	.sec05 h2,
	.sec06 h2,
	.sec07 h2,
	.sec08 h2,
	.tk-sec h2{font-size:24px;padding-top:0;margin-bottom:22px;box-sizing:border-box;}
	.sec06 > h2,
	.sec07 > h2,
	.tk-sec > h2{width:1080px;margin-left:auto;margin-right:auto;}
	.sec05 h2{margin-bottom:2px;}
	.sec03{padding-top:44px;}
	.sec02{padding-bottom:0;}
}
@media screen and (min-width:701px) and (max-width:1119px){
	.sec06 > h2,
	.sec07 > h2,
	.tk-sec > h2{width:840px;}
}
@media screen and (max-width:700px){
	.sec03 h2,
	.sec05 h2,
	.sec06 h2,
	.sec07 h2,
	.sec08 h2,
	.tk-sec h2{font-size:20px;padding-top:0;margin-bottom:16px;border-left-width:4px;padding-left:11px;}
	.sec06 > h2,
	.sec07 > h2{margin-left:3%;margin-right:3%;}
	.tk-sec > h2{margin-left:4%;margin-right:4%;}
	.sec03{padding-top:32px;}
	.sec02{padding-bottom:0;}
}
.inner_sec03 .text{text-align:left;}
.sec02 .box .text a{color:#c4541a;text-decoration:underline;}

/* 対象物件：5つの箱（2026-10-06）。スマホは2列で、5つ目だけ横いっぱいにする。 */
@media screen and (max-width:700px){
	.inner_sec03 .box:nth-child(5):last-child{grid-column:1 / 3;}
}
@media screen and (min-width:701px){
	.inner_sec03 .clearfix:after{display:none;}
}

/* ==================== 会社情報の欄に本店の写真3枚（外観・店内・商談室）（2026-10-06） ==================== */
.rf-honten-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rf-honten-photos figure{margin:0;}
.rf-honten-photos img{display:block;width:100%;height:auto;border-radius:10px;}
.rf-honten-photos figcaption{text-align:center;font-size:0.9em;line-height:1.6;padding:6px 0 0 0;}
@media screen and (min-width:701px){
	.sec11 .inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:22px 36px;}
	.sec11 .inner:after{display:none;}
	.rf-honten-photos{flex:0 0 100%;}
	.sec11 ul.left{float:none;flex:0 1 auto;}
	.sec11 ul.right{float:none;flex:0 0 auto;}
}
@media screen and (max-width:700px){
	.rf-honten-photos{grid-template-columns:1fr 1fr;gap:8px;padding:0 2%;margin:0 0 14px 0;}
	.rf-honten-photos figure:first-child{grid-column:1 / 3;}
	.rf-honten-photos figcaption{font-size:12px;padding-top:3px;}
}

/* ==================== 空室対策の案内（2026-10-06） ====================
   所有者の指示「空室対策を強化している旨を追加」。メインの1行（rf-kuu）と、取り組みの冒頭の枠（rf-kuushitsu）。 */
.rf-kuu{display:inline-block;background:rgba(255,255,255,0.9);color:#3b2a1e;font-weight:bold;line-height:1.5;border-radius:8px;}
.rf-kuu b{color:#c4541a;}
.rf-kuushitsu{background:#fff;border:2px solid #e0700f;border-radius:14px;box-sizing:border-box;}
.sec07 .rf-kuushitsu h3{background:none;color:#c4541a;text-align:left;padding:0;border-radius:0;font-weight:bold;line-height:1.5;}
.sec07 .rf-kuushitsu h3:before{display:none;}
.rf-kuushitsu p{line-height:1.9;margin:0;padding:0;}
@media screen and (min-width:701px){
	.rf-kuu{font-size:17px;padding:6px 16px;margin:16px 0 0 0;}
	.rf-stats{margin-top:16px;}
	.rf-kuushitsu{width:1080px;margin:0 auto 16px;padding:18px 26px 20px;}
	.sec07 .rf-kuushitsu h3{font-size:20px;margin:0 0 6px 0;}
}
@media screen and (min-width:701px) and (max-width:1119px){
	.rf-kuushitsu{width:840px;}
}
@media screen and (max-width:700px){
	.rf-kuu{font-size:14px;padding:5px 12px;margin:12px 0 0 0;}
	.rf-kuu span{display:block;}
	.rf-stats{margin-top:12px;}
	.rf-kuushitsu{width:94%;margin:0 auto 12px;padding:14px 16px 16px;}
	.sec07 .rf-kuushitsu h3{font-size:18px;margin:0 0 4px 0;}
}
/* 空室対策の枠の中の「物件力」「客付け力」（2026-10-06） */
.rf-kuu2{display:flex;gap:14px;margin:12px 0 0 0;}
.rf-kuu2 > div{flex:1 1 0;background:#fff7ee;border-radius:10px;padding:12px 16px 14px;}
.rf-kuu2 dt{font-weight:bold;color:#c4541a;font-size:1.1em;line-height:1.5;margin:0 0 2px 0;}
.rf-kuu2 dd{line-height:1.8;margin:0;}
@media screen and (max-width:700px){
	.rf-kuu2{display:block;margin-top:10px;}
	.rf-kuu2 > div{margin:0 0 8px 0;}
	.rf-kuu2 > div:last-child{margin-bottom:0;}
}

/* 上部メニュー：幅 701〜1119px では7項目が1行に入らないので、スマホと同じ5項目にする（2026-10-06） */
@media screen and (min-width:701px) and (max-width:1119px){
	.desc ul li.sp_none{display:none;}
}
/* 対象エリア：枠が1つになったので横いっぱいにする（2026-10-06） */
.tk-card.rf-card-full{width:100%;}

/* ==================== 新築をご検討のオーナー様へ（2026-10-06） ====================
   4つの枠を横に並べる（幅 701〜1119px は2列、スマホは1列）。
   白い欄が続かないよう、対象エリアの欄を淡い橙（枠は白）、よくある質問の欄を白にしている。 */
.rf-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.tk-sec .rf-cards4 li{margin:0;background:#fff7ee;border-radius:14px;padding:18px 18px 16px;}
.rf-cards4 h3{color:#c4541a;font-weight:bold;font-size:18px;line-height:1.5;margin:0 0 6px 0;}
.rf-cards4 p{line-height:1.8;font-size:0.95em;}
#area{background:#fff7ee;}
#area .tk-card{background:#fff;}
#faq{background:#fff;}
@media screen and (min-width:701px) and (max-width:1119px){
	.rf-cards4{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:700px){
	.rf-cards4{grid-template-columns:1fr;gap:10px;}
	.rf-cards4 h3{font-size:17px;}
}
#faq .tk-cta{background:#fff7ee;}

/* ==================== 管理会社の切り替え：「現在の管理会社様との対応は当社が責任を持って行います。」（2026-10-07） ====================
   所有者の指示で、切り替えの欄の冒頭に強調して載せる。白地に橙の枠（空室対策の枠 rf-kuushitsu と同じ形）。 */
.rf-makase{background:#fff;border:2px solid #e0700f;border-radius:14px;box-sizing:border-box;text-align:center;line-height:1.5;margin:0 0 20px 0;padding:18px 20px 20px;}
.rf-makase-b{display:inline-block;background:#e0700f;color:#fff;font-weight:bold;font-size:14px;line-height:1.4;letter-spacing:0.08em;border-radius:999px;padding:4px 16px;margin:0 0 8px 0;}
.rf-makase strong{display:block;color:#c4541a;font-weight:bold;font-size:26px;}
.rf-makase strong span{display:inline-block;}
@media screen and (max-width:700px){
	.rf-makase{margin:0 0 14px 0;padding:14px 10px 16px;}
	.rf-makase-b{font-size:13px;}
	.rf-makase strong{font-size:20px;}
}

/* 取り組み③：例が1つだけの段は、ほかの段と同じ幅（半分）で左に置く（2026-10-08、所有者の指示で中央から左へ） */
.rf-reform-half{justify-content:flex-start;}
.rf-reform-half .rf-rf{flex:0 1 calc(50% - 8px);}

/* ==================== 幅 701〜871px（iPad の縦向きなど）で横が切れないようにする（2026-10-07） ====================
   この幅では本文を 840px の固定幅で表示するため、画面が 840px より狭いと右側が切れていた
   （iPad の縦向きは 744〜834px）。画面の幅に合わせてページ全体を少し縮小して収める。
   縮小率 =（画面の幅 − 16）÷ 856。10px きざみで指定している（856 = 本文 840px ＋ 左右の余白 8px ずつ）。 */
@media screen and (min-width:701px) and (max-width:899px){
	.desc{padding-left:0;padding-right:0;}
}
@media screen and (min-width:701px) and (max-width:710px){html{zoom:0.800;}}
@media screen and (min-width:711px) and (max-width:720px){html{zoom:0.811;}}
@media screen and (min-width:721px) and (max-width:730px){html{zoom:0.823;}}
@media screen and (min-width:731px) and (max-width:740px){html{zoom:0.835;}}
@media screen and (min-width:741px) and (max-width:750px){html{zoom:0.846;}}
@media screen and (min-width:751px) and (max-width:760px){html{zoom:0.858;}}
@media screen and (min-width:761px) and (max-width:770px){html{zoom:0.870;}}
@media screen and (min-width:771px) and (max-width:780px){html{zoom:0.882;}}
@media screen and (min-width:781px) and (max-width:790px){html{zoom:0.893;}}
@media screen and (min-width:791px) and (max-width:800px){html{zoom:0.905;}}
@media screen and (min-width:801px) and (max-width:810px){html{zoom:0.917;}}
@media screen and (min-width:811px) and (max-width:820px){html{zoom:0.928;}}
@media screen and (min-width:821px) and (max-width:830px){html{zoom:0.940;}}
@media screen and (min-width:831px) and (max-width:840px){html{zoom:0.952;}}
@media screen and (min-width:841px) and (max-width:850px){html{zoom:0.963;}}
@media screen and (min-width:851px) and (max-width:860px){html{zoom:0.975;}}
@media screen and (min-width:861px) and (max-width:871px){html{zoom:0.987;}}