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

/*-- headline ------------------------------------------------------------*/

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) {
	.overHead { background: url("../img/second/second_headLinenBg.png") center top no-repeat; background-size: cover; height: 150px; } 
}
@media screen and (min-width: 768px) and (max-width: 960px)  {

}
@media screen and (min-width: 961px) and (max-width: 1024px)  {

}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {

}
@media screen and (min-width: 1260px) and (max-width: 1319px)  {

}
@media screen and (min-width: 1320px) {

}

/*-- content ------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 960px)  {
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
}
@media screen and (min-width: 1260px) and (max-width: 1319px)  {
}
@media screen and (min-width: 1320px) {	
	#content section { margin-bottom: 0px; }
}

/*-- content ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.tbl01 { width: 100%; margin: 20px auto 0;}
	.tbl01 th { padding: 10px; border-bottom: 3px solid #dedede; width: 25%; font-size: 0.9rem; vertical-align: top;}
	.tbl01 td { padding: 10px; border-bottom: 1px solid #dedede; font-size: 0.9rem; }
	
	.tbl01 td dl dt { float: left; width: 8em; clear: both; }
	.tbl01 td dl dd { float: left; }
}
@media screen and (min-width: 768px) {
	.tbl01 { width: 100%; margin: 20px auto 0;}
	.tbl01 th { padding: 15px; border-bottom: 3px solid #dedede; word-break: keep-all; vertical-align: top; }
	.tbl01 td { padding: 15px; border-bottom: 1px solid #dedede; }
	
	.tbl01 td dl dt { float: left; width: 8em; clear: both; }
	.tbl01 td dl dd { float: left; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
}
@media screen and (min-width: 1480px) {
}


/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { background: #dedede; z-index: 9999; }
@media screen and (max-width: 767px) {
	#breadcrumbs .in { margin:0 0%;}
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	#breadcrumbs .in { margin:0 0% 20px;}
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	#breadcrumbs .in { margin:0 0% 20px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px) {
	#breadcrumbs .in { margin:0 0% 20px;}
}
@media screen and (min-width: 1260px) and (max-width: 1319px)  {
	#breadcrumbs .in { width:1100px; margin:0 auto 20px; }
}
@media screen and (min-width: 1320px) {
	#breadcrumbs .in { width: 1200px; margin: 0 auto 20px; }
}

@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:#238669; }
		#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 #238669; 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:#238669; }
		#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 #238669; z-index:100; }
}


/*-- rainbow ------------------------------------------------------------*/
.rainbow {
		height:1px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecf4a1+0,b3ece9+100 */
		background: #ecf4a1; /* Old browsers */
		background: -moz-linear-gradient(left, #ecf4a1 0%, #b3ece9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ecf4a1 0%,#b3ece9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ecf4a1 0%,#b3ece9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf4a1', endColorstr='#b3ece9',GradientType=1 ); /* IE6-9 */
}
@media screen and (max-width: 767px) {
	.rainbow { display: none; }
	.rainbow-sp {
		height:1px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecf4a1+0,b3ece9+100 */
		background: #ecf4a1; /* Old browsers */
		background: -moz-linear-gradient(left, #ecf4a1 0%, #b3ece9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ecf4a1 0%,#b3ece9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ecf4a1 0%,#b3ece9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf4a1', endColorstr='#b3ece9',GradientType=1 ); /* IE6-9 */		
	}
}
@media screen and (min-width: 768px) {
	.rainbow-sp { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	.rainbow {height:1px; margin-top:60px; }
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	.rainbow {height:1px; margin-top:60px; }
}
@media screen and (min-width: 1025px) and (max-width: 1259px) {
	.rainbow {height:1px; margin-top:70px; }
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	.rainbow {height:1px; margin-top:80px; }
}
@media screen and (min-width: 1480px) {
	.rainbow {height:1px; margin-top:80px; }
}

/*-- submenu ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.subMenu { display: flex; justify-content: center; margin-bottom: 10px; align-items: center; }
	.subMenu li { width: 32%; margin: 0 0.5% 0 0; border: 3px solid #f4f4f4; text-align: center; background: #fff; font-size: 0.6rem; }
	.subMenu li:nth-child(3n) { margin-right: 0px;}
	.subMenu li span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display: block; font-size: 0.7rem; color: #238669; }
	.subMenu li span em { font-style: normal;  font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #238669; font-size: 1.0em; } 
	.subMenu li a         { resize: none; display: block; padding: 5px; }
	.subMenu li a:link    { color:#238669; text-decoration: none; }
	.subMenu li a:visited { color:#238669; text-decoration: none; }
	.subMenu li a:hover   { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li a:active  { color:#238669; text-decoration: none; }
	.subMenu li a:hover span { color: #fff; }
	.subMenu li a:hover span em { color: #fff; }
	
	.subMenu li.current a         { resize: none; display: block; padding: 5px; }
	.subMenu li.current a:link    { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a:visited { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a:hover   { color:#fff; text-decoration: none; background: #238669; opacity: 0.7; }
	.subMenu li.current a:active  { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a span { color: #fff; }
	.subMenu li.current a span em { color: #fff; }
	.subMenu li.current a:hover span { color: #fff; }
	.subMenu li.current a:hover span em { color: #fff; }
	
	.subMenu li .pc { display: none !important; }
	.subMenu li .sp { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-size: 0.7rem; font-weight: normal;}
}
@media screen and (min-width: 768px) {
	.subMenu { display: flex; justify-content: center; margin-bottom: 20px; }
	.subMenu li { width: 240px; margin: 0 1% 0 0; border: 3px solid #f4f4f4; text-align: center; background: #fff; }
	.subMenu li:last-child { margin-right: 0px;}
	.subMenu li span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display: block; font-size: 0.9rem; color: #238669; }
	.subMenu li span em { font-style: normal;  font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #238669; font-size: 1.3em; } 
	.subMenu li a         { resize: none; display: block; padding: 10px; }
	.subMenu li a:link    { color:#238669; text-decoration: none; }
	.subMenu li a:visited { color:#238669; text-decoration: none; }
	.subMenu li a:hover   { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li a:active  { color:#238669; text-decoration: none; }
	.subMenu li a:hover span { color: #fff; }
	.subMenu li a:hover span em { color: #fff; }
	
	.subMenu li.current a         { resize: none; display: block; padding: 10px; }
	.subMenu li.current a:link    { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a:visited { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a:hover   { color:#fff; text-decoration: none; background: #238669; opacity: 0.7; }
	.subMenu li.current a:active  { color:#fff; text-decoration: none; background: #238669; }
	.subMenu li.current a span { color: #fff; }
	.subMenu li.current a span em { color: #fff; }
	.subMenu li.current a:hover span { color: #fff; }
	.subMenu li.current a:hover span em { color: #fff; }
	.subMenu li .sp { display: none !important; }
	.subMenu li .pc { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-size: 1.0rem;; font-weight: normal; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {	
	.subMenu li a { padding: 10px 0; font-size: 0.8rem; }
	.subMenu li.current a { padding: 10px 0; font-size: 0.8rem; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {

} 
@media screen and (min-width: 1025px) and (max-width: 1179px)  {

}
@media screen and (min-width: 1180px) and (max-width: 1319px)  {

}
@media screen and (min-width: 1320px) {

}