body {
	font-family: "Barlow Condensed",sans-serif;
	line-height: 1.1em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}



/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

input {
	width: 100% !important;
}
#mfp_hidden {
	display: none !important;
}
.mfp_err {
	margin-top: 10px;
	color: #FFF;
}

header#qodef-page-mobile-header {
	position: absolute !important;
	top: 0;
	left: 0;
}
	header#qodef-page-mobile-header h1 {
		position: absolute;
		left: 5%;
		width: 30%;
	}
	header#qodef-page-mobile-header h1 img {
		vertical-align: top;
	}
#qodef-page-mobile-header {
	background: none;
}	
#qodef-page-mobile-header-inner {
	width: 100vw;
	position: relative;
	padding: 0 !important;
}
#qodef-mobile-header-opener {
	position: absolute;
	right: 5%;
}
.qodef-m-inner {
	background: none !important;
	border: none !important;
	padding: 10% !important;
}







@media screen and (min-width: 801px), print {

	
.sp {
	display: none;
}
	
header {
	position: absolute !important;
	top: 0;
}
	header h1 {
		width: 250px;
		margin: 0;
		margin-top: 25px;
	}
	header h1 img {
		vertical-align: top;
	}



#mainimage .box{
	overflow: hidden;
	position: relative;
}

#mainimage .fitMovie{
	position: absolute;
}

#mainimage .box__centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

#mainimage .box__contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

#mainimage .box__title{
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

#mainimage .box__text{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#mainimage .sec{
	margin-bottom: 120px;
}

#mainimage h2 {
	position: absolute;
	top: 30%;
	left: 5%;
	color: #FFF;
	font-size: 90px;
}



#intro {
	position: relative;
	background: #898a8b;
	height: 650px;
	overflow: hidden;
	margin-bottom: -10px;
}
	#intro h1 {
		position: absolute;
		top: 300px;
		right: 100px;
		z-index: 100;
		color: #FFF;
		font-size: 50px;
	}
	#intro p {
		text-align: center;
		margin: 0 !important;
	}
	#intro p img {
		width: 1400px;
		height: 650px;
		text-align: center;
	}

#dis-Area,
#find-Area,
#get-Area {
	position: relative;
	min-height: 750px;
	background: #000;
	margin-bottom: 180px;
}
.titleArea {
	width: 600px;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -300px;
	color: #FFF;
}
.titleArea h1 {
	background: #000;
	text-align: center;
	color: #FFF;
}
.titleArea p {
	font-family: "Barlow Condensed",sans-serif;
    font-weight: 200;
    font-size: 24px;
    line-height: 1.1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.spImg {
	width: 650px;
	position: absolute;
	bottom: -10%;
	left: 50%;
	margin-left: -325px;
	color: #FFF;
}
.spImg div {
	float: left;
}
.spImg div img {
	width: 300px;
	height: auto;
}
.spImg div:nth-child(2) {
	float: right;
}



#functionArea {
	margin-top: 200px;
}
#functionArea .qodef-content-grid {
	margin-bottom: 200px;
}
#functionArea .qodef-content-grid h1 {
	margin-top: -50px;
}



#newsletterArea {
	background: #000;
	padding: 50px 0 100px 0;
}



#newsArea {
	padding: 100px 50px;
}
#newsArea h1 {
	margin-bottom: 60px;
}
	#newsArea li {
		width: 19%;
		margin-right: 1%;
		float: left;
		text-align: center;
	}
	#newsArea li img {
	}



.dwArea {
	position: relative;
	background: #898a8b;
	height: 650px;
	overflow: hidden;
	margin-bottom: -10px;
}
	.dwArea dl {
		font-family: "Barlow Condensed",sans-serif;
		font-weight: 500 !important;
		font-size: 60px;
		line-height: 1.1em;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		
		
		position: absolute;
		top: 80px;
		left: 80px;
		z-index: 100;
		color: #FFF;
	}
		.dwArea dl dt {
			font-weight: 500 !important;
		}
		.dwArea dl dd {
			margin: 0;
		}
	.dwArea p {
		text-align: center;
		margin: 0 !important;
	}
	.dwArea p img {
		width: 1400px;
		height: 650px;
		text-align: center;
	}

	.dwArea a {
		position: absolute;
		bottom: 80px;
		right: 80px;
		z-index: 100;
	}


