@charset "UTF-8";

/* ========================================
	common
======================================== */
.p-world-bg{
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(../images/world/bg.jpg) no-repeat center top;
	background-size: cover;
	z-index: -1;
}
/* common area */
.p-area-yt {
	position: absolute;
	top: 13%;
	left: 0;
	right: 0;
	width: 93.60000000000001%; /* 702 / 750 * 100 */
	margin: 0 auto;
}
.p-area_h {
	position: absolute;
	top: -14%;
	left: 0;
	right: 0;
	width: 95.15669515669516%; /* 668 / 702 * 100 */
	margin: 0 auto;
	z-index: 10;
}
.p-area_lead {
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 auto;
	font-size: 4vw; /* 30 / 750 * 100 */
	line-height: 1.7;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
	z-index: 10;
}
.p-area-yt_bg img {
	display: block;
	position:relative;
	pointer-events: none;
}
/* mov */
.mov{
	position: absolute;
	width: 83%;
	top: 41%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.player_wrap{
	display: block;
	position: relative;
	height: 0;
	margin-top: 2%;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.yt_player{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

/* ========================================
	mv
======================================== */
.p-world-mv {
	position: relative;
	width: 100%;
	padding-bottom: 0%
}
.p-world-mv_tl {
	position: relative;
	width: 51.46666666666667%; /* 386 / 750 * 100 */
}
.p-world-mv_h {
	width: 86.93333333333332%; /* 652 / 750 * 100 */
	margin: 1% auto 3%;
}
.p-world-mv_lead01 {
	margin-bottom: 3%;
	font-size: 4vw; /* 30 / 750 * 100 */
	line-height: 1.6;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
}
.p-world-mv_link {
	position: relative;
	width: 100%;
	margin-top: -10%;
	z-index: 1;
}
.p-world-mv_lead02 {
	position: absolute;
	top: 35%;
	left: 31%;
	width: 40.93333333333333%; /* 307 / 750 * 100 */
	pointer-events: none;
}
.p-world-mv_star01 {
	position: absolute;
	top: 5%;
	right: 5.733333333333333%; /* 43 / 750 * 100 */
	width: 19.733333333333334%; /* 148 / 750 * 100 */
}

/* ========================================
	area01
======================================== */
.p-area01 {
	position: relative;
	width: 100%;
	margin-top: -16%;
	margin-bottom: 3%;
}
.p-area01_chara01 {
	position: absolute;
	top: 71%;
	right: 0%;
	width: 38.93333333333333%; /* 292 / 750 * 100 */
}
.p-area01_star01 {
	position: absolute;
	top: 80%;
	left: 3.3333333333333335%; /* 25 / 750 * 100 */
	width: 30.266666666666666%; /* 227 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	area02
======================================== */
.p-area02 {
	position: relative;
	width: 100%;
	margin-bottom: 3%;
}
.p-area02_chara01 {
	position: absolute;
	top: 70.5%;
	left: 0%;
	width: 45.33333333333333%; /* 340 / 750 * 100 */
}
.p-area02_star01 {
	position: absolute;
	top: 83%;
	right: 4%; /* 30 / 750 * 100 */
	width: 31.733333333333334%; /* 238 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	area03
======================================== */
.p-area03 {
	position: relative;
	width: 100%;
	margin-bottom: 3%;
}
.p-area03_chara01 {
	position: absolute;
	top: 70.5%;
	right: 0%;
	width: 48.266666666666666%; /* 362 / 750 * 100 */
}
.p-area03_star01 {
	position: absolute;
	top: 80%;
	left: 3.3333333333333335%; /* 25 / 750 * 100 */
	width: 30.266666666666666%; /* 227 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	area04
======================================== */
.p-area04 {
	position: relative;
	width: 100%;
	margin-bottom: 3%;
}
.p-area04_chara01 {
	position: absolute;
	top: 70.5%;
	left: 0%;
	width: 46.666666666666664%; /* 350 / 750 * 100 */
}
.p-area04_star01 {
	position: absolute;
	top: 82%;
	right: 4%; /* 30 / 750 * 100 */
	width: 31.733333333333334%; /* 238 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	area05
======================================== */
.p-area05 {
	position: relative;
	width: 100%;
	margin-bottom: 3%;
}
.p-area05_chara01 {
	position: absolute;
	top: 70%;
	right: 0%;
	width: 42.8%; /* 321 / 750 * 100 */
}
.p-area05 .p-area_lead {
	font-size: 3.733333333333334vw; /* 28 / 750 * 100 */
}
.p-area05_star01 {
	position: absolute;
	top: 80%;
	left: 3.3333333333333335%; /* 25 / 750 * 100 */
	width: 30.266666666666666%; /* 227 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	area06
======================================== */
.p-area06 {
	position: relative;
	width: 100%;
	margin-bottom: 10%;
}
.p-area06_chara01 {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 45.06666666666666%; /* 338 / 750 * 100 */
}
.p-area06_lead01 {
	position: absolute;
	top: 73%;
	right: 6%; /* 45 / 750 * 100 */
	width: 44.4%; /* 333 / 750 * 100 */
	z-index: 10;
}
.p-area06_star01 {
	position: absolute;
	top: 73%;
	right: 1.4666666666666666%; /* 11 / 750 * 100 */
	width: 15.6%; /* 117 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	cont01
======================================== */
.p-cont01 {
	position: relative;
	width: 100%;
	margin-bottom: 12%;
}
.p-cont01_h {
	width: 98.26666666666667%; /* 737 / 750 * 100 */
	margin: 0 auto;
	padding-top: 58%;
}
.p-cont01_lead {
	position: absolute;
	top: 72%;
	left: 0;
	right: 0;
	width: 98.26666666666667%; /* 737 / 750 * 100 */
	margin: 0 auto;
	z-index: 1;
	font-size: 4vw; /* 30 / 750 * 100 */
	line-height: 1.7;
	color: #ffffff;
	letter-spacing: -0.05em;
	text-align: center;
}
.p-cont01_chara01 {
	position: absolute;
	top: 0%;
	left: 22.933333333333334%; /* 172 / 750 * 100 */
	width: 49.333333333333336%; /* 370 / 750 * 100 */
}
.p-cont01_star01 {
	position: absolute;
	top: 24%;
	left: 5.733333333333333%; /* 43 / 750 * 100 */
	width: 21.333333333333336%; /* 160 / 750 * 100 */
}
.p-cont01_star02 {
	position: absolute;
	top: 30%;
	right: 10%; /* 75 / 750 * 100 */
	width: 15.866666666666667%; /* 119 / 750 * 100 */
}

/* ========================================
	cont02
======================================== */
.p-cont02 {
	position: relative;
	width: 100%;
	margin-bottom: 27%;
}
.p-cont02_in {
	position: absolute;
	width: 98.26666666666667%; /* 737 / 750 * 100 */
	height: 100%;
	margin-left: 1.0666666666666667%; /* 8 / 750 * 100 */
}
.p-cont02_bg {
	position: absolute;
	top: 8.5%;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
}
.p-cont02_h {
	position: absolute;
	top: 5%;
	left: -1.0854816824966078%; /* -8 / 737 * 100 */
	width: 90.09497964721845%; /* 673 / 737 * 100 */
	z-index: 10;
}
.p-cont02_lead {
	position: absolute;
	top: 19%;
	left: 0;
	right: 0;
	width: 98.26666666666667%; /* 737 / 750 * 100 */
	margin: 0 auto;
	font-size: 4vw; /* 30 / 750 * 100 */
	line-height: 1.7;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
	z-index: 10;
}
.p-cont02_list {
	width: 85.21031207598372%; /* 628 / 737 * 100 */
	margin: 0 auto;
	padding-top: 58%;
}
.p-cont02_item01 {
	position: relative;
	width: 100%;
	z-index: 10;
}
.p-cont02_item01_lead {
	position: absolute;
	top: -10%;
	right: -9.235668789808917%; /* -58 / 628 * 100 */
	width: 39.3312101910828%; /* 247 / 628 * 100 */
}