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

body{
	background-color: #000;
	padding-top: 1px;
}
header{
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
header #spHed{
	display: none;
}
header #ovHed{
	width: 100%;
	border-bottom:2px solid #97999B;
	height: 6.7vw;
}
header #ovHed #logo{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	float: left;
	margin: 2vw;
	margin-bottom: 0;
}
header #ovHed #logo #logoImg{
	width: 22.2%;
}
header #ovHed #logo #logoImg img{
	width: 100%;
}
header #ovHed #logo #logoTxt{
	margin-left: 2vw;
	line-height: 1.8vw;
}
header #ovHed #logo #logoTxt .sTx{
	font-size: 1.5vw;
}
header #ovHed #logo #logoTxt .bTx{
	font-size: 1.2vw;
}
header #ovHed #subNav{
	float: right;
	display: flex;
	height: 100%;
}
header #ovHed #subNav li:not(.hdBt):not(.hdBt2){
	font-size: 1vw;
	height: 100%;
	position: relative;
	width: 8vw;
	text-align: center;
	display: table;
}
header #ovHed #subNav li.active:not(.hdBt):not(.hdBt2){
	font-size: 1.1vw;
	font-weight: bold;
}
header #ovHed #subNav li:not(.hdBt):not(.hdBt2).long{
	width: 10vw;
}
header #ovHed #subNav li a{
	display: table-cell;
	vertical-align: middle;
}
header #ovHed #subNav li.hdBt{
	margin-left: 0.3vw;
	font-size: 1.3vw;
	vertical-align: middle;
	background-color: #fff;
	margin-bottom: 0.2vw;
}

header #ovHed #subNav li.hdBt a{
	background-color: #0076a8;
	display: block;
	position: relative;
	width: 16vw;
	height: 100%;
	color: #000! !important;
}
header #ovHed #subNav li.hdBt a p{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	color: #fff!important;
	width: 100%;
	text-align: center;
}
header #ovHed #subNav li.hdBt2{
	margin-left: 0.3vw;
	font-size: 1.3vw;
	vertical-align: middle;
	margin-bottom: 0.2vw;
	background-color: #fff;
}

header #ovHed #subNav li.hdBt2 a{
	background-color: #c4d600;
	display: block;
	position: relative;
	width: 11vw;
	height: 100%;
	color: #000! !important;
}
header #ovHed #subNav li.hdBt2 a p{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	color: #000!important;
	width: 100%;
	text-align: center;
}

nav ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom:4px solid #97999B;
}
nav ul li{
	width: 16.66%;
	text-align: center;
	font-size: 1.5vw;
	background-color: #53565a;
}

nav ul li a{
	padding: 1vw 0;
	display:block;
}
nav ul li.active{
	background-color: #97999B;
}
nav ul li.active a{
	color: #000;
	/*
	pointer-events: none;
	cursor: auto;
	*/
}
nav ul li.noLink a{
	pointer-events: none;
	opacity: 0.3;
}
header .aboutNav{
	width: 100%;
	background-color: #0076a8;
	display: none;
}
header .aboutNav ul{
	width: 85%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
header .aboutNav ul li{
	width: 20%;
}
header .aboutNav ul li.active{
	background-color: #97999B;
}
header .aboutNav ul li.active a{
	color: #000;
}
header .aboutNav ul li a{
	display: block;
	width: 100%;
	font-size: 1.2vw;
	text-align: center;
	padding: 0.5vw 0;
	color: #fff;
}
section#contain{
	margin-top: 11vw;
}
.topLead{
	padding: 5vw 0;
	text-align: center;
}
.topLead .topTitle{
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 1vw;
}
.topLead .topBody{
	font-size: 1.5vw;
	line-height: 3vw;
}
.pgHed{
	width: 85%;
	margin: auto;
	padding-top: 5vw;
}
.pgHed .pgTitle{
	color: #fff;
	font-size: 2.1vw;
	border-bottom: 6px double #fff;
	margin-bottom: 1vw;
}
.pgHed .pgLead{
	font-size: 1.5vw;
}
.contSect{
	width: 85%;
	margin: auto;
}
.contSect .contTitle{
    background-color: #86cb25;
    padding: 1vw;
	padding-left: 5vw;
    font-size: 1.7vw;
    font-weight: bold;
    line-height: 1.7vw;
    margin-bottom: 1vw;
    background-image: -webkit-linear-gradient(300deg,rgba(83,86,90,1.00) 95%,rgba(0,0,0,1.00) 95%);
    background-image: linear-gradient(300deg,rgba(83,86,90,1.00) 95%,rgba(0,0,0,1.00) 95%);
	color: #fff;
}

.contSect .contTitle.gray{
    background-image: -webkit-linear-gradient(150deg,rgba(208,208,206,1.00) 95%,rgba(83,86,90,1.00) 95%);
    background-image: linear-gradient(300deg,rgba(208,208,206,1.00) 95%,rgba(83,86,90,1.00) 95%);
	color: #000;
}
.contBack{
	width: 100%;
	background-color: #e8eae9;
	padding: 3vw 0;
	margin: 5vw 0;
}


