@charset "UTF-8";

.s_director_area {
display: flex;
justify-content: space-between;
align-items: center;
gap:80px;
margin: 0 0 50px 0;
}
.s_director_picture {
width: 480px;
flex-shrink: 0;
}
.s_director_inner {
margin: 0;
padding: 0;
}
.s_director_clinic {
font-size: 120%;
font-weight: bold;
color: #6bc7ac;
margin: 0 0 15px 0;
}
.s_director_name {
font-size: 280%;
font-weight: 450;
line-height: 1.3em;
margin: 0 0 5px 0;
}
.s_director_name_en {
font-size: 80%;
font-weight: 600;
letter-spacing: 0.1em;
color: #979797;
margin: 0 0 30px 3px;
}
@media (max-width: 640px) {
.s_director_area {
gap:30px;
margin: 0 auto 30px auto;
width: 90%;
}
.s_director_area {
flex-direction: column;
align-items:center;
}
.s_director_picture {
width: 80%;
margin: 0 auto;
flex-shrink: 1;
}
.s_director_clinic {
font-size: 110%;
margin: 0 0 10px 0;
}
.s_director_name {
font-size: 200%;
}
}

.message_area {
margin: 0;
padding: 0;
}
.message_icon {
width: 220px;
margin: 0 0 15px 0;
padding: 10px 10px 10px 20px;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 110%;
background-color: #b9aa8a;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.message_mx {
font-size: 140%;
line-height: 1.8em;
font-weight: bold;
margin: 0 0 15px 0;
}
.message_text {
margin: 0;
padding: 0;
}
@media (max-width: 640px) {
.message_icon {
width: 180px;
}
.message_mx {
font-size: 120%;
margin: 0 0 10px 0;
}
}

.keireki_area {
display: flex;
justify-content: space-between;
gap:30px;
margin-bottom: 60px;
}
.keireki_inner {
width: 50%;
background-color: #FAF6ED;
padding: 40px;
}
.keireki_icon {
font-size: 120%;
font-weight: bold;
margin: 0 0 20px 0;
letter-spacing: 0.1em;
}
.keireki_icon i{
font-size: 110%;
color: #6bc7ac;
margin: 0 5px 0 0;
}
@media (max-width: 640px) {
.keireki_area {
flex-direction: column;
align-items:center;
gap:20px;
margin-bottom: 30px;
}
.keireki_inner {
width: 90%;
background-color: #FAF6ED;
padding: 30px;
margin: 0 auto;
}
}

.s_director_images {
display: flex;
flex-wrap: wrap;
gap:10px;
margin: 0;
padding: 0;
width: 100vw;
margin-left: calc(50% - 50vw);
}
.s_director_images_inner {
flex: 1;
}
.s_director_images_inner img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 640px) {
.s_director_images_inner {
flex: 0 0 calc(50% - 5px);
}
}