@charset "UTF-8";
/* CSS Document */

/* ここから 会社概要 CSS */
.director {
	margin:0 auto 7em;
	width: 85vw;
	max-width: var(--max-size1);
}

.director p {
	width: 100%;
	margin: 0 auto;
}

/*
.director  h2 {
	text-align: center;
    font-weight: bold;
    font-size: var(--bigBunsyo);
    display: block;
    padding: 0 2vw;
}
.director h2:before,
.director h2:after {
    content: '';
    display: inline-block;
    width: 1.5vw;
    height: 0.1vw;
    background-color: #739732;
	vertical-align: middle; 
}

.director h2:before {
    margin-right: 1vw;
}

.director h2:after {
    margin-left: 1vw;
}
*/

.overview_director {
	margin: 0 auto;
    text-align: left;
	border-collapse: collapse;
	width: 100%;
}

.overview_director tr {
    font-size: var(--bunsyo);
}

.overview_director th {
    width: 15em;
	min-width: 8em;
/*    height: 5vw;*/
	max-height: 22px;
    font-weight: 600;
	background-color: var(--table-back);
}

.overview_director th,
.overview_director td {
	border-bottom: solid 1px #aaa;
	padding: 0.5em 1.2em;
}

.overview_director th:first-child,
.overview_director tr:first-child td {
	border-top: solid 1px #aaa;
}


/* ここからスキルマトリックス */

.skill {
/*	width: 90vw;*/
	max-width: var(--max-size1);
	margin:0 auto;
}

.skill  h2 {
    margin-left: 40vw;
    font-weight: bold;
    font-size: var(--bigBunsyo);
    position: relative;
    display: inline-block;
    padding: 0 2vw;
}
.skill h2:before,
.skill h2:after {
    content: '';
    position: absolute;
    top: 1.1vw;
    display: inline-block;
    width: 1.5vw;
    height: 0.1vw;
    background-color: #739732;
}

.skill h2:before {
    left: 0;
}

.skill h2:after {
    right: 0;
}

.skill table {
	border-collapse: separate; 
	margin:0 auto;
	width: 100%;
}

.executive2 tr:first-child th:first-child,
.executive2 td:first-child{
	position: sticky;
	position: -webkit-sticky;/* Safari対応 */
	left:0;
	z-index:1;
}

.executive2 td:first-child{
	background-color: #fff;
}

.executive2 th,
.executive2 td{
    padding: 0.5vw;
    border: solid 1px #999;
	border-bottom:0;
	border-left: 0;
    text-align: center;
    font-weight: bold;
}

.executive2 th {
    background: #d3ebfe;
}

.executive2 td {
    white-space: nowrap;
	font-weight: 500;
}

.executive2 tr:last-child td {
	border-bottom: solid 1px #999;
}

.executive2 tr:first-child th:first-child,
.executive2 td:first-child {
	border-left: solid 1px #999;
}


p.skillAttention {
    font-size: var(--smallBunsyo);
	width: 90vw;
	max-width: var(--max-size1);
	margin: 1em auto 0;
}

.executive2 {
    width: 80vw;
    margin: 2vw 9.8vw;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: var(--smallBunsyo);
}

.circle {
    color: var(--news);
}
/* ここまでスキルマトリックス */


/**********************
レスポンシブ対応
***********************/
@media screen and (max-width:1000px)  {
	.skill {
			overflow: scroll;
	}
	
	.executive2 {
		min-width: 1200px;
	}
}

@media screen and (max-width:786px)  {
	.director  h2{
		font-size: 16px;
	}
	
	.overview_director tr{
		font-size: 15px;
	}
	
	.executive2 {
		font-size: 15px;
	}
	
	.overview_director {
		width: 85vw;
	}
	
	.overview_director th {
		width: 8em;
		vertical-align: top;
	}
	
	.skill p {
		font-size: 15px;
	}
}

/* ここまで 会社概要 CSS */