@charset "UTF-8";
/* CSS Document */
html {
    height: 100%;
}
body{
	margin:0;
	padding:0;
	color:#222222;
	background:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:1.8;
	font-family:'Helvetica','Arial','游ゴシック','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','メイリオ','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
*, *: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;
}

section{
	position:relative;
	overflow:hidden;
	width:100%;
}

section p{
	position:relative;
	z-index:2;
}

a{display:block;}

img{
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
.flex_wrap{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex_wrap2{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
}
.ta_c{text-align:center;}

.sp{display:none;}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes slidedown {
    0% {top: -100%}
    100% {top: 0}
}
@keyframes slideupdown {
    0% {top: 0}
    60% {top: 50px}
	100% {top: 0px}
}


/************************
nav
************************/
#fp-nav {
	position : fixed;
	right     : 3%;
	top      : 20%;
	z-index  : 999;
	margin-top:0 !important;
}

#fp-nav li {
	height   : 14px;
	position : relative;
	margin:10px 0;
}

#fp-nav a {
	display     : block;
	width       : 14px;
	height      : 14px;
	border-radius:50%;
	background  : #e5e5e5;
	text-indent : -9000px;
	overflow    : hidden;
	outline     : none;
	border:1px solid #fff;
}

#fp-nav a:hover, #fp-nav li a.active {
	background : #00aefd;
}

/************************
top
************************/
.mv{
	background:#ffdc00;
	position:relative;
	z-index:10;
}
.mv header{
	width:100%;
	background:#fff;
	position:absolute;
	top:0;
	z-index:10;
	line-height:1;
	animation: slidedown 2s ease 0s backwards;
    -webkit-animation: slidedown 2s ease 0s backwards;
}
.inner_head{
	padding:2% 6%;
}
.ttl_mv{
	width:46%;
}
.logo{ width:13%;}
.video{
	width:100%;
	height:100%;
	background-image:url(../img/bg_video.jpg);
	background-position:center;
	background-size:cover;
	position:absolute;
	bottom:0;
	animation: fadeIn 1.6s ease 2s backwards;
    -webkit-animation: fadeIn 1.6s ease 2s backwards;
}
.video a{
	display:block;
}


/************************
共有
************************/
.inner_section{
	max-width:1000px;
	margin:auto;
	width:100%;
}
.lead{
	font-size:2.8vw;
}
.slidupttl{
	position:relative;
	height:1.8;
	overflow:hidden;
	display: block;
}
.slidupttl span{
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-delay: 0s;
    display: block;
}
.fire .slidupttl span{
	-webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01),-webkit-transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition-delay: .2s;
}
.fire .slidupttl:nth-child(2) span{transition-delay: .4s;}
.fire .slidupttl:nth-child(3) span{transition-delay: .6s;}
.fire .slidupttl:nth-child(4) span{transition-delay: .8s;}
.fire .slidupttl:nth-child(5) span{transition-delay: 1s;}
.fire .slidupttl:nth-child(6) span{transition-delay: 1.2s;}
.fire .slidupttl:nth-child(7) span{transition-delay: 1.4s;}

