@charset "UTF-8";
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
 html{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}
:after,:before{text-decoration:inherit;vertical-align:inherit}
*{padding:0;margin:0}
hr{overflow:visible;height:0}
details,main{display:block}
summary{display:list-item}
small{font-size:80%}
[hidden]{display:none}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
a:link {color: #eee;}
a:visited {color: #eee;}
code,kbd,pre,samp{font-family:monospace,monospace}
pre{font-size:1em}
b,strong{font-weight:bolder}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
input{border-radius:0}
[disabled]{cursor:default}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;resize:vertical}
button,input,optgroup,select,textarea{font:inherit}
optgroup{font-weight:700}
button{overflow:visible}
button,select{text-transform:none}
[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button,input,select,textarea{background-color:transparent;border-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}
::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}
img{border-style:none}
progress{vertical-align:baseline}
svg:not([fill]){fill:currentColor}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}
}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled]{cursor:default}
html{font-size:62.5%}
body{font-family:Open Sans,Helvetica,Verdana,Arial,Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;-webkit-text-size-adjust:100%}
article{position:relative}
img{display:block;width:100%}
a{color:inherit;text-decoration:none;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
a:hover{opacity:.7}
.object-fit{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}
.anchor-box>a{display:block}
iframe[src*="player.vimeo.com/video"],iframe[src*="youtube.com/embed"]{border:none}
[data-whatinput=mouse] :focus,[data-whatinput=touch] :focus{outline:none}
.modal-enter-active,.modal-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}
.modal-enter,.modal-leave-to{opacity:0}
.forPC,img[src*="_pc."],img[src*="_pc@"]{display:none}
.forSP,img[src*="_sp."],img[src*="_sp@"]{display:block}
@media screen and (min-width:1024px){.forPC,img[src*="_pc."],img[src*="_pc@"]{display:block}
.forSP,img[src*="_sp."],img[src*="_sp@"]{display:none}
}
html{font-size:2.66667vw;color:#fff}
header,html{background:#000}
header{position:absolute;width:100%;height:8rem;top:0;left:0;z-index:100}
header .logo{position:absolute;width:57.06667%;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
#main-visual{position:relative;height:100vh;padding-top:8rem}
#main-visual .background{width:100%;height:100%}
#main-visual .background iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}
#main-visual .background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:15%;object-position:15%;font-family:"object-fit: cover; object-position: 15%"}
#main-visual .background img.oil{-o-object-fit:cover;object-fit:cover;-o-object-position:25%;object-position:25%;font-family:"object-fit: cover; object-position: 25%"}
#main-visual .content{position:absolute;top:0;left:0;width:100%;height:100vh;padding-top:8rem;background-color:rgba(0,0,0,.5)}
#main-visual .content,#main-visual .content .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#main-visual .content .title{width:75.2%}
#main-visual .content .note .text{margin-top:.9rem;font-weight:700;font-size:1.3rem;letter-spacing:.18em;text-align:center;color:#fff}
#main-visual .content .sub-title{margin-top:2.5rem;width:53.33333%;height:4rem;background:#000}
#main-visual .content .sub-title .text{position:relative;top:50%;font-weight:700;font-size:1rem;letter-spacing:.3em;text-align:center;color:#fff;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
#main-visual .content .tabs-wrap{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#main-visual .content .tabs,#main-visual .content .tabs-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}
#main-visual .content .tabs{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:5.5rem;overflow:hidden}
#main-visual .content .tabs .tab{position:relative;width:50%;height:6.5rem;z-index:1}
#main-visual .content .tabs .tab .text{margin-top:1.5em;font-weight:700;font-size:1.5rem;letter-spacing:.3em;text-align:center;color:#fff}
#main-visual .content .tabs .tab:not(.active):before{position:absolute;content:"";top:0;left:50%;width:50%;height:6.5rem;background:#333;z-index:-1}
#main-visual .content .tabs .tab:after{position:absolute;content:"";top:0;left:0;width:100%;height:6.5rem;background:#333;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);z-index:-1}
#main-visual .content .tabs .tab.active{height:8rem}
#main-visual .content .tabs .tab.active:after{height:8rem;background:#000}
#intro .intro1 .text-wrap{padding:10rem 3rem}
#intro .intro1 .text-wrap.on .note,#intro .intro1 .text-wrap.on .wrap>.title{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#intro .intro1 .text-wrap .note .text,#intro .intro1 .text-wrap .title .text{font-weight:700;letter-spacing:.2em;text-align:left;color:#c1c1c1}
#intro .intro1 .text-wrap .title{opacity:0;-webkit-transform:translate3d(0,-1.5em,0);transform:translate3d(0,-1.5em,0)}
#intro .intro1 .text-wrap .title .text{font-size:2.6rem;line-height:1.30769}
#intro .intro1 .text-wrap .note{opacity:0;-webkit-transform:translate3d(0,1.5em,0);transform:translate3d(0,1.5em,0)}
#intro .intro1 .text-wrap .note .text{font-size:1.6rem;line-height:2.125}
#intro .intro1 .image-wrap{position:relative;padding:10rem 0 0;height:42rem;overflow:hidden}
#intro .intro1 .image-wrap.on>.image{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#intro .intro1 .image-wrap .image{position:absolute;opacity:0}
#intro .intro1 .image-wrap .image1{width:51.46667%;top:10rem;left:-3.5rem;-webkit-transform:translate3d(-10rem,0,0);transform:translate3d(-10rem,0,0);z-index:1}
#intro .intro1 .image-wrap .image2{width:78.4%;bottom:3rem;right:-7rem;-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0);z-index:1}
#intro .intro1 .image-wrap .image3{width:30.93333%;bottom:0;left:30%;-webkit-transform:translate3d(6rem,-8rem,0);transform:translate3d(6rem,-8rem,0);z-index:2}
#intro .intro1 .image-wrap .image4{width:13.33333%;bottom:20%;left:37%;-webkit-transform:translate3d(1rem,-4rem,0);transform:translate3d(1rem,-4rem,0);z-index:3}
#intro .intro1 .image-wrap .image5{position:absolute;width:6.93333%;bottom:10%;left:29%;-webkit-transform:translate3d(-1rem,4rem,0);transform:translate3d(-1rem,4rem,0);opacity:0;z-index:3}
#intro .intro2{margin-top:6.5rem;overflow:hidden}
#intro .intro2 .image-wrap{position:relative;height:36rem}
#intro .intro2 .image-wrap.on .title,#intro .intro2 .image-wrap.on>.image{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#intro .intro2 .image-wrap .title{position:absolute;opacity:0;top:4.5rem;left:6.5rem;z-index:2;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
#intro .intro2 .image-wrap .title .text{font-weight:700;font-size:1.8rem;text-align:left;color:#fff}
#intro .intro2 .image-wrap .image{position:absolute;opacity:0;z-index:1}
#intro .intro2 .image-wrap .image1{width:29.33333%;top:16rem;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
#intro .intro2 .image-wrap .image2{width:58.93333%;bottom:0;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
#intro .intro2 .image-wrap .image3{width:87.2%;top:0;left:3rem;-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0)}
#intro .intro2 .image-wrap .image4{width:58.13333%;top:4rem;left:10rem;-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0)}
#intro .intro3{margin-top:4.5rem}
#intro .intro3 .text-wrap{padding-top:4.5rem}
#intro .intro3 .text-wrap.on .note{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#intro .intro3 .text-wrap .note{width:83.2%;margin:0 auto;opacity:0;-webkit-transform:translate3d(0,8em,0);transform:translate3d(0,8em,0)}
#intro .intro3 .text-wrap .note .text{font-weight:700;font-size:1.6rem;letter-spacing:.2em;line-height:2.125;text-align:left;color:#c1c1c1}
#intro .intro3 .image-wrap{position:relative;width:88%;margin:7rem auto 0;height:37rem}
#intro .intro3 .image-wrap.on .image{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#intro .intro3 .image-wrap .image{position:absolute;width:45.45455%;opacity:0}
#intro .intro3 .image-wrap .image1{top:0;left:0}
#intro .intro3 .image-wrap .image1,#intro .intro3 .image-wrap .image2{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);z-index:2}
#intro .intro3 .image-wrap .image2{top:6rem;right:0}
#intro .intro3 .image-wrap .image3{top:17.5rem;left:0}
#intro .intro3 .image-wrap .image3,#intro .intro3 .image-wrap .image4{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);z-index:2}
#intro .intro3 .image-wrap .image4{bottom:0;right:0}
#movie{margin-top:12rem}
#movie .movie{position:relative;width:100%;height:0;padding-top:56.25%}
#movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#links{margin-top:8.5rem}
#links .links{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#links .link,#links .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#links .link{position:relative;font-size:1.4rem}
#links .link a{display:block;font-weight:700;letter-spacing:.05em;color:#fff}
#links .link:before{content:"";display:block;width:0;height:0;margin-right:1.5rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.4em 0 .4em .8em}
#links .link+.link{margin-top:6rem}
#parallax{margin-top:8.5rem;overflow:hidden}
#lists{margin-top:11.5rem}
#lists .lists-title .text{font-weight:700;font-size:3.1rem;letter-spacing:.3em;text-align:center;color:#fff}
#lists .lists-wrap{position:relative}
#navigation{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(calc(-100vw + 5.4rem),0,0);transform:translate3d(calc(-100vw + 5.4rem),0,0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;z-index:100}
#navigation.on{position:fixed;top:0}
#navigation.open{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out,-webkit-transform .8s ease-in-out}
#navigation.end{top:auto;bottom:0}
#navigation .left-side{width:85.6%;padding:0 3rem 10rem;overflow-y:scroll;-webkit-overflow-scrolling:touch}
#navigation .left-side .main-title{margin-top:6rem}
#navigation .left-side .main-title .text{font-weight:700;font-size:2.8rem;letter-spacing:.25em;text-align:center;color:#fff}
#navigation .left-side .category-title{margin-top:10rem;font-weight:700;font-size:2rem;line-height:2.25;text-align:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#navigation .left-side .category-title:after,#navigation .left-side .category-title:before{display:block;content:"";border-top:1px solid #c1c1c1;width:auto;height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
#navigation .left-side .category-title a{margin:0 .5em}
#navigation .left-side .sub-category-title{margin-top:7rem;font-weight:700;font-size:2rem;line-height:2.25;text-align:left;color:#fff}
#navigation .left-side .list-item{margin-top:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
#navigation .left-side .list-item .number{font-weight:500;font-size:2.3rem;line-height:1.08696;text-align:left;color:#707070;white-space:nowrap;}
#navigation .left-side .list-item .title{padding-left:1em;font-weight:400;font-size:1.4rem;line-height:1.78571;text-align:left;color:#fff}
#navigation .left-side .list-item .title span{font-size:.75em}
#navigation .right-side{width:auto;padding-top:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
#navigation .right-side .category{position:relative}
#navigation .right-side .category:first-child .text:after{border-top:1px solid #999}
#navigation .right-side .category .text{position:relative;padding:1.5rem 1.8rem;font-weight:700;font-size:1.1rem;letter-spacing:.1em;text-align:left;color:#696969;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:sideways;text-orientation:sideways;z-index:1;-webkit-transition:color .5s;transition:color .5s}
#navigation .right-side .category .text.active{color:#ff5800}
#navigation .right-side .category .text:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;-webkit-transform:skewY(-25deg);transform:skewY(-25deg);-webkit-transform-origin:60% 50%;transform-origin:60% 50%;border-bottom:1px solid #999;z-index:-1;-webkit-transition:background-color .5s;transition:background-color .5s}
#item-lists{padding-left:5.4rem}
#item-lists .list-item{margin-top:10rem;padding-bottom:3.5rem;border-bottom:1px solid #707070;opacity:0;-webkit-transform:translate3d(0,10rem,0);transform:translate3d(0,10rem,0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
#item-lists .list-item.on{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
#item-lists .list-item#item01{margin-top:5rem}
#item-lists .list-item .content{padding:0 2rem}
#item-lists .list-item .content .number{width:53.33333%;margin-top:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#item-lists .list-item .content .number .text{font-weight:500;font-size:5.7rem;text-align:left;color:#707070}
#item-lists .list-item .content .number:after{display:block;content:"";border-top:1px solid #707070;margin-left:1em;width:auto;height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
#item-lists .list-item .content .title{margin-top:3rem;padding-right:3rem}
#item-lists .list-item .content .title .text{font-weight:700;font-size:2.4rem;line-height:1.45833;text-align:left;color:#fff}
#item-lists .list-item .content .title .text span{font-size:.75em}
#item-lists .list-item .content .detail{width:45.66667%;margin:3.5rem auto 0;border:1px solid #848484;border-radius:3rem}
#item-lists .list-item .content .detail a{padding:.5em 0;font-weight:400;font-size:1.4rem;text-align:center;color:#d5d5d5}
#modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:200}
#modal .modal-inner{height:100%;padding:6rem 5.5rem;overflow-y:scroll;-webkit-overflow-scrolling:touch}
#modal .categories{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#modal .categories .category{margin-left:2em}
#modal .categories .category+.category{margin-top:1.5rem}
#modal .categories .category a{position:relative;padding:.5em 2em;display:inline-block;font-weight:700;font-size:1.2rem;letter-spacing:.1em;text-align:left;color:#c1c1c1;z-index:1}
#modal .categories .category a:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:1px solid #707070;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}
#modal .number{width:53.33333%;margin-top:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#modal .number .text{font-weight:500;font-size:5.7rem;text-align:left;color:#707070}
#modal .number:after{display:block;content:"";border-top:1px solid #707070;margin-left:1em;width:auto;height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
#modal .title{margin-top:3rem}
#modal .title .text{font-weight:700;font-size:2.4rem;line-height:1.45833;text-align:left;color:#fff}
#modal .title .text span{font-size:.75em}
#modal .note{margin-top:4rem}
#modal .note .text{font-weight:400;font-size:1.6rem;line-height:2.1875;text-align:left;color:#fff}
#modal .close-modal{position:fixed;width:5rem;top:2rem;right:2rem}
#before-footer{margin-top:3.75rem;padding-bottom:8rem;border-top:1px solid transparent}
#before-footer .note{margin-top:6.5rem}
#before-footer .note .text{width:46.4%;margin:0 auto}
#before-footer .links{margin-top:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#before-footer .links-border-wrap .link{border:1px solid #fff;padding:.8em 3.8em;font-size:1.4rem}
#before-footer .links-wrap .link{font-size:2rem}
#before-footer .links-wrap .link:before{border-width:.3em 0 .3em .6em}
#before-footer .link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#before-footer .link a{display:block;font-weight:700;letter-spacing:.05em;text-align:left;color:#fff}
#before-footer .link:before{content:"";display:block;width:0;height:0;margin-right:1.5rem;border-color:transparent transparent transparent #fff;border-style:solid;border-width:.4em 0 .4em .8em}
#before-footer .link+.link{margin-top:3rem}
@media screen and (min-width:1024px){html{font-size:.60606vw}
header .logo{width:24.24242%;max-width:400px;left:2.42424%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
#main-visual{padding-bottom:12rem}
#main-visual .content{display:block}
#main-visual .content .wrap{position:absolute;top:50%;left:50%;width:40.90909%;max-width:675px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
#main-visual .content .title{width:93.33333%}
#main-visual .content .note{margin-top:2rem}
#main-visual .content .note .text{font-size:4rem}
#main-visual .content .sub-title{margin-top:10rem;width:37.03704%;height:7rem}
#main-visual .content .sub-title .text{font-size:1.8rem}
#main-visual .content .tabs-wrap{height:100%}
#main-visual .content .tabs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:19rem;padding-bottom:10rem}
#main-visual .content .tabs .tab{width:13.63636%}
#main-visual .content .tabs .tab .text{margin-top:1em;font-size:1.8rem}
#main-visual .content .tabs .tab.active{margin-right:-.24242%}
#intro .intro1{position:relative}
#intro .intro1 .text-wrap{position:absolute;padding:0;top:0;left:0;width:100%;height:100%}
#intro .intro1 .text-wrap .wrap{position:absolute;top:37%;left:25%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);z-index:10}
#intro .intro1 .text-wrap .note .text,#intro .intro1 .text-wrap .title .text{letter-spacing:.1em}
#intro .intro1 .text-wrap .title .text{font-size:3.4rem;line-height:1.47059}
#intro .intro1 .text-wrap .note .text{font-size:2.4rem;line-height:2.08333}
#intro .intro1 .image-wrap{height:74.5rem;padding-top:0}
#intro .intro1 .image-wrap .image1{width:24.36364%}
#intro .intro1 .image-wrap .image2{width:47.69697%;top:0;bottom:auto;right:-15rem}
#intro .intro1 .image-wrap .image3{width:18.90909%;bottom:5rem;left:52%}
#intro .intro1 .image-wrap .image4{width:4.84848%;bottom:7%;left:38%}
#intro .intro1 .image-wrap .image5{width:2.78788%;bottom:0;left:35%}
#intro .intro2{margin:0}
#intro .intro2 .image-wrap{width:78.78788%;margin:0 auto;height:82rem}
#intro .intro2 .image-wrap .title{top:12rem;left:43rem}
#intro .intro2 .image-wrap .title .text{font-size:3.6rem}
#intro .intro2 .image-wrap .image1{width:29.30769%}
#intro .intro2 .image-wrap .image2{width:61%}
#intro .intro2 .image-wrap .image3{width:63.23077%;left:43.4rem}
#intro .intro2 .image-wrap .image4{width:41.92308%;top:10rem;left:61.4rem}
#intro .intro3 .text-wrap .note{width:67.27273%;-webkit-transform:translate3d(25em,0,0);transform:translate3d(25em,0,0)}
#intro .intro3 .text-wrap .note .text{line-height:3.75}
#intro .intro3 .image-wrap{width:100%;height:70rem;margin:0}
#intro .intro3 .image-wrap .image{width:20.30303%}
#intro .intro3 .image-wrap .image1{top:12rem;left:auto;right:106.5rem;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
#intro .intro3 .image-wrap .image2{top:25rem;left:auto;right:71rem;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
#intro .intro3 .image-wrap .image3{top:38rem;left:auto;right:35.5rem;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
#intro .intro3 .image-wrap .image4{top:25rem;right:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
#intro .intro3 .image-wrap .image5{width:10.90909%;top:0;left:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);z-index:1}
#movie{margin-top:10rem}
#links{margin-top:18rem}
#links .links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#links .link{font-size:3rem}
#links .link:before{border-width:.3em 0 .3em .6em}
#links .link:first-child:after{content:"";display:block;width:1px;height:4rem;margin:0 10rem;background-color:#fafafa}
#links .link+.link{margin-top:0}
#parallax{margin-top:17rem;height:50rem}
#lists{margin-top:12rem}
#lists .lists-title .text{font-size:6rem}
#navigation{width:50%;-webkit-transform:translate3d(-87.87879%,0,0);transform:translate3d(-87.87879%,0,0)}
#navigation .left-side{width:87.87879%}
#navigation .left-side .list-item .title span{display:none}
#navigation .right-side{display:block;padding-top:8rem}
#navigation .right-side .category-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#navigation .right-side .category .text{padding:2rem 3.9rem;font-size:1.3rem}
#item-lists{margin-top:14rem;padding-left:6.06061%}
#item-lists .category .sub-category .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0;padding:0;border:none}
#item-lists .category .sub-category .list-item.rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
#item-lists .category .sub-category .list-item .content,#item-lists .category .sub-category .list-item .image{width:50%}
#item-lists .list-item .content{padding:0 8rem;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#item-lists .list-item .content,#item-lists .list-item .content .categories{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}
#item-lists .list-item .content .categories{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}
#item-lists .list-item .content .category{margin-left:2em}
#item-lists .list-item .content .category+.category{margin-left:1.5rem}
#item-lists .list-item .content .category a{position:relative;padding:.8em 2em;display:inline-block;font-weight:700;font-size:1.4rem;line-height:1;letter-spacing:.1em;text-align:left;color:#c1c1c1;z-index:1}
#item-lists .list-item .content .category a:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:1px solid #707070;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}
#item-lists .list-item .content .number{width:31.25%;margin-top:4.5rem}
#item-lists .list-item .content .title{margin-top:4.5rem}
#item-lists .list-item .content .title .text{font-size:3.5rem}
#item-lists .list-item .content .title .text span{display:none}
#item-lists .list-item .content .note{margin-top:8rem}
#item-lists .list-item .content .note .text{font-weight:400;font-size:1.6rem;line-height:2.1875;text-align:left;color:#fff;max-height:20em;overflow-y:auto}
#before-footer{margin-top:13rem;padding-bottom:10rem;border:none}
#before-footer .note{margin-top:12rem}
#before-footer .note .text{width:36.12121%}
#before-footer .links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#before-footer .links-border-wrap{margin-top:8.5rem}
#before-footer .links-border-wrap .link{padding:1em 2.8em;font-size:2.5rem}
#before-footer .links-border-wrap .link a{line-height:1}
#before-footer .links-border-wrap .link+.link{margin-left:5rem}
#before-footer .links-wrap{margin-top:10rem}
#before-footer .links-wrap .link{font-size:2rem}
#before-footer .links-wrap .link:after{content:"";display:block;width:1px;height:4rem;margin:0 10rem;background-color:#fafafa;height:2.2rem;margin:0 8rem}
#before-footer .links-wrap .link:last-child:after{content:none}
#before-footer .link{font-size:3rem}
#before-footer .link:before{border-width:.3em 0 .3em .6em}
#before-footer .link+.link{margin-top:0}
}
@media screen and (min-width:1650px){#main-visual .content .note .text{font-size:40px}
}
#footer{background:#f2f2f2;min-width:1000px;position:relative}
#footer a{display:block}
#footer a:hover{opacity:.6}
#footer span.linkTxt0{margin-right:35px;display:inline-block}
#footer span.linkTxt0 a:hover{text-decoration:underline;opacity:1}
#footer span.linkTxt1{margin-right:35px;display:inline-block}
#footer span.linkTxt1 a:hover{text-decoration:underline;opacity:1}
#footer span.linkTxt2{display:inline-block}
#footer span.linkTxt2 a:hover{text-decoration:underline;opacity:1}
.footerBox{width:1000px;margin:0 auto;padding:30px 0;overflow:hidden}
p.ab7-logo{width:150px;margin:0 auto 20px}
p.copyR{text-align:center;font-size:11px;color:#666}
.footerR{float:right;margin-top:-12px}
.footerR .sns{float:left;margin-right:12px}
.footerR .sns:last-child{margin-right:0}
p.linkTxt{text-align:center;font-size:12px;margin:14px auto 25px;overflow:hidden}
p.linkTxt,p.linkTxt a{color:#666;text-decoration:none}
@media screen and (max-width:999px){#footer{min-width:inherit}
.footerBox{width:100%}
}
@media screen and (max-width:767px){.footerC p.ab7-logo{max-width:214.28571px;margin:0 auto 20px}
}
@media screen and (max-width:600px){#footer span.linkTxt0{display:none}
}
@media screen and (max-width:1010px){.footerR{margin-right:10px}
}


#navigation a{
    color:#fff!important;
}