/*---------------------------------
Google Fontfont-family: 'Noto Sans JP', sans-serif;
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP);

/*---------------------------------
	HTML RESET
-----------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, dl, dt, dd, ol, ul, li,
form, label, table, caption, tr, th, td, input, form, textarea, header, nav, section, article, aside, footer{
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	box-sizing:border-box;
}
html{ font-size: 62.5%; }
body{
	font-family:"Noto Sans JP",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS P ゴシック",MS P Gothic,sans-serif;
	font-size:1.2rem;
	line-height:1.3;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
ol, ul{
	list-style: none;
}
/*---------------------------------
	LINK
-----------------------------------*/
a:link{
	color:#000000;
	text-decoration:none;
}
a:visited{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:none;
	opacity:0.6;
	filter: alpha(opacity=60);
	zoom: 1;
	transition: opacity .4s;
	
}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
a:active{
	color:#000000;
	text-decoration:none;
}
a{
	cursor:pointer;
}
@media only screen and (min-width: 640px){
a[href^="tel:"] {
    pointer-events: none;
}
}
/*---------------------------------
	SET
-----------------------------------*/
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h6{
}
.clear:after{
	content: ""; 
	display: block; 
	clear: both;
}
.f_left{
	float:left;
}
.f_right{
	float:right;
}

.a_left{
	text-align:left;
}
.a_center{
	text-align:center;
}
.a_right{
	text-align:right;
}
.a_right img{
	display:inline-block;
}

/*---------------------------------
	FLEX
-----------------------------------*/
.flx{
	display: flex;
}
.flx.between{
	justify-content:space-between;
}

.flx.around{
	justify-content:space-around;
}
.flx.j_center{
	justify-content:center;
}

.flx.a_center{
	align-items: center;
}
.flx.wrap{
	flex-wrap:wrap;
}

@media only screen and (min-width: 0px) and (max-width: 720px){
}
@media only screen and (min-width: 0px) and (max-width: 640px){
}