@charset "UTF-8";

/*===========================================================================*/
/*  1. dr セクション
/*===========================================================================*/

.dr_message {
	display: flex;
	width: 90%;
	margin: 7em auto;
}
.dr_message dt{
	width: 50%;
}
.dr_message dd{
	width: 50%;
}

.profile-section {
    display: flex;
    align-items: flex-start; 
    max-width: 800px; 
    margin: 0 auto;
    gap: 50px;
}

.profile-image {
    width: 50%;
}

.profile-image img {
    width: 100%;
    height: auto;
    display: block; 
}

.profile-text {
    width: 50%;
    padding-top: 20px; 
}

.profile-text .role {
    font-size: 18px;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
    font-family: "Noto Serif JP", serif;
}

.profile-text .name-ja {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.2em;
    margin-bottom: 50px;
    font-family: "Noto Serif JP", serif;
}

.profile-text .name-en {
    font-size: 26px;
    letter-spacing: 0.15em;
    line-height: 1.6;
    font-family: "Canela Web";
    font-weight: 500;
}

.history-section {
    background-color: #f5f9fb;
    padding: 40px 50px;
    max-width: 800px;
    margin: 3em auto;
    display: flex; 
}

.history-title {
    width: 140px;
    font-size: 20px;
    letter-spacing: 0.5em;
}

.history-list {
    flex: 1;
}

.history-list p {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.5;
    font-weight: 500;
}

.history-list .certification {
    margin-top: 40px;
    margin-bottom: 0;
}
.dr_message dd .c-h2 {
	padding-left:3.4em ;
	font-size: 26px;
}
.dr_message dd .c-h2 > span::before {
	content: '';
	height: 1.1rem;
	left: -20px;
	position: absolute;
	top: 20px;
	width: 2.5rem;
	border-top: #6db7e7 solid .3rem;
}
.dr_message dd p{
	width: 78%;
	margin: 1em auto 2.5em;
	margin-top: 2.5rem;
	text-align: justify;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: .08em;
}
.dr_message dd p.l_t{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}

@media screen and (max-width: 900px) {

.dr_message {
  display: block;
  width: 90%;
  margin: 4em auto 2em;
}
.dr_message dt,
.dr_message dd {
  width: 100%;
}
.profile-text .name-ja {
  font-size: 26px;
  font-weight: 600;
}
.profile-text .name-en {
  font-size: 18px;
}
.history-section {
  padding: 30px 20px;
}
.history-title {
  width: 80px;
}
.dr_message dd p {
  width: 94%;
  text-align: justify;
  font-feature-settings: 'pwid' on, 'palt' on;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .08em;
}
.dr_message dd .c-h2 {
  padding-left: 1.5em;
  font-size: 1.9rem;
}

}