@charset "utf-8";

body {
font-family:-apple-system,BlinkMacSystemFont,'Noto Sans','Noto Sans CJK JP', 'Noto Sans CJK JP Subset',"Noto Sans JP",'Roboto',Meiryo,sans-serif;

margin:0;
padding:0;
color:#323232;
font-size:100%;
background:#fff;
overflow-x:hidden;
}

div,p,article,section,nav,ul,li,header,footer,input,h1,h2,h3,h4,h5,th,td {
padding:0;
margin:0;
word-wrap:break-word;
}

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

img {
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

.cf:after { content:" "; display:block; clear:both; }
.flex { display:flex; }
.b {font-weight:bold;}

li { list-style:none; }

a:link {
font-weight:normal;
text-decoration:none;
}
a:visited {
font-weight:normal;
text-decoration:none;
}
a:hover {
font-weight:normal;
text-decoration:none;
}

.fr {
color:#e6321e;
}

.fy {
color:#f5e100;
}



/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
font-size:100%;
}

input:focus , textarea:focus , button:focus {
border:#64b446 1px solid;
}

input[type="checkbox"] , input[type="radio"] {
background:#fff;
padding:5px;
border-radius:100%;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#000;
border:#000 1px solid;
}

input[type="button"]:hover , input[type="submit"]:hover {
opacity:0.7;
}

::placeholder {
color:#d2dcd2;
}




/*ANIMATION*/
@keyframes hover {
0%{opacity:1;}
100%{opacity:0.7;}
}

@keyframes circle1 {
0%{opacity:0;}
50%{opacity:0.08;}
100%{opacity:0; transform:scale(4);}
}