footer {
	background: #282828;
	color: #fff;
	padding-bottom: 30px;
	
}
footer .logo {
	float: left;
	margin: 0;
	margin-left: 50px;
	margin-bottom: 10px;
}
footer .logo img {
	width: 250px;
	height: auto;
	vertical-align: top;
}
footer .mail {
	float: right;
	font-size: 26px;
	text-align: right;
	margin-right: 50px;
	margin-top: 20px;
}
footer .mail a {
	color: #FFF;
}
#snsArea {
	background: url("../img/bg_footer.png") repeat center top;
	padding: 100px 0;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
	#snsArea h4 {
		font-weight: 500;
		font-size: 60px;
		margin-bottom: 60px;
	}
	#snsArea dl dd {
		font-weight: 500;
		font-size: 40px;
		margin: 0;
	}
	#snsArea dl dt li {
		display: inline;
		padding: 0 10px;
	}
	#snsArea dl dt li img {
		width: 32px;
		height: auto;
	}

	
	
	
	#thanksArea {
		background: #282828;
		color: #fff;
		padding: 300px;
	}
	#thanksArea h1 {
		color: #fff;
	}
	
	
	
	
	
	
	
.appArea {
	background: #000;
}
	.appArea dl {
		width: 1200px;
		margin: 0 auto;
		font-family: "Barlow Condensed",sans-serif;
		font-weight: 500 !important;
		font-size: 60px;
		padding: 100px 0;
		-ms-word-wrap: break-word;
		word-wrap: break-word;

		color: #FFF;
	}
		.appArea dl dt {
			font-size: 60px;
			font-weight: 500 !important;
			line-height: 1.1em;
			margin-bottom: 50px;

		}
		.appArea dl dd {
			font-size: 24px;
			font-weight: 100 !important;
			line-height: 1.5em;
			margin: 0;
		}
	.movieArea {
		width: 760px;
		margin: 0 auto;
		padding: 100px 0 20px 0;
		
	}
		.movieArea li {
			width: 320px;
			float: left;
		}
		.movieArea li:last-child {
			float: right;
		}
	.btnArea {
		text-align: center;
		margin-bottom: 100px;
	}	
	
#movie_apple video,
#movie_android video {
  width: 400px;
  height: auto;
  display: block;
}






  .instagram-gallery {
    max-width: 640px;
    margin: auto;
  }
  .instagram-gallery__list {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .instagram-gallery__item {
    min-width: 33.333%;
    width: 33.333%;
    padding: 0px;
  }



}




/* SP */
@media only screen and (max-width: 800px) {
	
	
.pc {
	display: none;
}

	
	
	
	
#mainimage .box{
	overflow: hidden;
	position: relative;
}

#mainimage .fitMovie{
	position: absolute;
}

#mainimage .box__centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

#mainimage .box__contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

#mainimage .box__title{
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

#mainimage .box__text{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#mainimage .sec{
	margin-bottom: 120px;
}
 
#mainimage h2 {
	position: absolute;
	bottom: 25%;
	left: 5%;
	color: #FFF;
	font-size: 35px;
}

	
	
	
	
	
	
	
	
#intro {
	padding: 5%;
	position: relative;
	background: #898a8b;
	margin-bottom: 5%;
}
	#intro h1 {
		color: #FFF;
		font-size: 30px;
	}
	#intro p {
		text-align: center;
		margin: 0 !important;
	}
	#intro p img {
		text-align: center;
	}

	
	
	
	
	
	
	
