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

/* 2026.07.23 */

:root {
	/*--new colors;*/
	--pale-orange: #c69b7f;
	--pale-brown: #775533;
	--dark-green: #314000;
	
	/*--上書き;*/
	--ivory: #fefdfb;
	/*--pink: #9a0000;*/
	--pink: #bf1943;
	--cream: #f6c4c4;
	--cream: #eeeded;
	--sub-green: 98, 120, 21;
	--sub-green-30: #cfd5b6;
}

body.page-new-department {
	.site-tagline {
    	color: var(--dark-green);
	}
	.theme-prose h2,
	.theme-prose h2:before,
	.theme-prose h2:after,
	h2.category-title:before,
	h2.category-title:after {
	}
	.theme-prose h4 {
		color: var(--pale-brown);
    }
	.section-title {
    	position: relative;
    	color: rgb(var(--sub-green));
		
		&:after {
 	   		background-image: url(../img/color_dots_dark.png);
    	}
	}
	h1.section-title {
		background-image: url(../img/illust_bnr_new.png);
	}
	.accordion-item {
	    border-color: var(--pink);
	}
	.accordion-button:not(.collapsed) {
		color: var(--pale-brown);
	}
	footer {
    	background-color: rgba(var(--sub-green), 0.20);
    }
	.footer-illust {
		top: -55px;
		height: 60px;
	}
	header.vstack {
		border-bottom: 3px dotted #d3cdc3;
		padding-bottom: 0;
		align-items: center;
	}
	h1.section-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		border-bottom: none;
		margin-bottom: 0;
 		background-image: none; 
		padding-right: 0;
		padding-bottom: 0;
	}
	h1.section-title .main-title {
		order: 1;
	}
	h1.section-title::after {
		order: 2;
	}
	h1.section-title .new-dept-lead {
		order: 3;
		display: block;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.6;
		text-align: left;
		margin-top: 2.8rem;
	}
	.header-illustration {
		text-align: center;
	}
}

@media (min-width: 768px) {
	body.page-new-department {
		.footer-illust {
    		top: -124px;
			height: 134px;
		}	
	h1.section-title .new-dept-lead {
		font-size: 1.05rem;
	}
	.header-illustration img {
    	max-width: 190px;
	}
}	
}