/* */
.intro.container_wide {
	background-color:#FFFFFF;
}

.intro .content {
    padding-top: 84px;
}


.intro .box01 {
	position: relative;
    background-color: #004370;
    left: 0%;
    width: 100%;
    padding: 80px 30px 80px 30px;
}
@media ( min-width:992px ) {
	.intro .box01 {
		position: absolute;
		left: 6%;
		width: 49%;
		padding: 60px 68px 80px 80px;
		background-image: url(../image/lumina/bg_1.png);
	}
}

.intro .box01 .bar {
    width: 120px;
    border-top: 2px solid #FFFFFF;
}

.intro .box01 .title01 {
	color: #FFFFFF;
    font-size: 2.3em;
    font-weight: normal;
    padding-top: 22px;
    letter-spacing: 6px;
}

.intro .box01 .desc01 {
	color: #FFFFFF;
    font-size: 1.1em;
    font-weight: normal;
    padding-top: 22px;
    line-height: 1.8em;
    letter-spacing: 0.1px;
}

.intro .img01 {
    width: 100%;
	padding-top: 0px;
}
@media ( min-width:992px ) {
	.intro .img01 {
		padding-top: 252px;
	}
}

.intro .img01 img {
	width: 100%;
}


/* */
.intro_sub.container_wide {
	position:relative;
	top:-50px;
}

.intro_sub .content {

}

.intro_sub .content .spacer1 {
	float:left;
	width:32%;
	height:1px;
}

.intro_sub .content .spacer2 {
	float:left;
	width:1.5%;
	height:1px;
}

.intro_sub .content .img01 {
	float:left;
	width:27%;
}
.intro_sub .content .img01 img {
	width:100%;
}


/* */
.passage01.container_wide {

}

.passage01 .content {
    padding-top: 50px;

}

.passage01 .content .bar {
	width: 120px;
    border-top: 2px solid #bc9a6a;
    margin-left: auto;
    margin-right: auto;
}


.passage01 .content .title01 {
	color: #004270;
    font-size: 2.3em;
    font-weight: normal;
    text-align: center;
    padding-top: 21px;
}

.passage01 .content .desc01 {
	text-align: center;
    font-size: 1.1em;
    line-height: 1.8em;
    color:#152149;
    padding-top: 19px;
    padding-left: 30px;
    padding-right: 30px;
}
@media ( min-width:992px ) {
	.passage01 .content .desc01 {
	    padding-left: 150px;
    	padding-right: 150px;
	}
}

/* */
.enjoy.container_wide {
	background-color:#FFFFFF;
}

.enjoy .content {
    padding-top: 5px;
}


.enjoy .box01 {
	position: relative;
    background-color: #004370;
    left: 0%;
    top: 7.5%;
    width: 100%;
    padding: 90px 30px 90px 30px;
}
@media ( min-width:992px ) {
	.enjoy .box01 {
		position: absolute;
		left: 49.5%;
		top: 7.5%;
		width: 49%;
		background-image: url(../image/lumina/bg_2.png);
		padding: 62px 68px 27px 73px;
	}
}


.enjoy .box01 .bar {
    width: 120px;
    border-top: 2px solid #FFFFFF;
}

.enjoy .box01 .title01 {
    color: #FFFFFF;
    font-size: 2.3em;
    font-weight: normal;
    padding-top: 22px;
    letter-spacing: 3px;
}

.enjoy .box01 .desc01 {
    color: #FFFFFF;
    margin-top: 11px;
    font-size: 1.1em;
    font-weight: normal;
    padding-top: 11px;
    line-height: 1.8em;
    letter-spacing: 0.1px;
}

.enjoy .img01 {
    width: 100%;
    padding-top: 0px;
    padding-left: 0%;
}
@media ( min-width:992px ) {
	.enjoy .img01 {
		width: 95%;
		padding-top: 292px;
		padding-left: 6%;
	}
}

.enjoy .img01 img {
	width: 100%;
}


/* */
.enjoy_sub.container_wide {
	position:relative;
}

.enjoy_sub .content {
    padding-bottom: 0px;
}

