@charset "utf-8";
/*基本設定-----------------*/





#main_outline {
}





#about {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
	width: 100%;
    margin: 0 0 4rem;
    padding: 0 2rem;
    box-sizing: border-box;
}
#about .each_content {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
	width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#about .each_content .title {
}
#about .each_content p {
    position: relative;
	width: 100%;
    margin: 0;
    padding: 0 1rem;
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}
#about .each_content.greeting p {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
#about .each_content ul {
    position: relative;
	width: 100%;
    margin: 0;
    padding: 0 1rem;
    box-sizing: border-box;
}
#about .each_content ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	width: 100%;
    margin: 0;
    padding: 0 0 0.3em;
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}
#about .each_content ul li span {
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
#about .each_content ul li span.icon {
    width: 0.9rem;
}
#about .each_content ul li span.text {
    width: calc( 100% - 1.35rem );
}

#about .each_content .link_tel {
    color: #333;
    text-decoration: none;
}
@media (max-width: 768px) {
    #about .each_content .link_tel {
        color: #3366CC;
        text-decoration: underline;
    }
}

#about .each_content .container_doctor {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
	width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
	width: 100%;
    margin: 0;
    padding: 1.5rem 2rem;
    background-color: #fcf9ea;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_title {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
	width: 100%;
    margin: 0;
    padding: 0 1rem;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_title .position {
    position: relative;
	width: auto;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
}
#about .each_content .container_doctor .each_doctor .doctor_title .name {
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
	width: auto;
    margin: 0;
    padding: 0;
}
#about .each_content .container_doctor .each_doctor .doctor_title .name .jp {
    color: #333;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.03em;
}
#about .each_content .container_doctor .each_doctor .doctor_title .name .separator {
    color: #333;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
}
#about .each_content .container_doctor .each_doctor .doctor_title .name .en {
    color: #ff4500;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
}
#about .each_content .container_doctor .each_doctor .doctor_contents {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification {
    position: relative;
	width: 48%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography .biography_title, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification .qualification_title {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
	width: 100%;
    margin: 0 0 1rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography .biography_title span, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification .qualification_title span {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 0 0.2em;
    color: #333;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography .biography_title span.border_orange, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification .qualification_title span.border_orange {
    width: 30%;
    border-bottom: 2px solid #ffa500;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography .biography_title span.border_gray, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification .qualification_title span.border_gray {
    width: 70%;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
}
#about .each_content .container_doctor .each_doctor .doctor_contents .biography .biography_contents, 
#about .each_content .container_doctor .each_doctor .doctor_contents .qualification .qualification_contents {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 0.85rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}