@charset "UTF-8";

/*CSSDocument*/


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

*{ margin:0px; padding:0px;}


body{
  color:#333;
  margin:0;
  padding:0;
  background:#FFFFFF;
  font-family: noto-sans-cjk-jp, sans-serif;
  text-align:center;
  font-size:100%;
  -webkit-text-size-adjust: none;
	position:relative;
}

a:link{ color:#343434;text-decoration:none;}
a:visited{ color:#343434;text-decoration:none;}
a:hover{ color:#343434;text-decoration:none;}
a:active{ color:#343434;text-decoration:none;}

ul{ list-style:none;}

img {
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	max-width: 100%;
  height: auto;
}
a {
	outline:none;
	text-decoration:none;
	color:#212020;
}
a:hover {
 	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;	
}
a:hover {
	opacity:0.6;
}


/*
html ----------------------------------------------------------*/
.l-wrap {
	padding-top: 150px;
}
.l-inner {
	max-width: 1200px;
	margin: 0 auto;
  padding: 0 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 690px) {
	.l-wrap {
		padding-top: 50px;
	}
}


/* body base
===============================================================*/