html{
	font-size: 62.5%;		
}

h2 {
font-weight: inherit;
font-size: inherit;
text-align: inherit;
margin: 0;
line-height: inherit;
}

a{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

.no-scroll{
	overflow: hidden;
}

section header{
padding: 0;
width: 100%;
background: none;
}
#Wrapper{
	position: relative;
}


.mode-ios .btn-dl li:nth-child(2){
	display: none !important;
}
.mode-android .btn-dl li:nth-child(1){
	display: none !important;
}

body{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
}

@media screen and (min-width: 769px) {

	.sp{
		display: none;
	}
	.ignore-pc{
		display: none;
	}
	body{
		font-size: 1.4rem;
	}
	#gfooter a,footer small{
		font-size: 1.2rem;
	}
	#wrap{
		position: relative;
		margin: auto;
		max-width: 1480px;
		overflow: hidden;
	}
	#gfooter{
		padding-bottom: 80px;
	}


	/* kv
	--------------------------------------------------------------- */

	.kv-wrap{
		position: relative;
	}
	#kv{
	}

	.kv-box{
		position: relative;
		width: 100%;
		padding: 0 20px;
		height: 635px;
		overflow: hidden;
		background-size: cover;
		transform-origin: top left;
	}

	.kv-box .kv-inner{
		position: relative;
		margin: auto;
		max-width: 1000px;
		height: 100%;

	}
	.kv-box .kv-inner .kv-txt{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.kv-box .kv-bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../img/_r4vp_kv.jpg) 50% 50% no-repeat;
	}


	/*kv motion*/
	.kv-box .kv-bg{
		opacity: 0;
	}
	.kv-box .kv-txt h1{
		opacity: 0;
		transform: translateY(50px);
	}


	.kv-box .kv-bg.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}
	.kv-box .kv-txt h1.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}


	/* section
	--------------------------------------------------------------- */

	section{
		overflow: hidden;
	}
	.sec-inner-wrap{
		padding: 70px 0;
	}

	.sec-header h2{
		letter-spacing: 1px;
		font-size: 5rem;
		font-weight: bold;
	}
	.sec-inner{
		position: relative;
		margin: auto;
		max-width: 1000px;
		padding: 0 20px;
		z-index: 20;
	}
	.sec-inner .lead{
		margin-top:  50px;
		font-size: 2.2rem;
		line-height: 1.8;
	}

	.sec-inner1 .sec-header h2{
		text-align: center;
	}
	.sec-inner1 .lead{
		text-align: center;
	}


	.sec-inner2{
		display: flex;
		flex-direction: row-reverse;
	}
	.sec-inner2 .sec-inner-box{
		width: 50%;
	}
	.sec-inner2 .sec-inner-box:nth-child(1){
		padding: 0 0 0 20px;
	}
	.sec-inner2 .sec-inner-box:nth-child(2){
		padding: 0 30px 0 0;
	}
	
	.sec-inner3{
		display: flex;
	}
	.sec-inner3 .sec-inner-box{
		width: 50%;
	}
	.sec-inner3 .sec-inner-box:nth-child(1){
		padding: 0 30px 0 0;
	}
	.sec-inner3 .sec-inner-box:nth-child(2){
		padding: 0 0 0 20px;
	}


	#useapp,#check,#design{
		color: #000;
	}
	#movie,#start,#pay{
		color: #fff;
	}

	.lead  + .note{
		margin-top: 20px;
	}
	.note p{
		font-size: 1.2rem;
	}




	/* app-nav
	--------------------------------------------------------------- */
	.app-nav{	
		margin: auto;
		height: 80px;
		background: #fff100;
		text-align: center;
		z-index: 500;
	}

	.fix-app-nav{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 500;
		transform: translateY(120%);
		transition: transform ease 300ms;
	}
	.fix-app-nav.on{
		transform: translateY(0);
	}
	.app-nav a{
		position: relative;
		display: inline-block;
		padding: 0 100px;
		height: 80px;
		line-height: 80px;
		letter-spacing: 2px;
		font-size: 2.8rem;
		font-weight: bold;
		color: #074296;
	}
	.app-nav a:before{
		position: absolute;
		content: "";
		bottom: 8px;
		left: -20px;
		display: block;
		width: 80px;
		height: 85.5px;
		background: url(../img/_r4vp_icon_appli.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.app-nav a span{
		position: absolute;
		content: "";
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 46px;
		height: 46px;
		border-radius: 23px;
		background: #074296;
	}
	.app-nav a span:after{
		position: absolute;
		content: "";
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
		width: 12px;
		height: 20px;
		background: url(../img/arrow_appnav.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		-webkit-transition: transform 300ms ease;
		-o-transition: transform 300ms ease;
		transition: transform 300ms ease;
	}

	.app-nav a:hover span:after{
		transform: translateX(5px);
	}

	/* useapp
	--------------------------------------------------------------- */

	#useapp{
	}
	#useapp .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		height: 684px;
		transform-origin: top left;
		background: url(../img/img_useapp.jpg) 50% 50% no-repeat;
		background-size: cover;	
	}
	#useapp .app-list{
		position: relative;
		padding-top: 80px;
	}


	.swiper-container{
		overflow: inherit;
	}

	#useapp .app-list ul{
		width: auto;
		display: flex;
		margin: 0 -20px;
	}
	#useapp .app-list ul + ul{
		margin-top: 2em;
	}
	#useapp .app-list ul.see-pc{
		justify-content: center;
	}
	#useapp .app-list li{
		padding: 0 20px;
		width: calc(100% / 6);
	}
	#useapp .app-list li.see-sp{
		display:none;
	}
	#useapp .app-list li figure{
		border-radius: 30px;
		overflow: hidden;
	}
	#useapp .app-list li figure.bd{
		border: 1px solid #ccccca;
	}
	#useapp .app-list li img{
		width: 100%;
		height: auto;
	}

	/*useapp motion*/
	#useapp .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#useapp .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#useapp .app-list li{
		opacity: 0;
	}
	#useapp .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#useapp .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#useapp .app-list li.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}




	/* movie
	--------------------------------------------------------------- */


	#movie .sec-inner-wrap{
		margin:auto;
		height: 954px;
		min-width: 1000px;
		transform-origin: top left;
	}
	#movie .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 954px;
		width: 100%;
		min-width: 1000px;
		background: #2d47d7;
		z-index: 10;
	}
	#movie .fig-box{
		padding-top: 40px;
	}
	#movie figure{
		margin: auto;
		width: 929px;
		background: #fff;
	}
	#movie .play{
		position: relative;
		display: block;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
	}
	#movie .play span{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100px;
		height: 70px;
		border-radius: 20px;
		background: rgba(0,0,0,0.8);
	}
	#movie .play span:after{
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
		left: 50%;
		top: 50%;
		margin: -13px 0 0 -13px;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 13px 0 13px 26px;

	}
	#movie .play:hover{
		opacity: 0.9;
	}

	/*movie motion*/
	#movie .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#movie .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#movie .fig-box{
		opacity: 0;
	}
	#movie .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#movie .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#movie .fig-box.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}




	/* check
	--------------------------------------------------------------- */

	#check{
	}
	#check .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		transform-origin: top left;
		height: 592px;
		background: #ffc900;
	}
	#check .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 592px;
		width: 100%;
		min-width: 1000px;
		background: url(../img/_r4vp_img_check.jpg) 50% 50% no-repeat;
		z-index: 10;
	}
	#check .sec-inner{
		position: relative;
		z-index: 20;
	}
	#check .get-list{
		position: relative;
		float: right;
		width: 200px;
		height: 430px;
	}
	#check .get-list ul{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#check .get-list ul li + li{
		margin-top: 20px;
	}


	/*check motion*/
	#check .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .bg-img{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .get-list li{
		opacity: 0;
		transform: translateY(50px);
	}

	#check .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#check .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#check .bg-img.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}
	#check .get-list li.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}




	/* start
	--------------------------------------------------------------- */

	#start{
	}
	#start .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		transform-origin: top left;
		height: 678px;
		background: #0038bb;
	}
	#start .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 678px;
		width: 100%;
		min-width: 1000px;
		background: url(../img/_r4vp_img_start.jpg) 50% 50% no-repeat;
		z-index: 10;
	}

	#start .bal-box{
		position: relative;
		width: 100%;
		height: 516px;
	}
	#start .bal-box span{
		position: absolute;
	}
	#start .bal-box span:nth-child(1){
		top: 0;
		left: -50px;
	}
	#start .bal-box span:nth-child(2){
		bottom: -20px;
		right: 0;
	}
	#start .bal-box span:after{
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 13px 0 13px 26px;
	}
	#start .bal-box span:nth-child(1):after{
		bottom: -8px;
		right: 20px;
		transform: rotate(60deg);
	}
	#start .bal-box span:nth-child(2):after{
		top: -6px;
		left: 15px;
		transform: rotate(-120deg);
	}

	/*check motion*/
	#start .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#start .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#start .bg-img{
		opacity: 0;
		transform: translateX(50px);
	}
	#start .bal-box span:nth-child(1){
		transform-origin: bottom right;
		transform: scale(0);
		transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	#start .bal-box span:nth-child(2){
		transform-origin: top left;
		transform: scale(0);
		transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	#start .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#start .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#start .bg-img.on{
		opacity: 1;
		transform: translateX(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}
	#start .bal-box span.on:nth-child(1){
		transform: scale(1);
	}
	#start .bal-box span.on:nth-child(2){
		transform: scale(1);
	}


	/* store
	--------------------------------------------------------------- */

	#store{
	}
	#store .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		transform-origin: top left;
		background: url(../img/img_store.jpg) 50% 50% no-repeat;
		background-size: cover;	
	}

	#store .store-list{
		padding-top: 80px;
	}
	#store .store-list ul{
		width: auto;
		display: flex;
		flex-wrap: wrap;
	}
	@media all and (min-width:769px) {
		#store .store-list ul {
			justify-content: center;
		}
	}
	#store .store-list li{
		width: calc(100% / 4);
	}
	#store .store-list li:nth-child(n+5){
		margin-top: 40px;
	}
	#store .store-list li figure{
		text-align: center;
	}
	#store .store-list li figure img{
		width: auto;
		height: 89px;
	}


	/*store motion*/

	#store .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}

	#store .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#store .store-list li{
		opacity: 0;
	}

	#store .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}	
	#store .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#store .store-list li.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}




	/* design
	--------------------------------------------------------------- */

	#design{
	}
	#design .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		transform-origin: top left;
		height: 706px;
		background: #fdd249;
	}
	#design .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 706px;
		width: 100%;
		min-width: 1000px;
		background: url(../img/img_design.jpg) 50% 50% no-repeat;
		z-index: 10;
	}

	#design .app-list{
		padding-top: 80px;
	}
	#design .sec-inner-box:nth-child(1) .lead{
		width: 120%;
	}

	/*design motion*/
	#design .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .note{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .bg-img{
		opacity: 0;
		transform: translateY(50px);
	}

	#design .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .note.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .bg-img.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}


	/* pay
	--------------------------------------------------------------- */

	#pay{
	}
	#pay .sec-inner-wrap{
		margin:auto;
		min-width: 1000px;
		transform-origin: top left;
		height: 736px;
		background: #0f47d6;
	}

	#pay .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 736px;
		width: 100%;
		min-width: 1000px;
		background: url(../img/img_pay.jpg) 50% 50% no-repeat;
		z-index: 10;
	}

	#pay .mark{
		position: relative;
		margin: 30px 0 0;
	}
	#pay .mark figure{
		width: 131px;
		height: 131px;
	}
	#pay .mark figcaption{
		position: absolute;
		top: 50%;
		left: 160px;
		padding: 0 0 0 25px;
		font-size: 2rem;
		font-weight: bold;
		transform: translateY(-50%);
	}
	#pay .mark figcaption:before{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 10px;
		height: 15px;
		background: url(../img/arrow_btn.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		transform: rotate(-180deg);
	}

	/*pay motion*/
	#pay .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .note{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .mark{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .bg-img{
		opacity: 0;
		transform: translateX(-50px);
	}

	#pay .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .note.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .mark.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .bg-img.on{
		opacity: 1;
		transform: translateX(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}



	/* faq
	--------------------------------------------------------------- */

	#faq{
		background: #fff;
	}
	#faq .sec-inner-wrap{

	}

	#faq .attention{
		padding: 50px 60px;
		background: #f1f1f1;
		border: 8px solid #e4e4e4
	}
	#faq .attention h3{
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
	}
	#faq .attention .attention-txt{
		margin-top: 40px;
	}
	#faq .attention p{
		font-size: 1.8rem;
		line-height: 2;
	}
	#faq .attention p + p{
		margin-top: 20px;
	}
	#faq .attention + .sec-header{
		margin-top: 60px;
	}


	.faq-box{
		margin: 60px 0 0;
	}

	.faq-box dl dt{
		position: relative;
		padding: 40px 0;
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
		color: #074296;
		cursor: pointer;
	}
	.faq-box dl dt:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 10px;
		height: 15px;
		background: url(../img/arrow_btn_bl.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		transform: rotate(90deg);
		transition: transform 300ms ease;
	}

	.faq-box dl dt:hover:after{
		transform: rotate(90deg) translateX(5px);
	}
	.faq-box dl dt.on:after{
		transform: rotate(-90deg) !important;
	}
	.faq-box dl dd{
		display: none;
		padding: 0 0 40px;
		line-height: 2;
	}
	.faq-box dl dd span{
		display: block;
		font-size: 1.2rem;
	}
	.faq-box dl{
		padding: 0 30px;
		border-top: 1px solid #b9b9b9;
	}
	.faq-box dl:last-child{
		border-bottom: 1px solid #b9b9b9;
	}

	#faq .btm-info{
		margin: 80px 0 0;
	}
	#faq .btm-info a{
		position: relative;
		padding: 0 0 0 40px;
		font-size: 14px;
		color: #000;
		text-decoration: underline;
	}
	#faq .btm-info a:hover{
		text-decoration: none;
	}
	#faq .btm-info a:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 17px;
		height: 19px;
		background: url(../img/icon_terms.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	#faq .btm-info ul{
		font-size: 14px;
	}
	#faq .btm-info ul + p{
		margin: 40px 0 0;
	}



	#faq .attention,
	#faq .sec-header,
	#faq .faq-box dl{
		opacity: 0;
		transform: translateY(50px);
	}

	#faq .attention.on,
	#faq .sec-header.on,
	#faq .faq-box dl.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}


	/* btn
	--------------------------------------------------------------- */

	.sp-link-btn{
		display: none;
	}

	.btn-list{
		padding: 70px 0 0;
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);

		-webkit-transition: transform 300ms ease, opacity 300ms ease;
		-o-transition: transform 300ms ease, opacity 300ms ease;
		transition: transform 300ms ease, opacity 300ms ease;
	}
	.btn-list.on{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.btn-list a{
		position: relative;
		display: block;
		max-width: 405px;
		width: 100%;
		height: 50px;
		background: #074296;
		border-radius: 25px;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
	}

	.btn-list a:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		right: 20px;
		display: block;
		width: 10px;
		height: 15px;
		background: url(../img/arrow_btn.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-list a:hover{
		text-decoration: none;
		opacity: 0.7;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
	}


	.sec-inner1 .btn-list a{
		margin:auto;
	}


	.faq-box .btn-list{
		opacity: 1;
		padding: 30px 0 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#start .btn-list a,
	#pay .btn-list a,
	.faq-box .btn-list a{
		color: #074296;
		background: #fff;
	}
	.faq-box .btn-list a{
		border: 2px solid #074296;
	}
	#start .btn-list a:after,
	#pay .btn-list a:after,
	.faq-box .btn-list a:after{
		background: url(../img/arrow_btn_bl.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link{
		margin-top: 30px;
		text-align: center;		
	}
	.btn-link a{
		display: inline-block;
		color: #203d95;
		font-weight: bold;
		text-decoration: underline;
	}
	.btn-link a:hover{
		text-decoration: none;
	}


	/* popup
	--------------------------------------------------------------- */


	.popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		z-index: 5000;
		padding: 0 20px;
		display: none;
		box-sizing: border-box;
	}
	.popup-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-box{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		max-width: 980px;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.popup .movie{
		position: relative;
		padding-top: 56.25%;
	}
	.popup .movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




	.btn-close-popup{
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 5500;
	}
	.btn-close-popup a{
		position: relative;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		background: #000;
	}
	.btn-close-popup a i{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: inline-block;
		width: 4px;
		height: 28px;
		background: #fff;
	}
	.btn-close-popup a i:nth-child(1){
		transform: rotate(-45deg);
	}
	.btn-close-popup a i:nth-child(2){
		transform: rotate(45deg);
	}



	/* btn-pt
	--------------------------------------------------------------- */

	.btn-pt{
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 900;
		opacity: 0;
		-webkit-transition: opacity ease 200ms;
		-o-transition: opacity ease 200ms;
		transition: opacity ease 200ms;
	}
	.btn-pt.on{
		opacity: 1;
	}
	.btn-pt.on{
		opacity: 1;
	}

	.btn-pt a{
		position: relative;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		text-indent: -9999px;
		background: #000;
	}
	.btn-pt a:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -30px 0 0 -30px;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		text-indent: -9999px;
		background: url(../img/arrow_pt.png) 50% 50% no-repeat;
		background-size: 22px 14px;

		-webkit-transition: transform ease 200ms;
		-o-transition: transform ease 200ms;
		transition: transform ease 200ms;

	}
	.btn-pt a:hover:after{
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px);
		transform: translateY(-5px);
	}



}




@media screen and (max-width: 768px) {


	.pc{
		display: none;
	}
	.ignore-sp{
		display: none;
	}

	.ignore-sp-skip{
	    display: none;
		opacity: 0 !important;
	}

	#wrap{
		position: relative;
		margin: auto;
		max-width: 1480px;
		overflow: hidden;
	}

	body{
		font-size: 1.2rem;
	}
	#gfooter a{
		font-size: 1.2rem;
	}

	#gfooter{
		padding-bottom: 55px;
	}
	/* kv
	--------------------------------------------------------------- */

	.kv-wrap{
		position: relative;
	}
	#kv{
	}
	.kv-box{
		position: relative;
		margin: auto;
		width: 750px;
		height: 1040px;
		overflow: hidden;
		transform-origin: top left;
	}

	.kv-box .kv-inner{
		position: relative;
		margin: auto;
		max-width: 1000px;
		height: 100%;

	}
	.kv-box .kv-inner .kv-txt{
		position: absolute;
		top: 0;
		left: 0;
	}

	.kv-box .kv-bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../img/_r4vp_kv_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
	}


	/*kv motion*/
	.kv-box .kv-bg{
		opacity: 0;
	}
	.kv-box .kv-txt h1{
		opacity: 0;
		transform: translateY(50px);
	}


	.kv-box .kv-bg.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}
	.kv-box .kv-txt h1.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}



	/* section
	--------------------------------------------------------------- */

	section{
		position: relative;
		overflow: hidden;
	}
	.sec-inner-wrap{
		padding: 70px 0;
	}

	.sec-header h2{
		letter-spacing: 1px;
		font-size: 2.4rem;
		font-weight: bold;
	}
	.sec-inner{
		margin: auto;
		padding: 0 45px;
	}
	.sec-inner .lead{
		margin-top: 50px;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.sec-inner .lead br{
		display: none;
	}


	.sec-inner1 .sec-header h2{
		text-align: center;
	}

	.sec-inner2 .sec-header h2{
		text-align: center;
	}
	.sec-inner2 .sec-inner-box{
		position: relative;
		width: 100%;
	}
	.sec-inner3 .sec-header h2{
		text-align: center;
	}

	#useapp,#check,#design{
		color: #000;
	}
	#movie,#start,#pay{
		color: #fff;
	}

	.lead  + .note{
		margin-top: 20px;
	}
	.note p{
		font-size: 1.2rem;
	}


	.scale-sec .sec-header h2{
		letter-spacing: 2px;
		font-size: 4.8rem;
		font-weight: bold;
	}
	.scale-sec .sec-inner .lead{
		font-size: 2.4rem;
		line-height: 1.8;
	}
	.scale-sec .sec-inner{
		margin: auto;
		padding: 0 70px;
	}
	.scale-sec .note p{
		font-size: 2rem;
	}



	/* app-nav
	--------------------------------------------------------------- */
	.app-nav{	
		margin: auto;
		height: 55px;
		background: #fff100;
		text-align: center;
		z-index: 500;
	}

	.fix-app-nav{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 500;
		transform: translateY(120%);
		transition: transform ease 300ms;
	}
	.fix-app-nav.on{
		transform: translateY(0);
	}
	.app-nav a{
		position: relative;
		display: block;
		height: 55px;
		line-height: 55px;
		letter-spacing: 2px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #074296;
	}
	.app-nav a:before{
		position: absolute;
		content: "";
		bottom: 6px;
		left: 15px;
		display: block;
		width: 54px;
		height: 58px;
		background: url(../img/_r4vp_icon_appli.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.app-nav a span{
		position: absolute;
		content: "";
		margin: auto;
		top: 0;
		bottom: 0;
		right: 15px;
		display: block;
		width: 25px;
		height: 25px;
		border-radius: 23px;
		background: #074296;
	}
	.app-nav a span:after{
		position: absolute;
		content: "";
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
		width: 7px;
		height: 12px;
		background: url(../img/arrow_appnav.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	/* useapp
	--------------------------------------------------------------- */

	#useapp{
	}
	#useapp .sec-inner-wrap{
		background: url(../img/img_useapp.jpg) 50% 50% no-repeat;
		background-size: cover;	
	}
	#useapp .sec-inner-wrap{
		position: relative;
		height: 850px;
		width: 750px;
		transform-origin: top left;
	}

	#useapp .app-list{
		position: relative;
		padding-top: 80px;
	}
	#useapp .app-list:after{
		position: absolute;
		content: "";
		top: 0;
		left: -70px;
		display: block;
		width: calc(100% + 140px);
		height: 100%;
		z-index: 20;
	}

	.swiper-container,
	.slick-list{
		overflow: inherit;
	}
	.app-list-inner{
		margin: 0 -40px;
	}
	#useapp .app-list ul{
		width: auto;
	}
	#useapp .app-list ul:nth-of-type(2){
		display:none;
	}
	#useapp .app-list li{
		width: calc(100% / 3.5);
		padding: 0 15px;
	}
	#useapp .app-list li figure{
		border-radius: 30px;
		overflow: hidden;
	}
	#useapp .app-list li figure.bd{
		border: 1px solid #ccccca;
	}
	#useapp .app-list li img{
		width: 100%;
		height: auto;
	}


	/*useapp motion*/
	#useapp .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#useapp .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#useapp .app-list li{
		opacity: 0;
	}
	#useapp .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#useapp .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#useapp .app-list li.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}


	/* movie
	--------------------------------------------------------------- */

	#movie .sec-inner-wrap{
		position: relative;
		height: 900px;
		width: 750px;
		transform-origin: top left;
	}
	#movie .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 900px;
		width: 750px;
		background: #2d47d7;
		z-index: 10;
	}
	#movie .sec-inner{
		position: relative;
		z-index: 20;
	}
	#movie .fig-box{
		padding-top: 40px;
	}
	#movie figure{
		background: #fff;
	}
	#movie .play{
		position: relative;
		display: block;
	}
	#movie .play span{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100px;
		height: 70px;
		border-radius: 20px;
		background: rgba(0,0,0,0.8);
	}
	#movie .play span:after{
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
		left: 50%;
		top: 50%;
		margin: -13px 0 0 -13px;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 13px 0 13px 26px;

	}

	/*movie motion*/
	#movie .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#movie .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#movie .fig-box{
		opacity: 0;
	}
	#movie .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#movie .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#movie .fig-box.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}




	/* check
	--------------------------------------------------------------- */

	#check{
	}
	#check .sec-inner-wrap{
		position: relative;
		height: 876px;
		width: 750px;
		transform-origin: top left;
		background: #ffc900;
	}
	#check .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 876px;
		width: 750px;
		background: url(../img/_r4vp_img_check_sp.jpg) 50% 50% no-repeat;
		z-index: 10;
	}
	#check .sec-inner{
		position: relative;
		z-index: 20;
	}

	#check .get-list{
		position: absolute;
		left: 50%;
		top: 50px;
		margin-left: 35px;
		width: 210px;
		height: 334px;
	}
	#check .get-list ul{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#check .get-list ul li + li{
		margin-top: 10px;
	}

	/*check motion*/
	#check .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .bg-img{
		opacity: 0;
		transform: translateY(50px);
	}
	#check .get-list li{
		opacity: 0;
		transform: translateY(50px);
	}

	#check .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#check .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#check .bg-img.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}
	#check .get-list li.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}



	/* start
	--------------------------------------------------------------- */

	#start{
	}
	#start .sec-inner-wrap{
		position: relative;
		height: 980px;
		width: 750px;
		transform-origin: top left;
		background: #0f47d6;
	}
	#start .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 980px;
		width: 750px;
		background: url(../img/_r4vp_img_start_sp.jpg) 50% 50% no-repeat;
		z-index: 10;
	}
	#start .sec-inner{
		position: relative;
		z-index: 20;
	}

	#start .bal-box{
		position: relative;
		width: 100%;
		height: 450px;
	}
	#start .bal-box span{
		position: absolute;
	}
	#start .bal-box span:nth-child(1){
		top: 80px;
		left: 0;
	}
	#start .bal-box span:nth-child(2){
		bottom: 35px;
		right: 0;
	}
	#start .bal-box span:after{
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 13px 0 13px 26px;
	}
	#start .bal-box span:nth-child(1):after{
		bottom: 15px;
		right:-8px;
		transform: rotate(30deg);
	}
	#start .bal-box span:nth-child(2):after{
		top: 15px;
		left: 0;
		transform: rotate(-30deg);
	}

	/*check motion*/
	#start .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#start .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#start .bg-img{
		opacity: 0;
		transform: translateX(50px);
	}
	#start .bal-box span:nth-child(1){
		transform-origin: bottom right;
		transform: scale(0);
		transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	#start .bal-box span:nth-child(2){
		transform-origin: top left;
		transform: scale(0);
		transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	#start .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#start .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#start .bg-img.on{
		opacity: 1;
		transform: translateX(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}
	#start .bal-box span.on:nth-child(1){
		transform: scale(1);
	}
	#start .bal-box span.on:nth-child(2){
		transform: scale(1);
	}


	/* store
	--------------------------------------------------------------- */

	#store{
	}
	#store .sec-inner-wrap{
		background: url(../img/img_store.jpg) 50% 50% no-repeat;
		background-size: cover;	
	}
	#store .sec-inner-wrap{
		position: relative;
		height: 830px;
		width: 750px;
		transform-origin: top left;
	}
	#store .store-list{
		position: relative;
		padding-top: 80px;
	}
	#store .store-list:after{
		position: absolute;
		content: "";
		top: 0;
		left: -70px;
		display: block;
		width: calc(100% + 140px);
		height: 100%;
		z-index: 20;
	}
	.store-list-inner{
		margin: 0 -40px;
	}
	#store .store-list li{
		width: auto;
		padding: 0 30px;
	}
	#store .store-list li figure{
		text-align: center;
	}
	#store .store-list li figure img{
		width: auto;
		height: 89px;
	}


	/*store motion*/

	#store .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}

	#store .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#store .store-list li{
		opacity: 0;
	}

	#store .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}	
	#store .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#store .store-list li.on{
		opacity: 1;
		transition: opacity 300ms ease;
	}


	/* design
	--------------------------------------------------------------- */

	#design{
	}
	#design .sec-inner-wrap{
		position: relative;
		height: 870px;
		width: 750px;
		transform-origin: top left;
		background: #fdd249;
	}
	#design .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 870px;
		width: 750px;
		background: url(../img/img_design_sp.jpg) 50% 50% no-repeat;
		z-index: 10;
	}
	#design .sec-inner{
		position: relative;
		z-index: 20;
	}


	/*design motion*/
	#design .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .note{
		opacity: 0;
		transform: translateY(50px);
	}
	#design .bg-img{
		opacity: 0;
		transform: translateY(50px);
	}

	#design .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .note.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#design .bg-img.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}



	/* pay
	--------------------------------------------------------------- */

	#pay{
	}
	#pay .sec-inner-wrap{
		position: relative;
		height: 1130px;
		width: 750px;
		transform-origin: top left;
		background: #0f47d6;
	}
	#pay .bg-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 1130px;
		width: 750px;
		background: url(../img/img_pay_sp.jpg) 50% 50% no-repeat;
		z-index: 10;
	}
	#pay .sec-inner{
		position: relative;
		z-index: 20;
	}

	#pay .mark{
		position: relative;
		margin: 30px 0 0;
	}
	#pay .mark figure{
		width: 131px;
		height: 131px;
	}
	#pay .mark figcaption{
		position: absolute;
		top: 50%;
		left: 160px;
		padding: 0 0 0 25px;
		font-size: 2rem;
		font-weight: bold;
		transform: translateY(-50%);
	}
	#pay .mark figcaption:before{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 10px;
		height: 15px;
		background: url(../img/arrow_btn.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		transform: rotate(-180deg);
	}

	/*pay motion*/
	#pay .sec-header{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .lead{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .note{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .mark{
		opacity: 0;
		transform: translateY(50px);
	}
	#pay .bg-img{
		opacity: 0;
		transform: translateX(-50px);
	}

	#pay .sec-header.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .lead.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .note.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .mark.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}
	#pay .bg-img.on{
		opacity: 1;
		transform: translateX(0);
		transition: transform 300ms ease,opacity 600ms ease;
	}


	/* faq
	--------------------------------------------------------------- */

	#faq{
		background: #fff;
	}
	#faq .sec-inner-wrap{

	}
	#faq .sec-inner {
		margin: auto;
		padding: 0 15px;
	}
	#faq .sec-inner-wrap {
		padding: 30px 0;
	}

	#faq .attention{
		padding: 20px 30px;
		background: #f1f1f1;
		border: 4px solid #e4e4e4
	}
	#faq .attention .attention-txt{
		margin-top: 20px;
	}
	#faq .attention h3{
		font-size: 1.8rem;
		font-weight: bold;
	}
	#faq .attention p{
		font-size: 1.2rem;
		line-height: 2;
	}
	#faq .attention p + p{
		margin-top: 10px;
	}
	#faq .attention + .sec-header{
		margin-top: 30px;
	}

	.faq-box{
		margin: 30px 0 0;
	}

	.faq-box dl dt{
		position: relative;
		padding: 20px 0;
		text-align: left;
		font-size: 1.2rem;
		font-weight: bold;
		color: #074296;
		cursor: pointer;
	}
	.faq-box dl dt:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 6px;
		height: 10px;
		background: url(../img/arrow_btn_bl.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		transform: rotate(90deg);
		transition: transform 300ms ease;
	}
	.faq-box dl dt.on:after{
		transform: rotate(-90deg);
	}

	.faq-box dl dd{
		display: none;
		padding: 0 0 30px;
		line-height: 2;
	}
	.faq-box dl dd span{
		display: block;
		font-size: 1rem;
	}
	.faq-box dl{
		padding: 0 30px;
		border-top: 1px solid #b9b9b9;
	}
	.faq-box dl:last-child{
		border-bottom: 1px solid #b9b9b9;
	}


	#faq .btm-info{
		margin: 45px 40px 0;
		text-align: center;
	}
	#faq .btm-info a{
		position: relative;
		padding: 0 0 0 25px;
		font-size: 10px;
		color: #000;
		text-decoration: underline;
	}
	#faq .btm-info a:hover{
		text-decoration: none;
	}
	#faq .btm-info a:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 12px;
		height: 13px;
		background: url(../img/icon_terms.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	#faq .btm-info ul{
		font-size: 10px;
	}
	#faq .btm-info ul p{
		margin: 20px 0 0;
	}


	#faq .attention,
	#faq .sec-header,
	#faq .faq-box dl{
		opacity: 0;
		transform: translateY(50px);
	}

	#faq .attention.on,
	#faq .sec-header.on,
	#faq .faq-box dl.on{
		opacity: 1;
		transform: translateY(0);
		transition: transform 300ms ease,opacity 300ms ease;
	}





	/* btn
	--------------------------------------------------------------- */
	
	.sp-link-btn{
		position: absolute;
		width: 100%;
		padding: 0 45px 10.5%;
		bottom: 0;
		z-index: 20;
	}
	#design .sp-link-btn{
		padding: 0 45px 2.6%;
	}
	.scale-sec article .btn-list{
		display: none;
	}

	.btn-list{
		padding: 35px 0 0;
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);

		-webkit-transition: transform 300ms ease, opacity 300ms ease;
		-o-transition: transform 300ms ease, opacity 300ms ease;
		transition: transform 300ms ease, opacity 300ms ease;
	}
	.btn-list.on{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.btn-list a{
		position: relative;
		display: block;
		margin:auto;
		max-width: 405px;
		width: 100%;
		height: 35px;
		background: #074296;
		border-radius: 25px;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
	}


	.btn-list a:after{
		position: absolute;
		content: "";
		margin:auto;
		top: 0;
		bottom: 0;
		right: 15px;
		display: block;
		width: 7px;
		height: 11px;
		background: url(../img/arrow_btn.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.sec-inner1 .btn-list a{
		margin:auto;
	}
	.faq-box .btn-list{
		opacity: 1;
		padding: 30px 0 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#start .btn-list a,
	#pay .btn-list a,
	.faq-box .btn-list a{
		color: #074296;
		background: #fff;
	}
	.faq-box .btn-list a{
		border: 2px solid #074296;
		line-height: 31px;
	}
	#start .btn-list a:after,
	#pay .btn-list a:after,
	.faq-box .btn-list a:after{
		background: url(../img/arrow_btn_bl.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link a{
		margin-top: 20px;
		display: inline-block;
		color: #203d95;
		font-weight: bold;
		text-decoration: underline;
	}



	/* btn-pt
	--------------------------------------------------------------- */

	.btn-pt{
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 900;
		opacity: 0;
		-webkit-transition: opacity ease 200ms,transform ease 200ms;
		-o-transition: opacity ease 200ms,transform ease 200ms;
		transition: opacity ease 200ms,transform ease 200ms;
	}


	.btn-pt.up{
		-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		transform: translateY(-60px);
	}
	.btn-pt.on{
		opacity: 1;
	}

	.btn-pt a{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-indent: -9999px;
		background: #000;
	}
	.btn-pt a:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -20px 0 0 -20px;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-indent: -9999px;
		background: url(../img/arrow_pt.png) 50% 50% no-repeat;
		background-size: 15px 9px;

		-webkit-transition: transform ease 200ms;
		-o-transition: transform ease 200ms;
		transition: transform ease 200ms;

	}




	/* popup
	--------------------------------------------------------------- */


	.popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		z-index: 5000;
		padding: 0 10px;
		display: none;
		box-sizing: border-box;
	}
	.popup-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-box{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		max-width: 980px;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	.popup .movie{
		position: relative;
		padding-top: 56.25%;
	}
	.popup .movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




	.btn-close-popup{
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 5500;
	}
	.btn-close-popup a{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 30px;
		background: #000;
	}
	.btn-close-popup a i{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: inline-block;
		width: 3px;
		height: 18px;
		background: #fff;
	}
	.btn-close-popup a i:nth-child(1){
		transform: rotate(-45deg);
	}
	.btn-close-popup a i:nth-child(2){
		transform: rotate(45deg);
	}




}


@media screen and (max-width: 374px) {

	.faq-box dl{
		padding: 0 15px;
	}
	#faq .attention {
	    padding: 15px 15px;
	}

}