@charset "utf-8";



/*---------------------------------------------------------------- */
/* common
------------------------------------------------------------------ */

.twoColumn { overflow:hidden; margin-bottom:40px;}
.twoColumn .first { width:50%; float:left;}
.twoColumn .second { width:50%; float:right;}

#pagepiling { width:100%; height:100%;}
#pagepiling > div { position: absolute; top:0; overflow:hidden;}
#pagepiling > div:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; /*background:rgba(244,239,235,0.9); */transition:1s all ease; z-index:10;}
#pagepiling > div.active:before { background:rgba(0,0,0,0); width:0; height:100%;}
.subConts { height:1px; width:0; position:absolute; top:50%; left:50%; overflow:hidden; background:rgba(255,255,255,1); overflow-Y:scroll; opacity:0;}
	.subConts::-webkit-scrollbar {width: 6px;}
	.subConts::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background:rgba(255,255,255,0.9);
	}
.section .subConts .arrow { position:fixed; bottom:50px; left:auto; right:50px; text-align:right; opacity:0; transition:1s all ease;}
.modalActive .section .subConts .arrow { opacity:1;}

.white .subConts { background:rgba(0,0,0,0.7);}
/* ie */
@media all and (-ms-high-contrast:none){
	.white .subConts { background:rgba(0,0,0,0.9);}
}

.subConts.line { height:100%; left:0; z-index:9999999999;}
.subConts.active { height:100%; width:100%; left:0; top:0; z-index:999; padding:100px 0 200px;}

.subContsInner { padding-bottom:200px; max-width:1050px; margin:0 auto;}
@media only screen and (max-width: 1380px) {
	.subContsInner { padding:0 20px 100px 0;}
}

