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

/*-- headline ------------------------------------------------------------*/
	.headline01 { background: url("../img/second/headline01.jpg") center center no-repeat; background-size: cover;  }
	.headline02 { background: url("../img/second/headline02.jpg") center center no-repeat; background-size: cover;  }
	.headline03 { background: url("../img/second/headline03.jpg") center center no-repeat; background-size: cover;  }
	.headline04 { background: url("../img/second/headline04.jpg") center center no-repeat; background-size: cover;  }
	.headline05 { background: url("../img/second/headline05.jpg") center center no-repeat; background-size: cover;  }
@media screen and (max-width: 767px) {
	#s-headline { margin:0 0 0px; height: 100px;}
	#s-headline h2 { font-size: 21px; padding-left: 20px; padding-top: 25px; line-height: 1.3; }
	#s-headline h2 span { font-size: 10px;  font-family:'Roboto Condensed', sans-serif; display:block; color: #f88042; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	#s-headline { margin:0 0 10px; height: 200px;}
	#s-headline h2 { font-size: 30px; padding-left: 50px; padding-top: 60px; line-height: 1.5; }
	#s-headline h2 span { font-size: 12px;  font-family:'Roboto Condensed', sans-serif; display:block; color: #f88042; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	#s-headline { margin:0 0 10px; height: 200px; }
	#s-headline h2 { font-size: 30px; padding-left: 50px; padding-top: 60px; line-height: 1.5; }
	#s-headline h2 span { font-size: 12px;  font-family:'Roboto Condensed', sans-serif; display:block; color: #f88042; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	#s-headline { width: 1024px;  margin:0 auto 10px; height: 200px;}
	#s-headline h2 { font-size: 30px; padding-left: 50px; padding-top: 60px; line-height: 1.5; }
	#s-headline h2 span { font-size: 12px;  font-family:'Roboto Condensed', sans-serif; display:block; color: #f88042; }
}
@media screen and (min-width: 1280px) {
	#s-headline { width:1260px; margin:0 auto 10px; height: 200px; }
	#s-headline h2 { font-size: 30px; padding-left: 50px; padding-top: 60px; line-height: 1.5; }
	#s-headline h2 span { font-size: 12px;  font-family:'Roboto Condensed', sans-serif; display:block; color: #f88042; }
}