.mb_7p{margin-bottom:7%;}
/************************
セクション１
************************/
.section_1{
	background-image:url(../img/bg_sec01.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
	text-align:center;
	z-index:10;
}

.section_1 .inner_section{
	padding:6% 0;
	box-sizing:border-box;
	position: relative;
}
.pic1{
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:7%;
	opacity:0;
	-webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
	transition: all 1s ease-in-out .2s;
}
/*.section_1.fire .pic1 img{width:100%;}*/
.section_1.fire .pic1{
	animation: fadeIn 1.6s ease .2s forwards;
    -webkit-animation: fadeIn 1.6s ease .2s forwards;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	
}
.section_1 .pic1 img.pic1_2{
	position: absolute;
	height: 33.6%;
	width: auto;
	top:30%;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
	transition: all 1s ease-in-out .5s;
	
}
.section_1.fire .pic1 img.pic1_2{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.new_text{
	text-align:center;
	background:url(../img/bg_sec03.jpg);
	padding:2% 5%;
	position:absolute;
	bottom:0;
	width:100%;
	box-sizing:border-box;
}
.new_text .note{
	position:absolute;
	top:-36px;
	right:5%;
}
/************************
セクション２
************************/
.section_2{
	background-image:url(../img/bg_sec02.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
	z-index:10;
}

.section_2 .inner_section{
	padding:7% 0 0;
}
.pic2{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition: all 2s ease-in-out .1s;
	opacity:0;
}
.section_2.fire .pic2{
	-webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
	animation: fadeIn 1s ease .1s forwards;
    -webkit-animation: fadeIn 1s ease .1s forwards;
}

.pic13{
	position:absolute;
	-webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
	transition: all 2s ease-in-out 0s;
	opacity:0;
}

.section_13.fire .pic13{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	animation: fadeIn 1s ease .1s forwards;
    -webkit-animation: fadeIn 1s ease .1s forwards;
}

/************************
セクション3
************************/
.section_3{
	background-image:url(../img/bg_sec03.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
	text-align:center;
	z-index:2;
}
.section_3 .inner_section{
	display:table;
	position:relative;
	z-index:10;
}
.section_3 .inner_section .lead{
	display:table-cell;
	vertical-align:middle;
}
.section_3 .inner_section .lead.sp{
	display:none;
}
/************************
セクション4
************************/
.section_4{
	background-image:url(../img/bg_sec03.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
}

.num_section{
	display:table;
	width:100%;
	text-align:center;
}
.num_section p{
	display:table-cell;
	vertical-align:middle;
	-webkit-transform: translateX(0);
    transform: translateX(0);
	transition: all .8s ease-in-out 0s;
}

.num_section p{
	display:table-cell;
	vertical-align:middle;
	-webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.section_5 .num_section p{
	display:table-cell;
	vertical-align:middle;
	-webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.section_6 .num_section p{
	display:table-cell;
	vertical-align:middle;
	-webkit-transform: translateX(0);
    transform: translateX(0);
	transform: scaleX(0);
	transition: all .4s ease-in-out 0s;
}

.section_4.fire  .num_section p,.section_5.fire  .num_section p{
	-webkit-transform: translateX(0);
    transform: translateX(0);
}

.section_6.fire  .num_section p{
	transform: scaleX(1);
}


.num1{
	background:url(../img/bg_sec04.jpg) no-repeat center;
	background-size:cover;
}

.num_text{
	display:table;
	padding: 0;
	width:88%;
	position:relative;
	z-index:10;
	background-image:url(../img/bg_sec03.jpg);
}
.num_text figure, .num_text p{
	display:table-cell;
	vertical-align:middle;
	padding:2% 0 2% 5%;
}
.num_text p.sp{
	display:none;
}
.num_text figure{
}
.num_text figure img{
	position:relative;
	opacity:0;
	transition: all 1s ease-in-out 0s;
}
.fire .num_text figure img{
	left:0;
	opacity:1;
}

/************************
セクション5
************************/
.section_5{
	background-image:url(../img/bg_sec03.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
}

.num_section{
	display:table;
	width:100%;
	text-align:center;
}
.num_section p{
	display:table-cell;
	vertical-align:middle;
}
.num_section p img{
	max-width:704px;
	width:100%;
}

.num2{
	background:url(../img/bg_sec05.jpg) no-repeat center;
	background-size:cover;
}

/************************
セクション6
************************/
.section_6{
	background-image:url(../img/bg_sec03.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
}

.num_section{
	display:table;
	width:100%;
	text-align:center;
}
.num_section p{
	display:table-cell;
	vertical-align:middle;
	position: relative;
	z-index:10;
}

.num3{
	background:url(../img/bg_sec06.jpg) no-repeat center;
	background-size:cover;
}


.btn_area{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:10;
	opacity:0;
	transition: all 1s ease-in-out 2s;
}
.btn_sp{
	opacity:0;
	transition: all 1s ease-in-out 2s;
}
.fire .btn_area, .fire .btn_sp{
	opacity:1;
	
}

/************************
セクション8
************************/
.section_8{
	background-position:center;
	background-size:cover;
	text-align:center;
	background-image:url(../img/bg_sec03.jpg);
	color:#fff;
}
.section_8 .inner_section{
	display:table;
	position:relative;
	z-index:10;
}
.section_8 .inner_section .lead{
	display:table-cell;
	vertical-align:middle;
}
.section_8 .inner_section .lead.sp{
	display:none;
}

/************************
セクション9
************************/
.section_9{
	background-image:url(../img/bg_sec9.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
}
@keyframes walk {
    0% {left: -40%;
	-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	10% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	20% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	30% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	40% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	50% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	60% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	70% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	80% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	90% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	100% {left:16.6%;
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
}
@keyframes walk2 {
    0% {left: -50%;
	-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	10% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	20% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	30% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	40% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	50% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	60% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	70% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	80% {-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);}
	90% {-moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);}
	100% {left:4%;
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
}

.pic9{
	position:relative;
	max-width:1000px;
	margin:auto;
}
.pic9 .pic9-2{
	position:absolute;
	width:20.8%;
	top:1.7%;
	left: -50%;
}
.fire .pic9 .pic9-2{
	animation: walk 5s linear .2s forwards;
    -webkit-animation: walk 5s linear .2s forwards;
}
.num_text2{
	background-image:url(../img/bg_sec03.jpg);
	color:#fff;
	display:table;
	width:100%;
	position:relative;
	z-index:10;
}
.num_text2 p{
	display:table-cell;
	vertical-align:middle;
}
.num_text2 p.sp{
	display:none;
}

/************************
セクション10
************************/
.section_10{
	background-image:url(../img/bg_sec10.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
}
.section_10 .flex_wrap{
	margin:auto;
	max-width:1000px;
}
.section_10 .flex_wrap figure{
	position:relative;
	height:1.8;
	overflow:hidden;
	display: block;
}
.section_10 figure img{
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-delay: 0s;
    display: block;
}
.section_10.fire figure img{
	-webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01),-webkit-transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition-delay: 0s;
}
.section_10.fire  .flex_wrap figure:nth-child(2) img{
	transition-delay: .5s;
}
.section_10.fire  .flex_wrap figure:nth-child(3) img{
	transition-delay: 1s;
}
.section_10 .flex_wrap figure:nth-child(1){
	width:33.1%
}
.section_10 .flex_wrap figure:nth-child(2){
	width:33.4%
}
.section_10 .flex_wrap figure:nth-child(3){
	width:33.5%
}

/************************
セクション11
************************/
.section_11{
	background-image:url(../img/bg_sec9.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
}
@keyframes talk {
    0% {
	-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	10% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	20% {-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	30% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	40% {-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	50% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	60% {-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	70% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	80% {-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	90% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	100% {
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
}
@keyframes talk2 {
    0% {
	-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);}
	10% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	20% {-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);}
	30% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	40% {-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);}
	50% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	60% {-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);}
	70% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	80% {-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);}
	90% {-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	100% {
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
}
.pic11{
	position:relative;
	max-width:1000px;
	margin:auto;
}
.pic11_2{
	position:absolute;
	width:39.1%;
	top:39%;
	left:31.9%;
	-webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
	transition: all 1s ease-in-out .1s;
}
.pic11_2 .pic11_2_1{
	position:absolute;
	top:0;
	left:0;
	width:36.7%;
	animation: talk 4s ease 1s infinite;
    -webkit-animation: talk 4s ease 1s infinite;
}
.pic11_2 .pic11_2_2{
	position:absolute;
	top:0;
	right:0;
	width:30%;
	animation: talk2 3.6s ease 1.1s infinite;
    -webkit-animation: talk2 3.6s ease 1.1s infinite;
}

.fire .pic11_2{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.pic11_3{
	position:absolute;
	width:20.8%;
	top:39%;
	left:0%;
	transition: all 1s ease-in-out .1s;
}
.fire .pic11_3{
	left:11.1%;
}
.pic11_4{
	position:absolute;
	width:18%;
	top:39%;
	left:80%;
	transition: all 1s ease-in-out .1s;
}
.fire .pic11_4{
	left:71%;
}

/************************
セクション12
************************/
.section_12{
	background-image:url(../img/bg_sec10.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
}
.pic12{
	position: relative;
	max-width:1000px;
	margin:auto;
}
.pic12_1{
	opacity:0;
	transition: all 1s ease-in-out .1s;
}
.fire .pic12_1{
	opacity:1;
}
.pic12_2{
	position: absolute;
	left:0;
	top:50%;
	transition: all 1s ease-in-out .1s;
}
.fire .pic12_2{
	top:0;
}

/************************
セクション13
************************/
.section_13{
	background-image:url(../img/bg_sec9.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
	z-index:10;
}

.section_13 .inner_section{
	padding:7% 0;
	box-sizing:border-box;
}
.section_13 .lead{
	position:absolute;
	bottom:7%;
	left:0;
	right:0;
	margin:auto;
}


/************************
footer
************************/
.footer{
	text-align:center;
	z-index:10;
	background:#fff;
}

.footer .inner_ft{
	padding:3% 0 0;
	box-sizing:border-box;
	max-width:1000px;
	margin:auto;
}
.footer h2{
	margin-bottom:5%;
}
.footer p{
	font-size:1vw;
	margin-bottom:5px;
}
.footer p.btn{
	margin-bottom:4%;
}
.footer .sns{
	padding:20px 0;
	background:url(../img/bg_sec03.jpg);
	background-size: 100% auto;
}
.footer .sns ul{
	margin:auto;
	max-width:450px;
	width:86%;
}
.footer .sns ul li{
	width:25%;
}
.ft_logo{padding:20px 0;}
.ft_logo img{width:156px;}

#fullpage{
	z-index:1;
}
.coinf{
	position: fixed;
	top:0;
	width:100%;
	text-align:center;
	z-index:2;
	display:none;
}
.coinf img{
	position:relative;
	animation: slideupdown 1s ease-in-out .1s infinite;
    -webkit-animation: slideupdown 1s ease-in-out .1s infinite;
}

/********************************
screen_width_750px
********************************/
@media screen and (max-width: 750px) {
	body{font-family:'Helvetica','Arial','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','メイリオ','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; font-size:14px;}
	.video{background-image:url(../img/bg_video_sp.jpg);}
	.ttl_mv{width:65%;}
	.logo{width:23%;}
	.pc{display:none;}
	.sp{display:block;}
	.lead{ font-size:6.6vw; line-height:2;}
	.pic1{position:relative;bottom:auto;}
	.section_1 .pic1 img.pic1_2{ height:30%;}
	.coinf img{width:30%;}
	.section_3 .inner_section .lead.sp, .section_8 .inner_section .lead.sp{display:table-cell;}
	.section_3 .inner_section .lead.pc, .section_8 .inner_section .lead.pc{display:none;}
	.num_section p{padding:0 7%;}
	.num_text figure, .num_text p, .num_text p.sp{display:block; text-align:center; padding:2%;}
	.num_text figure img{width:30%;}
	.num_text{display:block; margin:auto; padding:5% 0;}
	.num_text p.pc{display:none;}
	.section_4 .lead,.section_6 .lead, .num_text2 .lead{ font-size:4.5vw;}
	.num_text2 p.sp{display:table-cell;}
	.num_text2 p.pc{display:none;}
	.section_13 .inner_section{padding:15% 0;}
	.pic13{position:relative; margin-bottom:5%;}
	.section_13 .lead{position:relative; bottom:0;}
	.footer .inner_ft{padding:6% 7%;}
	.footer p{ font-size:3vw;}
	.pic9 .pic9-2{width: 33.33%;top: 20%;}
	.fire .pic9 .pic9-2{animation: walk2 4s ease .2s forwards;-webkit-animation: walk2 4s ease .2s forwards;}
	.pic11_2{width: 46.8%;top: 42.8%;left: 30.4%;}
	.pic11_3{width: 34%;top: 42.8%; left:-30%;}
	.fire .pic11_3{left:0;}
	.pic11_4{width: 28%;top: 42.8%; right:-100%;}
	.fire .pic11_4{ right:7%;}
	.pic12_2{bottom:-50%; top:auto; -webkit-transform: scale(2);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);}
	.fire .pic12_2{top:auto;bottom:21%;}
	.pic11_2 .pic11_2_1{width:49%;}
	.pic11_2 .pic11_2_2{width:39.8%;}
}