.header-box h1 {
	background: none;
}
.header-box {
	background: none;
}
#head-key .floor-map {
	width: 50vw;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -44vw;
}

@media screen and (min-width: 768px) {
#head-key .floor-map {
	width: 336px;
	position: absolute;
	bottom: -178px;
	left: calc(50% + 164px);
	margin: 0;
}
}
#sec1 {
	position: relative;
	padding-top: 60vw;
	padding-bottom: 15vw;
	margin-bottom: 15vw;
}
#sec1::before {
	content: "";
	background: url(../img/index/cloud_02.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 150%;
	height: 578px;
	position: absolute;
	top: 0px;
	left: -57vw;
	z-index: -1;
}
#sec1::after {
	content: "";
	background: url(../img/shared/bg03.jpg);
	position: absolute;
	right: 0;
	width: 97vw;
	z-index: -1;
	top: 77vw;
	bottom: 0;
}
#sec1 .set1 {
	margin-bottom: 15vw;
	position: relative;
	z-index: 2;
}
#sec1 .set1 .title {
	position: absolute;
	top: 13vw;
	width: 100px;
	right: 6vw;
}
#sec1 .set1 .title h3 {
	position: absolute;
	top: -8vw;
	right: 5vw;
	width: 150px;
	line-height: 1;
	text-align: right;
}
#sec1 .set1 .title h2 {
	width: 100px;
	height: 308px;
	line-height: 50px;
	letter-spacing: 0.2em;
}
#sec1 .set1 .title h2 span {
	display: block;
	text-align: right;
}
#sec1 .set1 .photo {
	height: 95vw;
	margin-left: -9vw;
	width: 65vw;
}
#sec1 .set2 {
	position: relative;
	z-index: 2;
}
#sec1 .set2 .text {
	position: relative;
	z-index: 2;
	margin-bottom: 8vw;
}
#sec1 .set2 .text p + p {
	margin-top: 20px;
}
#sec1 .set2 .photo {
	height: 60vw;
}

@media screen and (min-width: 768px) {
#sec1 {
	padding-top: 202px;
	padding-bottom: 205px;
	margin-bottom: 0;
}
#sec1::before {
	width: 1202px;
	height: 578px;
	top: -229px;
	left: -431px;
}
#sec1::after {
	right: 0;
	width: calc(50% + 600px);
	height: 996px;
	bottom: 114px;
	top: auto;
}
#sec1 .set1 {
	margin-bottom: 99px;
}
#sec1 .set1 .title {
	width: 100px;
	right: auto;
	left: calc(50% + 275px);
	top: 139px;
}
#sec1 .set1 .title h3 {
	top: -56px;
	right: 24px;
}
#sec1 .set1 .title h2 {
	width: 115px;
	height: 412px;
	line-height: 70px;
	letter-spacing: 9px;
}
#sec1 .set1 .title h2 span {
	text-align: right;
}
#sec1 .set1 .photo {
	width: 820px;
	height: 530px;
	margin-left: -150px;
}
#sec1 .set2 {
	margin-bottom: 0;
}
#sec1 .set2 .text {
	width: 586px;
	margin-left: auto;
	margin-bottom: 0;
	letter-spacing: 3.6px;
}
#sec1 .set2 .text p + p {
	margin-top: 39px;
}
#sec1 .set2 .photo {
	width: 636px;
	height: 467px;
	position: absolute;
	top: -10px;
	left: 100px;
}
}
#sec2 {
	position: relative;
	padding-bottom: 15vw;
}
#sec2::before {
	content: "";
	background: url(../img/index/sec5_bgshadow.png) repeat-x top center;
	position: absolute;
	top: 350px;
	left: 0;
	right: 0;
	height: 1663px;
}
#sec2::after {
	content: "";
	background: url(../img/shared/bg03.jpg);
	position: absolute;
	top: 90px;
	left: 0;
	z-index: -1;
	bottom: 0;
	width: 100%;
}
#sec2 .set1 {
	position: relative;
	z-index: 2;
	margin-bottom: 15vw;
}
#sec2 .set1 .title {
	width: 55px;
	height: 410px;
	position: absolute;
	top: 8vw;
	left: 5vw;
	letter-spacing: 0.2em;
}
#sec2 .set1 .photo {
	height: 80vw;
	margin-left: 70px;
	margin-right: -9vw;
}
#sec2 .set2 {
	position: relative;
	z-index: 2;
}
#sec2 .set2 .wrap {
	align-items: center;
}
#sec2 .set2 .photo {
	height: 70vw;
	margin-bottom: 5vw;
}