.close:after { content:""; position:fixed; top:50px; left:20px; border-bottom:1px solid #000; width:70px; transform:rotate(45deg); transition:1s all ease; opacity:0;}
.close:before { content:""; position:fixed; top:50px; left:20px; border-bottom:1px solid #000; width:70px; transform:rotate(-45deg); transition:1s all ease; opacity:0;}
.white .close:after,.white .close:before { border-bottom:1px solid #fff;}

.modalActive .close:after,.modalActive .close:before { opacity:1; z-index:99999;}
.slideTxt { transition:1s all ease; opacity:1;}
.slideTxtNone .slideTxt { opacity:0;}
.slideTxt p { font-size:2.4em; letter-spacing:0.05em; position:relative; padding:10px 0; color:#fff; line-height:1.3;}
.white .slideTxt p { font-size:2.4em; letter-spacing:0.05em; position:relative; padding:10px 0; color:#fff; line-height:1.3;}
.slideTxt h3 { margin-bottom:30px;}

/*.btnDetail {display:block; width:300px; height:55px; line-height:55px; margin:0 auto; padding-left:10px; position:relative; color:#ddd; font-size:1.8em; font-style:italic; background:rgba(0,0,0,0.75); opacity:1; transition:1s all ease;}
.btnDetail span { font-size:0.9em; font-style:nomal; margin:0 0 0 10px;}
.btnDetail:hover {	
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
}*/
.morebtn {display:block; width:90px; height:24px; line-height:24px; float:right; /*margin:0 auto;*/ padding-left:5px; position:relative; color:#ddd; font-size:1.4em; background:rgba(100,100,100,0.85); opacity:1; transition:1s all ease; margin-top:-30px;}
.morebtn:after { content:"▶"; color:#fff !important; font-size:1.2em; margin-left:0.2em; }

@media only screen and (max-width: 640px) {
	.morebtn { width:180px; font-size:1.2em;  }
	
}
.modal_icon,
.modal_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.modal_icon {
	position: absolute;
	top:40%;
	left:0;
	width: 30px;
	float: left;
	margin-left: 5px;
}
.modal_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.modal_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.modal_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.btnDetail:hover .modal_icon span:nth-of-type(1) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.btnDetail:hover .modal_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

/*.section:after { content:""; background:rgba(0,255,255,1.00); mix-blend-mode: overlay; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:0.3s all ease; z-index:-1;}*/
.headerNone .section:after { opacity:0.3;}
.slideTxtNone .btnDetail {opacity:0;}


#pp-nav span { border-color:#000 !important;}
#pp-nav li .active span { background-color:#000 !important;}
.white #pp-nav span  { border-color:#fff !important;}
.white #pp-nav li .active span { background-color:#fff !important;}
#pp-nav.right {transition:1s all ease;}
.headerNone #pp-nav.right { right:-40px;}

.section h2 { margin:0 0 40px;}
.pp-tableCell > p.caption small { position:absolute; bottom:60px; left:0; opacity:0.5; font-size:1.1em; transition:1s all ease; color:#fff; text-align:left; padding:0 20px;}
.headerNone .pp-tableCell > p.caption small { bottom:20px;}

.section:after {
	content:""; position:absolute; top:0; left:0; width:30%; height:100%; z-index:10;
	/*background: -moz-linear-gradient(left,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.white .section:after {
	content:""; position:absolute; top:0; left:0; width:30%; height:100%; z-index:10;
	/*background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.section .arrow { position:absolute; bottom:70px; left:50%; width:35px; height:35px; transform:translateX(-50%);}
@media only screen and (max-width: 640px) {
	.section .arrow { bottom:100px;}
}


/*---------------------------------------------------------------- */
/* loading
------------------------------------------------------------------ */
#progressWrap {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:#F4EFEB;

}
#progress {	width: 100%; height:200px; position:fixed; top:45%; z-index:10000;}

#ttl { font-family:"Times New Roman", Times, serif; color:#0b2f5b; font-size:1.4em; font-weight:normal; margin-top:70px; }
#logo { text-align:center; width:100%; position:absolute; top:0;}

#progressBar {
	width: 0;
	height: 2px;
	background-color: rgba(0,0,0,0.3);
	z-index:10;
	position:absolute;
	top:40px;
}
#progressTxt {
	font-size:1.8em;
	font-family:"Times New Roman", Times, serif;
	width:100%;
	text-align:center;
	color:#A78E47;
	position: absolute;
	top:90px;
	z-index:5;
}
#progressTxt span { font-size:0.3em;}
/* ie */
@media all and (-ms-high-contrast:none){
	#progressTxt span { font-size:0.6em;}
}
#canvasArea canvas { position:absolute; top:-15%; left:0; z-index:5;}


/*---------------------------------------------------------------- */
/* info
------------------------------------------------------------------ */
#info { padding:13px; /*position:fixed; */bottom:0; left:0; width:100%;/* height:10%; -webkit-transition:all 0.5s; transition:all 0.5s; */z-index:18;}
	#info { position:relative; z-index:99999; }
	
.headerNone #info { bottom:-50px;}
#info p,#info div { display:inline-block; vertical-align:middle;/*-webkit-transition:all 0.5s; transition:all 0.5s;*/}
#info p { font-size:2.6em; font-family:"HG明朝B" ,"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 ProN W2", "HiraMinProN-W2","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#083078; margin:0 10px; line-height:1;}
#info p span { font-size:0.5em; font-family:"Times New Roman", Times, serif; margin:0 10px; letter-spacing:0.01em; display:inline-block; vertical-align:middle;}
/*#info div { border:1px solid #083078;}*/

/*#info div a { position:relative; display:block;background:rgba(8,48,120,0.9); padding:7px 50px; color:#fff; font-family:"Times New Roman", Times, serif; font-size:1.0em;/* -webkit-transition:all 0.5s; transition:all 0.5s;*//*}*/
#info div a:hover {  /*background:rgba(255,255,255,0.9);color:#083078;/* -webkit-transition:all 0.5s; transition:all 0.5s;*/}
#info div a span { margin-left:10px;}
/*#info div a::before{
	content:"";
	position:absolute;
	top:50%;
	left: 10px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #083078;
	border-right: 1px solid #083078;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translateY(-52%);
}*/


#info { /*background: rgb(244,239,235);/* -webkit-transition:all 5s; transition:all 5s;*/}
#info p { color:#595757;/* -webkit-transition:all 5s; transition:all 5s;*/}
#info p.info { color:#739473;/* -webkit-transition:all 5s; transition:all 5s;*/}
#info div {  /*background: rgba(255,255,255,0.9);border:1px solid #fff; background:#fff; -webkit-transition:all 5s; transition:all 5s;*/}
#info .links a,
#info .links a:visited { color:#333 !important;/* -webkit-transition:all 5s; transition:all 5s;*/ font-size:0.5454545454545455em; margin-right:1em;}
#info .links a:before { content:"▶"; color:#739473; }
#info div a:hover { /*background:rgba(8,48,120,0.9); color:#fff; /*-webkit-transition:all 0.5s; transition:all 0.5s;*/}


#info p small { font-size:0.8em; letter-spacing:0.01em; display:inline-block; vertical-align:middle; padding:6px 0;}


#info p { font-size:6em; }
#info .links a,
#info .links a:visited { color:#333 !important; /*-webkit-transition:all 5s; transition:all 5s;*/ font-size:0.5454545454545455em; margin-right:1em; letter-spacing:0;}
/*.white #info { background: rgba(0,0,0,0.65); -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #info p { color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #info div { color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #info div a {border: 1px solid #fff;  color:#083078; background:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #info div a:hover { background:rgba(8,48,120,0.9); color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}
.white #info div a::before{
	content:"";
	position:absolute;
	top:50%;
	left: 10px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #083078;
	border-right: 1px solid #083078;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translateY(-52%);
}
*/


/*---------------------------------------------------------------- */
/* section1
------------------------------------------------------------------ */

#btn_skip {
	border:1px solid #333;
	background:#fefefe;
	text-align:center;
	padding:5px;
	position:absolute;
	top:20px;
	left:20px;
	cursor:pointer;
	z-index:10000;
}

#section1 {background: url(../img/slide01.jpg); background-size:cover; position:relative; overflow:hidden;}
#sc00Wrap { 
	content: "";
    background: rgba(255,255,255,0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	transition:40s all ease-in-out;
}

@media only screen and (max-width: 640px) {
	#sc00Wrap ,
	#slide01-txt01{ display:none; }
}
	

/*#section1 #sc01Wrap h2 { margin:0 0 30px 0; transform:translateY(10px); opacity:0; transition:2s all ease-in-out;}
#section1 #sc01Wrap p { margin:0 0 40px 0; transform:translateY(0); opacity:0; transition:2s all ease-in-out 1.5s;}
#section1 li { display:inline-block; margin:0 10px; opacity:0;}
#section1 li:nth-child(1) { transform:translateY(10px); transition:1s all ease-in-out 3s;}
#section1 li:nth-child(2) { transform:translateY(10px); transition:1s all ease-in-out 3.5s;}
#section1 li:nth-child(3) { transform:translateY(10px); transition:1s all ease-in-out 4s;}*/

/*#section1:before { content:""; background:rgba(255,255,255,0.15); position:absolute; top:0; left:0; width:100%; height:100%; /*mix-blend-mode: overlay;}*/
#slide01-txt01 { position:absolute; top:100px; left:155px; }
.slideTxt { position:absolute; top:100px; left:155px; }

/*.sec01 #info { background: rgb(244,239,235); -webkit-transition:all 5s; transition:all 5s;}
.sec01 #info p { color:#fff; -webkit-transition:all 5s; transition:all 5s;}
.sec01 #info p.info { color:#739473; -webkit-transition:all 5s; transition:all 5s;}
.sec01 #info div {  background: rgba(255,255,255,0.9);border:1px solid #fff; background:#fff; -webkit-transition:all 5s; transition:all 5s;}
.sec01 #info div a {  color:#083078;background: rgba(255,255,255,0.9); -webkit-transition:all 5s; transition:all 5s;}
.sec01 #info div a:hover { background:rgba(8,48,120,0.9); color:#fff; -webkit-transition:all 0.5s; transition:all 0.5s;}*/
/*
.scene01 #section1 #sc01Wrap h2 {opacity:1; transform:translateY(0);}
.scene01 #section1 #sc01Wrap p {opacity:1; transform:translateY(0);}
.scene01 #section1 li:nth-child(1) {opacity:1; transform:translateY(0);}
.scene01 #section1 li:nth-child(2) {opacity:1; transform:translateY(0);}
.scene01 #section1 li:nth-child(3) {opacity:1; transform:translateY(0);}*/

#sc01Wrap {opacity:1; transition:35s all ease-in-out; position:relative; z-index:2;}
.scene02 #sc01Wrap {opacity:0;}

.scene03 #sc00Wrap { background:rgba(255,255,255,0);}
.scene03 #slide01-txt01 {opacity:1;}

#section1 .pp-tableCell > p.caption small { opacity:0.75 !important;}*/

.section1Off #section1 { transform:translate3d(0px, -120%, 0px) !important;}
/*.owabitoteisei {
    position: absolute;
    bottom: 60px;
    left: 20px;
    opacity: 0.85;
    font-size: 1.1em;
    transition: 1s all ease;
    color: #fff;
    text-align: left;
    padding: 5px;
	letter-spacing:0.005em;
	border:1px solid #fff;
	width:40%;
	line-height:1.3;
	background:rgba(0,0,0,0.20);
}*/

#video01 { /*z-index: -100;
	width:100%;*/
	
	
	 /*position:absolute; top:0px; left:0;
	 max-height:100%;
	 width:100%;
	 overflow:hidden;*/
}

/*#video01 {
    height: 90%;
    left: -10%;
    min-width: 90%;
    position: relative;
    top: -10%;
    z-index: -100;
	 overflow:hidden;
}*/
#video01 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
#section1 .videoWrap {
	z-index:-50;
	/*position:relative; top:0; left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.3);
	 overflow:hidden;*/
}


/*---------------------------------------------------------------- */
/* section2
------------------------------------------------------------------ */

#section2 { background: url(../img/slide02.jpg); background-size:cover; position:relative;}

/*#sec02 {
	background:url(../img/slide02.jpg); background-size:cover;
}*/
.section2Off #section2 { transform:translate3d(0px, -120%, 0px) !important;}
/*#video02 {
	 position:absolute; top:0; left:0; z-index: -100;
	 min-width: 100%; min-height: 100%;
	 overflow:hidden;
}
#section2 .videoWrap {
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.3);
	z-index:-50;
}*/
#slide02-txt01 { padding-bottom:5%;}
#section2 .slideTxt { margin:0 auto; text-align:center; }
#section2 .slideTxt p { color:#595757; }
#section2 .slideTxt .morebtn { float:none; margin:-30px auto 0; }

/*---------------------------------------------------------------- */
/* section3
------------------------------------------------------------------ */
#section3 {
	background:url(../img/slide03.jpg); background-size:cover;
}
#section3 .slideTxt .morebtn { float:none; margin:-30px auto 0; }

#section3 .subContsInner h3.hddTxt { color:#fff; margin-bottom:40px;}
#section3 .subContsInner h3.hddTxt:after {border-bottom:2px solid #fff;}

#accImgList { margin-bottom:40px;}
#accImgList li { display:inline-block; width:33.3333333333%;}

#section3 .twoColumn.rosen .first { width:60%;}
#section3 .twoColumn.rosen .second { width:40%; padding-left:4.7%;}

#section3 .twoColumn.taxi .first { width:48.7%;}
#section3 .twoColumn.taxi .second { width:48.7%;}	

/*---------------------------------------------------------------- */
/* section4
------------------------------------------------------------------ */

#section4 .slideTxt { position:absolute; top:70px; right:215px; z-index:5000; }
#section4 .subContsInner h3.hddTxt { color:#fff; margin-bottom:40px;}
#section4 .subContsInner h3.hddTxt:after {border-bottom:2px solid #fff;}

#section4 .twoColumn p { color:#fff; text-align:left;}

#section4 {
	background:url(../img/slide04.jpg); background-size:cover;
}
#section4 .twoColumn.area .first { width:62%;}
#section4 .twoColumn.area .second { width:32%;}

#section4 .twoColumn.tower { padding-top:20px;}
#section4 .twoColumn.tower .first { width:36%;}
#section4 .twoColumn.tower .second { width:59%;}
#section4 .twoColumn.tower .second figure { display:inline-block; width:50%; padding:0 0 0 2%;}

#section4 figcaption { text-align:right;}


/*---------------------------------------------------------------- */
/* sec05
------------------------------------------------------------------ */
#section5 {
	background:url(../img/slide05.jpg); background-size:cover;
}
#section5 .slideTxt { position:absolute; top:125px; left:160px; z-index:5000; }
#section5 .slideTxt p { color:#fff;}

