@charset "utf-8";

.doctor_list_item{
background: #fff;
padding: 5rem;
}
.doctor_list_item:not(:last-child){
margin-bottom: 3rem;
}
.doctor_wrap{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3rem 5rem;
}
.doctor_img{
grid-column: 1/2;
border-radius: 2rem;
aspect-ratio: 1/1;
object-fit: cover;
}
.doctor_box{
grid-column: 2/4;
grid-row: 1;
}
.doctor_career{
grid-column: 1/4;
display: grid;
grid-template-columns: 1fr 1fr;
}
.doctor_list_item:nth-child(2n) .doctor_img{
grid-column: 3/4;
}
.doctor_list_item:nth-child(2n) .doctor_box{
grid-column: 1/3;
}
.doctor_role{
padding: 0 1.4rem;
background: var(--basecolor);
border-radius: .5rem;
display: inline-block;
margin-bottom: 3rem;
}
.doctor_name{
margin-bottom: 5rem;
}
.doctor_name_ja{
font-size: 3.2rem;
margin-right: 4rem
}
.doctor_name_en{
font-family: "Montserrat", sans-serif;
color: var(--maincolor);
font-weight: normal;
text-transform: uppercase;
}
.doctor_career{
padding: 3rem 4rem;
border-top: 1px solid rgb(from var(--graycolor) r g b / 0.4);
gap: 3rem;
}
.doctor_career_head{
font-size: 2rem;
color: var(--maincolor);
font-weight: bold;
margin-bottom: 2rem;
}
.doctor_career_list_item{
font-size: 1.4rem;
text-indent: -1.5em;
padding-left: 1.5em;
position: relative;
}
.doctor_career_list_item::before{
content: "";
display: inline-block;
margin-right: 1em;
width: .5em;
height: .5em;
border-radius: 50%;
background: rgb(from var(--graycolor) r g b / 0.4);
vertical-align: middle;
}
@media (max-width: 768px) {
.doctor_wrap{
display: flex;
flex-wrap: wrap;
}
.doctor_list{
width: 90%;
margin: auto;
}
.doctor_list_item{
padding: 2rem;
}
.doctor_career{
display: flex;
flex-wrap: wrap;
}
.doctor_role{
margin-bottom: 1.5rem;
}
.doctor_name{
margin-bottom: 2rem;
}
.doctor_career{
padding: 2rem 1rem;
}
.doctor_name_ja{
font-size: 2.4rem;
margin-right: 2rem;
}
.doctor_name_en{
font-size: 1.2rem;
}
}