@charset "UTF-8";
/* CSS Document */

html {position: relative; height:100%;font-size:14px;font-family: 'Rajdhani', sans-serif;}
body {height:100%;-webkit-font-smoothing: antialiased;background-color: #ddd;}
html:before,html:after,body:before,body:after{content:"";background:#fff;position:fixed;display:block;z-index:1000;right: 3px;width: 1px;height: 100%;}
header {position:fixed;width:100%;height:50px;z-index:20;}
header h1 {display: inline-block;}
header h1 a {display: inline-block;width: 55px;height: 55px;margin-left: 60px;margin-top: 50px;background-repeat:no-repeat;background-image: url(../img/logo_b.png);background-size:55px 55px;}
header #header-text {display: block; font-family: 'Rajdhani', sans-serif; font-size: 14px; color: #000; text-align: center;margin-top: -50px; font-weight: 600;-webkit-font-smoothing: antialiased;}
header h1 span {display:none;}
header #room a {display: block;position: absolute;right: 130px;top: 58px;color: #000;text-decoration: none;font-size: 14px;font-family: 'Oswald', sans-serif;font-weight: normal;}
header #room a:after {display: block; content: ""; position: absolute;width: 35px; height: 1px;background:#000; top:6px; right: 60px; }
#left_copy {display: block; position: fixed;top:48%;white-space: nowrap;font-size:12px;font-weight: 600;letter-spacing:0.1em;transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-webkit-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);transform-origin: 27% 0% 0; -moz-transform-origin:  27% 0% 0; -webkit-transform-origin:  27% 0% 0; -o-transform-origin: 27% 0% 0; ß-ms-transform-origin:  27% 0% 0; font-family:'Rajdhani', sans-serif;color:#000;z-index: 100;-webkit-font-smoothing: none; padding: 20px;}
main {width: 100%;height: 100%;}
#main-ph {position: relative;right: 0;bottom: 0;width: auto;height: auto;height: 100%; min-width: 100%;min-height: 100%;}
#main-ph #left-text {position: absolute;bottom: 40px;left: 50px;color: #fff;font-size: 11px;font-family: 'Rajdhani', sans-serif;letter-spacing: 0.1em;line-height: 1.4em;z-index: 10;}
#main-ph:before {content: "";position: fixed;background: #fff; width: 1px;height: 100%;left: 3px;top: 0;z-index: 100;}
#top_line:after {content: "";position: fixed;background: #fff; width: 1px;height: 100%;left: 20%;top: 0;z-index: 100;opacity: .1;}
#top_line:before {content: "";position: fixed;background: #fff; width: 1px;height: 100%;left: 10%;bottom: 0;z-index: 100;opacity: .2;}
#top_line02:after {content: "";position: fixed;background: #fff; width: 1px;height: 100%;right: 2%;top: 0;z-index: 100;opacity: .2;}
#top_line02:before {content: "";position: fixed;background: #fff; width: 100%;height: 1px;right: 0;top: 3px;z-index: 100;}
@media only screen and (max-width: 700px) {
body:before{height:5px;}
body:after{width:5px;}
html:before{height:5px;}
html:after{width:5px;}
#main-ph #left-text {display: none;}
#left_copy {display: none;}
#main-ph:before {left: 5px;}
#top_line02:before {top: 5px;}
header h1 a {margin-left: 25px;margin-top: 25px;}
header #header-text {display: none;}
header #room a:after {display: none;}
header #room a {right: 100px;top: 37px;}
}

.vegas {width: 100%;height: 500px;display: block;}

/* scroll down*/
.foo {  position:absolute;left: 50%;bottom: 19%;width: 40px;height: 40px;border: 1px solid #fff;margin: 0 auto;z-index: 1;}
@media only screen and (min-width: 480px) {	.foo {left:49%;bottom:10%;}
}
#yureru {position:absolute;display:block;width:1px;left:0px;right: 0; top:-10px; margin: auto; height:90px;background:#fff;}
.foo span {display:block;position:relative;}
.foo span:after {content: "";position: absolute;width: 18px;height: 1px;bottom: -68px;left: -4px;transform: rotate(-60deg);background: #fff;}
.foo span:before {content: "";position: absolute;width: 18px;height: 1px;bottom: -68px;right: -4px;transform: rotate(-120deg);background: #fff;}

/* texteffect*/
.effect01 {position: absolute; top: 38%;bottom: 0;left: 0;right: 0;margin: auto; font-size: 10vw;font-family: 'Oswald', sans-serif;color: #fff;text-align: center;z-index: 1;font-weight: 600;letter-spacing: 0.3em;padding-left: 0.2em;}
.effect02 {position: absolute; top: 58%;bottom: 0;left: 0;right: 0;margin: auto; font-size: 1.7vw;font-family: 'Rajdhani', sans-serif;color: #fff;text-align: center;z-index: 1;letter-spacing: 0.8em;}
.effect03 {position: absolute; top: 60%;bottom: 0;left: 0;right: 0;margin: auto; font-size: 18px;font-family: 'Rajdhani', sans-serif;color: #fff;text-align: center;z-index: 1;}
.effect04 {font-size: 70px;font-family: 'Rajdhani', sans-serif;color: #0000FF;z-index: 1;display: none; font-weight: 600; }
.effect04:before{content: "";position: absolute;bottom: -10px;width: 100%;height: 50px;background-image: url(../img/bg_dot.png);background-repeat: repeat;opacity: .5;}
.effect05 {font-size: 24px;font-family: 'Rajdhani', sans-serif;color: #191949;z-index: 1;display: none; font-weight: 600;line-height: 1.5em; }
.effect06 {position: relative; font-size: 70px;font-family: 'Rajdhani', sans-serif;color: #0000FF;z-index: 1;display: none; font-weight: 600; }
.effect06:before {content: "";position: absolute;bottom: -10px;width: 100%;height: 50px;left: 0;background-image: url(../img/bg_dot.png);background-repeat: repeat;opacity: .5;}
.effect07 {position: relative; font-size: 70px;font-family: 'Rajdhani', sans-serif;color: #0000FF;z-index: 1;display: none; font-weight: 600; }
.effect07:before {content: "";position: absolute;bottom: -10px;width: 100%;height: 50px;left: 0;background-image: url(../img/bg_dot.png);background-repeat: repeat;opacity: .5;}
@media only screen and (max-width: 900px) {
.effect01 {font-size: 70px;}
}
@media only screen and (max-width: 700px) {
.effect01 {font-size: 38px;}
.effect02 {font-size: 24px;top: 50%}
.effect03 {font-size: 14px;}
}
@media only screen and (max-width: 600px) {
.effect05 {font-size: 18px;}
.effect04 {font-size: 40px;}
.effect04:before{height: 20px;}
.effect06 {font-size: 40px;}
.effect06:before{height: 20px;}
.effect07 {font-size: 40px;}
.effect07:before{height: 20px;}
}

/* waypoint*/
.test h4 {margin-top: 45px;}
.text-b {color: #96272D !important;}
.logo-bl {background-image: url(../img/logo_red.png);}
.top-bl, .middle-bl, .bottom-bl {background: #96272D !important;}
.room-bl a {color: #96272D !important;}
.room-bl a:after {background: #96272D !important;}
.left_copy-bl {color:#96272D !important;border: 1px solid #96272D !important;}
#over01 {position: absolute;width: 100%;height: 1px; bottom: 80px;}
#over02 {position: absolute;width: 100%;height: 1px; bottom: 50%;}

/* section*/
section {position: relative;width: 100%;height: auto;background-color: #ddd;}
.bg01 {position: absolute;top: 0;left: 0;width: 16.5%; height: 100%; background: #4C5A75;opacity: .1;}
.bg02 {position: absolute;top: 0;left: 16.5%;width: 16.5%; height: 100%; background: -moz-linear-gradient(left, #d1d5dc 1%, #4c5a75 100%); background: -webkit-linear-gradient(left, #d1d5dc 1%,#4c5a75 100%); background: linear-gradient(to right, #d1d5dc 1%,#4c5a75 100%);opacity: .0;}
.bg03 {position: absolute;top: 0;left: 33%;width: 16.5%; height: 100%; background:  #4C5A75;opacity: .02;}
.bg04 {position: absolute;top: 0;left: 49.5%;width: 16.5%; height: 100%; background: #fff;opacity: .1;}
.bg05 {position: absolute;top: 0;left: 66%;width: 16.5%; height: 100%; background: -moz-linear-gradient(top, #d1d5dc 1%, #4c5a75 100%);background: -webkit-linear-gradient(top, #d1d5dc 1%,#4c5a75 100%); background: linear-gradient(to bottom, #d1d5dc 1%,#4c5a75 100%);opacity: .1;}
.bg06 {position: absolute;top: 0;left: 82.5%;width: 17.5%; height: 100%; background: -moz-linear-gradient(left, #d1d5dc 1%, #4c5a75 100%); background: -webkit-linear-gradient(left, #d1d5dc 1%,#4c5a75 100%); background: linear-gradient(to right, #d1d5dc 1%,#4c5a75 100%);opacity: .2;}



/* section_01*/
#section_01{ height: auto;font-family: 'Oswald', sans-serif;z-index: 1;margin-bottom: 80px;}
#section_01 .tittle {display: inline-block;position: relative;width: 85%; margin-left: 15%;vertical-align: top;}
#section_01 #develop {display: inline-block;vertical-align: middle;padding: 279px 0 0 0;}
#section_01 #develop p {position: relative; font-size: 14px;letter-spacing: 0.2em;padding-bottom: 25px;font-weight: 100;padding-left: 60px;margin-left: 100px;}
#section_01 #develop p:after {content: "";position: absolute;top: 8px;left: 0;width: 35px;height: 1px;background-color: #000;}
#section_01 #develop ul {width: 100%;}
#section_01 #develop ul li {position: relative; display: inline-block;font-size: 16px;padding: 0 10px 0 45px;font-family: 'Oswald', sans-serif;letter-spacing: 0.15em;font-weight: 100;}
#section_01 #develop ul li span{display: block;font-size: 13px;padding-top: 10px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
#section_01 #develop ul li:after {content: "";position: absolute; width: 30px;height: 1px;background-color: #000; top: 7px;left: 0;}
#section_01 #develop02 {display: inline-block;vertical-align: middle;padding: 279px 0 0 0;}
#section_01 #develop02 p {position: relative; font-size: 14px;letter-spacing: 0.2em;padding-bottom: 25px;font-weight: 100;padding-left: 60px;margin-left: 100px;}
#section_01 #develop02 p:after {content: "";position: absolute;top: 8px;left: 0;width: 35px;height: 1px;background-color: #000;}
#section_01 #develop02 ul {width: 100%;}
#section_01 #develop02 ul li {position: relative; display: inline-block;font-size: 16px;padding: 0 10px 0 45px;font-family: 'Oswald', sans-serif;letter-spacing: 0.15em;font-weight: 100;}
#section_01 #develop02 ul li span{display: block;font-size: 13px;padding-top: 10px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
#section_01 #develop02 ul li:after {content: "";position: absolute; width: 30px;height: 1px;background-color: #000; top: 7px;left: 0;}
#section_01 h3 {display: inline-block; position: relative; font-size: 45px;font-family: 'Oswald', sans-serif;color: #000;font-weight: bold;letter-spacing: 0.1em;padding: 260px 0 0 0;z-index: 1;line-height: 1.2em;vertical-align: top;}
#section_01 h3 span {font-weight: 100;}
#section_01 h3 p {font-size: 14px; font-weight: 100;}
#section_01 .works {position: relative; display: block;width: 100%;height: auto;background: #999;margin-bottom: 20%;}
#section_01 .works:last-child{margin-bottom: 8%;}
#section_01 .works a {color: #000;}
#section_01 .works #works01 {padding-top: 27%;}
#section_01 .works #works01 img {position: absolute;bottom: 0;left: 0; width: 72%;height: auto;}
#section_01 .works .works_r {position: absolute;top: -3vh;right: 5vw;}
#section_01 .works .works_r h4 {font-size: 4.5vw;font-weight: bold;letter-spacing: 0.2em;}
#section_01 .works .works_r p {text-align: right; font-size: 1.2vw;letter-spacing: 0.1em;padding-right: 0.3em;padding-top: 25px;}
#section_01 .works .works_r span {display: block; text-align: right; font-size: 1.2vw;letter-spacing: 0.1em;padding-right: 0.3em;padding-top: 15px;}
#section_01 .works #works02 {padding-top: 27%;}
#section_01 .works #works02 img {position: absolute;bottom: 0;right: 0; width: 72%;height: auto;}
#section_01 .works .works_l {position: absolute;top: -3vh;left: 5vw;}
#section_01 .works .works_l h4 {font-size: 4.5vw;font-weight: bold;letter-spacing: 0.2em;}
#section_01 .works .works_l p {text-align: left; font-size: 1vw;letter-spacing: 0.1em;padding-right: 0.3em;padding-top: 25px;}
#section_01 .works .works_l span {display: block; text-align: left; font-size: 1vw;letter-spacing: 0.1em;padding-right: 0.3em;padding-top: 15px;}
@media only screen and (max-width: 700px) {
#section_01 h3 {padding: 160px 0 0 0;}
#section_01 #develop {display: block; padding: 30px 0 0 0;}
#section_01 #develop p {margin-left: 0px;}
}
@media only screen and (max-width: 900px) {
#section_01 #develop02 {display: block; padding: 30px 0 0 0;}
#section_01 #develop02 p {margin-left: 0px;}
}


/* section_02*/
#section_02{ height: auto;font-family: 'Oswald', sans-serif;z-index: 1;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
#section_02 .tittle {display: inline-block;position: relative;padding-top: 10%;width: 270px;margin-left: 15%;vertical-align: top;}
#section_02 h3 {font-size: 45px;font-family: 'Oswald', sans-serif;color: #000;font-weight: bold;letter-spacing: 0.1em;padding: 70% 10% 10% 10%;border: 5px solid #000;background-color: #ddd;z-index: 1;line-height: 1.3em;}
#section_02 h3 span{font-weight: 100;}
#section_02 #company_r {display: inline-block;width: 35%;height: 395px; -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;vertical-align: top;padding: 10% 0 5% 10%;word-break: break-all;}
#section_02 #company_r h5 {display: block; font-size: 27px;letter-spacing: 0.1em;font-weight: bold;padding-left: 15%;}
#section_02 #company_r p {display: block; font-size: 18px;padding-left: 7%;}
#section_02 #company_r span {display: block; font-size: 14px;letter-spacing: 0.1em;line-height: 2.3em;direction: ltr;}
#section_02 #gaiyou {width: 80%;height: auto;padding: 5% 0;background-color: #bbb;}
#section_02 table {width: 50%;height: auto;margin-left: 20%;letter-spacing: 0.2em;}
#section_02 table a {color: #000; text-decoration: none;border-bottom: 1px solid #000;line-height: 2em;}
#section_02 table tr {display: block;}
#section_02 table th {min-width: 6em;font-size: 13px;color: #000;text-align: left;vertical-align: middle;padding: 0 10px 20px 0;}
#section_02 table td {font-size: 13px;color: #000;text-align: left;padding-left: 1em;vertical-align: middle;line-height: 1.5em;padding: 0 0 20px 15px;}


/* section_03*/
#section_03 {}
#section_03 .tittle {display: inline-block;position: relative;padding-top: 10%;width: 270px;margin-left: 15%;vertical-align: top;}
#section_03 h3 {font-size: 45px;font-family: 'Oswald', sans-serif;color: #000;font-weight: bold;letter-spacing: 0.1em;padding: 70% 10% 10% 10%;border: 5px solid #000;background-color: #ddd;z-index: 1;line-height: 1.3em;margin-bottom: 10%;}
#section_03 h3 span{font-weight: 100;}

/* contact*/
#section_05 {position: relative;z-index: 1;background: #ddd;margin-top: 150px;}
#section_05 h3 {position:absolute; font-size: 130px;font-family: 'Oswald', sans-serif;color: #000;margin-left: 20vw;top: -55px;}
#section_05 h3:after {content: "";position:absolute;width: 10vw;height: 30px;background: #000;left: 4em;top: 40px;left: -13vw;}
#section_05 h3:before {content: "";position: absolute;top: -35px;left: 38vw;background-image: url(../img/93a76db6-b673-4451-a7b3-acf1e780381d_1000.png);width: 60%;height: 150%;background-repeat: no-repeat; background-size: contain;z-index: -1;}
#section_05 #contact {overflow: hidden; position: relative;margin: 0 auto;width: 100%;margin-bottom: 100px;}
#section_05 #contact p {display: inline-block;width: 30%;margin-bottom: 20px; margin-left: 17%;font-size: 13px; color: #000;letter-spacing: 0.1em;line-height: 2.1em;margin-top: 50px;float: left;}
#section_05 #contact #tel {position: relative; display: inline-block;width: 40%;vertical-align: top;height: auto;color: #000;float: right;margin-right: 10%;text-align: right;}
#section_05 #contact #tel:after {content: "";position: absolute;width: 90%;right: 0;height: 30px;background: #fff;bottom: 90px;z-index: -1;}
#section_05 #contact #tel #tel01 {font-size: 34px;font-family: 'Oswald', sans-serif;display: block;font-size: 34px;text-align: right;padding-right: 5px;padding-bottom: 10px;}
#section_05 #contact #tel #tel02 {font-size: 70px;font-family: 'Roboto Mono',serif; color: #000;}
#section_05 #contact #tel a {text-decoration: none;color: #000;}
#section_05 #contact dl {display: block;clear: both;width: 100%;float: right;margin-bottom: 15px;margin-top: 30px;}
#section_05 #contact dl dt {display: inline-block;padding: 7px 10px 5px 10px;font-size: 13px;border: 1px solid #000;margin-bottom: 20px;}
#section_05 #contact dl dd {display: inline-block;padding-left: 10px;}
:placeholder-shown {color: #000;opacity:.6;}
:-ms-input-placeholder {color: #000;opacity:.6;}
::-webkit-input-placeholder {color: #000;opacity:.6;}
:-moz-placeholder {color: #000;opacity:.6;}
::-moz-placeholder {color: #000;opacity:.6;}
:focus::-webkit-input-placeholder {color: #000;opacity:.6;}
:focus:-moz-placeholder { opacity: 0; }
:focus::-moz-placeholder { opacity: 0; }
:focus:placeholder-shown { opacity: 0; }
.form_area {width: 80%;max-width: 1100px;margin: 0 auto;}
@media only screen and (max-width: 1000px) {
#section_05 #contact p {width: 30%;margin-left: 10%;}
#section_05 #contact #tel {width: 50%;}
}
@media only screen and (max-width: 900px) {
#section_05 #contact #tel #tel02 {font-size: 50px;}
}
@media only screen and (max-width: 700px) {
#section_05 h3 {font-size: 90px;margin-left: 8vw;top: -40px;}
#section_05 h3:after {width: 0vw;}
#section_05 h3:before {width: 0%;}
#section_05 #contact {margin-bottom: 35px;}
#section_05 #contact #tel {width: 84%;margin-left: 8%;}
#section_05 #contact p {width: 84%;margin-left: 8%;margin-top: 20px;}
}
@media only screen and (max-width: 600px) {
#section_05 #contact:before {top: 50px;left:0px;}
#section_05 #contact h3:after{top: 70px;font-size: 40px;}
}
	

/* footer*/
footer {position: relative;   margin-top: 100px;width: 100%;background: #0000FF;height: 100px;position: relative;z-index: 10000;}
footer:after {content: ""; position: absolute;width: 100%;height: 1px;top: -5px;background: #0000ff;}
footer p {text-align: center;letter-spacing: 1.5em; color: #fff;font-size: 16px;line-height: 100px;font-weight: 600;}


.hidden{
     opacity:0;}
	 
.visible{
     opacity:1;
}

@-webkit-keyframes arrow{
  0%,50%{
    top: -150px;
  }
  25%,75%{
    top: -175px;
  }
  98%,100%{
    top: -160px;
  }
}

@-moz-keyframes arrow{
  0%,50%{
    top: -150px;
  }
  25%,75%{
    top: -175px;
  }
  100%{
    top: -160px;
  }
}