#section5 .subContsInner h3.hddTxt { color:#fff; margin-bottom:40px;}
#section5 .subContsInner h3.hddTxt:after {border-bottom:2px solid #fff;}

#section5 .subContsInner h4.hddTxt { color:#fff; text-align:left; font-size:1.8em;}
#section5 .twoColumn p { color:#fff; text-align:left;}

#section5 .twoColumn.planning .first { width:44%;}
#section5 .twoColumn.planning .second { width:50%;}

#section5 .twoColumn.planning .merit li { display:inline-block; width:48%; margin:1%; border:1px solid #514d35; color:#dbd3b6; padding:20px 10px; font-size:2.2em; line-height:1.5; vertical-align:top;}
#section5 .twoColumn.planning .merit li:nth-child(2),
#section5 .twoColumn.planning .merit li:nth-child(5){line-height:1.2;}
#section5 .twoColumn.planning .merit li:nth-child(6){line-height:1.4;}
#section5 .twoColumn.planning .merit li:nth-child(3),
#section5 .twoColumn.planning .merit li:nth-child(4){line-height:1.4;}

#section5 .twoColumn.planning .merit li span { font-size:1.25em;}


/*---------------------------------------------------------------- */
/* sec06
------------------------------------------------------------------ */

#section6 { background: url(../img/slide06.jpg); background-size:cover; }
/*#section6 {
	background:rgba(0,0,0,0.15);
}*/
#section6 .slideTxt p { color:#595757;}
#section6 .slideTxt p br { display:none; }

