@charset "utf-8";
@font-face {
  font-family: 'NotoSerifThai-Regular';
  src: url('/font/NotoSerifThai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'NotoSerifThai-Bold';
  src: url('/font/NotoSerifThai-Bold.ttf') format('truetype');
}
html {
	color: #000;
	font-size: 16px;
	font-family: 'NotoSerifThai-Regular', 'Helvetica', 'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
body {
  display: flex;
	min-height: 100vh;
	flex-direction: column;
}
main {
  flex: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
img {
	vertical-align: bottom;
}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {
	font: inherit;
}
del,ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align: baseline;
}
legend { 
	color:#000;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: white;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a,i,img,input,label,select,textarea {
  display: block;
}
a {
  color: black;
	text-decoration: none;
}
hr {
  margin: 0;
  border: none;
}
p,a,label,div {
  font-weight: 100;
}
.hidden {
	display: none;
}
.flex_img {
  position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}