/* -------------------------------
レイアウト
--------------------------------- */
.name{
padding:10rem 0;
}


/* -------------------------------
タブ
--------------------------------- */
.name .ui-tab{
--tab-columns:2;
--tab-gap:2rem;
}


/* -------------------------------
テキスト
--------------------------------- */
.name-card{
display:grid;
grid-template-columns:1fr;
gap:2rem;
align-content:start;
padding-top:2rem;
}

.name-card__body{
padding:3rem;
background:#FFF;
}

.name-card__body strong{
display:block;
margin:0 0 1rem 0;
font-weight:normal;
font-family:"mincho", serif;
font-size:2rem;
}

.name-card__text span{
display:block;
font-size:1.4rem;
line-height:2.3rem;
padding:0 0 1rem 1.5rem;
}

.name-card__text span::before{
content:"";
width:.5rem;
height:.5rem;
display:inline-block;
background:var(--color-gray4);
border-radius:50%;
margin-left:-1.5rem;
margin-right:1rem;
}

.name-card__image{
margin:2rem 0 0 0;
}
.name-card__image li{
display:flex;
align-items:center;
justify-content:flex-start;
text-align:left;
gap:1rem;
padding:1rem 0;
border-bottom:1px solid var(--color-line2);
}

.name-card__image b{
display:inline-block;
font-size:1.5rem;
}

.name-card__image img{
height:2.6rem;
}


/* SP */
@container (max-width:800px){
.name-card{
padding-top:2rem;
}
}

@container (max-width:600px){
.name-card{
padding-top:1rem;
gap:.5rem;
}

}


/* -------------------------------
ノート
--------------------------------- */
.name-note{
margin-top:2rem;
}

@container (max-width:600px){
.name-note{
margin-top:1rem;
}
}