/*=====================================
	TEMP css
====================================== */

/*	reset
============================== */
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,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	both
============================== */
#wrapper{
	width: 100%;
	height: 100%;
}
.cover{
	
}
.z-index-ie{
	z-index:2;
}

li{
	list-style: none;
}


/* text */
body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
  word-break: break-all;
  color:#555555;
}
.color-01{
	color: #5091e5;
}
.color-02{
	color: #ff5778;
}
.color-03{
	color: #f2f124;
}
.color-04{
	color: #581fcc;
}
.color-05{
	color: #ff6f00;
}
.text-cancel{
	text-decoration: line-through;
	color: red;
}
a:link {
	text-decoration:none;
	color:#555555;
}
a:visited {
	text-decoration:none;
	color:#555555;
}
a:hover {
	text-decoration:underline;
	color:#555555;
}
a:active {
	text-decoration:underline;
	color:#555555;
}
.copyright a:link{color:#555555; text-decoration:none}
.copyright a:visited{color:#555555; text-decoration:none}
.copyright a:active{color:#555555; text-decoration:none}
.copyright a:hover{color:#555555; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}
img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.tbs-gfooter-btn,
.tbs-gfooter-share{
	z-index: 998 !important;
}
@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	.sp_none{
		display:block;
	}
	.youtube_wrap {
		width: 560px;
		margin: 0 auto;
	}
	.pc-only{
		display:block;
	}
	.sp-only{
		display:none;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
	.sp_none{
		display:none;
	}
	.pc-only{
		display:none;
	}
	.sp-only{
		display:block;
	}
}


/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/*	page top
============================== */
p.pgt {
	z-index:20;
}
p.pgt a, p.pgt span {
	display:block;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:fixed;
		right:40px;
		bottom:40px;
	}
	p.pgt a {
		background-image:url(../../img/cmn_pgt.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:104px;
		height:117px;
		text-indent:110%;
		white-space:nowrap;
		overflow:hidden;
	}
}

@media all and (max-width: 767px) {
	p.pgt {
		display: none;
	}
}


/*	SECTION
============================== */
.section{
	overflow: hidden;
	position: relative;
}
.section-inner{
	
}
#section-top{
}
#section-intro{
	background: #b5b5b5;
}
#section-content01{
	background: url("../img/bg_contents_01.jpg");
	box-shadow: 0px 10px 40px  rgb(0 0 0 / 80%);
}
#section-content02{
	background: url("../img/bg_contents_02.jpg");
}
#section-content03{
	background: url("../img/bg_contents_03.jpg");
}
#section-content04{
	background: url("../img/bg_contents_04.jpg");
}
#section-footer{
	background: #ffffff;
}

@media all and (min-width: 768px) {
	.section{
		width: 100%;
	}
	.section-inner{
		width: 1030px;
		margin: 0 auto;
		position: relative;
	}
	#section-top{
	}
	#section-intro{
    }
	#section-content01{

	}
	#section-content02{
	}
	#section-footer{
	}
}

@media all and (max-width: 767px) {

}


/*	TOP
============================== */
.bg-slidearea{
	position: relative;
}

@media all and (min-width: 768px) {
	.bg-slidearea{
		width: 1030px;
		height: 920px;
		position: relative;
	}
	.bg-slide-01{
		width: 210px;
		height: 1168px;
		background: url("../img/topcut/top_cutimg_slide01.png");
		background-position: 0 0;
		background-size: 210px 1168px;
		-webkit-animation: bgroopdown 40s linear infinite;
		animation: bgroopdown 40s linear infinite;
		position: absolute;
		left: 0;
		
	}
	.bg-slide-02{
		width: 210px;
		height: 1168px;
		background: url("../img/topcut/top_cutimg_slide02.png");
		background-position: 0 0;
		background-size: 210px 1168px;
		-webkit-animation: bgroopup 40s linear infinite;
		animation: bgroopup 40s linear infinite;
		position: absolute;
		left: 200px;
	}
	.bg-slide-03{
		width: 210px;
		height: 1168px;
		background: url("../img/topcut/top_cutimg_slide03.png");
		background-position: 0 0;
		background-size: 210px 1168px;
		-webkit-animation: bgroopdown 40s linear infinite;
		animation: bgroopdown 40s linear infinite;
		position: absolute;
		right: 200px;
	}
	.bg-slide-04{
		width: 210px;
		height: 1168px;
		background: url("../img/topcut/top_cutimg_slide04.png");
		background-position: 0 0;
		background-size: 210px 1168px;
		-webkit-animation: bgroopup 40s linear infinite;
		animation: bgroopup 40s linear infinite;
		position: absolute;
		right: 0px;
	}
	.logo01{
		position: absolute;
		top: 70px;
		left: 416px;
	}
	.logo02{
		position: absolute;
		bottom: 70px;
		left: 420px;
	}
	.logo5th{
		position: absolute;
		top: 245px;
		left: 290px;
	}
	@-webkit-keyframes bgroopup {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 0 -1168px;
		}	
	}
	@keyframes bgroopup {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 0 -1168px;
		}
	}
	@-webkit-keyframes bgroopdown {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 0 1168px;
		}	
	}
	@keyframes bgroopdown {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 0 1168px;
		}
	}
	

}

