@charset "UTF-8";

/* =======================================================================================
	初期設定
======================================================================================= */
/* noto-sans-jp-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-jp-v53-latin-regular.woff2') format('woff2'); 
}
/* noto-sans-jp-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-jp-v53-latin-500.woff2') format('woff2');
}
/* noto-sans-jp-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-jp-v53-latin-700.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/zen-maru-gothic-v17-japanese_latin-700.woff2') format('woff2');
}

/* myanmar */
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Myanmar';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-myanmar-v20-myanmar-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Myanmar';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-myanmar-v20-myanmar-600.woff2') format('woff2'); 
}
.my { font-family: 'Noto Sans Myanmar', sans-serif; }

html {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #392d25;
	font-weight: 400;
	line-height: 1.8;
	overflow: hidden;
	overflow-y: scroll;
}

body {
	max-width: 2560px;
	min-width: 1200px;
	margin: 0 auto;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

::selection,
::-moz-selection {
	background: #776b74;
	color: #fff;
}

body, p, li, dt, dd, tr, th {
	font-size: 16px;
	line-break: strict;
	word-break: break-all;
	word-wrap: break-word;
	letter-spacing: 0.1px;
}

h1,h2,h3,h4,h5 { line-height: 1.6; }

a {
	text-decoration: none;
	color:#392d25;
}


/* TB */
@media screen and (max-width: 1199px) {
	body {
		min-width: auto;
		font-size: 13px
	}
	body, p, li, dt, dd, tr, th {
		font-size: 13px;
	}
}

@media screen and (max-width: 669px) {
	body {
		font-size: 13px;
		min-width: 380px;
		letter-spacing: 0.3px;
	}

	h1,h2,h3,h4,h5 { line-height: 1.5; letter-spacing: 0.5px;}

	body, p, li, dt, dd, tr, th { font-size: 13px; letter-spacing: 0.3px;}

	img { width: 100%; }
}