@media screen and (min-width: 768px) {
#sec2 {
	padding-bottom: 156px;
}
#sec2::before {
	position: absolute;
	top: 350px;
	left: 0;
	right: 0;
	height: 1663px;
}
#sec2::after {
	top: 90px;
	left: 0;
	width: calc(50% + 650px);
	height: 1017px;
}
#sec2 .set1 {
	margin-bottom: 111px;
}
#sec2 .set1 .title {
	width: 55px;
	height: 410px;
	top: 181px;
	left: 248px;
	letter-spacing: 9px;
	z-index: 1;
}
#sec2 .set1 .photo {
	width: 827px;
	height: 530px;
	margin-left: auto;
	margin-right: -150px;
}
#sec2 .set2 {
	margin-bottom: 0;
}
#sec2 .set2 .wrap {
}
#sec2 .set2 .photo {
	width: 573px;
	height: 394px;
	margin-right: 109px;
	margin-bottom: 0;
}
	#sec2 .set2 .text {
		
width: 327px;
		
letter-spacing: 4px;
	}
}
#sec3 {
	position: relative;
	z-index: 2;
	padding-bottom: 20vw;
}
#sec3::after {
	content: "";
	background: url(../img/index/cloud_01.png) no-repeat center bottom;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 150%;
	height: 505px;
	position: absolute;
	bottom: 0px;
	right: -53vw;
	left: auto;
}
#sec3 .set1 {
	position: relative;
	margin-bottom: 10vw;
}
#sec3 .set1 .wrap {
	max-width: 1000px;
	padding: 0;
}
#sec3 .set1 .photo {
	width: 100%;
	height: 65vw;
}
#sec3 .set2 {
	position: relative;
	z-index: 2;
}
#sec3 .set2 .photo {
	height: 65vw;
}
#sec3 .set2 .box {
	padding-top: 10vw;
}
#sec3 .set2 .box dl {
	margin-bottom: 6vw;
	line-height: 1;
}
#sec3 .set2 .box dl dt {
	margin-bottom: 15px;
	    letter-spacing: 0.1em;
}
#sec3 .set2 .box dl dd {letter-spacing: 0.12em;}
#sec3 .set2 .box .text {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
#sec3 {
	padding-bottom: 234px;
}
#sec3::after {
	width: 1066px;
	height: 505px;
	position: absolute;
	bottom: -106px;
	right: -247px;
}
#sec3 .set1 {
	margin-bottom: 67px;
}
#sec3 .set1 .wrap {
	max-width: 1000px;
}
#sec3 .set1 .photo {
	width: 100%;
	height: 592px;
}
#sec3 .set2 {
	margin-bottom: 0;
}
#sec3 .set2 .photo {
	width: 538px;
	height: 435px;
}
#sec3 .set2 .box {
	width: 50%;
	padding-top: 104px;
}
#sec3 .set2 .box dl {
	margin-bottom: 55px;
}
#sec3 .set2 .box dl dt {
	margin-bottom: 24px;
}
#sec3 .set2 .box dl dd {
	letter-spacing: 7px;
}
#sec3 .set2 .box .text {
	letter-spacing: 3px;
}
}
#sec4 {
	position: relative;
	padding-bottom: 15vw;
}
#sec4::before {
	content: "";
	background: url(../img/scene/sec4_shadow.png) repeat-x top center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1141px;
}
#sec4::after {
	content: "";
	background: url(../img/shared/bg03.jpg);
	position: absolute;
	top: 19vw;
	right: 0;
	width: 100%;
	bottom: 0;
	z-index: -1;
}
#sec4 .set1 {
	position: relative;
	z-index: 2;
	margin-bottom: 15vw;
}
#sec4 .set1 .photo-1 {
	height: 85vw;
	margin-bottom: 10vw;
}
#sec4 .set1 .photo-1 img {
	object-position: 0% 50%;
}
#sec4 .set1 dl {
	position: relative;
	z-index: 2;
	margin-bottom: 5vw;
}
#sec4 .set1 dl dt {
	position: relative;
	line-height: 1;
	margin-bottom: 10px;
}
#sec4 .set1 dl dd {
}
#sec4 .set1 .text {
}
#sec4 .set2 {
	position: relative;
	z-index: 2;
}
#sec4 .set2 .photo-2 {
	height: 65vw;
	margin-left: auto;
	margin-right: -8vw;
	margin-bottom: 10vw;
	width: 80vw;
}
#sec4 .set2 .photo-2 img {
	object-position: 100% 50%;
}
#sec4 .set2 .photo-3 img {
	object-position: 50% 50%;
}
#sec4 .set2 .photo-3 {
	width: 80vw;
	height: 65vw;
	margin-left: -8vw;
}