.enjoy_sub .content .spacer1 {
	float:left;
	width:32%;
	height:1px;
}

.enjoy_sub .content .spacer2 {
	float:left;
	width:1.5%;
	height:1px;
}

.enjoy_sub .content .img01 {
	position: relative;
	float:left;
	width:40%;
    top: -150px;
}
.enjoy_sub .content .img01 img {
	width:100%;
}

.enjoy_sub .content .img02 {
    position: relative;
	float:left;
	width:47%;
	top: 20px;
}
.enjoy_sub .content .img02 img {
	width:100%;
}

/* */
.map.container_wide {

}

.map .content {
	padding-bottom:100px;
}

.map .content .box01 {
	position:relative;
	width:100%;

}

.map .content .box01 .img_map {
	width:100%;
}

.map .content .box01 .info {
	display:none;
	position:absolute;
    left: 15.8%;
    top: 16.5%;
}
.map .content .box01 .info .title01 {
	position:relative;
	color:#966f34;
	font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3em;
}
.map .content .box01 .info .title02 {
	position:relative;
	color:#004270;
    font-size: 2.8em;
}
.map .content .box01 .info .desc {
	position: relative;
    color: #152149;
    font-size: 1.2em;
    padding-top: 8px;
    line-height: 1.8em;
}

.map .content .box01 .info .letter {
	position: absolute;
    left: 186px;
    top: -125px;
    color: #ede6dc;
    font-size: 11em;
    font-style: italic;
}

.map .content .box01 .round1 {
	display:none;
	position:absolute;
    left: 58%;
    top: 8%;
}
.map .content .box01 .round1 img {
	width:75%;
}

.map .content .box01 .big_letter {
	display:none;
	position:absolute;
    width: 2.6%; /* 5%;	 */
	left:50%;
	top:50%;
}
.map .content .box01 .big_letter img {
	width:100%;
}

.map .content .box01 .big_letter .letter {
    position: absolute;
    text-align: center;
    left: 0%;
    top: 4%;
    width: 100%;
    height:100%;
    color: #FFFFFF;
	font-size: 1.4vw; /* 2.5vw; */
    /* font-weight: bold; */
    font-weight: normal;
}


/* map-mobile */
.map-mobile.container_wide {

}

.map-mobile .content {
	padding-bottom:100px;
}

.map-mobile .content .box01 {
	position:relative;
	width:100%;

}

.map-mobile .content .box01 .img_map {
	width:100%;
}

.map-mobile .content .box01 .info {
	position:absolute;
    left: 15%;
    top: 90%;
}
.map-mobile .content .box01 .info .title01 {
	position:relative;
	color:#966f34;
	font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3em;
}
.map-mobile .content .box01 .info .title02 {
	position:relative;
	color:#004270;
    font-size: 2.8em;
}
.map-mobile .content .box01 .info .desc {
	position: relative;
    color: #152149;
    font-size: 1.2em;
    padding-top: 8px;
    line-height: 1.8em;
}

.map-mobile .content .box01 .info .letter {
	position: absolute;
    left: 186px;
    top: -125px;
    color: #ede6dc;
    font-size: 11em;
    font-style: italic;
}

.map-mobile .content .box01 .round1 {
	display:none;
	position:absolute;
    left: 58%;
    top: 8%;
}
.map-mobile .content .box01 .round1 img {
	width:75%;
}

.map-mobile .content .box01 .big_letter {
	display:none;
	position:absolute;
    width: 10%;	/* 5% */
	left:50%;
	top:50%;
}
.map-mobile .content .box01 .big_letter img {
	width:100%;
}

.map-mobile .content .box01 .big_letter .letter {
    position: absolute;
    text-align: center;
    left: 0%;
    top: 4%;
    width: 100%;
    height:100%;
    color: #FFFFFF;
	font-size: 6.5vw; /* 2.5vw */
    /* font-weight: bold; */
    font-weight: normal;
}


.maskbox {
	position:absolute;
    width: 2.3%;
    height: 3%;
	/* background-color:#000000;
	opacity:0.5;  */
	cursor:pointer;
}

