@charset "UTF-8";

.directorate .sec-tit {font-weight: 500; line-height: 1;}
.directorate .overview .txt .desc p {line-height: 1; color: #666; letter-spacing: -.055em;}
.directorate .overview .btn {font-weight: 400; margin: 34px auto 38px; display: inline-block;}

.directorate .sec:nth-child(2) .sec-tit {margin-bottom: 9px;}
.directorate .sec:nth-child(2) .sec-tit + .desc {font-size: 15px; line-height: 2.13; font-weight: 400; color: #666; letter-spacing: -.09em;}
.directorate .sec:nth-child(2) .table-wrap .table {max-height: 405px; display: flex;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) {width: 10%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(2) {width: 10%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(3) {width: 10%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(4) {width: 15%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(5) {width: 27%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(6) {width: 18%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(7) {width: 10%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .th,
.directorate .sec:nth-child(2) .table-wrap .table .tr .td {display: flex; width: 100%; justify-content: center; align-items: center;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .th {height: 16.31%; font-size: 16px;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .td {height: 20.92%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .td * {letter-spacing: -.063em;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .th p {font-weight: 500; letter-spacing: -.063em;}
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-child(2),
.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-child(3) {height: 41.84%;}
.directorate .sec:nth-child(2) .table-wrap .table .tr .td span {display: block;}

.directorate .sec:nth-child(3) .desc:nth-of-type(1) {max-width: 920px; margin: 0 auto;}
.directorate .sec:nth-child(3) .desc:nth-of-type(1) p {letter-spacing: -.04em; line-height: normal;}
.directorate .sec:nth-child(3) .table-wrap .caption {color: #666; font-size: 15px; line-height: 1.4; letter-spacing: -.063em; font-weight: 500; padding-bottom: 15px;}
.directorate .sec:nth-child(3) .table-wrap .table {display: flex;max-height: 700px;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(1) {width: 14%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(2) {width: 8%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(3) {width: 17%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(4) {width: 10%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(5) {width: 15%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(6) {width: 13%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(7) {width: 10%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) {width: 13%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > * {flex-direction: column;}
.directorate .sec:nth-child(3) .table-wrap .table .tr *:not(br) {display: flex; justify-content: center; align-items: center;}
/* .directorate .sec:nth-child(3) .table-wrap .table .tr > *:nth-child(1)  {font-size: 15px;height: 15.316%;}

.directorate .sec:nth-child(3) .table-wrap .table .tr > *:not(:nth-child(1))  {height: 14.128%;} */
.directorate .sec:nth-child(3) .table-wrap .table .tr > *  {height: 16.7%; } /* 20250617BS height:20 -> 16.7*/
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div > div {width: 100%; display: flex; justify-content: center; align-items: center}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div > div {height: 50%;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(1) {font-size: 15px; height: 45%; border-bottom: 1px solid #ddd;}
.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(2) {font-size: 15px; height: 55%;}


.directorate .go-btn {display: block; width: 165px; height: 30px; margin-top: 7px; background: #fff; border: 1px solid #ddd; font-size: 15px; text-align: center; line-height: 30px; background-color:#7E8080; color: #FFF;}
.directorate .icon-item {display: flex; justify-content: space-between;}
.directorate .icon-item .icon-btn-box {display: flex; gap:10px;}
.directorate .icon-text {margin-top: 7px;}

@media screen and (min-width: 768px) {
	.overview >.txt .tit, .overview .row > .txt .tit {margin-bottom: 20px;}
	.directorate .sec:nth-child(3) > .txt {margin-bottom: 57px;}
	}

	@media screen and (max-width: 1440px) and (min-width: 768px) {
	.overview >.txt .tit, .overview .row > .txt .tit {margin-bottom: 1.39vw;}
	.directorate .sec:nth-child(3) > .txt {margin-bottom: 3.96vw;}
	}

@media screen and (max-width: 1440px) {
	.directorate .overview .btn {margin: 2.36vw auto 2.64vw;}

	.directorate .sec:nth-child(2) .sec-tit + .desc {font-size: 1.04vw;}
	.directorate .sec:nth-child(2) .table-wrap .table {max-height: 28.13vw;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .th {font-size: 1.11vw;}

	.directorate .sec:nth-child(3) .desc:nth-of-type(1) {max-width: 63.89vw;}
	.directorate .sec:nth-child(3) .table-wrap .caption {font-size: 1.04vw; padding-bottom: 1.04vw;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr > *:nth-child(1)  {font-size: 1.04vw;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(1) {font-size: 1.04vw;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(2) {font-size: 1.04vw;}

	.directorate .go-btn {width: 11.46vw; height: 2.08vw; margin-top: 0.49vw; font-size: 1.04vw;  line-height: 2.08vw;}


	}

@media screen and (max-width: 768px) {
	.directorate .overview .txt .desc p {font-weight: 200; line-height: 1.56;}
	.directorate .overview .btn {font-weight: 400; margin: 5.71vw auto 0;}
	.directorate .sec > .txt {margin-bottom: 5.95vw;}
	.directorate .sec-table {line-height: normal;}
	.directorate .table-wrap table td {letter-spacing: -.063em;}

	.directorate .sec:nth-child(2) .sec-tit + .desc {font-size: 2.86vw;}

	.directorate .sec:nth-child(2) .table-wrap .table {max-height: 100%; flex-direction: column; border-width: 1px 0 0 0; border-color: #ddd;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr {width: 100%; display: flex; justify-content: space-between;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(2) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(3) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(4) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(5) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(6) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(7) {width: 100%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr > *:nth-child(1) {width: 18%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td:nth-child(n+2):nth-child(-n+3) {width: 19%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td:nth-child(n+4):nth-child(-n+5) {width: 22%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-of-type(2) {width: 38%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-of-type(3) {width: 44%;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > * {border-bottom: none;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .th,
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td {height: auto;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td:last-child {border-right: none;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .th p {font-weight: 200; color: #666;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-child(2),
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) .td:nth-child(3) {height: auto;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > *:nth-child(n+1):nth-child(-n+3) p {font-weight: 500;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td ul li + li {margin-top: 2vw;}

	.directorate .sec:nth-child(3) .table-wrap .caption {font-size: 3.33vw; padding-bottom: 3.33vw;}
	.directorate .sec:nth-child(3) .table-wrap .table {max-height: 100%;}
	.directorate .sec:nth-child(3) .desc:nth-of-type(1) {max-width: 100%;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(1), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(2), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(3), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(4), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(5), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(6), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(7), 
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) {width: 100%;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > * {flex-direction: column;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr * {display: flex; justify-content: center; align-items: center; letter-spacing: -.09em;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr > *:nth-child(1)  {font-size: 2.56vw; height: auto;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr > *:not(:nth-child(1))  {height: auto;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr > div {width: 20%;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(1) {font-size: 2.56vw; height: 50%; border-bottom: 1px solid #ddd;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(2) {font-size: 2.56vw; height: 50%;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr div:nth-of-type(6n),
	/* .directorate .sec:nth-child(3) .table-wrap .table .tr div:nth-of-type(6n) .td {border-right:;} */
	
	.directorate .icon-item {margin-top : 0.09vw;}
	.directorate .icon-item .go-btn {width: 19.58vw; height: auto; font-size: 2.04vw;  line-height: 3.58vw;}


}

@media screen and (max-width: 350px) {
	
	.directorate .sec:nth-child(2) .sec-tit + .desc {font-size: 10px;}
	.directorate .sec:nth-child(2) .sec-tit + .desc {font-size: 10px;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr > *:nth-child(1)  {font-size: 10px;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(1) {font-size: 10px;}
	.directorate .sec:nth-child(3) .table-wrap .table .tr:nth-child(8) > div:nth-child(1) > div:nth-child(2) {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.directorate .overview .btn { margin-top: 18px;}
	.directorate .sec > .txt {margin-bottom: 19px;}
	.directorate .sec:nth-child(2) .table-wrap .table .tr .td ul li + li {margin-top: 6px;}
	.directorate .sec:nth-child(3) .table-wrap .caption {font-size: 11px; padding-bottom: 11px;}
}