@media only screen and (max-width: 640px) {
	#section6 .slideTxt p br { display:block; }
}
#section6 .slideTxt .morebtn { float:none; margin:-30px auto 0; }

.section6Off #section6 { transform:translate3d(0px, -120%, 0px) !important;}

/*#video06 {
	 position:absolute; top:0; left:0; z-index: -100;
	 min-width: 100%; min-height: 100%;
	 overflow:hidden;
}

#section6 .subConts {background:rgba(255,255,255,0.5);}*/

.syunou { color:#cecbdd; font-size:2em;}
.yukadan { color:#e8e7f1; font-size:2em;}

#section6 .pp-tableCell { background:rgba(255,255,255,0.3);}

#section6 .subConts p.caption { color:#666; text-align:center;}

#section6 .twoColumn { max-width:700px; margin:0 auto;}
#section6 .twoColumn .first { width:45%; float:left;}
#section6 .twoColumn .second { width:45%; float:right;}

#section6 img[src$=".svg"] {width: 100%;}

#section6 .info { width:300px;}
#section6 .eco { width:220px;}
#section6 .plan { width:300px;}




/*---------------------------------------------------------------- */
/* section7
------------------------------------------------------------------ */
#section7 {
	background:url(../img/slide07.jpg); background-size:cover;
}

#section7 .subContsInner h3.hddTxt { color:#fff; margin-bottom:40px;}
#section7 .subContsInner h3.hddTxt:after {border-bottom:2px solid #fff;}

#section7 .subContsInner h4 { color:#e1c588; text-align:left; font-size:2em; border-bottom:1px solid #6f6551; padding-bottom:20px; font-weight:normal; text-align:center; margin-bottom:20px;}
#section7 .twoColumn p { color:#fff; text-align:left;}

#section7 .subContsInner h5 { color:#9e8a5f; font-size:3.6em;text-align:center; margin-bottom:40px; font-weight:normal;}
#section7 .subContsInner h5 span { font-size:0.3em; display:block; margin-top:20px;}

#section7 .keyV { margin-bottom:40px;}

#section7 .example {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#section7 .subContsInner .twoColumn { margin:0;}

#section7 .subContsInner #oederMadeExample { margin-bottom:80px;}
#section7 .subContsInner .example p { text-align:center; font-size:1.8em;}

#section7 .subContsInner #planFlow { margin-bottom:40px;}
#section7 .subContsInner #planFlow li { display:inline-block; width:18%; margin:0 1%; vertical-align:top;}
#section7 .subContsInner #planFlow h5 { font-size:1.6em; border-bottom:1px solid #6f6551; padding-bottom:20px;}
#section7 .subContsInner #planFlow p { color:#fff; text-align:left; line-height:1.5;}
#section7 .subContsInner #planFlow h5 span {
	display:block;
    position: relative;
    font-size: 1.4em;
    font-family: "Times New Roman", Times, serif;
    line-height: 1;
    color: #fff;
    z-index:10;
    padding: 10px 0;
    margin: 25px 0;
}
#section7 .subContsInner #planFlow h5 span:after {
	content: "";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    z-index:-1;
    width: 35px;
    height: 35px;
    margin: auto;
    background: #917244;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#section7 .subContsInner .capWrap { text-align:left; color:#999; line-height:1.3; font-size:1.1em;}





