@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight: normal; }
address,em { font-style: normal; }
table { border-collapse: collapse;border-spacing: 0; }
th { font-weight:normal;text-align: left; }
legend { display: none; }
img,fieldset { border: 0; }
li { list-style-type: none; }

/* HTML5
------------------------------------------------------------*/
article, aside, dialog, figure, footer, header,hgroup, nav, section { display: block;margin: 0;padding: 0; }

/* scrollbug for FF
------------------------------------------------------------*/
html { overflow-y: scroll; margin: 0 !important;}

/* Fonts
------------------------------------------------------------*/
body { font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

/* Form
------------------------------------------------------------*/
input,textarea { outline: none; }

/* Media
------------------------------------------------------------*/
object,embed { vertical-align: top; }
img { max-width: 100%;vertical-align: middle;font-size: 0;line-height: 0;-webkit-backface-visibility: hidden; }

/* clearfix
------------------------------------------------------------*/
.cf:after { content: "";display: block;clear: both; }

/* float
------------------------------------------------------------*/
.fl { float: left;}
.fr { float: right;}

/* margin
------------------------------------------------------------*/
.ml10 { margin-left: 10px!important; }
.ml50 { margin-left: 50px!important; }
.mt0 { margin-top: 0!important; }
.mt40 { margin-top: 40px!important; }
.mb0 { margin-bottom: 0!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb70 { margin-bottom: 70px!important; }
@media screen and (max-width:600px) {
.mb50 { margin-bottom: 30px!important; }
.mb70 { margin-bottom: 40px!important; }
.mb50:last-child,.mb70:last-child { margin-bottom: 0!important; }
}

/* padding
------------------------------------------------------------*/
.pt0 {
	padding-top: 0 !important;
}

.alignC {
	text-align: center;
}

/* br
------------------------------------------------------------*/
.tabBr {
	display: none;
}

@media screen and (max-width: 600px) {
	.tabBr {
		display: block;
	}
}