@charset "utf-8";

/*----------------------------------------------------------------
 /category/ under
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 row
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
#profile .row .image{
	flex				: 0 0 35%;
	text-align			: center;
}
#profile .row .text{ flex: 0 0 56.2%; }
}
/*-----------------------------------------------------
 text
-----------------------------------------------------*/
#profile .text p{ margin: 0 0 calc(var(--line-height) * 1em) 0; }

#profile .text .name{
	ruby-position		: under;
	ruby-align			: start;
	font-size			: 2.4rem;
	font-weight			: 500;
}
#profile .text .name>rt{
	margin				: 5px 0 0 0;
	font-size			: 1.2rem;
	font-weight			: 400;
	font-style			: italic;
}

#profile .text .spec		{ margin: calc(var(--line-height) * 2em) 0 0 0; }
#profile .text .spec dl		{ margin: 0 0 calc(var(--line-height) * 1em) 0; }
#profile .text .spec dt		{ font-weight: 700; }
#profile .text .spec dd ul>li{
	position			: relative;
	padding-left		: 1.4em;
	text-indent			: -1.4em;
}
#profile .text .spec dd ul>li::before{
	content				: "";
	display				: inline-block;
	vertical-align		: -0.2em;
	margin				: 0 0.2em 0 0;
	width				: 1.2em;
	height				: 1.2em;
	background			: url(../images/icon-anzu.png) center center /contain no-repeat;
}
#profile .text .spec .career li{ margin: 0 0 calc(var(--line-height) * 1em) 0; }

@media screen and (min-width: 769px) {
#profile .text .spec dl{
	display				: flex;
	flex-direction		: row;
}
#profile .text .spec dl dt{ flex: 0 0 100px; }
}