@charset "utf-8";
/* # =================================================================
#### font-family
# ================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"');
body{
	color : #1D1D1D;
	font-family : 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* # =================================================================
#### font-size
# ================================================================= */
/*  */
:root{
	font-size : 16px;
	--font-color : #262626;
	--key-color : #065E8E;
}
html{
	--1px : 0.0625rem;
	--2px : 0.125rem;
	--3px : 0.1875rem;
	--4px : 0.25rem;
	--5px : 0.3125rem;
	--6px : 0.375rem;
	--7px : 0.4375rem;
	--8px : 0.5rem;
	--9px : 0.5625rem;
	--10px : 0.625rem;
	--11px : 0.6875rem;
	--12px : 0.75rem;
	--13px : 0.8125rem;
	--14px : 0.875rem;
	--15px : 0.9375rem;
	--16px : 1rem;
	--17px : 1.0625rem;
	--18px : 1.125rem;
	--19px : 1.1875rem;
	--20px : 1.25rem;
	--21px : 1.3125rem;
	--22px : 1.375rem;
	--23px : 1.4375rem;
	--24px : 1.5rem;
	--26px : 1.625rem;
	--28px : 1.75rem;
	--30px : 1.875rem;
	--31px : 1.9375;
	--32px : 2rem;
	--36px : 2.25rem;
}
h1{
	font-size : var(--36px);
}
h2{
	font-size : var(--24px);
}
h3{
	font-size : var(--20px);
}
h4{
	font-size : var(--18px);
}
p,a,li,dt,dd,th,td{
	font-size : var(--16px);
}
small{
	font-size : var(--14px);
}
/* # =================================================================
#### table
# ================================================================= */
table{
	border-collapse : collapse;
	width : 100%;
}
table,
th,
td{
	border : 1px solid #000;
	padding : 10px;
	text-align : center;
}
/* # =================================================================
#### common
# ================================================================= */
body{
	position : relative;
}
img{
	display :block;
}
img.obj{
	height : 100% !important;
	object-fit : cover;
	object-position : center center;
	font-family : 'object-fit:cover; object-position: center center;';
}
a{
	color : #1D1D1D;
	text-decoration : none;
	transition : 0.5s;
}
a:hover{
	transition : 0.5s;
}
ol li,ul li{
	display : list-item;
	list-style : none;
}
:focus{
	outline : none;
}
/*  */
figure{
	margin : 0;
}

/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1366px
# ================================================================= */
@media screen and (max-width: 1366px){

}/*** 1366px ***/
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){

}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/