@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:#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;
}

.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:#ccc 1px solid;
}

input:focus , textarea:focus {
border:#f24cae 1px solid;
}

input[type="submit"]:focus {
border:none;
}

::placeholder {
color:#ccc;
}




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