@charset 'UTF-8';

/* original
------------------------------------------------------------- */
dl.officerCareer {
	display:flex;
	flex-direction: row;
	}

.person {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	font-size: 13px;
    font-size: 1.3rem;
	}

.person:last-child {
	margin-bottom:60px;
	}

.person strong {
	font-size: 32px;
    font-size: 3.2rem;
	}

.person dl.officerCareer {
	flex-wrap: wrap;
	align-content:flex-start;
	}




/* pc
----------------------------------------------- */

@media all and (min-width: 769px), print {

.person {
	width:72%;
	display:flex;
	flex-direction: row;
	}

.person .officerName {
	width:31%;
	border-right:5px solid #0092d3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:1%;
	padding-right:1%;
	}

.person dl.officerCareer {
	width:69%;
	}

.person dl.officerCareer dt {
	width:16%;
	}

.person dl.officerCareer dd {
	width:84%;
	}


}



/* sp
----------------------------------------------- */
@media only screen and (max-width: 768px) {

.person {
	width:90%;
	}

.person .officerName {
	border-bottom:5px solid #0092d3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:2%;
	padding-bottom:2%;
	}

.person dl.officerCareer dt {
	width:26%;
	}

.person dl.officerCareer dd {
	width:74%;
	}

}


/* add 20250110 -------------------------------------------------- */

dl.officer2025 {
width: 65%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 6rem;
margin-bottom: 6rem;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

dl.officer2025 dt, dl.officer2025 dd {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1rem;
	box-sizing: border-box;
	position:relative;
	vertical-align: middle;
	/*white-space: nowrap;*/
}

dl.officer2025 dt {
	width: 30%;
	border-top: 1px solid #CCC;
	padding: 3rem 2rem;
}
dl.officer2025 dt::before {
	position: absolute;
	content: "";
	background-color: #3787BC;
	width:50px;
	height:3px;
	top:-1px;
	left:0;
}

dl.officer2025 dd {
	width: 70%;
	border-top: 1px solid #CCC;
	font-size:125%;
	font-weight: 700;
	padding: 3rem 0 3rem 2rem;
}
dl.officer2025 dd span {
	/*display: block;*/
	font-weight: normal;
	font-size: 75% !important;
}


@media (width <= 768px) {
	dl.officer2025 { width: 90%;}
	dl.officer2025 dt,
	dl.officer2025 dd {
		width:100%;
		line-height: 1.5;
	}
	dl.officer2025 dt {
		padding-bottom: 0.25rem !important;
	}
	dl.officer2025 dd {
		border-top:none;
		padding-top: 0.25rem !important;
		padding-right: 0 !important;
	}
	dl.officer2025 dd span {
		display: block;
		margin-top: 1rem;
	}
	/*dl.officer2025 dt {width: 38%;padding: 3rem 1rem 3rem 2rem;}*/
	/*dl.officer2025 dd {width: 62%;}*/
}