@charset "utf-8";
/* ============================================================
   トップページ 個人／法人 入口カード
   既存の配色（グレー地・金の罫線・明朝の見出し）を踏襲しつつ、
   画像ではなくテキストで組む。高さはgridで必ず揃う。
   ============================================================ */

.sa-entry{
	--e-gold:#c0a062;
	--e-ink:#2f2f31;
	--e-sub:#6f6c66;
	--e-line:#e0dcd3;
	--e-invidual:#ff5703;   /* 既存バナーの個人＝オレンジ */
	--e-corporation:#1f3566; /* 既存バナーの法人＝紺 */
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	margin:28px 0 8px;
}
.sa-entry *{box-sizing:border-box;}

.sa-entry__card{
	display:flex;
	flex-direction:column;
	border:1px solid var(--e-line);
	background:#fff;
	border-top:3px solid var(--e-gold);
}
.sa-entry__card--invidual{border-top-color:var(--e-invidual);}
.sa-entry__card--corporation{border-top-color:var(--e-corporation);}

/* ---- 見出し（カード全体の入口） ---- */
.sa-entry__head{
	display:block;
	text-decoration:none;
	padding:22px 24px 18px;
	background:#f5f2ec;
	border-bottom:1px solid var(--e-line);
	transition:background .15s;
}
.sa-entry__head:hover{background:#efe9dd;}
.sa-entry__mark{
	display:inline-block;width:18px;height:21px;vertical-align:-3px;margin-right:10px;
	color:var(--e-gold);
}
.sa-entry__mark svg{display:block;width:100%;height:100%;}
.sa-entry__title{
	font-family:"Hiragino Mincho ProN","Yu Mincho",serif;
	font-size:24px;font-weight:600;letter-spacing:.04em;
}
.sa-entry__card--invidual .sa-entry__title{color:var(--e-invidual);}
.sa-entry__card--corporation .sa-entry__title{color:var(--e-corporation);}
.sa-entry__lead{
	display:block;margin-top:10px;padding-top:10px;
	border-top:1px solid var(--e-gold);
	font-size:13px;color:var(--e-sub);line-height:1.6;
}

/* ---- 配下メニュー ---- */
.sa-entry__list{list-style:none;margin:0;padding:0;flex:1;}
.sa-entry__list li{margin:0;border-bottom:1px solid var(--e-line);}
.sa-entry__list li:last-child{border-bottom:0;}
.sa-entry__list a{
	display:block;text-decoration:none;color:var(--e-ink);
	padding:13px 24px 13px 40px;position:relative;
	transition:background .15s,color .15s;
}
.sa-entry__list a:before{
	content:"";position:absolute;left:24px;top:50%;width:6px;height:6px;
	margin-top:-3px;border-top:1.5px solid var(--e-gold);border-right:1.5px solid var(--e-gold);
	transform:rotate(45deg);transition:transform .15s;
}
.sa-entry__list a:hover{background:#faf8f5;}
.sa-entry__card--invidual .sa-entry__list a:hover{color:var(--e-invidual);}
.sa-entry__card--corporation .sa-entry__list a:hover{color:var(--e-corporation);}
.sa-entry__list a:hover:before{transform:rotate(45deg) translate(2px,-2px);}
.sa-entry__name{display:block;font-size:15px;font-weight:700;line-height:1.4;}
.sa-entry__desc{display:block;margin-top:2px;font-size:12px;color:var(--e-sub);line-height:1.5;}

/* ---- SP ---- */
@media screen and (max-width:62.5em){
	.sa-entry{grid-template-columns:1fr;gap:16px;margin:20px 0 8px;}
	.sa-entry__head{padding:18px 18px 14px;}
	.sa-entry__title{font-size:21px;}
	.sa-entry__list a{padding:14px 18px 14px 34px;}
	.sa-entry__list a:before{left:18px;}
}