@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;}
html,body{width:100%;height:100%;}
body{font-family:'Fira Sans', sans-serif;font-size:100%;font-weight:300;color:#60616a;overflow:hidden;}
body:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0px;top:0px;z-index:10;opacity:0;visibility:hidden;transition:all .2s linear;transition-delay:.4s;}
body.mask:before{opacity:1;visibility:visible;transition-delay:0;}


.cWrap{max-width:1270px;margin:0 auto;width:100%;padding:0 30px;}
.cWrap.flex{display:flex;}
.clear{width:100%;clear:both;margin:0px !important;}

.unstyle,.unstyle li{list-style:none;}

.fullWidth{float:left;width:100%;clear:both;}
.halfWidth{float:left;width:48.25%;margin:0 0 0 3.5%;}
.three-blocks{float:left;width:31%;margin:0 0 0 3.5%;}
.four-blocks{float:left;width:22.375%;margin:0 0 0 3.5%;}

.flex .fullWidth,.flex .halfWidth,.flex .three-blocks,.flex .four-blocks{margin-left:0px;margin-bottom:3.5%;}


.first{margin-left:0px;clear:left;}
.flex{display:flex;flex-wrap: wrap;}
.greyBox{background:#f5f6fa;}
.green{color:#548a77;}
.red{color:#ff0000;}
.blue{color:#3c82be;}
.yellow{color:#d7cf18;}

h1{font-size:2.8em;margin:0 0 .3em;letter-spacing:-.04em;font-weight:800;color:#d486d7;position:relative;}
h2{font-size:3em;font-weight:500;margin-bottom:.6em;}
h4{font-size:1.3em;line-height:1.5em;font-weight:600;color:#a0a1aa;margin-top:1.4em;}


input[type="submit"],input[type="resete"],input[type="button"]{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

section{opacity:0;z-index:0;position:fixed;width:100%;height:100%;transition:all .1s linear;transition-delay:1s;display:flex;flex-wrap:wrap;padding-left:260px;padding-top:5%;padding-bottom:5%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
section.active{opacity:1;z-index:1;}
/*section:before{content:'';display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;z-index:1;width:100%;height:100%;border:#fff 20px solid;border-bottom-width:40px;left:0px;top:0px;}*/
section:after{content:'';display:block;background:none;position:absolute;z-index:1;width:100%;height:100%;border:#fff 20px solid;border-bottom-width:40px;left:0px;top:0px;}
section h2{font-weight:bold;text-transform:uppercase;position:relative;z-index:1;font-style:italic;}
section .copyCell{position:relative;z-index:4;height:300px;}
section .copyCell p{font-size:1em;line-height:1.4em;margin-bottom:1.5em;}
section.dark{color:#fff;}

section>*{z-index:1;}

#cover{align-content:center;padding-top:10%;padding-right:40%;}
#cover{background-image: url(../images/loading.jpg);}
#cover>p,#cover>.contents{z-index:3;}
#cover .contents{height:340px;}
#cover .contents h3{margin-bottom:2px;font-size:1.6em;font-weight:bold;}
#cover .contents p{margin-bottom:30px;}

#cover,#abtMe{padding-right:40%;flex-direction:column;align-items:flex-start;justify-content:center;}
#abtMe{background-image: url(../images/loading1.jpg);}
#pdt{background-image: url(../images/loading2.jpg);}

header{position:fixed;left:0px;top:0px;z-index:4;width:190px;height:100%;}
header figure{display:block;width:150px;background:#95969a;color:#fff;display:flex;flex-wrap:wrap;font-size:1.2em;font-weight:600;font-style:italic;justify-content:center;flex-direction:row;padding:100px 15px 15px;margin-left:40px;position:relative;}
header figure img{display:block;width:120px;}
header figure:before{content:'';display:block;width:100%;height:6px;background:transparent url(../images/bars.svg) no-repeat center center;background-size:cover;position:absolute;left:0px;top:100%;}

header nav{display:flex;width:100%;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;font-weight:600;margin-top:60px;gap:14px;}
header nav>a{display:block;width:100%;text-align:right;text-decoration:none;padding:0 20px 0 0;background:#35363a;color:#fff;line-height:40px;position:relative;transition:all .25s ease-out;}
header nav>a:before{content:'';display:block;width:46px;height:46px;background-repeat:no-repeat;background-position:center center;background-image:url(../images/nav_piece.png);background-size:contain;position:absolute;left:-60px;bottom:4px;transition:all .25s ease-out;}
header nav>a:first-child:before{background-image:url(../images/nav_piece_b.png);}
header nav>a:nth-child(2):before{background-image:url(../images/nav_piece_g.png);}
header nav>a:nth-child(3):before{background-image:url(../images/nav_piece_y.png);}
header nav>a:hover{letter-spacing:.15em;}
header nav>a:hover:before,header nav a.active:before{left:10px;}
a#policy{float:left;position:fixed;bottom:4px;line-height:30px;text-decoration:none;font-weight:bold;color:#a6a7aa;text-align:center;right:0px;font-size:.8em;background:none;width:auto;}
a#policy:before{display:none;}
header nav>div{display:block;position:fixed;left:0px;bottom:9px;}
header nav>div a{float:left;background:none;width:22px;margin-left:20px;}
header nav>div a:hover{opacity:.6;}
header nav>div a img{display:block;max-width:100%;}

#legoLogo{width:112px;border:16px transparent solid;position:fixed;right:20px;top:20px;}

#mNav{position:fixed;width:60px;height:60px;top:0px;left:0px;z-index:3;display:none;}
#mNav span{position:absolute;display:block;width:42px;height:3px;left:0px;top:12px;background:rgba(255,255,255,0.6);border-radius: 1px;transition:all .2s linear;transition-delay:.2s;margin:26px 0 0 20px;}
#mNav span:before{content:'';position:absolute;display:block;width:36px;height:3px;left:0px;top:-11px;background:rgba(255,255,255,0.6);border-radius: 1px;}
#mNav span:after{content:'';position:absolute;display:block;width:32px;height:3px;left:0px;bottom:-11px;background:rgba(255,255,255,0.6);border-radius: 1px;}
.open #mNav{left:auto;right:0px;}
.open #mNav span{opacity:0;transition:none}
#mNav figure{opacity:0;position:absolute;display:block;width:32px;height:3px;left:50%;top:50%;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);transition:none;margin: 0 0 0 -16px;}
#mNav figure:before{content:'';position:absolute;display:block;width:32px;height:3px;left:0px;top:0px;background:rgba(255,255,255,0.6);border-radius: 1px;-ms-transform: rotate(90deg);-webkit-transform:rotate(90deg);transform: rotate(90deg);}
.open #mNav figure{opacity:1;transition:all .2s linear;transition-delay:.2s;}

section:before{transition:left .6s ease-in-out;}
.narrow:before{left:-400px !important;transition:left .4s ease-in-out;}

aside{position:fixed;width:400px;height:100%;right:-400px;top:-40px;transition:all .25s ease-out;transition-delay:0s;z-index:4;background:#fff;}
aside h2{display:block;font-size:2.6em;font-weight:600;letter-spacing:-.02em;text-transform:uppercase;padding-left:50px;background:transparent url(../images/piece.svg) no-repeat left bottom;line-height:.8em;background-size:auto 75%;padding-top:30px;}
aside.active{right:0px;transition:all .4s ease-out;transition-delay:.2s;}
aside form,aside>div{display:block;width:100%;height:55%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0 30px;}
input{display:block;width:100%;height:44px;border-radius:2px;border:#e6e7ea 2px solid;outline:none;margin-top:6px;padding:0 10px;}
textarea{display:block;width:100%;height:132px;border-radius:2px;border:#e6e7ea 2px solid;outline:none;margin-top:6px;padding:10px;resize:none;}
input[type="submit"]{background:#2BB788;border:none;color:#fff;font-weight:600;text-transform:uppercase;}
aside #mapCell{position:absolute;height:45%;left:0px;bottom:0px;}
aside #mapCell iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
aside p{margin-bottom:20px;font-size:1.2em;}
aside p strong{font-weight:bold;display:block;}


#transition{display:block;width:100%;height:100%;border:#fff 20px solid;border-bottom-width:40px;background:none;position:fixed;left:0px;top:0px;z-index:2;visibility:hidden;}
#transition:before{content:'';display:block;width:100%;height:100%;position:absolute;left:-100%;top:0px;background:transparent url(../images/transition.jpg) no-repeat center center;background-size:cover;transition:all .6s ease-in-out;}
#transition.active{visibility:visible;}
#transition.active:before{left:0%;}

#pdt{align-content:center;align-items:flex-start;gap:30px;padding-right:14% !important;}
#pdt>img{width:300px;}
#pdt>div.pdtCate{display:block;max-height:600px;z-index:4;}
#pdt>div .pdtRow{display:flex;width:100%;gap:4%;justify-content:space-between;margin-bottom:40px;align-items:center;}
#pdt>div .pdtRow:nth-child(even){flex-direction:row-reverse;}
#pdt>div .pdtRow figure{width:48%;border-radius:0 0 80px 0;overflow:hidden;}
#pdt>div .pdtRow figure img{display:block;max-width:100%;}
#pdt>div .pdtRow:nth-child(even) figure{border-radius:80px 0 0 0;}
#pdt>div .pdtRow figure.video{position:relative;padding-top:48%;}
#pdt>div .pdtRow figure.video iframe{position:absolute;height:120%;width:180%;top:-10%;left:-40%;}
#pdt>div .pdtRow p{width:48%;margin:0px;}
#pdt>div .pdtRow p strong{display:block;font-size:140%;font-weight:400;color:#15161a;line-height:1em;}
#pdt>div .pdtRow p strong em{width:48%;font-weight:bold;font-size:140%;}

#pdt>h2{display:flex;justify-content:space-between;width:100%;align-items:center;z-index:2}
#pdt>h2 a{display:block;font-size:36%;font-style:normal;line-height:36px;padding:0 12px;background:#a90000;color:#fff;text-decoration:none;}

#policyCell{position:fixed;width:100%;height:50%;background:#f5f6fa;left:0px;top:25%;z-index:10;border:none !important;padding:30px 4% 30px 5% !important;display:flex;align-items:center;transition:all .2s linear;opacity:0;visibility:hidden;}
#policyCell.active{transition-delay:.3s;opacity:1;visibility:visible;}
#policyCell p{margin:.2em 0 1.2em;}
#policyCell h3{font-weight:bold;font-size:1.2em;}
#policyCell:before,#policyCell:after{display:none;}
#policyCell figure{padding:10px 20px;font-size:2em;text-align:center;display:flex;position:absolute;right:0px;top:0px;cursor:pointer;color:#35363a;}
#policyCell a{text-decoration:none;font-weight:bold;color:#a90000;margin-left:5px;}
#policyCell a:hover{text-decoration:underline;}

/*---Scrollbar styles---*/
.scrollbar-track{border-radius:20px;background:rgba(0,0,0,0.15) !important;}
.scroll-content{padding-right:30px;}


#rotate{float:left;width:100%;height:100%;position:fixed;z-index:9999;background:transparent url(../images/rotation.png) no-repeat center center;background-size:cover;left:0px;top:0px;display:none;}
#rotate figure{float:left;width:50px;height:102px;position:absolute;left:65%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#rotate div{float:left;width:20px;height:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#rotate h4{width:100%;min-width:320px;height:20px;position:absolute;left:50%;top:100%;transform:translate(-50%,20%);-ms-transform:translate(-50%,20%);-webkit-transform:translate(-50%,20%);-moz-transform:translate(-50%,20%);-o-transform:translate(-50%,20%);text-align:center;color:#fff;}

aside>figure{position: absolute;
    background:#45464a;
	color:#fff;
    top: 40px;
    right: 0px;
    z-index: 1000;
    width: 40px;
    height: 40px;
    font-size: 1.4em;
    cursor:pointer;
    text-align: center;
    line-height: 40px;}

@media screen and (min-aspect-ratio: 13/9){
.mCell #rotate{display:block;}
}

@media (min-width: 1400px) {
	.cWrap{padding:0px;}
	#mainCont article#contParty{padding:80px 20% 30px;}
	section{padding-left:320px;padding-right:44% !important;}
}

@media(max-width:1024px){
body{font-size:90%;}


#imgList::-webkit-scrollbar{
    display:none;
  }
#imgList::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }
#imgList::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }
#imgList::-webkit-scrollbar-thumb:window-inactive{
    background: rgba(0, 0, 0, 0);
  }

}

@media (max-width: 940px){
#cover{background-image: url(../images/loading_m.jpg);}
#abtMe{background-image: url(../images/loading1m.jpg);background-position:70% 50%}
body{font-size:80%;}
header{top:0px;width:100%;height:80px;z-index:10;padding:0px;gap:0px;border-right:#fff 5px solid;/*background:rgb(0,0,0);
background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 75%);background-position:5px 5px*/background:#25262a;}
header>img{width:140px;}

header nav{display:flex;width:100%;padding:0 90px 0 120px;justify-content:space-between;margin:0px;left:0px;top:6px;gap:4%;position:absolute;}
header nav>a{display:block;width:48%;padding:0;background:none;color:#fff;line-height:20px;position:relative;transition:all .25s ease-out;text-align:left;font-size:1.4em;margin-top:10px;}
header nav>a:hover{letter-spacing:0px;}
header nav>a:before{display:none;}

section{padding:200px 30px 80px !important;overflow:auto;font-size:1.2em;}
#pdt{padding-right:30px !important;}
section:after{position:fixed;z-index:3;}
section#cover{color:#fff;}
section#cover:before{content:'';display:block;position:fixed;left:0px;top:0px;z-index:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
section#abtMe:before{content:'';display:block;position:fixed;left:0px;top:0px;z-index:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
section .copyCell,section .pdtCate{height:auto;max-height:none !important;z-index:0 !important;}
section:before,#transition,section:after{border:#fff 5px solid;border-bottom-width:40px;}

#pdt>div .pdtRow p{font-size:1.2em;color:#25262a;}
#pdt>div .pdtRow{margin-bottom:40px;}

.contents{height:auto !important;}

header figure{display:block;width:100px;background:#95969a;color:#fff;display:flex;flex-wrap:wrap;font-size:1.2em;font-weight:600;font-style:italic;justify-content:center;flex-direction:row;padding:20px 15px 15px;margin-left:0px;position:relative;}
header figure img{display:block;width:70px;}
header figure:before{content:'';display:block;width:100%;height:6px;background:transparent url(../images/bars.svg) no-repeat center center;background-size:cover;position:absolute;left:0px;top:100%;}

#legoLogo{width:70px;border:10px transparent solid;right:5px;top:5px;}

aside{width:100%;padding:0 20px;right:auto;left:100%;top:0px;}
aside.active{right:auto;left:0%;}
aside figure{top:20px;}
aside form,aside>div{height:50%;padding:0px;}
aside #mapCell{height:50%;left:0px;bottom:0px;border-right:#fff 5px solid;border-bottom:#fff 40px solid;}

#pdt .pdtRow p{margin-bottom:40px;}
.scroll-content{padding:0px;}
a#policy{right:20px;}
}
@media (max-width: 641px) {
#pdt>div .pdtRow{flex-direction:column !important;gap:20px !important;}
#pdt>div .pdtRow figure{width:100%;border-radius:0 0 80px 0 !important;}
#pdt>div .pdtRow figure.video{padding-top:100% !important;}
#pdt .pdtRow p{width:100% !important;}	
}

@media (max-width: 481px) {
header{height:72px;}
header nav>a{margin-top:7px;}	
header figure{width:90px;padding:20px 10px 10px;}
header figure img{width:60px;}

#legoLogo{width:63px;border:9px transparent solid;right:5px;top:5px;}
#pdt p{margin-bottom:0px;}
#pdt>div img{width:100%;margin:40px 0 0;}
#policyCell{height:100%;top:0%;}
a#policy{right:5px;}
#transition:before{background:transparent url(../images/transition_m.jpg) no-repeat center center;background-size:cover;}
aside form,aside>div{height:70%;padding:0px;}
aside #mapCell{height:30%;left:0px;bottom:0px;border-right:#fff 5px solid;border-bottom:#fff 40px solid;}

#pdt>h2{flex-direction:column;align-items:flex-start;z-index:5;}
#pdt>h2 a{width:100%;}
section{flex-flow:column !important;justify-content:flex-start !important;}
}

@media (max-width: 321px) {
  
}