@charset "utf-8";
/* CSS Document */

/* Reset
------------------------------------------------------------*/
html{
	scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
line-height: 1.6;
scroll-behavior: smooth;
}
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
	list-style-type: none;
}

img{
	display: block;
}

/* Fonts
------------------------------------------------------------*/
.font2-6{font-size: 2.6vw;}
.font2-8{font-size: 2.8vw;}
.font3{font-size: 3vw;}
.font3-2{font-size: 3.2vw;}
.font3-4{font-size: 3.4vw;}
.font3-6{font-size: 3.6vw;}
.font3-8{font-size: 3.8vw;}
.font4{font-size: 4vw;}
.font4-2{font-size: 4.2vw;}
.font4-4{font-size: 4.4vw;}
.font4-6{font-size: 4.6vw;}
.font4-8{font-size: 4.8vw;}
.font5{font-size: 5vw;}
.font5-2{font-size: 5.2vw;}
.font5-4{font-size: 5.4vw;}
.font5-6{font-size: 5.6vw;}
.font5-8{font-size: 5.8vw;}
.font6{font-size: 6vw;}
.font7{font-size: 7vw;}
.font8{font-size: 8vw;}
.font9{font-size: 9vw;}
.font10{font-size: 10vw;}
.font11{font-size: 11vw;}
.font12{font-size: 12vw;}

.bold{font-weight: bold;}

.red{color: #eb0505;}
.red2{color: #ff4949;}
.yellow{color: #fffc00}
.blue{color: #1b56dc;}
.light-blue{color: #39d8e6;}
.green{color: #008498;}
.pink{	color: #ff8f80;}
.brown{color: #ac7960;}
.gray{color: #5d727b;}
.white{color: #fff;}

.underyellow{background: linear-gradient(transparent 65%, #fffbc0 10%);}
.underyellow2{background: linear-gradient(transparent 65%, #fff589 10%);}
.underred{background: linear-gradient(transparent 90%, red 70%);}
.underred2{background: linear-gradient(transparent 70%, red 0%);}
.underred3{background: linear-gradient(transparent 70%, #ff8b8a 0%);}
.backgreen{background: #008497;}
.backyellow2{background: #fff589;}


/* いつもの動き
------------------------------------------------------------*/
.animate12 {
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	transform-origin: middle center;
	animation-name: animate12;
	transform: rotate(0deg);
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: middle center;
	-webkit-animation-name: animate12;
	-webkit-transform: rotate(0deg);
}
@keyframes animate12 {
0% {transform:scale(0.92);}
40% {transform:scale(0.97);}
60% {transform:scale(0.86);}
80% {transform:scale(1.05);}
100% {transform:scale(0.92);}
}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}



/* form */  
button, fieldset, form, input, label, legend, select, textarea {  
 font-family:inherit;  
 font-size:100%;  
 font-style:inherit;  
 font-weight:inherit;  
 margin:0;  
 padding:0;  
 vertical-align:baseline;  
 }  
   
 /* --FORM-- */  
 fieldset {  
 border:1px solid ccc;  
 margin-bottom:1em;  
 padding:0 1em 1em 1em;  
 }  
   
 legend {  
 background:fff;  
 padding:0.3em;  
 }  
   
 input[type="checkbox"],  
 input[type="radio"] {  
 vertical-align:text-bottom;  
 width:14px;
 height:14px;
 }  
   
 input[type="submit"] {  
 padding:0.1em;  
 }  
   
 select {  
 padding:0;  
 }  
   
     /* for IE6 */  
     * html input {  
     padding:0.1em;  
     }  
       
     * html input.checkbox,  
     * html input.radio {  
     vertical-align:-0.3em;  
     }  
   
     * html input.submit {  
     line-height:1.2;  
     padding-top:0.2em;  
     }  
       
     * html select {  
     vertical-align:-0.2em;  
     }  
       
     /* for IE7 */  
     *+html input {  
     padding:0.1em;  
     }  
       
     *+html input.submit {  
     line-height:1.2;  
     padding-top:0.2em;  
     }  
       
     *+html select {  
     vertical-align:-0.2em;  
     }  
   
     /* for Opera9.27 */  
     html:first-child input {  
     padding:0.1em;  
     }  
       
     html:first-child input[type="checkbox"],  
     html:first-child input[type="radio"] {  
     vertical-align:middle;  
     }  
   
     html:first-child input[type="submit"] {  
     padding:0.3em;  
     }  
       
     html:first-child select {  
     padding:0.2em;  
     }  
   
     /* for Opera9.5 [Safari3] */  
     /*body:first-of-type input {  
     padding:0.1em;  
     } */ 
   
     body:first-of-type input[type="checkbox"],  
     body:first-of-type input[type="radio"] {  
     vertical-align:-0.3em;  
     }  
       
     body:first-of-type input[type="submit"] {  
     padding:0.3em 0.3em 0.2em 0.3em;  
     }  
   
     /* for Safari3 */  
     html:not(:only-child:only-child) input {  
     padding:0;  
     vertical-align:baseline;  
     }  
       
     html:not(:only-child:only-child) input[type="checkbox"],  
     html:not(:only-child:only-child) input[type="radio"] {  
     vertical-align:baseline;  
     }  
       
     html:not(:only-child:only-child) select {  
     vertical-align:0.1em;  
     }  
   
   	 textarea{
   	 resize:none;
   	 }
   
 /* --HEADLINE-- */  
 h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-right: 0;
	margin-left: 0;
 }