@charset "UTF-8";
/* CSS Document */
*{box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
html,body{width:100%;}
html{overflow-y:scroll;position:relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
input,textarea{margin:0;padding:0;}
ol, ul{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
a img{border:0;}
a:focus,a:active,a:hover{outline:none;}
img{max-width:100%;vertical-align:bottom;}
body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust:none;
	/* footerをbottomに固定する処理 */
	display:flex;
	flex-direction:column;
	min-height:100vh;
	/* //footerをbottomに固定する処理 */
}
footer{
	/* footerをbottomに固定する処理 */
	margin-top:auto;
	/* //footerをbottomに固定する処理 */
}

.animation_wrap{
	overflow: hidden;
}
.animation_fadeInUp,.animation_fadeInDown,.animation_fadeInRight,.animation_fadeInLeft,.animation_img01,.animation_img02{
	animation-fill-mode:both;
	animation-duration:3s;
	visibility:visible !important;
}
.animation_fadeIn,
.animation_fadeInUp02 {
	animation-fill-mode:both;
	animation-duration:10s;
	visibility:visible !important;
}
.animation_fadeInUp{animation-name:animation_fadeInUp;}
.animation_fadeInUp02{animation-name:animation_fadeInUp02;}
.animation_fadeInDown{animation-name:animation_fadeInDown;}
.animation_fadeInRight{animation-name:animation_fadeInRight;}
.animation_fadeInLeft{animation-name:animation_fadeInLeft;}
.animation_fadeIn{animation-name:animation_fadeIn;}
.animation_img01{animation-name:animation_img01;}
.animation_img02{animation-name:animation_img02;}

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

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

@keyframes animation_fadeInUp{
	0%{opacity:0;transform:translateY(60px);}
	100%{opacity:1;transform:translateY(0);}
}
@keyframes animation_fadeInUp02{
	0%{opacity:0;transform:translateY(100px);}
	100%{opacity:1;transform:translateY(0);}
}
@keyframes animation_fadeInDown{
	0%{opacity:0;transform:translateY(-40px);}
	100%{opacity:1;transform:translateY(0);}
}
@keyframes animation_fadeInRight{
	0%{opacity:0;transform:translateX(-180px);}
	100%{opacity:1;transform:translateX(0);}
}
@keyframes animation_fadeInLeft{
	0%{opacity:0;transform:translateX(180px);}
	100%{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes img01{
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes img02{
	100% {
		transform: translateX(100%);
	}
}

.coming{
	margin:0 auto;
	padding: 300px 0;
	font-size:24px;
	font-weight:bold;
	color:#555;
	text-align:center;
}

.pc_only{
	display:block !important;
}
.pc_only02 {
	display:block !important;
}
.mobile_only{
	display:none !important;
}
.mobile_only02 {
	display:none !important;
}
.mobile03_only {
	display:none !important;
}

@media screen and (max-width:1000px){
	.pc_only02 {
		display:none !important;
	}
	.mobile_only02 {
		display:block !important;
	}
}

@media screen and (max-width:767px){
	.pc_only{
		display:none !important;
	}
	.mobile_only{
		display:block !important;
	}
}

@media screen and (max-width:500px){
	.mobile03_only{
		display:block !important;
	}
}