/*---------------------------------------------------------------- */
/* section8
------------------------------------------------------------------ */
#section8 {
	background:url(../img/slide08.jpg); background-size:cover;
}

address { color:#fff; font-style:normal;}
.contactName { font-size:1.3em;}
.contactTel  { font-size:5em; margin:10px 0;}
.contactOh   { font-size:1.3em;}
.contactRh  { font-size:1.3em; margin:5px 0 40px 0;}
#section8 small { font-size:1.0em; color:#fff; vertical-align:middle;}
#section8 small img { vertical-align: middle; margin:10px;}
.relatedLinks { margin:15px 0 10px;}
.relatedLinks a { font-size:1.2em; color:#fff;}
.copyright { font-size:1.0em; color:#fff;}

/*---------------------------------------------------------------- */
/* mask
------------------------------------------------------------------ */

#maskText > div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack:justify;
	-moz-content: center;
	-ms-flex-pack:justify;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content:  center;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align:center;
}


#maskText > div {
	font-family:"Times New Roman", Times, serif;
	font-size:10em;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:1s all ease-in-out;
	text-align:center;
	color:#A78E47;
}



@media only screen and (max-width: 640px) {
	#maskText > div { font-size:4em; }
}



.secChange .pp-viewing-LOCATION #gNav_wrap ,
.secChange .pp-viewing-ACCESS #gNav_wrap ,
.secChange .pp-viewing-PLANNING #gNav_wrap ,
.secChange .pp-viewing-SPECIALITY #gNav_wrap ,
.secChange .pp-viewing-ARCHITECTURE #gNav_wrap ,
.secChange .pp-viewing-ORDERMADE #gNav_wrap ,
.secChange .pp-viewing-CONTACT #gNav_wrap { display:block; }

/* chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.pp-viewing-TOPPAGE #maskText > div:nth-child(1) { background:url(../img/slide01.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-LOCATION #maskText > div:nth-child(2) { background:url(../img/slide02.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ACCESS #maskText > div:nth-child(3) { background:url(../img/slide03.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-PLANNING #maskText > div:nth-child(4) { background:url(../img/slide04.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-SPECIALITY #maskText > div:nth-child(5) { background:url(../img/slide05.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { background:url(../img/slide06.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ORDERMADE #maskText > div:nth-child(7) { background:url(../img/slide07.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-CONTACT #maskText > div:nth-child(8) { background:url(../img/slide08.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	
	.secChange .pp-viewing-TOPPAGE #maskText > div:nth-child(1) { opacity:1; z-index:100;}
	.secChange .pp-viewing-LOCATION #maskText > div:nth-child(2) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ACCESS #maskText > div:nth-child(3) { opacity:1; z-index:100;}
	.secChange .pp-viewing-PLANNING #maskText > div:nth-child(4) { opacity:1; z-index:100;}
	.secChange .pp-viewing-SPECIALITY #maskText > div:nth-child(5) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ORDERMADE #maskText > div:nth-child(7) { opacity:1; z-index:100;}
	.secChange .pp-viewing-CONTACT #maskText > div:nth-child(8) { opacity:1; z-index:100;}
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.pp-viewing-TOPPAGE #maskText > div:nth-child(1) { background:url(../img/slide01.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-LOCATION #maskText > div:nth-child(2) { background:url(../img/slide02.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ACCESS #maskText > div:nth-child(3) { background:url(../img/slide03.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-PLANNING #maskText > div:nth-child(4) { background:url(../img/slide04.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-SPECIALITY #maskText > div:nth-child(5) { background:url(../img/slide05.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { background:url(../img/slide06.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-ORDERMADE #maskText > div:nth-child(7) { background:url(../img/slide07.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	.pp-viewing-CONTACT #maskText > div:nth-child(8) { background:url(../img/slide08.jpg); background-size:cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
	
	.secChange .pp-viewing-TOPPAGE #maskText > div:nth-child(1) { opacity:1; z-index:100;}
	.secChange .pp-viewing-LOCATION #maskText > div:nth-child(2) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ACCESS #maskText > div:nth-child(3) { opacity:1; z-index:100;}
	.secChange .pp-viewing-PLANNING #maskText > div:nth-child(4) { opacity:1; z-index:100;}
	.secChange .pp-viewing-SPECIALITY #maskText > div:nth-child(5) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { opacity:1; z-index:100;}
	.secChange .pp-viewing-ORDERMADE #maskText > div:nth-child(7) { opacity:1; z-index:100;}
	.secChange .pp-viewing-CONTACT #maskText > div:nth-child(8) { opacity:1; z-index:100;}
}
/* ie */
@media all and (-ms-high-contrast:none){
	.secChange .pp-viewing-TOPPAGE #maskText > div:nth-child(1) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-LOCATION #maskText > div:nth-child(2) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ACCESS #maskText > div:nth-child(3) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-PLANNING #maskText > div:nth-child(4) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-SPECIALITY #maskText > div:nth-child(5) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ORDERMADE #maskText > div:nth-child(7) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-CONTACT #maskText > div:nth-child(8) { opacity:0.75; z-index:100;}
}
/* Firefox */
@-moz-document url-prefix() {
	.secChange .pp-viewing-TOPPAGE #maskText > div:nth-child(1) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-LOCATION #maskText > div:nth-child(2) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ACCESS #maskText > div:nth-child(3) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-PLANNING #maskText > div:nth-child(4) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-SPECIALITY #maskText > div:nth-child(5) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ARCHITECTURE #maskText > div:nth-child(6) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-ORDERMADE #maskText > div:nth-child(7) { opacity:0.75; z-index:100;}
	.secChange .pp-viewing-CONTACT #maskText > div:nth-child(8) { opacity:0.75; z-index:100;}
}



/*---------------------------------------------------------------- */
/* mouse scrol
------------------------------------------------------------------ */

#mouseScroll {
	position: fixed;
	bottom: 250px;
	left: 50%;
	z-index:99999;
}
#mouseScroll span#MouseWheel {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
	z-index:99999;
}
#mouseScroll span#MouseWheel::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	z-index:99999;
}
#mouseScroll span#mouseScrollTxt {
	position: absolute;
	top: 60px;
	left: 0;
	z-index:99999;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	width: 268px;
	margin-left: -134px;
	color:#fff;
	font-style:italic;
}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}



