.main-visual {
	box-sizing: border-box;
	/* background-image: url('./img/visual-img-1.png'); */
	background: radial-gradient(780px at 37.8% 100.3%, rgb(19, 55, 115) 2.2%, rgb(32, 7, 80) 20.2%, rgb(27, 88, 111) 58.6%, rgb(115, 88, 44) 75%, rgb(99, 19, 90) 89.6%, rgb(12, 51, 76) 96.1%);
	background-size: cover;
	background-position: center;
	color: white;
	padding: 1rem 0;
	text-align: center;
}

.main-visual h1 {
	font-family: SCDream;
	font-weight: 500;
	font-size: 1.5rem;
	margin: .5em auto;
}

.main-visual > div > div p {
	display: none;
	line-height: 1.75em;
	word-break: keep-all;
	margin-bottom: 0;
}


#docu-tabs-section .nav .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
}

#docu-tabs-section .nav-link {
	display: flex;
	padding: .675em 1.5em .5em;
	font-size: 1.125rem;
	border-radius: 50rem;
}

#docu-tabs-section .nav-link.active {
	font-weight: bold;
}

#docu-tabs-section .nav-link > i {
	margin-right: .5rem;
	font-size: .85em;
}

@media (min-width: 768px) {
	#docu-tabs-section .nav .nav-item {
		flex: 0 0 auto;
	}

	#docu-tabs-section .nav-link {
		min-width: 10rem;
		justify-content: center;
	}
}


form[name=docuForm] {
	--wd2-gutter-x: 2px;
	display: flex;
	justify-content: flex-end;
	margin-left: calc(var(--wd2-gutter-x) * -.5);
	margin-right: calc(var(--wd2-gutter-x) * -.5);
}

form[name=docuForm] > *:not(.col-form-label) {
	width: auto;
	vertical-align: middle;
	margin-left: calc(var(--wd2-gutter-x) * .5);
	margin-right: calc(var(--wd2-gutter-x) * .5);
}


#docu-list-section h3 {
	margin-bottom: 1.25rem;
}

#docu-list a.thumb:has(> .cover-img) {
	display: block;
	width: 100%;
	height: 100%;
}

#docu-list a.thumb > .cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media > div {
	height: 150px;
	overflow: hidden;
}

.media > div > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media > div:first-child {
	aspect-ratio: 3 / 4;
}

.media h5 > a {
	color: black;
}

.media h5:hover > a {
	color: #007bff;
}

@media (min-width: 576px) {
	.main-visual h1 {
		font-family: 'S-CoreDream-7ExtraBold';
		font-weight: 100;
		font-size: 2rem;
		margin: .5rem auto;
	}

	.main-visual > div > div p {
		display: block;
		font-size: .9rem;
	}
}

@media (min-width:768px) {
}

@media (min-width:992px) {
	.main-visual {
		padding: 3.5rem 0;
		text-align: left;
	}

	.main-visual h1 {
		margin-bottom: 1.25rem;
	}

	.main-visual > div > div p {
		font-size: 1.1rem;
	}
}

@media (min-width:1200px) {
}


.tree-list [class*="level"] { padding: 7px 0; }
.tree-list .level1 {padding-left: 10px; font-weight: 500; }
.tree-list .level2 {padding-left: 25px; }
.tree-list .level3 {padding-left: 40px; }
.tree-list .level4 {padding-left: 55px; }
.tree-list .level5 {padding-left: 70px; }
/*.tree-list ul {background-color:#f1f1f1; padding:10px 0 10px 25px;}*/
.tree-list .level1 span {font-size:16px;}
.tree-list .level2 span {font-size:14px; line-height: 1em;}