@charset "UTF-8";



/* 0. Common */




/* 1. Index */

main > article p.related_link{
	text-align:right;
	margin-top:1em;
}

main > article p.related_link + nav.anker{
	margin-top:40px;
}

main > article h2:has( + p.related_link){
	margin-bottom:0;
}

main > article h2 + p.related_link{
	margin-top:-2em;
}

main > article ul.case_list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

main > article ul.case_list li{
	width:calc((100% - 50px)/3);
	height:0;
	opacity:0;
	transition:opacity 0.5s;
	overflow:hidden;
}

main > article ul.case_list:has(+ p.toggle.close) li:nth-child(1),
main > article ul.case_list:has(+ p.toggle.close) li:nth-child(2),
main > article ul.case_list:has(+ p.toggle.close) li:nth-child(3){
	margin-top:30px;
	height:auto;
	opacity:1;
}

main > article ul.case_list:has(+ p.toggle.open) li{
	margin-top:30px;
	height:auto;
	opacity:1;
}

main > article ul.case_list li h3{
	margin:1em 0 0;
	font-size:150%;
}

main > article ul.case_list li h3 + p{
	margin-top:0.5em;
}

main > article p.toggle{
	margin-top:2.5em;
	text-align:center;
}

main > article p.toggle a:after{
	display:inline-block;
	content:"";
	width:1.5em;
	height:1.4em;
	vertical-align:text-top;
	transition:background 0.2s;
}

main > article p.toggle.open a.close,
main > article p.toggle.close a.open{
	display:none;
}

main > article p.toggle.open a:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M%204.34315%2C11.313698%2010%2C5.6568484%2015.6569%2C11.313698%22%20stroke%3D%22%23004098%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
}

main > article p.toggle.close a:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.34315%205.65685L10%2011.3137L15.6569%205.65685%22%20stroke%3D%22%23004098%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
}

main > article p.toggle.open a:hover:after,
main > article p.toggle.close a:hover:after{
	background:#3359cc;
}

aside.case{
	background:#f5f5f6;
	padding:60px calc((100% - 950px)/2);
}
@media (max-width:1010px){
	aside.case{
		padding:60px 30px;
	}
}