@media screen and (min-width: 768px) {
#sec4 {
	padding-bottom: 96px;
}
#sec4::before {
	bottom: 0;
	left: 0;
	right: 0;
	height: 1141px;
}
#sec4::after {
	top: 95px;
	right: 0;
	width: calc(50% + 429px);
	bottom: 0;
}
#sec4 .set1 {
	margin-bottom: 61px;
}
#sec4 .set1 .photo-1 {
	margin-left: -50px;
	height: 626px;
	width: 784px;
	margin-bottom: -194px;
}
#sec4 .set1 .photo-1 img {
	object-position: 50% 50%;
}
#sec4 .set1 dl {
	position: absolute;
	top: 141px;
	left: calc(50% - 16px);
	width: 50px;
	margin-bottom: 0;
}
#sec4 .set1 dl dt {
	position: absolute;
	top: 165px;
	left: 66px;
	margin-bottom: 0;
}
#sec4 .set1 dl dd {
	width: 50px;
	height: 411px;
	letter-spacing: 9px;
}
#sec4 .set1 .text {
	width: 462px;
	margin-left: auto;
	margin-right: -50px;
	letter-spacing: 3.4px;
        position: relative;
        z-index: 2;
}
#sec4 .set2 {
	margin-bottom: 0;
}
#sec4 .set2 .photo-2 {
	width: 585px;
	height: 414px;
	margin-left: auto;
	margin-right: -50px;
	margin-bottom: -63px;
}
	
#sec4 .set2 .photo-2 img {
	object-position: 50% 50%;
}
#sec4 .set2 .photo-3 img {
	object-position: 50% 50%;
}	
	
#sec4 .set2 .photo-3 {
	width: 491px;
	height: 355px;
	margin-left: 96px;
}
}
#sec5 {
	position: relative;
	z-index: 2;
	background: url(../img/scene/sec5_bg.jpg) no-repeat bottom center;
	background-size: 100% auto;
	padding-bottom: 15vw;
}
#sec5 .set1 {
	position: relative;
	z-index: 2;
}
#sec5 .set1 .photo {
	height: 72vw;
	width: 100%;
}
#sec5 .set2 {
	position: relative;
	padding-top: 15vw;
}
#sec5 .set2::before {
	content: "";
	background: url(../img/index/cloud_02.png) no-repeat center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 1202px;
	height: 578px;
	position: absolute;
	top: 0px;
	left: 0;
}
#sec5 .set2 dl {
	position: relative;
	line-height: 1;
	z-index: 2;
	margin-bottom: 5vw;
}
#sec5 .set2 dl::before {
	content: "";
	border-bottom: 1px solid #fff;
	width: 96px;
	height: 1px;
	position: absolute;
	top: 100px;
	left: 249px;
}
#sec5 .set2 dl dt {
	margin-bottom: 10px;
}
#sec5 .set2 dl dd {
	line-height: 50px;
	letter-spacing: 0.2em;
}
#sec5 .set2 .text {margin-bottom: 10vw;}
#sec5 .set2 .bnr__shared {
	margin-bottom: 13vw;
	margin-top: 13vw;}
#sec5 .set2 .photo-1 {
	height: 60vw;
	margin-left: -8vw;
	margin-bottom: 5vw;
}
#sec5 .set2 .photo-2 {
	height: 60vw;
	margin-left: auto;
	margin-right: -8vw;
}

@media screen and (min-width: 768px) {
#sec5 {
	padding-bottom: 118px;
}
#sec5 .set1 {
	margin-bottom: 0;
}
#sec5 .set1 .photo {
	height: 626px;
	width: 100%;
}
#sec5 .set2 {
	padding-top: 153px;
}
#sec5 .set2::before {
	width: 1202px;
	height: 578px;
	top: -140px;
	left: -274px;
}
#sec5 .set2 dl {
	width: 559px;
	margin-left: auto;
	margin-bottom: 118px;
}
#sec5 .set2 dl::before {
	width: 135px;
	top: 145px;
	left: 292px;
}
#sec5 .set2 dl dt {
	margin-bottom: 22px;
}
#sec5 .set2 dl dd {
	line-height: 70px;
	letter-spacing: 7px;
}
#sec5 .set2 .text {
	width: 380px;
	padding-right: 45px;
	margin-bottom: 163px;
	margin-left: auto;
	letter-spacing: 3.5px;
}
#sec5 .set2 .bnr__shared {
	position: absolute;
	bottom: 14px;
	left: 55px;
	width: 450px;
	margin-bottom: 0;
	z-index: 1;
}
#sec5 .set2 .photo-1 {
	width: 723px;
	height: 532px;
	position: absolute;
	top: 49px;
	left: -52px;
	margin: 0;
}
#sec5 .set2 .photo-2 {
	width: 566px;
	height: 388px;
	margin-left: auto;
	margin-right: 0;
}
}


@media screen and (min-width: 767px) and (max-width: 1299px) {
	#sec5 .set2 .text,
	#sec1 .set2 .text {
		padding-right: 100px;
	}
	#sec3 .set2 .box {
		padding-left: 30px;
	}
	#sec4 .set1 .text {
        margin-right: 100px;
        width: 35%;
        letter-spacing: 0.05em;
	}
	
	#sec4 .set1 .photo-1 {
		width: 700px;
	}
	#sec4 .set1 dl {
		left: calc(50% - 50px);
	}
	
}