.choice-inner{

max-width:1200px;
margin:auto;

}

/* title */

.choice-title{

text-align:center;

font-family:"Playfair Display",serif;

font-size:34px;

margin-bottom:70px;

letter-spacing:.08em;

}

/* grid */

.choice-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}

/* tile */
.choice-tile{
display: flex;
flex-direction: column;
min-width: 80%;
border-radius: 10px;
}
/* card */

.choice-card{
background:#fff;
text-decoration:none;
color:#000;
display:flex;
flex-direction:column;
overflow:hidden;
transition:.4s;
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}

.choice-card:hover{

transform:translateY(-6px);

box-shadow:0 21px 15px rgba(0,0,0,.08);

}

.choice-reviews{
	flex: 1;
    display: block;
    background: white;
    border-radius: 8px;
    padding: 10px;
    font-size: 11px;
    line-height: 1.6;
    border: 1px solid var(--border);
    margin-top: 2rem;
}

.choice-reviews span.star{
	color: var(--accent);
	font-weight: 700;
}
.choice-reviews span.who{
	display: block;
	color: var(--light);
	font-size: 10px;
	margin-top: 4px;
}

/* image */

.choice-image{

overflow:hidden;

}

.choice-image img{

width:100%;

height:420px;

object-fit:cover;

transition:1.2s;

}

.choice-card:hover img{

transform:scale(1.05);

}

/* content */

.choice-content{

padding:40px;

display:flex;
flex-direction:column;

flex:1;   /* ←ここが重要 */

}

/* label */

.choice-label{

font-size:12px;

letter-spacing:.25em;

color:#888;

margin-bottom:12px;

}

/* tagline */

.choice-tagline{

font-size:22px;

margin-bottom:16px;

font-weight:500;

}

/* persona */

.choice-persona{
font-size:13px;
color:#777;
line-height:1.8;
margin-bottom:24px;
min-height: 48px;
}

/* button */

.choice-btn{

display:inline-block;

padding:12px 28px;
color:var(--accent);
border:1px solid var(--accent);

font-size:13px;
width: 50%;
letter-spacing:.15em;

transition:.3s;

margin-top:auto;  /* ←下に押す */

}

.choice-card:hover .choice-btn{

background:var(--accent);
color:#fff;

}

@media(max-width:768px){

.choice-grid{

grid-template-columns:1fr;

gap:30px;

}



.choice-title{

font-size:26px;

margin-bottom:40px;

}
.choice-btn{
width: 100%;
}

}

/* PCはそのまま / スマホだけカルーセル */
/* .customer-slider{
overflow:hidden;
} */

/* PC */

.grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* スマホ */

@media(max-width:768px){

.grid-3{

display:flex;

overflow-x:auto;

scroll-snap-type:x mandatory;

gap:16px;

padding-bottom:10px;

}

.choice-tile{

min-width:80%;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

border-radius:10px;

overflow:hidden;

}

}