@charset "UTF-8";
/* ================================================ */
/*  レイアウト                                        */
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; 		color:#666666 ;}
a:visited{ 	text-decoration:none ; 		color:#666666 ;}
a:hover{ 	text-decoration:underline ; color:#666666 ;}
a:active { 	text-decoration:none ;		color:#666666 ;}



/*------------------------------------------*/
/*  ボデー                                   */
/*------------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#000 ;
}

	/*  全体  */
	#body_section{
		min-width:1000px ;
 		width:100% ;
		position:relative ;
		margin:0 auto ;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
			margin:0 auto ;
		}
		
@media screen and (max-width: 641px){
	body{}
	
		/*  全体  */
		#body_section{
			min-width:100% ;
		}
	
			/*  全体インナー  */
			#bodyInner_section{}				

}


/*------------------------------------------*/
/*  ヘッダー                                 */
/*------------------------------------------*/
header{
	width:100% ;
	display: flex;
	padding:20px 0;
	background: #6B859A;
	/* position: fixed;　ヘッダー固定 */
	justify-content: space-between;
	z-index: 1;
}

	header img {
		transition: 1.0s ;
		}

		header img:hover {
			opacity: 0.5 ;
			}

	header h1{
		margin:0 auto ;
		}

		header h1 img{
			width: auto;
			}


	
@media screen and (max-width: 641px){
header{
	padding:0 20px;
	}

	header h1{
		display: none ;
		}
	
		header h1 img{
				}
}


	
/*  ++++++++++++++++++++++++++  */
/*  mainImage					*/
/*  ++++++++++++++++++++++++++  */
.mainimage{
	width:100% ;
	margin:0 auto 70px auto ;
	position: relative;
	text-align:left;
}

	.mainimage .pc{
		width:100% ;
		height: auto;
		display: block !important;
	}

	.mainimage .sp{
		width:100% ;
		display: none !important;
	}

	.mainimage h1{
		display: none !important;
		}


@media screen and (max-width: 641px){
	.mainimage{
		width:100% ;
		margin:0 auto 20px auto ;
	}

	.mainimage .pc{
		width:100% ;
		display: none !important;
	}

	.mainimage .sp{
		width:100% ;
		display: block !important;
	}
	
.mainimage h1{
	
	}

	.mainimage h1 img{

		}
}




/*  ++++++++++++++++++++++++++  */
/*  SEC02						*/
/*  テキスト					 */
/*  ++++++++++++++++++++++++++  */
.SEC02{
	width:1000px ;
	margin: 0 auto;
	text-align:center ;
}

	.SEC02 .txt01{
		width:100% ;
		text-align:center ;
		font-size: 160%;
		line-height:2.0em;
		margin:70px auto 0 ;
		font-weight: nomal;
	}


@media screen and (max-width: 641px){
.SEC02{
	width:100% ;
}
	
	.SEC02 .txt01{
		width: 90% ;
		font-size: 140%;
		margin: 30px auto 0 ;
	}
	

}



/*  ++++++++++++++++++++++++++  */
/*  SEC03						*/
/*  ボタン			　　　　　　　　 */
/*  ++++++++++++++++++++++++++  */
.SEC03{
	width: 100% ;
	margin: 0 auto ;
	text-align:center ;
}

	.SEC03 .link_block{
		width: 1000px ;
		overflow:hidden ;
		display:inline-block;
	}

		.SEC03 .link_block .l0{
			text-align:center;
			vertical-align:top;
			display:inline-block;
			margin: 70px auto 0;
			position: relative;
		}

		.SEC03 .link_block .l1{
			text-align:center;
			vertical-align:top;
			display:inline-block;
			margin: 30px auto 0;
			position: relative;
		}
		
		.SEC03 .link_block .l2{
			text-align:center;
			vertical-align:top;
			display:inline-block;
			margin: 30px auto 0;
			position: relative;
		}

		.SEC03 .link_block .l3{
			text-align:center;
			vertical-align:top;
			display:inline-block;
			margin: 30px auto 0;
			position: relative;
		}

	.SEC03 .txt01{
		width:1000px ;
		text-align:left ;
		font-size: 120%;
		line-height:2.0em;
		margin:30px auto 70px ;
		font-weight: nomal;
		}


@media screen and (max-width: 641px){
.SEC03{
	width:100% ;
	margin:0 auto;
	}
	
		.SEC03 .link_block{
			width:90% ;
			margin:0 auto;
		}

			.SEC03 .link_block img{
				width: 100% ;
				height: auto;
			}	
	
			.SEC03 .link_block .l0,	
			.SEC03 .link_block .l1,	
			.SEC03 .link_block .l2,
			.SEC03 .link_block .l3{
				float: left;
				margin:30px auto 0 ;
			}
	
		.SEC03 .txt01{
				width:80% ;
				line-height:1.5em;
				margin:30px auto ;
		}

}



/*  ++++++++++++++++++++++++++  */
/*  ページトップへ戻る			  */
/*  ++++++++++++++++++++++++++  */
.page_top{
	width:940px ;
	margin:0 auto 40px auto ;
	text-align:right ;
}

@media screen and (max-width: 641px){
	.page_top{
		width:95% ;
	}	
}

#contents_section {
}

.copy {
	margin: 4em 0 2em;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 641px){
	.copy {
	font-size: 10px;
}	
}