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

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: /*local("Noto Sans CJK JP Regular"),*/
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: /*local("Noto Sans CJK JP Bold"),*/
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}

body{
	font-family: 'Noto Sans JP';
	font-weight: 700;
	letter-spacing:0.1em;
	font-feature-settings: "palt";
}
p{
	line-height:2;
}
.up2top{
	cursor:pointer;
}

@media all and (max-width: 768px) {
html,body{
	overflow-x:hidden;
}
body{
	font-size:75%;
}
img{
	width:100%;
}
}
/*--------------------------------------------------

clearfix

--------------------------------------------------*/
.clearfix:after {
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*--------------------------------------------------
default
--------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
img{
	vertical-align:bottom;
}





/*--------------------------------------------------
header
--------------------------------------------------*/
header{
	width:100%;
	top:0;
	z-index:2000;
	position:fixed;
	background:rgba(255,255,255,0.9);
}
	.header_container{
		
	}
	header .logo{
		float:left;
		padding-top:24px;
		padding-left:2%;
		width:auto;
	}
	header nav{
		float:right;
		border-right:1px solid #FF9FBC;
		margin-right:2%;
	}
		header nav li{
			float:right;
			border-left:1px solid #FF9FBC;
			padding:24px 20px;
			width:auto;
		}
		
@media all and (max-width: 768px) {
header{
	width:100%;
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,0.9);
}
	.header_container{
		width:100%;
		margin:0 auto;
	}
	header .logo{
		float:none;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:0;
		width:40%;
		margin:0 auto;
	}
		header .logo img{
			width:100%;
		}
	header nav{
		float:none;
		border-right:0;
		margin-right:0;
		border-top:1px solid #00CA6A;
		width:100%;
		margin:0 auto;
	}
	header ul{
		
	}
		header nav li{
			float:right;
			border-left:1px solid  #00CA6A;
			width:32%;
			padding:4px 0;
			text-align:center;
		}
		header nav li.last{
			border:none;
		}
		header nav li img{
			width:40%;
		}
}

@media all and (max-width: 580px) {
	header .logo{
		width:200px;
	}
		header nav li img{
			width:60px;
		}
}

/*--------------------------------------------------
contents
--------------------------------------------------*/
.contents{
	margin-top:0;
	padding-top:0;
}

@media all and (max-width: 768px) {
	.contents{
		padding-top:25%;
	}
}


/*--------------------------------------------------
footer
--------------------------------------------------*/
footer{
	background-color:#EEEEEE;
	color:#333;
	font-size:14px;
}
	footer a{
		color:#333;
		text-decoration:none;
	}
	footer nav{
		width:1000px;
		margin:0 auto;
		padding:20px 0 10px;
	}
	footer li{
		float:left;
		padding-right:1em;
	}
	footer address{
		width:1000px;
		margin:0 auto;
		padding-bottom:20px;
		font-style:normal;
	}
	footer .copyright{
		border-top:1px solid #FFF;
		text-align:center;
		padding:20px 0;
	}
	
.up2top{
	display:none;
	position:fixed;
	bottom:80px;
	right:2%;
}
.footer_br_sp{
	display:none;
}

@media all and (max-width: 768px) {
footer{
	font-size:12px;
}
	footer nav{
		width:96%;
		margin:0 auto;
		padding:20px 0 10px;
	}
	footer li{
		float:left;
		padding-right:1em;
	}
	footer address{
		width:96%;
		margin:0 auto;
		padding-bottom:20px;
		font-style:normal;
	}
	footer .copyright{
		border-top:1px solid #FFF;
		text-align:center;
		padding:20px 0;
	}
	
.up2top{
	display:none;
	position:fixed;
	bottom:20px;
	right:2%x;
}
.footer_br_sp{
	display:block;
}
}