@charset "utf-8";

body {
font-family:-apple-system,BlinkMacSystemFont,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Noto Sans JP",'Roboto',"游ゴシック体",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:#000;
font-size:100%;
background:#f0f0f0;
overflow-x:hidden;
}

div,p,article,section,nav,ul,li,header,footer,input,h1,h2,h3,h4,h5,h6 {
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; }

.fr {
color:#e6321e;
}

.fb {
color:#55b4c8;
}



/*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 , button:focus {
border:#e6321e 1px solid;
}

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

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

input[type="button"]:hover , input[type="submit"]:hover {
opacity:0.8;
background:#eee;
}

::placeholder {
-webkit-color:#ccc;
-ms-color:#ccc;
-moz-color:#ccc;
-o-color:#ccc;
color:#ccc;
}

input[type="radio"] {

}



/*ANIMATION*/
.inviewfadeIn {
opacity: 0;
transition: 1s;
}
    
.fadeIn {
opacity: 1.0;
}
 
/*----- 上へスライド -----*/
.inviewUp {
transform: translate(0, 40px);
transition: 1s;
}
    
.Up {
transform: translate(0, 0);
}
 
.inviewzoomIn {
transform: scale(0, 0);
transition:0.7s;
}
    
.zoomIn {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
} 
    
.inviewfadeInUp {
opacity: 0;
transform: translate(0, 60px);
transition: 1s;
}
    
.fadeInUp {
opacity: 1.0;
transform: translate(0, 0);
}

.inviewfadeInDown {
opacity: 0;
transform: translate(0, -60px);
transition: 1s;
}
    
.fadeInDown {
opacity: 1.0;
transform: translate(0, 0);
}

.inviewfadeInDown1 {
opacity: 0;
transform: translate(0, -50px);
transition: 1s;
}
    
.fadeInDown1 {
opacity: 1.0;
transform: translate(0, 0);
}

.inviewfadeInDown2 {
opacity: 0;
transform: translate(0, -50px);
transition: 1.2s;
}
    
.fadeInDown2 {
opacity: 1.0;
transform: translate(0, 0);
}

.inviewfadeInDown3 {
opacity: 0;
transform: translate(0, -50px);
transition: 1.4s;
}
    
.fadeInDown3 {
opacity: 1.0;
transform: translate(0, 0);
}

/*FadeInLeft*/
.inviewfadeInLeft {
opacity: 0;
transform: translate(50px,0);
transition: 1s;
}
    
.fadeInLeft {
opacity: 1.0;
transform: translate(0, 0);
}

/*FadeInRight*/
.inviewfadeInRight {
opacity: 0;
transform: translate(-50px,0);
transition: 1s;
}

.fadeInRight {
opacity: 1.0;
transform: translate(0, 0);
}

/*Underline*/
.inviewUnderLine {
transition: 1.5s;
width:0%;
height:4px;
background:#ff0000;
position:absolute;
bottom:-7px;
left:0;
}

.UnderLine {
width:100%;
}

.marker_line {
position:relative;
}

.mainsite {
opacity:0;
}


/*ANIMATION*/
@keyframes introduction {
0%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}

@keyframes introarea {
0%{opacity:1;}
100%{opacity:0;}
}

@keyframes logoanimation {
0%{opacity:0;}
100%{opacity:1;}
}

@keyframes introTop_next {
0%{transform:translate(0,0);}
100%{transform:translate(0,-100%);}
}

@keyframes introBottom_next {
0%{transform:translate(0,0);}
100%{transform:translate(0,100%);}
}

@keyframes logo {
0%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}

@keyframes seminar_title {
0%{opacity:0; transform:translate(0,20%);}
100%{opacity:1; transform:translate(0,0);}
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}