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

body{
	background-color:#FFFFFF;
	
	font: 14px/26px 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#363636;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
	

*{
   margin : 0;
   padding : 0;
}
a{
	text-decoration:none;
}

a img {border-style:none;}



.headerUl{
	width: 100%
	height:100px;
	list-style: none;
}
.headerUl li:first-child{
	float: left;
	margin-left: 30px;
	margin-top: 23px;
	margin-bottom: 10px;
}
.headerUl li:last-child{
	float: right;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.headerUl li:first-child img{
	width: 24vw;
	max-width: 180px;
}
.headerUl li:last-child img{	
	width: 50vw;
	max-width: 443px;
}

/*-------------*/

.tit{
	font-size: 26px;
	font-weight: bold;
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #ffd200;
	background-color: #292929;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 80px;
	color: #FFFFFF;
}

.tit2{
	width:calc(90vw - 24px);
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #42A308;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding-left: 24px;
	padding-top: 6px;
	padding-bottom: 4px;
}
.infoTable{
	width:90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #42A308;
	box-sizing: border-box;
	
	border-collapse:collapse;	
}
.infoTable td{
	border: 1px solid #42A308;
	padding: 6px;
}
.infoTable tr:nth-child(1) td:first-child,.infoTable tr:nth-child(2) td:first-child{
	width: 16vw;
}
.infoTable tr:nth-child(3){
	background-color: #EDEDED;

}

/*---------------1-----------------*/
/*-------------*/
.ul1{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.ul1 li{
	float: left;
}
.ul1 li:nth-child(1){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.ul1 li:nth-child(2){
	width: 6vw;
	height: auto;
	text-align: center;
	font-size: 3vw;
	color: #74ba40;
	padding-top: 30vw;
}
.ul1 li:nth-child(3){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.hp1,.hp1 img,.hp4,.hp4 img{
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}
.hp2,.hp2 img,.hp5,.hp5 img{
	position: relative;
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}
.hp3,.hp3 img,.hp6,.hp6 img{
	position: relative;
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}
.ulTit{
	width: calc(42vw - 6px);
	height: auto;
	background-color: #74ba40;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 4px;
	
}
.cap{
	position: absolute;
	width: calc(42vw - 16px);
	height: auto;
	bottom: 8px;
	left: 4px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	opacity: 0.7;
}
/*--------------------*/
.ul2{
	list-style: none;
	margin-top: 20px;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.ul2 li{
	float: left;
	width: 30vw;
	height: auto;
	padding-top: 28px;
	text-align: center;
	background-color: #FFDB00;
}
.ul2 li img{
	width: calc(30vw - 12px);
	height: auto;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
}
.ul2 li p{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: -4px;
	color: #69390D;
}
/*--------------------*/
.ul3{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.ul3 li:first-child{
	float: left;
	width: 45vw;
	height: auto;
	padding-top: 38px;
	text-align: right;
	background-color: #FFDB00;
}
.ul3 li:last-child{
	float: left;
	width: 45vw;
	height: auto;
	padding-top: 38px;
	text-align: left;
	background-color: #FFDB00;
}
.ul3 li img{
	width: 34vw;
	height: auto;
	margin-left: 6px;
	margin-right: 6px;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
}
.ul3 li:first-child p{
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	margin-right: 6px;
	margin-top: -4px;
	color: #69390D;
}
.ul3 li:last-child p{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: -4px;
	color: #69390D;
}
/*--------------------*/
.ul4{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	
}
.ul4 li{
	float: left;
	width: 90vw;
	height: auto;
	padding-top: 38px;
	text-align: center;
	background-color: #FFDB00;/*#fbf377*/
	padding-bottom: 20px;
}
.ul4 li img{
	width: 45vw;
	height: auto;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
}
.ul4 li p{
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: -4px;
	color: #69390D;
}

/*---------------2-----------------*/
/*-------------*/
.ul5{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.ul5 li{
	float: left;
}
.ul5 li:nth-child(1){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.ul5 li:nth-child(2){
	width: 6vw;
	height: auto;
	text-align: center;
	font-size: 3vw;
	color: #74ba40;
	padding-top: 20vw;
}
.ul5 li:nth-child(3){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.np1,.np1 img,.np3,.np3 img{
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}
.np2,.np2 img,.np4,.np4 img{
	position: relative;
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}

/*---------------3-----------------*/
/*-------------*/
.ul6{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.ul6 li{
	float: left;
}
.ul6 li:nth-child(1){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.ul6 li:nth-child(2){
	width: 6vw;
	height: auto;
	text-align: center;
	font-size: 3vw;
	color: #74ba40;
	padding-top: 20vw;
}
.ul6 li:nth-child(3){
	width: 42vw;
	height: auto;
	text-align: center;
	border:  4px solid #74ba40;
	box-sizing: border-box;
}
.op1,.op1 img,.op2,.op2 img{
	width: calc(42vw - 16px);
	height: auto;
	padding-left: 2px;
	
}
/*------------*/

.ul7{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.ul7 li:first-child{
	float: left;
	width: 45vw;
	height: 35vw;
	padding-top: 38px;
	text-align: right;
	background-color: #FFDB00;
}
.ul7 li:last-child{
	float: left;
	width: 45vw;
	height: 35vw;
	padding-top: 38px;
	text-align: left;
	background-color: #FFDB00;
}
.ul7 li img{
	width: 34vw;
	height: auto;
	margin-left: 6px;
	margin-right: 6px;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
}
.ul7 li:first-child p{
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	margin-right: 6px;
	margin-top: -4px;
	color: #69390D;
}
.ul7 li:last-child p{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: -4px;
	color: #69390D;
}
/*--------------------*/
.ul8{
	list-style: none;
	width: 90vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.ul8 li{
	float: left;
	width: 30vw;
	height: auto;
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: center;
	background-color: #FFDB00;
	margin-bottom: 100px;
}
.ul8 li img{
	width: calc(30vw - 12px);
	height: auto;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
}
.ul8 li p{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: -4px;
	color: #69390D;
}






.blank{
	width: 50vw;
	height: 100px;
}



/**/

.backBn{
	position: fixed;
	bottom: 50px;
	right: 10px;
	width:120px;
	height: auto;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	background-color: #2356E5;
	opacity: 0.8;
	border-radius: 4px;
	
}
.backBn a{
	display:block;
	color: #FFFFFF;
}
.backBn span{
	opacity: 1;
}


/*------------------*/

footer {
	clear: both;
	text-align: center;		/*文字を中央に*/
	font-size: 70%;			/*文字サイズ*/
	background: #33a5d5;	/*背景色*/
}
/*リンクテキスト*/
footer a {color: #fff;}
footer a:hover {color: #fff;}
/*著作部分*/
footer .pr {display: block;}

#copyright {
	clear: both;
	text-align: center;
	background: #333;	/*背景色*/
	color: #fff;		/*文字色*/
	font-size: 12px;
}
#copyright a {text-decoration: none;}



.footerUl{
	width:90vw;
	height: auto;
	margin-left: 5vw;
	background-color: #33a5d5;
	list-style: none;
}
.footerUl li:first-child{
	float: left;
	width: auto;
	height: auto;
	color: #FFFFFF;
	padding-top: 32px;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 34px;
	text-align: left;
	line-height: 32px;
}
.footerUl li:first-child span{
	font-size: 16px;
	margin-bottom: 21px;
}
.footerUl li:last-child{
	float: right;
	width: auto;
	height: 72px;
	font-size: 48px;
	line-height: 76px;
	font-weight: bold;
	color: #33a5d5;
	background-color: #FFFFFF;
	margin-top: 36px;
	margin-bottom: 36px;
	padding-left: 36px;
	padding-right: 36px;
	border-radius: 6px;
	text-align: center;
	vertical-align: top;
}
.footerUl li:last-child span{
	font-size: 16px;
	vertical-align: top;
	line-height: 76px;
}



@keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}
body .nav-fix-pos-pagetop a {display: none;}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 50px;		/*幅*/
	line-height: 50px;	/*高さ*/
	z-index: 3;
	position: fixed;
	bottom: 20px;	/*下から20pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	background: #666;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事。0.6は60%色がついた状態。*/
	color: #fff;	/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}





.clears{
	clear: both;
}