footer #footBts{
	width: 100%;
	display: flex;
}
footer #footBts li{
	width: 49.8%;
	margin-right: 0.4%;
}
footer #footBts li{
	background-color: #fff;
}
footer #footBts li:nth-child(2){
	margin-right: 0;
}
footer #footBts li a{
	background-color: #0076a8;
	display: block;
	padding: 2.5vw 0;
	text-align: center;
	font-size: 1.5vw;
	color: #fff;
}
footer #footSns{
	width: 100%;
	text-align: center;
	padding: 2.5vw 0;
}
footer #footSns li{
	display: inline-block;
	margin: 0 1.5vw;
	width: 4.5vw;
	/*
	border-radius: 100%;
	background-color: #fff;
	*/
}
footer #footSns li img{
	width: 100%;
}
footer #footNav{
	width: 100%;
	border-bottom:1px solid #86bc25;
	border-top:1px solid #86bc25;
	text-align: center;
}
footer #footNav li{
	display: inline-block;
	margin: 0 2vw;
	font-size: 1.2vw;
	padding: 1vw 0;
}
/*
footer #footNav li:nth-child(1),footer #footNav li:nth-child(2){
	display: none;
}
*/
footer #cpwWrap{
	padding: 1vw;
}
footer #cpw{
	font-size: 0.9vw;
}
footer #cpw_tx{
	font-size: 0.9vw;
	line-height: 1.8vw;
	margin-bottom: 2vw;
}

footer #cpw_disc{
	width: 100%;
	font-size: 0.9vw;
	line-height: 1.8vw;
}
footer #cpw_disc a{
	text-decoration: underline;
}
@media (max-width: 640px) {
	header #spHed{
		display: block;
		font-size: 2.8vw;
		text-align: center;
		background-color: #0076a8 ;
		padding: 1vw;
		margin-bottom: 1px;
		color: #fff;
	}
	header #ovHed{
		border-bottom:2px solid #97999B;
		height: 13vw;
	}
	header #ovHed #logo{
		width: 22%;
		display: block;
		float: left;
		margin: 3.5vw;
		margin-bottom: 0;
	}
	header #ovHed #logo #logoImg{
		width: 100%;
	}
	header #ovHed #logo #logoTxt{
		display: none;
	}
    header #ovHed #subNav{
        height: 12vw;
    }
	header #ovHed #subNav li:not(.hdBt):not(.hdBt2){
		display: none;
	}
	header #ovHed #subNav li.hdBt{
		font-size: 2.6vw;
	}
	header #ovHed #subNav li.hdBt a{
		width: 28vw;
	}
	header #ovHed #subNav li.hdBt2{
		width: 16vw;
	}
	header #ovHed #subNav li.hdBt2 a{
		width: 100%;
		font-size: 2.6vw;
	}
    header #ovHed #subNav li.hdBt a{
        display: flex;
        height: 12vw;
        align-content: center;
        justify-content: center;
    }
	nav ul{
		margin-top: 1vw;
	}
	nav ul li{
		width: 20%;
		font-size: 3.2vw;
		padding: 0 2vw;
		padding-top: 3vw;
	}
	
	header .aboutNav ul{
		width: 100%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
	}
	header .aboutNav ul li{
		width: 33.33%;
	}
	
	
	header .aboutNav ul li a{
		font-size: 2.6vw;
		padding: 2vw 0;
	}

	section#contain{
		margin-top: 31vw;
	}
	.pgHed{
		padding-top: 2vw;
	}
	.pgHed .pgTitle{
		font-size: 4.2vw;
		margin-bottom: 2vw;
	}
	.pgHed .pgLead{
		font-size: 3vw;
	}
	.topLead{
		width: 90%;
		margin: auto;
	}
	
	.topLead .topTitle{
		font-size: 4.5vw;
		margin-bottom: 2vw;
	}
	.topLead .topBody{
		font-size: 3.3vw;
		line-height: 6vw;
	}
	.contSect{
		width: 90%;
	}
	.contSect .contTitle{
		padding: 1vw;
		padding-left: 9vw;
		font-size: 4vw;
		line-height: 5vw;
		margin-bottom: 2vw;
		background-image: -webkit-linear-gradient(300deg,rgba(83,86,90,1.00) 91%,rgba(0,0,0,1.00) 91%);
		background-image: linear-gradient(300deg,rgba(83,86,90,1.00) 91%,rgba(0,0,0,1.00) 91%);
	}
	.contSect .contTitle.gray{
		background-image: -webkit-linear-gradient(150deg,rgba(208,208,206,1.00) 91%,rgba(83,86,90,1.00) 91%);
		background-image: linear-gradient(300deg,rgba(208,208,206,1.00) 91%,rgba(83,86,90,1.00) 91%);
	}
	.contBack{
		padding: 5vw 0;
		margin: 8vw 0;
	}
	footer #footBts{
		display: none;
	}
	footer #footSns{
		padding: 5vw 0;
	}
	footer #footSns li{
		display: inline-block;
		margin: 0 3.5vw;
		width: 14vw;
	}
	footer #footNav{
		width: 100%;
		border-bottom:none;
		display: flex;
		flex-wrap: wrap;
		padding-top: 2vw;
	}
	footer #footNav li{
		display: block;
		margin: 0;
		font-size: 3vw;
		width: 50%;
		background-color: #c0bfbf;
		border-bottom:2px solid #000;
		
	}
	footer #footNav li a{
		color: #000;
		display: block;
		padding: 3vw 0;
	}
	footer #footNav li:nth-child(2n+1){
		border-right:2px solid #000;
	}
	footer #footNav li:nth-child(1),footer #footNav li:nth-child(2){
		display: block;
	}
	footer #cpwWrap{
		padding: 3vw;
		color: #fff;
	}
	footer #cpw{
		font-size: 2.5vw;
		text-align: center;
		font-weight: bold;
		color: #fff;
	}
	footer #cpw_tx{
		text-align: center;
		font-size: 2.5vw;
		line-height: 4.5vw;
		margin: 2vw 0;
		color: #fff;
	}
	footer #cpw_disc{
		font-size: 2.5vw;
		line-height: 4.5vw;
		color: #fff;
	}
}