@charset "utf-8";

body {
font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",'Roboto',"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体",Yu Gothic,YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ", Meiryo,"Helvetica Neue", HelveticaNeue, Helvetica,Arial,"Segoe UI",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
margin:0;
padding:0;
color:#666;
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 {
color:#666;
}

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


.fg {
color:#64c896;
}

.fy {
color:#f5e100;
}

.fo {
color:#ff4400;
}

.fs {
font-size:80%;
}



/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
border:#e1e1e1 1px solid;
}

input:focus , textarea:focus , button:focus {
border:#64c896 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.8;
background:#eee;
}

::placeholder {
color:#ccc;
}

textarea {
font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",'Roboto',"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体",Yu Gothic,YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ", Meiryo,"Helvetica Neue", HelveticaNeue, Helvetica,Arial,"Segoe UI",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}




/*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);}
}