.inview{opacity:0;transition-delay:.3s;transition:all .6s;position:relative}.inview.on{opacity:1}.inview.fadeInLeft{transform:translateX(-100px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);-moz-transform:translateX(-100px);-webkit-transform:translateX(-100px)}.inview.fadeInLeft.on{transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}.inview.fadeInRight{transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);-webkit-transform:translateX(100px)}.inview.fadeInRight.on{transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0)}.inview.fadeInBottom{transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);-moz-transform:translateY(40px);-webkit-transform:translateY(40px)}.inview.fadeInBottom.on{transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}.inview.fadeInTop{transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);-moz-transform:translateY(-100px);-webkit-transform:translateY(-100px)}.inview.fadeInTop.on{transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}.atlas{-webkit-font-feature-settings:normal;-moz-font-feature-settings:normal;-ms-font-feature-settings:normal;-o-font-feature-settings:normal;font-feature-settings:normal}.atlas .page_ttl{padding:153px 35px 70px;text-align:center;background:url(../../img/atlas/ico_ttl.png) top center/128px 135px no-repeat}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .page_ttl{padding:53px 15px 50px;background-size:50px 52px}}.atlas .page_ttl img{max-width:377px;width:100%}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .page_ttl img{max-width:146px}}.atlas .sub_txt{max-width:836px;margin:0 auto 32px;text-align:center;padding:0 20px;font-size:16px;line-height:33px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .sub_txt{font-size:12px;line-height:22px;margin-bottom:22px}}.atlas .lst-atlas{margin-bottom:246px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas{margin-bottom:71px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item{background-color:transparent !important}}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.atlas .lst-atlas .item a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item a{display:block}}.atlas .lst-atlas .item .content{width:37%}@media only screen and (min-width: 768px) and (max-width: 1000px){.atlas .lst-atlas .item .content{width:370px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .content{width:100%}}.atlas .lst-atlas .item .content__ttl{position:relative;margin-top:68px;font-size:0;height:72px;width:100%}.atlas .lst-atlas .item .content__ttl:before,.atlas .lst-atlas .item .content__ttl:after{content:" ";display:table}.atlas .lst-atlas .item .content__ttl:after{clear:both}@media only screen and (min-width: 768px) and (max-width: 1000px){.atlas .lst-atlas .item .content__ttl{margin-top:30px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .content__ttl{margin-top:0;height:46px}}.atlas .lst-atlas .item .content__ttl:before{position:absolute;content:'';width:101%;height:100%;top:0;left:0;z-index:1;background-color:#000;transition:transform 0.5s ease 0.3s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .content__ttl:before{width:100%}}.atlas .lst-atlas .item .content__ttl .vol{font-size:51px;line-height:60px;font-family:acumin-pro,sans-serif;font-weight:600;display:inline-block;padding-left:20px}@media only screen and (min-width: 768px) and (max-width: 1250px){.atlas .lst-atlas .item .content__ttl .vol{font-size:38px;line-height:66px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .content__ttl .vol{font-size:20px;line-height:46px;vertical-align:top;padding-left:13px}}.atlas .lst-atlas .item .content__ttl .name{font-family:bodoni-urw,serif;font-size:48px;line-height:75px;float:right;padding-right:20px}@media only screen and (min-width: 768px) and (max-width: 1250px){.atlas .lst-atlas .item .content__ttl .name{font-size:36px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .content__ttl .name{font-size:28px;float:none;line-height:46px;display:inline-block;vertical-align:top;padding-left:10px;padding-right:13px}}.atlas .lst-atlas .item .content__ttl .view{font-family:bodoni-urw,serif;font-size:28px;float:right;line-height:46px;padding-right:13px}.atlas .lst-atlas .item .content__ttl span{position:relative;z-index:2;opacity:0;transition:0.5s ease 1s}.atlas .lst-atlas .item .txt{font-size:13px;line-height:25px;max-width:485px;padding:17px 22px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .txt{max-width:100%;font-size:12px;line-height:24px;padding:16px 29px 59px}}.atlas .lst-atlas .item .img{width:63%;position:relative;z-index:1}@media only screen and (min-width: 768px) and (max-width: 1000px){.atlas .lst-atlas .item .img{width:calc(100% - 370px)}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.atlas .lst-atlas .item .img{width:100%}}.atlas .lst-atlas .item .inview{opacity:1}.atlas .lst-atlas .item.on .content__ttl:before{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.atlas .lst-atlas .item.on .content__ttl span{opacity:1}