@charset "utf-8";

/* subLayout */
/*html { overflow-x:hidden; }*/

.topTypo_b { position:absolute; left:50%; bottom:30px; font-family:  'Varela Round'; font-size:1.5em; line-height:1.5em; color:#1a1a1a; transform: translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:3; }

#contents {position:relative; min-height:500px;opacity:0; filter: alpha(opacity=0;); z-index:5;}
#contents:after, #contents_layer:after {content: "";display:block; clear:both;}

.subContents { padding:0;}

.subNav { position:absolute; opacity:0; filter: alpha(opacity=0;); /*left:2.5em;*/ right: 1em; top:2.5em; z-index:2;} 
.subNav ul {}
.subNav ul:after { content:"";display:block;clear:both;}
.subNav li { float: left; margin: 0 0.8em;}
.subNav ul li.subNav_0 { width:100%; padding:0;}
.subNav li a { position:relative; display:inline-block; font-size:1.07em; line-height:1.5em; color:#333; }

@media  (min-width: 1025px){
.subNav li a::after {content:""; position:absolute; width:0; height:1px; background:#333; left:0; bottom:0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.subNav li a:hover::after, .subNav li.this a::after { width:100%; }
}

.subNav li.this a { font-weight:700;}

.active.subNav { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s;}

.subTypo01 { position:relative; width:80%; top:-60px; text-align:center; /*margin-bottom:5%;*/ margin:0 auto; z-index:1;}
.room .subTypo01 { padding-bottom:3%;}
.subTypo01 .subTypo01_01 {font-family:  'Varela Round'; font-size:1.5em; line-height:2em; color:#1a1a1a;}
.subTypo01 .line { width:1px; height:135px; /*padding-bottom:6.5%;*/ margin:0 auto 1.2%; background:#1a1a1a;}
.subTypo01 .subTypo01_02 {font-family:  'Varela Round';  font-size:3.45em; line-height:1.3em; color:#242d4c; }

.subCon { position:relative; z-index:3;}
.subCon:after {content:"";display:block;clear:both;}

.subText01 {}
.subText01 dt { font-size:1.5em; line-height:1.5em; color:#343434; font-weight:bold; margin-bottom:1.5em;}
.subText01 dd { font-size:1.2em; line-height:1.9em; color:#343434;}

.subText02 {}
.subText02 dt { font-size:1.5em; line-height:1.5em; color:#343434; font-weight:bold; margin-bottom:1em;}
.subText02 dd { font-family: 'Roboto', sans-serif; font-size:0.85em; line-height:1.5em; color:#343434; font-weight:600; opacity:0.6; letter-spacing:0.07em;}

.subText03 {}
.subText03 dt {font-family: 'Varela Round'; font-size:2.84em; line-height:1.3em; font-weight:400; color:#161616; margin-bottom:1em;}
.subText03 dd {font-size:1.07em; line-height:2em; color:#343434; font-weight:300; letter-spacing:-0.02em;}

.subText04 {}
.subText04 dt {font-family:  'Varela Round'; font-size:3.7em; line-height:1.5em; color:#242d4c; margin-bottom:0.2em;}
.subText04 dd { font-size:1.2em; line-height:1.6em; color:#343434; font-weight:500;}

.subText05 {display: none; font-family:  'Varela Round';font-size:8.5em; line-height:1em; color:rgba(0, 0, 0, 0.08); transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); }
.about01 .subText05 {font-size:5.5em; line-height:0.55em; transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
.special .subText05 {  font-family: 'Abuget'; font-size:12.6em; line-height:1em;}
@media  (max-width: 1900px){ .subText05{ font-size:12vw;}}

@media  (min-width: 769px){



}



@media  (max-width: 1820px){

}

@media  (max-width: 1480px){
.subNav {left:1.8em; top:1.8em;}
.subNav li a {font-size:1em; }

.subText04 dt { font-size:3.5vw;}
.subText04 dd { font-size:1.07em;}
}

@media  (max-width: 1280px){

.subText01 dd, .subText03 dd { font-size:1em;}

.subText02 dt { font-size:1.2em; }
.subText02 dd { font-size:0.75em; line-height:1.5em; }

.subText03 dt {font-size:2.3em;}
}

@media  (max-width: 1024px){
.subNav { position:fixed; width:100%; left:0; top:auto; bottom:0; padding:1em 0.5em; text-align:center; background:rgba(255, 255, 255, 0.9); opacity:1; filter: alpha(opacity=100;); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow:0 0 3px rgba(0, 0, 0, 0.2); z-index:10;}
.subNav li { display:inline-block; margin:0 4px 3px;}
.subNav li a {font-size:1.07em; line-height:1.35em; }
.subNav li.this a { border-bottom:1px solid #333;}

.subTypo01 { width:80%; top:-36px; text-align:center; /*margin-bottom:5%;*/ margin:0 auto; z-index:1;}
.subTypo01 .subTypo01_01 { font-size:1.25em; line-height:1.8em;}
.subTypo01 .line { height:0; padding-bottom:10%; background:rgba(26, 26, 26, 0.3);}
.subTypo01 .subTypo01_02 {font-size:3vw;}

.subText04 dt { font-size:2em;}
.subText04 dd { font-size:1em;}
}

@media  (max-width: 768px){

.subTypo01 .subTypo01_02 {font-size:5vw;}

.subText01 dt { font-size:1.07em; }
.subText01 dd{ font-size:0.95em; line-height:1.6em; letter-spacing:-0.02em;}

.subText02 dt { font-size:1.1em; margin-bottom:0.5em; }
.subText02 dd { font-size:0.65em; line-height:1.3em; }

.subText03 dt { font-size:1.8em; margin-bottom:0.5em;}
.subText03 dd { font-size:0.9em; line-height:1.6em; letter-spacing:-0.05em;}

.subText05{ font-size:16vw;}
.special .subText05 { font-size:14vw;}

}

@media  (max-width: 420px){
.subTypo01 {top:-34px;}
.subTypo01 .subTypo01_01 { font-size:1em; line-height: 1.6em;}
.subTypo01 .subTypo01_02 {font-size:1.7em;}
}