/* common_style.css */
@charset "UTF-8";

:root {
	--header-height:100px;
	--header-height-sp:60px;
	--section-min-width:1440px;

	--pureBlack:#000000;
	--firstBlack:#05050c;
	--secondBlack:#333337;
	--thirdBlack:#555558;

	--theSilver:#a8aaaf;

	--darkGray:#666669;
	--theGray:#99999c;
	--lightGray:#cccccf;
	--lightLightGray:#dee4e8;

	--secondWhite:#f0f0f6;
	--firstWhite:#fefeff;
	--pureWhite:#ffffff;

	--ctcBlue:#005cca;
	--ctcDeepBlue:#003d86;
	--ctcDeepDeepBlue:#082950;
}

html{
	font-size:18px;
	font-family:"Noto Sans JP", sans-serif;
}

body.noScroll {
	overflow:hidden;
	height:100vh;
	padding-right:var(--scrollbar-width);
}

a{
	text-decoration:none;
	transition:0.7s;
}
a:hover{
	background-color:#ffffff;
	color:#000000;
	opacity:0.75;
	transition:0.3s;
}

/* BREADCRUMBS -------------------------------------- */
ul#breadcrumbs{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin-top:5px;
	margin-bottom:30px;
}
ul#breadcrumbs li{
}
ul#breadcrumbs li{
	width:fit-content;
	font-size:0.75rem;
	color:var(--darkGray);
	white-space:nowrap;
}
ul#breadcrumbs li a{
	color:var(--darkGray);
}
ul#breadcrumbs li a::after{
	content:"＞";
	display:inline-block;
	margin:0 0.5em;
}


/* PDF ICON -------------------------------------- */
span.file-size{
	font-size:0.9em;
}
span.file-size > img.icon-file{
	vertical-align: middle;
	padding-left: 10px;
}


/* FOR SMART PHONE ===================================================================== */
@media screen and (max-width:768px){
	body.noScroll {
		padding-right:0;
	}
}