@charset "utf-8";
@import url("../../assets/css/style.css");

/* =============================================

	common-layout

============================================= */

.about {
	width 								: 100%;
	
	& th,& td {
		color 							: var(--gray);
		font-size 						: var(--font18);
		font-weight 					: var(--normal);
		padding 						: var(--space15) 0;
	}
	& th {
		width 							: 20%;
	}
	
	& dl {
		display 						: flex;
		& dt {
			margin-right 				: var(--space15);
		}
	}
	& ol {
		counter-reset: tkn;
		& > li {
			text-indent 				: -1.5em;
			padding-left 				: 1.5em;
			margin-bottom				: var(--space15); 
			&::before{
				counter-increment 		: tkn;
				content 				: counter(tkn) ". ";
			}
		}
	}
	& ul {
		& > li {
			margin-bottom				: var(--space15); 
		}
	}
	
}

.profile {
	overflow 							: hidden;
	margin-bottom 						: var(--space40);  
	& figure {
		width 							: 25%;
		float 							: left;
		& img {
			width 						: 100%;
			max-width 					: 400px;
			height 						: auto;
		}
		& figcaption {
			color 						: var(--gray);
			font-size 					: var(--font18);
			font-weight 				: var(--normal);
			margin-top 					: var(--space15); 
		}
	}
	& .text_area {
		width 							: 73%;
		float 							: right;
		& ul {
			& > li {
				color 					: var(--gray);
				font-size 				: var(--font22);
				font-weight 			: var(--bold);
				margin-bottom				: var(--space15); 
			}
		}
		& p {
			color 							: var(--gray);
			font-size 						: var(--font18);
			font-weight 					: var(--normal);
			line-height 					: 1.6;
		}
	}
}

.career {
	width 								: 100%;
	margin-bottom 						: var(--space90);
	& th,& td {
		color 							: var(--gray);
		font-size 						: var(--font18);
		font-weight 					: var(--normal);
		padding 						: var(--space15);
		border-bottom 					: dotted 1px var(--lightgray);
	}
	& th {
		width 							: 10%;
		border-right 					: solid 2px var(--accept_red);
	}
	& ul {
		& li {
			line-height 				: 1.4;
			text-indent 				: -1.1em;
			padding-left 				: 1.1em;
			margin-top 					: 0.5em;
			box-sizing 					: border-box;
		}
		& li::before {
			content 					: "■ ";
			font-size 					: 50%;
			color: var(--accept_red);
		}
	}
	@media screen and (max-width: 640px) {
		& th,& td {
			width 						: 100%;
			display 					: block;
		}
		& th {
			border-right 					: none;
			border-bottom 					: solid 2px var(--accept_red);
		}
	}
}