@media all and (max-width: 767px) {
	.bg-slidearea{
		width: 100%;
		height: 500px;
		position: relative;
	}
	.bg-slide-01{
		width: 40%;
		padding-top: 145%;
		background: url("../img/topcut/top_cutimg_slide01.png");
		background-position: 0 0;
		background-size: cover;
		-webkit-animation: bgroopup 100s linear infinite;
		animation: bgroopup 100s linear infinite;
		position: absolute;
		left: -5%;
	}
	.bg-slide-02{
		width: 40%;
		padding-top: 145%;
		background: url("../img/topcut/top_cutimg_slide03.png");
		background-position: 0 0;
		background-size: cover;
		-webkit-animation: bgroopdown 100s linear infinite;
		animation: bgroopdown 100s linear infinite;
		position: absolute;
		right: -5%;
	}
	.logo5th{
		width: 60%;
		position: absolute;
		top: 27%;
		left: 20%;
	}
	.logo01{
		width: 25%;
		position: absolute;
		top: 7%;
		left: 38%;
	}
	.logo02{
		width: 25%;
		position: absolute;
		bottom: 5%;
		left: 38%
	}
	.logo5th img,
	.logo01 img,
	.logo02 img{
		width: 100%;
	}
	@-webkit-keyframes bgroopup {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 0 -500%;
		}	
	}
	@keyframes bgroopup {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 0 -500%;
		}
	}
	@-webkit-keyframes bgroopdown {
		from {
			background-position: 0  0;
		}
		to {
			background-position: 0 500%;
		}	
	}
	@keyframes bgroopdown {
		from {
			background-position: 0 0;
		}
		to {
			background-position: 0 500%;
		}
	}

}


/*	CONTENTS
============================== */

.content-wrap{
	z-index: 2;
}
.contents-info{
	z-index: 2;
	position: relative;
}
.content-scrolltext{
	z-index: 0;
}
.contents-info-01{
	background: #5091e5;
}
.contents-info-02{
	background: #ff5778;
}
.contents-info-03{
	background: #ff8e57;
}
.contents-info-04{
	background: #581fcc;
}
.content-number-01{
	background: url("../img/content_number_01.png") no-repeat;
	background-size: contain;
}
.content-number-02{
	background: url("../img/content_number_02.png") no-repeat;
	background-size: contain;
}
.content-number-03{
	background: url("../img/content_number_03.png") no-repeat;
	background-size: contain;
}
.content-number-04{
	background: url("../img/content_number_04.png") no-repeat;
	background-size: contain;
}
.contents-info{
	border: 2px solid #000000;
	color: #ffffff;
}
.contents-info-inner{

}
.contents-info-h3{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 1.5em 0 1em;
}
.contents-info-h3-01{
	color: #5091e5;
	position: relative;
	padding: 0.6em;
	background: #c7dfff;
}
.contents-info-h3-01:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #c7dfff;
  width: 0;
  height: 0;
}
.contents-info-h3-02{
	color: #ff5778;
	position: relative;
	padding: 0.6em;
	background: #ffe0e7;
}
.contents-info-h3-02:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffe0e7;
  width: 0;
  height: 0;
}
.contents-info-h3-03{
	color: #ff8e57;
	position: relative;
	padding: 0.6em;
	background: #fde3d3;
}
.contents-info-h3-03:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #fde3d3;
  width: 0;
  height: 0;
}
.contents-info-h3-04{
	color: #581fcc;
	position: relative;
	padding: 0.6em;
	background: #e3d6fe;
}
.contents-info-h3-04:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e3d6fe;
  width: 0;
  height: 0;
}
.contents-info-text{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1em;
	word-break: break-all;
}
.contents-info-text small{
	font-size: 0.8em;
}


	
@-webkit-keyframes bgroopleft {
	from {
		background-position: 0  0;
	}
	to {
		background-position: -1960px 0;
	}	
}
@keyframes bgroopleft {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1960px 0;
	}
}
@-webkit-keyframes bgroopright {
	from {
		background-position: 0  0;
	}
	to {
		background-position: 1960px 0;
	}	
}
@keyframes bgroopright {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 1960px 0;
	}
}

