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

/*-- headline ------------------------------------------------------------*/
#headline { 
background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(0,960,472)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23DEDEDE'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='659' height='549.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
#headline h2 { color: #000; text-align: center; padding: 20px 0; line-height: 1.7;}
#headline h2 span { display: block; font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #ccc; font-size: 0.9rem; opacity: 0.7;}

.subMenu li a         { resize: none; display: block; }
.subMenu li a:link    { color:#333333; text-decoration: none; }
.subMenu li a:visited { color:#333333; text-decoration: none; }
.subMenu li a:hover   { color:#fff; text-decoration: none; background: #333; }
.subMenu li a:active  { color:#333333; text-decoration: none; }

.subMenu li.selected a { color:#fff; text-decoration: none; background: #1b7990; }
.subMenu li.selected { border: 3px solid #1b7990; } 

.max-content { max-width: 1024px; width: 100%; margin: 0 auto; }
.subTtl.bar { width: 50px; height: 3px; background: #dedede; margin: 20px auto 40px;}

@media screen and (max-width: 599px) {
	#headline h2 { font-size: 1.5rem;}
	#headline h2 span { font-size: 0.7rem; }
	.subMenu { display: flex; justify-content: center; align-items: center; margin-bottom: 0px; }
	.subMenu li { width: 20%; height: 30px; line-height: 30px; border: 3px solid #dedede; text-align: center; margin: 0 1px; font-size: 0.8rem; }
	
	.tbl01 { width: 100%; margin: 0 auto; }
	.tbl01 th { padding: 10px; border-top: 1px solid #dedede; display: block; text-align: center; background: #dedede;}
	.tbl01 td { padding: 10px; border-top: 1px dotted #dedede; display: block; background: #fff; line-height: 1.7;}
}
@media screen and (min-width: 600px) {
	section .in { margin: 0 2% 80px; }
	#content section#introduction .in { margin-bottom: 20px; }
	.subMenu { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
	.subMenu li { width: 200px; height: 50px; line-height: 50px; border: 5px solid #dedede; text-align: center; margin: 0 5px; font-size: 0.9rem; }
	
	.tbl01 { width: 100%; max-width: 1024px; margin: 0 auto; }
	.tbl01 th { padding: 20px; border-bottom: 3px solid #dedede;}
	.tbl01 td { padding: 20px; border-bottom: 1px solid #dedede;}
	
	#anch04 { background: #f4f4f4; padding: 40px 0;}
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline .in { margin:0 1%; }
	#headline h2 { font-size: 1.6rem;}
	#headline h2 span { font-size: 0.8rem; }
	
	.subMenu li { width: 140px; height: 40px; line-height: 40px; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#headline .in { margin:0 1%; }
	#headline h2 { font-size: 1.7rem;}
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#headline .in { margin:0 2%; }
	#headline h2 { font-size: 1.8rem;}
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#headline .in { width:1100px; margin:0 auto; }
	#headline h2 { font-size: 1.9rem;}
}
@media screen and (min-width: 1480px) {
	#headline .in { width:1200px; margin:0 auto; }
	#headline h2 { font-size: 2.0rem;}
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { background: #f7f7f7; }
#breadcrumbs ul { background: #f7f7f7; display: flex; justify-content: flex-start; align-items: center; }
@media screen and (max-width: 599px) {
	#breadcrumbs .in { margin:0 0%;}
}
@media screen and (min-width: 600px) {
	#breadcrumbs { margin-bottom: 40px;}
	#breadcrumbs .in { margin:0 2%; }
}

#breadcrumbs li a {display:block;}

#breadcrumbs li a         { resize: none; }
#breadcrumbs li a:link    { color:#fff; text-decoration: none; }
#breadcrumbs li a:visited { color:#fff; text-decoration: none; }
#breadcrumbs li a:hover   { color:#fff; text-decoration: none; opacity:0.7; }
#breadcrumbs li a:active  { color:#fff; text-decoration: none; }

#breadcrumbs li:nth-child(2) { background:#888; }
#breadcrumbs li:nth-child(2):after { border-color: transparent transparent transparent #888; }
#breadcrumbs li:nth-child(3) { background:#777; }
#breadcrumbs li:nth-child(3):after { border-color: transparent transparent transparent #777; }
#breadcrumbs li:nth-child(4) { background:#666;}
#breadcrumbs li:nth-child(4):after { border-color: transparent transparent transparent #1b7990; }
#breadcrumbs li.current { background:#000; }

@media screen and (max-width: 599px) {
	#breadcrumbs li {
		font-size:11px;
		color:#fff;
		height:18px;
		line-height:18px;
		background:#999999;
		padding:0 10px;
		position:relative;
	}
	#breadcrumbs li:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #999999;
		z-index:100;
	}
	#breadcrumbs li.current:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #000;
		z-index:100;
	}
}
@media screen and (min-width: 600px) {
	#breadcrumbs li {
		font-size:12px;
		color:#fff;
		height:18px;
		line-height:18px;
		background:#999999;
		padding:0 10px;
		position:relative;
	}
	#breadcrumbs li:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #999999;
		z-index:100;
	}
	#breadcrumbs li.current:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #000;
		z-index:100;
	}
}