@charset "UTF-8";

/* preset */
*, *:before, *:after{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

:root{
	--black:#000;
	--hover:#A4A4A4;
	--border:1px solid #1C1C1C;
	--border-bold:2px solid #1C1C1C;
	--dot:1px dotted #ccc;
	--bg:#fff;
	--btn-bg:#ECECEC;
	--hover-bg:#F3F319;
	}

.ja{
  font-family: "IBM Plex Sans JP", serif;
  font-weight: 300;
  font-style: normal;
}

.en{
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

body{
background-color:var(--bg);
color:var(--black);
margin:0;
padding:0;
font-family: "IBM Plex Sans JP", serif;
font-weight: 300;
font-style: normal;
}

ul,ol,li,dd,dt,dl,address,table,tr,td,div,form,th,label,legend{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;line-height:1.8rem;}
p,ul,ol,li,dd,dt,dl,address,table,tr,td,div,form,label,em{font-weight:normal;font-style:normal;line-height:1rem;letter-spacing:0.02rem;}
ul,ol,li{list-style-type:none;}
table{border-collapse:collapse;}
th{text-align:inherit;}
caption{caption-side:bottom;}
img{max-width:100%;height:auto;border-style:none;}
main,header,footer,section,article{position:relative;margin:0;padding:0;}
figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}

/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

p{margin:0;padding:0;text-align:justify;line-height:1.7rem;}
p ~ p{margin-top:5px;}
p img,p svg,li img,li svg{vertical-align:middle;padding-bottom:0.2em;}
th,td{line-height:1.4rem;letter-spacing:0.02rem;}

@media (max-width:767px){p,li,td,dd{font-size:15px;}}
@media (min-width:768px){p,li,td,dd{font-size:14px;}}

/* a */
a{color:var(--black);text-decoration:none;transition: all 0.3s ease 0s;border:0;backface-visibility:hidden;}
a:hover{color:var(--hover);}
a .st0{fill:#1C1C1C;}
a:hover .st0{fill:var(--hover);}