/*-- breadcrumbs ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#breadcrumbs { margin:0 0% 10px;}
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	#breadcrumbs { margin:0 1% 10px;}
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	#breadcrumbs { margin:0 1% 10px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	#breadcrumbs { width: 1024px; margin:0 auto 10px;}
}
@media screen and (min-width: 1280px) {
	#breadcrumbs { width:1260px; margin:0 auto 10px; }
}
@media screen and (max-width: 767px) {
	#breadcrumbs li {
		float:left;
		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 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 #666; }
	#breadcrumbs li.current { background:#333; }
		#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 #333;
			z-index:100;
		}
}
@media screen and (min-width: 768px) {
	#breadcrumbs li {
		float:left;
		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 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 #666; }
	#breadcrumbs li.current { background:#333; }
		#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 #333;
			z-index:100;
		}
}


/*-- second_base------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.pageMenu { display: flex; justify-content: center; margin-bottom: 0px;}
	.pageMenu li { border: 3px solid #dedede; height: 40px; line-height: 40px; text-align: center; margin: 0; width: 20%; font-size: 11px; }
	.pageMenu li a { display: block; }
	.pageMenu li a:link    { color:#333333; text-decoration: none; }
	.pageMenu li a:visited { color:#333333; text-decoration: none; }
	.pageMenu li a:hover   { color:#fff; text-decoration: none; background: #f88042; }
	.pageMenu li a:active  { color:#333333; text-decoration: none; }
	
	.pageMenu li.current { border: 3px solid #f88042; height: 50px; line-height: 50px; text-align: center; margin: 0 0.1%; background: #f88042; color: #fff;  }
	
	.contactMenu { margin: 0 0 20px; padding: 0 1%; }
	.contactMenu li { width: 33%; }

	section h4 { border-left: 8px solid #dedede; margin-bottom: 20px; border-bottom: 1px solid #dedede; padding: 10px 10px 10px 20px; font-weight: bold; font-size: 16px; }
	section h5 { background: #f4f4f4; margin-bottom: 20px; padding: 10px; font-size: 15px;  }
	
	.tbl01 { width: 100%; border-top: 2px solid #dedede; }
	.tbl01 th { padding: 10px; border-bottom: 1px dotted #dedede; display: block; font-size: 14px; background: #f4f4f4; }
	.tbl01 td { padding: 10px; border-bottom: 2px solid #dedede; display: block; font-size: 14px; }
	
	.list01 { margin-bottom: 20px; }
	.list01 li { border-bottom: 1px #dedede dotted; margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; padding-left: 2em; text-indent: -1.75em; }
	.list01 li:before { content: "●"; margin-right: 10px; color: #dedede; }
	
	.listSubTtl {
		text-align: center;
		margin: 0 0 20px;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: normal;
		color: #fff;
		background: #b9b9b9;
		padding: 5px;
	}
	.dbTtl {
		background: #ef824c;
		margin-bottom: 20px;
		padding: 10px;
		color: #fff;
		border-bottom: 3px solid #e95f1a;
	}
}
@media screen and (min-width: 768px) {
	section h4 { border-left: 8px solid #dedede; margin-bottom: 20px; border-bottom: 1px solid #dedede; padding: 10px 10px 10px 20px; font-weight: bold; font-size: 18px; }
	section h5 { background: #f4f4f4; margin-bottom: 20px; padding: 10px; }
	.tbl01 { width: 100%; }
	.tbl01 th { padding: 20px; border-bottom: 3px solid #dedede; }
	.tbl01 td { padding: 20px; border-bottom: 1px solid #dedede; }
	
	.list01 { margin-bottom: 20px; }
	.list01 li { border-bottom: 1px #dedede dotted; margin-bottom: 20px; padding-bottom: 10px; padding-left: 2em; text-indent: -1.75em; }
	.list01 li:before { content: "●"; margin-right: 10px; color: #dedede; }
	
	.in_in { font-size: 16px;}
	
	.pageMenu { display: flex; justify-content: center; margin-bottom: 20px;}
	.pageMenu li { border: 3px solid #dedede; height: 50px; line-height: 50px; text-align: center; margin: 0 0.1%; width: 20%;  }
	.pageMenu li a { display: block; }
	.pageMenu li a:link    { color:#333333; text-decoration: none; }
	.pageMenu li a:visited { color:#333333; text-decoration: none; }
	.pageMenu li a:hover   { color:#fff; text-decoration: none; background: #f88042; }
	.pageMenu li a:active  { color:#333333; text-decoration: none; }
	
	.pageMenu li.current { border: 3px solid #f88042; height: 50px; line-height: 50px; text-align: center; margin: 0 0.1%; background: #f88042; color: #fff;  }
	
	.contactMenu { margin: 0 3% 20px; }
	.contactMenu li { width: 33.333%; }
	
	.listSubTtl {
		text-align: center;
		margin: 0 0 20px;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: normal;
		color: #fff;
		background: #b9b9b9;
		padding: 5px;
	}
	.dbTtl {
		background: #ef824c;
		margin-bottom: 20px;
		padding: 10px;
		color: #fff;
		border-bottom: 3px solid #e95f1a;
	}
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	section .in { margin:0 2% 40px; padding:0 0 40px; border-bottom: 1px dotted #dedede; }
	.pageMenu li { font-size: 14px; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	section .in { margin:0 2% 40px; padding:0 0 40px; border-bottom: 1px dotted #dedede; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px)  {
	section .in { margin:0 2% 40px; padding:0 0 40px; border-bottom: 1px dotted #dedede; }
	.in_in { margin: 0 1%; }
	.list01 { margin-bottom: 40px; }
}
@media screen and (min-width: 1280px) {
	section .in { margin:0 2% 40px; padding:0 0 40px; border-bottom: 1px dotted #dedede; }
	.in_in { margin: 0 1%; }
	.list01 { margin-bottom: 40px; }
}