.maskbox-mobile {
	position:absolute;
    width: 6%;
    height: 2%;
	/* background-color:#000000;
	opacity:0.5; */
	cursor:pointer;
}

.map .content .box01 .mask_a { left: 9.8%; top: 35%; }
.map .content .box01 .mask_b { left: 12.4%;
    top: 48.4%; }
.map .content .box01 .mask_c {     left: 20.5%;
    top: 48.4%;}
.map .content .box01 .mask_d {     left: 25.6%;
    top: 58%; }
.map .content .box01 .mask_e {     left: 30%;
    top: 56.2%; }
.map .content .box01 .mask_f {     left: 30.6%;
    top: 50.9%; }
.map .content .box01 .mask_g {     left: 32.6%;
    top: 54.2%;
    width: 1.6%; }
.map .content .box01 .mask_h { left: 31%;
    top: 63.2%;   }
.map .content .box01 .mask_i {    left: 34%;
    top: 51.3%;}
.map .content .box01 .mask_j { left: 33.6%;
    top: 57.5%;}
.map .content .box01 .mask_k { left: 36.5%;
    top: 53.3%; }
.map .content .box01 .mask_l {     left: 42.2%;
    top: 52.4%; }
.map .content .box01 .mask_m {     left: 42.4%;
    top: 59.9%;}
.map .content .box01 .mask_n {     left: 43.4%;
    top: 64.6%; }
.map .content .box01 .mask_o {     left: 45.9%;
    top: 63.5%;}
.map .content .box01 .mask_p { left: 88.4%;
    top: 86.3%;}


.map-mobile .content .box01 .mask_a {     left: 88.8%;
    top: 12%; }	/* */
.map-mobile .content .box01 .mask_b {     left: 65.7%;
    top: 14.2%; }
.map-mobile .content .box01 .mask_c {     left: 65.7%;
    top: 21.4%; }
.map-mobile .content .box01 .mask_d { left: 49.9%;
    top: 25.8%; }
.map-mobile .content .box01 .mask_e { left: 52.5%;
    top: 29.6%; }
.map-mobile .content .box01 .mask_f {     left: 61.2%;
    top: 30.2%; }
.map-mobile .content .box01 .mask_g { left: 55.6%;
    top: 31.6%; }
.map-mobile .content .box01 .mask_h {   left: 40.9%;
    top: 30.4%; }
.map-mobile .content .box01 .mask_i {     left: 60.6%;
    top: 33%; }
.map-mobile .content .box01 .mask_j { left: 50.5%;
    top: 32.8%; }
.map-mobile .content .box01 .mask_k {     left: 57.4%;
    top: 35.1%; }
.map-mobile .content .box01 .mask_l { left: 58.8%;
    top: 40.2%; }
.map-mobile .content .box01 .mask_m { left: 46.5%;
    top: 40.4%; }
.map-mobile .content .box01 .mask_n {     left: 38.4%;
    top: 41.3%; }
.map-mobile .content .box01 .mask_o {     left: 40.4%;
    top: 43.5%; }		/**/
.map-mobile .content .box01 .mask_p {     left: 10.2%;
    top: 56.2%; }

/* map */
#swiper_map {
    position: absolute;
    width: 100%;
    top: 60%;
}

#swiper_map .swiper-wrapper {
	padding-left:15%;
	padding-right:15%;

}

#swiper_map .swiper-wrapper .swiper-slide img {
	width:70%;
}

#swiper_map .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image:url("../image/worklife/arrow_l_mobile.png");
}

#swiper_map .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image:url("../image/worklife/arrow_r_mobile.png");
}

#swiper_map .swiper-button-next, #swiper_map .swiper-button-prev {
    width: 33px;
    height: 43px;
    background-size: 33px 43px;
}



/* */
#passage01-skrollr.skrollable-before,
#passage02-skrollr.skrollable-before
 {
	opacity: 0;
	transform: translateY(100px);
	transition: all 0.4s ease-in-out;
}
#passage01-skrollr.skrollable-between,
#passage02-skrollr.skrollable-between
 {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.4s ease-in-out;
}