#dis-Area,
#find-Area,
#get-Area {
	padding: 5% 5% 10% 5%;
	position: relative;
	background: #000;
	margin-bottom: 5%;
}
.titleArea {
	color: #FFF;
	margin-bottom: 10%;
}
.titleArea h1 {
	color: #FFF;
	font-size: 30px;
}
.titleArea p {
	font-family: "Barlow Condensed",sans-serif;
    font-weight: 200;
    font-size: 24px;
    line-height: 1.1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.spImg {
	padding: 0 10%;
	margin-top: -20%;
}
.spImg div {
	width: 45%;
	float: left;
}
.spImg div:nth-child(2) {
	float: right;
}



#functionArea {
	padding: 15% 10% 0% 0%;
}
#functionArea .qodef-content-grid {
}
#functionArea .qodef-content-grid h1 {
	font-size: 30px;
	margin-left: -10%;
}
#functionArea .qodef-content-grid h4 br {
	display: none;
}
#functionArea .qodef-content-grid .qodef-m-background-text-text {
	font-size: 110px;
}
#functionArea .wpb_column {
	margin-bottom: 20%;
	padding-left: 15%; 
}


#newsletterArea {
	background: #000;
	padding: 0% 0% 10% 0%;
}
#newsletterArea  h2 {
	font-size: 30px;
}



#newsArea {
	padding: 5% 5% 10% 5%;
}
#newsArea h1 {
	font-size: 30px;
	margin-bottom: 10%;
}
	#newsArea li {
		width: 20%;
		float: left;
		text-align: center;
	}
	#newsArea li img {
	}


.dwArea {
	padding: 10% 5%;
	position: relative;
	background: #898a8b;
}
	.dwArea dl {
		color: #FFF;
		font-size: 30px;
		line-height: 1.1em;
	}
	.dwArea dl dt {
		margin-bottom: 5%;
	}
	.dwArea dl dd {
		margin: 0;
		font-size: 24px;
	}
	.dwArea p {
		text-align: center;
		margin: 0 !important;
	}
	.dwArea p img {
		text-align: center;
	}

footer {
	background: #282828;
	color: #fff;
	padding-bottom: 30px;
	
}
footer .logo {
	width: 50%;
	margin: 0 auto;
	margin-bottom: 5%;
}
footer .mail {
	text-align: center;
	font-size: 20px;
}
footer .mail a {
	color: #FFF;
}
#snsArea {
	background: url("../img/bg_footer.png") repeat center top;
	padding: 10% 5% 15% 5%;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
	#snsArea h4 {
		font-weight: 500;
		font-size: 30px;
	}
	#snsArea dl dd {
		font-weight: 500;
		font-size: 24px;
		margin: 0;
	}

	#snsArea dl dt li {
		display: inline;
		padding: 0 10px;
	}
	#snsArea dl dt li img {
		width: 24px;
		height: auto;
	}

	
	#thanksArea {
		background: #282828;
		color: #fff;
		padding: 20% 10%;;
	}
	#thanksArea h1 {
		color: #fff;
		font-size: 30px;
	}





.appArea {
	background: #000;
	padding: 10%;
}
	.appArea dl {
		margin: 0 auto;
		font-family: "Barlow Condensed",sans-serif;
		font-weight: 500 !important;
		-ms-word-wrap: break-word;
		word-wrap: break-word;

		color: #FFF;
	}
		.appArea dl dt {
			font-size: 40px;
			font-weight: 500 !important;
			line-height: 1.1em;
			margin-bottom: 5%;

		}
		.appArea dl dd {
			font-size: 18px;
			font-weight: 100 !important;
			line-height: 1.5em;
			margin: 0;
		}
	.movieArea {
		padding: 20% 20% 10% 20%;
		
	}
		.movieArea li {
		}
		.movieArea li:last-child {
			margin-top: 20%;
		}
	.btnArea {
		text-align: center;
		margin-bottom: 10%;
	}	


	
#movie_apple video,
#movie_android video {
  width: 90vw;
  height: auto;
  display: block;
}


}