@media all and (min-width: 768px) {
	.content-wrap{
		width: 950px;
		display: flex;
		margin: 0 auto;
		padding: 70px 0;
		position: relative;
	}
	.flex-left{
		order: 1;
	}
	.flex-right{
		order: 2;
	}
	.margin-right-70{
		margin: 0 70px 0 0;
	}
	.content-caption-area{
		width: 390px;
		margin-top: 30px;
	}
	.content-img-area{
		width: 520px;
	}
	.content-number{
		width: 202px;
		height: 44px;
		margin: 0 0 10px;
	}
	.content-title{
		margin: 0 0 30px;
	}
	.content-title-01{
		width: 303px;
		height: 106px;
		background: url("../img/content_title_01.png") no-repeat;
		background-size: contain;
	}
	.content-title-02{
		width: 375px;
		height: 213px;
		background: url("../img/content_title_02.png") no-repeat;
		background-size: contain;
	}
	.content-title-03{
		width: 302px;
		height: 215px;
		background: url("../img/content_title_03.png") no-repeat;
		background-size: contain;
	}
	.content-title-04{
		width: 300px;
		height: 216px;
		background: url("../img/content_title_04.png") no-repeat;
		background-size: contain;
	}
	.content-text{
		font-size: 18px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.content-scrolltext{
		width: 100%;
		height: 214px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.content-scrolltext-01{
		background: url("../img/scrolltext_01.png");
		background-position: 0 0;
		background-size: 1960px 214px;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.content-scrolltext-02{
		background: url("../img/scrolltext_02.png");
		background-position: 0 0;
		background-size: 1960px 214px;
		-webkit-animation: bgroopright 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.content-scrolltext-03{
		background: url("../img/scrolltext_03.png");
		background-position: 0 0;
		background-size: 1960px 214px;
		-webkit-animation: bgroopleft 60s linear infinite;
		animation: bgroopleft 60s linear infinite;
	}
	.content-scrolltext-04{
		background: url("../img/scrolltext_04.png");
		background-position: 0 0;
		background-size: 1960px 214px;
		-webkit-animation: bgroopright 60s linear infinite;
		animation: bgroopright 60s linear infinite;
	}
	.content01-sd01{
		width: 302px;
		height: 373px;
		background: url("../img/contents01_sd01.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		left: 20px;
	}
	.content01-sd02{
		width: 317px;
		height: 371px;
		background: url("../img/contents01_sd02.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		right: 20px;
	}
	.content02-sd01{
		width: 222px;
		height: 347px;
		background: url("../img/contents02_sd01.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		left: 20px;
	}
	.content02-sd02{
		width: 290px;
		height: 347px;
		background: url("../img/contents02_sd02.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		right: 20px;
	}
	.content03-sd01{
		width: 251px;
		height: 358px;
		background: url("../img/contents03_sd01.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		left: 20px;
	}
	.content03-sd02{
		width: 309px;
		height: 338px;
		background: url("../img/contents03_sd02.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		right: 20px;
	}
	.content04-sd01{
		width: 260px;
		height: 349px;
		background: url("../img/contents04_sd02.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		left: 20px;
	}
	.content04-sd02{
		width: 260px;
		height: 349px;
		background: url("../img/contents04_sd02.png") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 275px;
		right: 20px;
	}
	.contents-info{
		width: 950px;
		margin: 0 auto 100px;
	}
	.contents-info-inner{
		width: 880px;
		padding: 25px 35px;
	}
	
}

@media all and (max-width: 767px) {
	.content-wrap{
		width: 100%;;
		margin: 0 auto;
		padding: 3em 0 1em;
		position: relative;
	}
	.content-caption-area{
		width: 75%;
		margin: 0 auto;
	}
	.content-img-area{
		width: 90%;
		margin: 0 auto;
	}
	.content-number{
		width: 50%;
		margin-bottom: 2%;
		padding-top: 7%;
	}
	.content-number-01{

	}
	.content-number-02{

	}
	.content-title{
		margin: 0 0 1em;
	}
	.content-title-01{
		width: 81%;
		padding-top: 24%;
		background: url("../img/content_title_01.png") no-repeat;
		background-size: contain;
	}
	.content-title-02{
		width: 100%;
		padding-top: 51%;
		background: url("../img/content_title_02.png") no-repeat;
		background-size: contain;
	}
	.content-title-03{
		width: 80%;
		padding-top: 54%;
		background: url("../img/content_title_03.png") no-repeat;
		background-size: contain;
	}
	.content-title-04{
		width: 80%;
		padding-top: 54%;
		background: url("../img/content_title_04.png") no-repeat;
		background-size: contain;
	}
	.content-text{
		width: 95%;
		margin: 0 auto;
		font-size: 1.0em;
		line-height: 1.6em;
		font-weight: bold;
	}
	.content-img{
		width: 90%;
		margin: 1em auto 1em;
	}
	.content-img img{
		width: 100%;
	}
	.contents-info{
		width: 85%;
		margin: 0 auto 3em;
	}
	.contents-info-inner{
		width: 90%;
		padding: 5%;
	}

}



/*	FOOTER
============================== */
.top-footer{
	background: #ffffff;
}
@media all and (min-width: 768px) {
	.top-footer{
		width: 100%;
	}
	.top-footer-inner{
		padding: 60px 0 100px;
		z-index: 10;
	}
	.footer-banner{
		width: 920px;
		margin: 0 auto 20px;
		display: flex;
		justify-content: center;
	}
	.footer-banner li{
		width: 400px;
		margin: 30px;
	}
	.footer-banner li img{
		width: 100%;
	}
	
	.footer-copyright-area{
		width: 1000px;
		margin: 0 auto;
	}
	.copyright{
		font-size: 14px;
		line-height: 2.0em;
		letter-spacing: 0.1em;
		color: #5b5b5b;
		font-weight: bold;
		text-align: center;
	}
}

@media all and (max-width: 767px) {
	.top-footer{
		width: 100%;
	}
	.top-footer-inner{
		padding: 1em 0 7em;
		z-index: 10;
	}
	.footer-banner{
		width: 100%;
		margin: 0 auto 1.5em;	
	}
	.footer-banner li{
		width: 60%;
		margin: 5% 20%;
	}
	.footer-banner li img{
		width: 100%;
	}
	
	.footer-copyright-area{
		width: 90%;
		margin: 0 auto;
	}
	.copyright{
		font-size: 0.6em;
		line-height: 1.8em;
		letter-spacing: 0.1em;
		color: #5b5b5b;
		font-weight: bold;
		text-align: center;
	}

}


/*	OTHER CSS
============================== */

#snowwrap{
	position: fixed;
    width: 100%;
	height: 120%;
    top: 0px;
    left: 0px;
    z-index: -5;
    overflow: hidden;
    background: rgb(255, 255, 255);
}
.snowfall-flakes{
	opacity: 0.5;
}

@media all and (min-width: 768px) {
	
}

@media all and (max-width: 767px) {

}
/*=====================
	snowf-flakes　回転
=====================*/

.snowfall-flakes {
	-webkit-animation: spin 2.0s linear infinite;
	-moz-animation: spin 2.0s linear infinite;
	-ms-animation: spin 2.0s linear infinite;
	-o-animation: spin 2.0s linear infinite;
	animation: spin 2.0s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.timing01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.0s;
  animation-delay:1.0s;
}
.timing02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.2s;
  animation-delay:2.2s;
}
.timing04{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.4s;
  animation-delay:2.4s;
}
.timing05{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing06{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.6s;
  animation-delay:2.6s;
}
.timing07{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.7s;
  animation-delay:2.7s;
}
.timing08{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.8s;
  animation-delay:2.8s;
}
.timing09{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.9s;
  animation-delay:2.9s;
}
.timing10{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.0s;
  animation-delay:3.0s;
}
.timing11{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.1s;
  animation-delay:3.1s;
}



/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}