/* =========================================================
   TOP 無料診断サービス（Free property valuation）
   ozi_lp の同セクションに準拠（見出しの黒ボックスなし・見出し黒文字）
   ========================================================= */
.top-diag{
	--diag-min:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;
	--diag-goth:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
	padding:66px 16px 110px;background:#fff;
}
.top-diag *,.top-diag *::before,.top-diag *::after{box-sizing:border-box;}
.top-diag__en{
	margin:0;text-align:center;
	font-family:"EB Garamond","Adobe Garamond Pro",Garamond,serif;font-weight:600;
	font-size:32px;line-height:40px;letter-spacing:-.02em;color:#2a3140;
}
.top-diag__ttl{
	margin:14px 0 0;padding-left:.3em;text-align:center;
	font-family:var(--diag-min);font-weight:600;
	font-size:30px;line-height:50px;letter-spacing:.3em;color:#000;
}
.top-diag__cards{
	display:flex;flex-wrap:wrap;justify-content:center;gap:22px 20px;
	max-width:1282px;margin:40px auto 0;
}
.top-diag__card{
	display:flex;flex-direction:column;align-items:center;
	width:414px;min-height:465px;padding-bottom:30px;background:var(--bg);
}
.top-diag__card:nth-child(n+4){min-height:433px;}
.top-diag__lb{
	align-self:stretch;margin:0;background:var(--lb);text-align:center;
	font-family:var(--diag-goth);font-weight:700;
	font-size:18px;line-height:49px;letter-spacing:-.02em;color:#fff;
}
.top-diag__name{
	margin:15px 0 0;padding-left:.3em;text-align:center;
	font-family:var(--diag-min);font-weight:600;
	font-size:24px;line-height:30px;letter-spacing:.3em;color:#000;
}
.top-diag__card img{display:block;width:380px;max-width:calc(100% - 32px);height:auto;aspect-ratio:380/197;object-fit:cover;margin:14px 0 0;}
.top-diag__txt{
	width:380px;max-width:calc(100% - 32px);margin:22px 0 0;text-align:left;
	font-family:var(--diag-min);font-weight:500;
	font-size:18px;line-height:28px;letter-spacing:-.02em;color:#000;
}

/* 詳しく見る（TOP「事例一覧はこちらから」ボタンと同じルールの濃色版） */
.top-diag__more{margin-top:56px;text-align:center;}
.top-diag__more a{
	display:inline-block;padding:20px 100px 20px 24px;
	font-family:游明朝,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",HG明朝E,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:20px;font-weight:700;line-height:1.2;color:#231815;text-decoration:none;
	border:1px solid #231815;
	background:transparent url(../images/index/arrow_bk.svg) no-repeat center right 40px/39px auto;
	transition:all .5s;
}
.top-diag__more a:hover{
	background:rgba(35,24,21,.06) url(../images/index/arrow_bk.svg) no-repeat center right 28px/39px auto;
}

@media screen and (max-width:768px){
	.top-diag{padding:64px 16px 72px;}
	.top-diag__en{font-size:24px;line-height:30px;}
	.top-diag__ttl{margin-top:14px;padding-left:.15em;font-size:18px;line-height:31px;letter-spacing:.15em;}
	.top-diag__cards{flex-direction:column;align-items:stretch;gap:16px;margin-top:28px;}
	.top-diag__card,.top-diag__card:nth-child(n+4){width:auto;min-height:0;padding-bottom:20px;}
	.top-diag__lb{font-size:14px;line-height:34px;}
	.top-diag__name{margin:14px 0 12px;font-size:18px;line-height:26px;letter-spacing:.15em;padding-left:.15em;}
	.top-diag__card img{width:calc(100% - 32px);max-width:none;margin:0;}
	.top-diag__more{margin-top:36px;}
	.top-diag__more a{font-size:4.26vw;padding:15px 80px 15px 24px;background-position:center right 30px;background-size:32px auto;}
	.top-diag__more a:hover{background-position:center right 24px;}
	.top-diag__txt{width:auto;max-width:none;align-self:stretch;margin:0;padding:12px 16px 0;font-size:14px;line-height:23px;}
}