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


/*Fonts
----------------------------------------------------------------------------------------------------------------------*/

/*Noto Sans JP 和ゴシック
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*font-family: 'Noto Sans JP', sans-serif;*/



/*Noto Serif Japanese 和明朝
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital@1&display=swap');

/*font-family: 'Brygada 1918', serif;*/





/* Wrap,Contents-wrap,Contents
----------------------------------------------------------------------------------------------------------------------*/
.wrap{
	width: 100%;
	overflow: hidden;
}

.contents-wrap{
	width: 100%;
	/*padding: 50px 0 0 0;*/
}

.contents100p{
	width: 1000px;
	margin: 0 auto;
}

.contents1000{
	width: 1000px;
	margin: 0 auto;
}

.contents800{
	width: 800px;
	margin: 0 auto;
}

.contents600{
	width: 600px;
	margin: 0 auto;
}

@media screen and (max-width:1000px) {
	
.contents100p{
	width: 100%;
}
	
.contents1000{
	width: 94%;
}
	
}

@media screen and (max-width:800px) {
	
.contents800{
	width: 94%;
}
	
}

@media screen and (max-width:600px) {
	
.contents600{
	width: 94%;
}
	
}






/* Pankuzu List
----------------------------------------------------------------------------------------------------------------------*/
.pankuzu{
	width: 100%;
	font-size: clamp(12px, 3vw, 16px);
	margin-bottom: 15px;
}
.pankuzu a:hover{
	opacity: 0.5;
}

/*@media screen and (max-width:1280px) {

.pankuzu{
	width: 90%;
	margin: 100px auto 0 auto;
}

}*/





/* P,Table
----------------------------------------------------------------------------------------------------------------------*/
.xxxl-text{
	/*font-size:30px;*/
	font-size: clamp(20px, 3vw, 30px);
}

.xxl-text{
	/*font-size:24px;*/
	font-size: clamp(18px, 3vw, 24px);
}

.xl-text{
	/*font-size:20px;*/
	font-size: clamp(16px, 3vw, 20px);
}

.l-text{
	/*font-size:18px;*/
	font-size: clamp(14px, 3vw, 18px);
}

.m-text{
	/*font-size:18px;*/
	font-size: clamp(12px, 3vw, 16px);
}





.br-500{
	display: none;
}

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

.br-500{
	display: block;
}

}

.br-400{
	display: none;
}

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

.br-400{
	display: block;
}

}

.br-350{
	display: none;
}

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

.br-350{
	display: block;
}

}




/* Footer
----------------------------------------------------------------------------------------------------------------------*/
.foot-nav{
	width: 100%;
	margin-bottom: 50px;
}

.foot-nav li{
	width: 100%;
	margin-bottom: 5px;
	font-size: clamp(12px, 3vw, 16px);
	text-align: center;
}

.foot-nav li a{
	display: block;
	padding: 10px 3%;
	background: #f3f8eb;
	border-radius: 0.25em;
}
.foot-nav li a:hover{
	background: #ccc;
}

.foot-logo-wrap{
	width: 100%;
	padding: 25px 3%;
	background: #f3f8eb;
}

.foot-logo img{
	width: 200px;
	height: auto;
	margin: 0 auto 10px auto;
}

.foot-logo .copy{
	text-align: center;
	font-size: 12px;
	line-height: 1;
}




#pageTop{
	width:60px;
	height:60px;
	font-size:24px;
	position: fixed;
	right:1%;
	bottom:50px;
}

#pageTop a{
	color:#fff;
	text-align:center;
	padding:0 25%;
	background:#996;
	border-radius:10em;
	display:block;
	text-decoration:none;
	line-height:60px;
	opacity:0.8;
}
#pageTop a:hover{
	opacity:0.5;
}