/** /// COMTAINER /// **/
.profile-title {font-family:"Noto Sans SC",sans-serif; font-style:normal; font-size:2rem; color:#d5d1d5; font-weight:normal; line-height:2rem; margin:40px 0;}
.profile-title span {display:inline-block; padding-right:20px;}

.profile-box {padding:0; margin:0; display:flex; align-items: stretch;}

.profile-photo {width:40%; background:#000; text-align:center;}
.profile-photo p {position:-webkit-sticky; position:sticky; top:0;}
.profile-photo img {width:100%;}

.profile-detail {width:60%; padding:0 40px 60px; margin:0; color:#949492; font-size:1.2rem; line-height:2rem;}

.profile-name {font-size:3rem; line-height:3rem; padding:20px 10px; margin:0;}
.profile-name .name-en {font-size:1.5rem; display:inline-block;}
.profile-name .name-jp {display:inline-block; padding-right:1rem;}
.profile-lifetime {font-size:1.3rem; line-height:2rem; padding: 0 10px;}

.profile-lifework {border-top:1px solid #949492; margin:40px 0 0; padding:40px 10px 40px;}
.history-box {padding:40px 10px 40px;}
.history-box li {padding:10px 10px 10px 110px; position:relative;}
.history-box .history-year {display:inline-block; position:absolute; width:60px; left:0;}

@media screen and (max-width:720px){
	.profile-title {padding:20px 10px 20px; margin:0 auto;}
	
	.profile-box {padding:0; margin:0; display:block; align-items:normal;}
	.profile-photo {width:100%; background:#000; text-align:center;}
	.profile-photo p {position:relative; top:auto; overflow:hidden;}
	.profile-photo img {width:100%; object-fit:cover;}
	
	.profile-detail {width:100%; padding:0 0 60px; font-size:1rem; line-height:1.7rem;}
	
	.profile-name {font-size:2.8rem; line-height:2.5rem; letter-spacing:0.4rem;}
	.profile-name .name-en {font-size:1.5rem;}
	.profile-lifetime {font-size:1.1rem; line-height:1.6rem;}

	.profile-lifework {padding:20px 10px 20px; margin:20px 0 0;}
	.history-box {padding:20px 10px 20px;}
	.history-box li {padding:10px 10px 10px 70px;}
	.history-box .history-year {width:60px;}
}
