.cover{width:100%;position:relative}
@media screen and (min-width:769px){.cover{margin-bottom:12.5%}}
@media screen and (max-width:768px){.cover{margin-bottom:15%}}
.cover .img{width:100%;height:0;overflow:hidden;position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
@media screen and (min-width:769px){.cover .img{padding-top:50%}}
@media screen and (max-width:768px){.cover .img{padding-top:66.666%}}
.cover .img:after,.cover .img:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;right:0}.cover .img:before{background-color:hsla(0,0%,100%,.6)}.cover .img:after{background-color:#fff}.cover .info{width:100%;box-sizing:border-box}
@media screen and (min-width:769px){.cover .info{position:absolute;bottom:-5.95238vw;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:20;padding:0 5.95238vw}}
@media screen and (max-width:1280px){.cover .info{bottom:-76.2px;padding:0 76.2px}}
@media screen and (max-width:768px){.cover .info{position:relative;margin-top:-4%;padding:0 6.66667vw;bottom:auto}}

.cover .info h2{font-family:Roboto,sans-serif;letter-spacing:-.04em;font-weight:100;line-height:.9;white-space:nowrap}
@media screen and (min-width:769px){.cover .info h2{margin-right:80px;font-size:10vw}}
@media screen and (max-width:1280px){.cover .info h2{font-size:80px}}
@media screen and (max-width:768px){.cover .info h2{margin-bottom:4.616%;font-size:15vw;text-indent:-.09em}}

@media screen and (min-width:769px){.cover .info .lead{margin-bottom:6px;line-height:2}}
@media screen and (max-width:768px){.cover .info .lead{line-height:1.8}}
.cover.start .img:after,.cover.start .img:before{width:0;transition:width .75s cubic-bezier(.86,0,.07,1) .75s}
.cover.start .img:before{transition-delay:.5s}.cover.start .img:after{transition-delay:0ms}
@media screen and (min-width:769px){.category{margin-bottom:9.346%}}
@media screen and (max-width:768px){.category{margin-bottom:80px}}
.item_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width:768px){
.item_list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:5.95238vw;margin-right:5.95238vw}}
.item_list .item{box-sizing:border-box;text-align:center;line-height:1.6;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,transform,-webkit-transform;transition-timing-function:cubic-bezier(.25,.25,.75,.75),cubic-bezier(.23,1,.32,1),cubic-bezier(.23,1,.32,1);transition-duration:.5s,.75s,.75s}.item_list .item a{display:block}.item_list .item img{width:100%;height:auto}.item_list .item figcaption{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.02em;font-weight:700}.item_list .item p{color:#999}
@media screen and (min-width:769px){.item_list .item{width:25%}.item_list .item:last-of-type,.item_list .item:nth-last-of-type(2),.item_list .item:nth-last-of-type(3),.item_list .item:nth-last-of-type(4){margin-bottom:0}.item_list .item a{padding:20% 11.905%}.item_list .item figcaption{margin:20.835% 0 3.79%;font-size:16px}.item_list .item p{font-size:14px}.item_list .item a{position:relative;transition:-webkit-transform .22s cubic-bezier(.25,.46,.45,.94);transition:transform .22s cubic-bezier(.25,.46,.45,.94);transition:transform .22s cubic-bezier(.25,.46,.45,.94),-webkit-transform .22s cubic-bezier(.25,.46,.45,.94)}.item_list .item a:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;opacity:0;box-shadow:12px 21px 36px 0 rgba(0,0,0,.15);background-color:#fff;transition:all .22s cubic-bezier(.25,.46,.45,.94)}.item_list .item a div,.item_list .item a img{position:relative;transition:none}.item_list .item a.isHover{-webkit-transform:translate3d(0,-15px,1px);transform:translate3d(0,-15px,1px)}.item_list .item a.isHover:before{opacity:1}.item_list .item a.isHover div,.item_list .item a.isHover img{-webkit-transform:none;transform:none}}
@media screen and (max-width:768px){.item_list .item{width:50%;margin-bottom:45px}.item_list .item:last-of-type,.item_list .item:nth-last-of-type(2){margin-bottom:0}.item_list .item figcaption{margin:24px 0 6px;font-size:13px}.item_list .item p{font-size:11px}.item_list .item a{padding:0 10px}.item_list .item a img{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.item_list .item a div,.item_list .item a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .4s cubic-bezier(.075,.82,.165,1);transition:transform .4s cubic-bezier(.075,.82,.165,1);transition:transform .4s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s cubic-bezier(.075,.82,.165,1)}.item_list .item a div{-webkit-transform-origin:50% 0;transform-origin:50% 0}.item_list .item a.isHover img{-webkit-transform:scale(.95);transform:scale(.95)}.item_list .item a.isHover div{-webkit-transform:scale(.9);transform:scale(.9)}}.item_list .item:nth-of-type(4n-3){transition-delay:.35s,.1s}.item_list .item:nth-of-type(4n-2){transition-delay:.45s,.2s}.item_list .item:nth-of-type(4n-1){transition-delay:.55s,.3s}.item_list .item:nth-of-type(4n){transition-delay:.65s,.4s}.item_list .item.scroll_set{opacity:0}
@media screen and (min-width:769px){.item_list .item.scroll_set{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}}@media screen and (max-width:768px){.item_list .item.scroll_set{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}}.item_list .item.scroll_start{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.online_link{width:100%;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;z-index:20}
@media screen and (min-width:769px){.online_link{margin-top:5.695%}}
@media screen and (max-width:768px){.online_link{margin-top:45px}}.online_link a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;line-height:1}
@media screen and (min-width:769px){.online_link a{height:72px;padding:0 3.80952vw}}
@media screen and (max-width:1280px){.online_link a{padding:0 48.8px}}
@media screen and (max-width:768px){.online_link a{padding:0 6.66667vw}}.online_link a label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:inline-block;font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.02em}
@media screen and (min-width:769px){.online_link a label{font-size:18px;margin-right:20px}}
@media screen and (max-width:768px){.online_link a label{font-size:14px;margin-right:10px}}.online_link a span{height:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;overflow:hidden}
@media screen and (min-width:769px){.online_link a span{width:48px}}
@media screen and (max-width:768px){.online_link a span{width:39px}}.online_link a span i{width:100%;top:0;bottom:0;right:0;height:1px;display:block;position:absolute;margin:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.online_link a span i:after,.online_link a span i:before{content:"";height:1px;display:block;position:absolute;background-color:#000}.online_link a span i:before{width:100%;bottom:0;left:0}.online_link a span i:after{width:10px;bottom:3px;right:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
@media screen and (max-width:768px){.online_link a span i:after{width:8px;bottom:3px;right:-.5px}}
@media screen and (min-width:769px){.online_link a span i:after{right:-.5px;border-top:1px solid #fff}}
#Content{border-bottom:1px solid #ddd}