/**/
#hBtn {
    bottom: 15px !important;
    position: absolute;
    top: auto;
}
#hBtn.top {
    top: 0;
    bottom: 15px !important;
    position: absolute;
}
#hBtn li {
    display: inline-block;
}
#hBtn li.s_hbtn a ,
#hBtn li.s_hbtn a:hover ,
#hBtn li.s_hbtn a:active { padding:1rem; }
/**/

#hBtn a {
    font-size: 3rem !important;
    height: auto;
    width: auto;
    margin-bottom: 20px;
    padding: 1rem;
}

.close_btn {
    margin: 0 auto;
    text-align: center;
    font-size: 3rem;
    width: 250px;
}

#toplink a {
    font-size: 3rem;
}
.bx-controls-direction {
    position: absolute;
    top: 80%;
}

.bx-controls-direction a {
    height: 80px;
    margin-top: 0px;
    width: 1000px;
}

.bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url("../img/top/icon_prev.png") no-repeat scroll 0 0 / 80px auto;
    height: 80px;
    width: 80px;
    z-index: 100005;
    /*left: 20rem;*/left:0;
    opacity:0.8;
}
.bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("../img/top/icon_next.png") no-repeat scroll 0 0 / 80px auto;
    height: 80px;
    width: 80px;
    left: 10rem;
    z-index: 100005;
    opacity:0.8;
}

#section1 .slideTxt {
    font-size: 1.8rem;
}

.slideTxt { left:23%; z-index:5000; }



#hBtn.top { display:block; top:auto !important; bottom:8% !important; }
header { width:100%; height:100%; min-height:100%; }