@charset "UTF-8";
#global_header_wrap{position:absolute;top:0;left:0;width:100%;background-color:#fff;z-index:100;-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
#global_header_wrap.hide{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
#melfa_contents_1col{width:100%}
#content_footer{display:none!important}
.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/common/loading.gif) 50% 50% no-repeat #fff;z-index:1000}
.no_scroll{height:100%;overflow:hidden}
.main{position:relative;display:block;font-family:'Noto Sans JP',sans-serif;overflow:hidden;color:#000}
.main .bg_line{position:absolute;top:0;left:0;display:block;width:100%;height:50%;background:url(/fa/jpsup/mecha/common/img/bg_line.png) 57% 0 no-repeat;z-index:-1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.main img{vertical-align:top}
.section{position:relative}
.section__header{position:relative;font-family:Lato,sans-serif;line-height:1}
.section__header::before{content:"";position:absolute;top:0;left:0;display:block;width:calc(50% - 490px);height:1px;background-color:#000;z-index:10}
.section__header>.container{position:relative}
.section__header--white{color:#fff}
.section__header--white::before{background-color:#fff}
.section__header.animated .ja{opacity:0}
.section__header.show .ja{opacity:1;-webkit-transition:opacity .8s ease-out 1.6s;-o-transition:opacity .8s ease-out 1.6s;transition:opacity .8s ease-out 1.6s}
.section__header .en::after{content:" ";display:inline-block}
.section__header .ja{display:block;font-weight:700}
.section__bg{position:absolute;z-index:-1}
.section__text p[lang=en]{font-family:arial,sans-serif;line-height:1.6}
.section--bg .section__header{color:#fff}
.section--bg .section__bg{top:0;left:0;height:100%;z-index:-1;overflow:hidden}
.section--bg .section__bg::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
.section--bg .section__text{color:#fff}
.section--bg .section__bg.animated::before{visibility:hidden}
.section--bg .section__bg.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
.section--bg .section__bg.show::before{visibility:visible;-webkit-transition:visibility 1s linear .75s;-o-transition:visibility 1s linear .75s;transition:visibility 1s linear .75s}
.section--bg .section__bg.show::after{-webkit-animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1;animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1}
.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.button a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:#fff;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box}
.button__icon{position:absolute}
.rarr{text-align:center}
.rarr a{position:relative;display:block;color:#000;border:1px solid #000;text-align:center;background-color:#fff}
.rarr a::after{content:"";position:absolute;top:calc(50% - 3px);left:90%;display:block;width:6px;height:6px;border-top:2px solid #000;border-right:2px solid #000;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.rarr .inner{position:relative;display:inline-block}
.rarr--white a{color:#fff;border-color:#fff;background-color:transparent}
/*!製品ページ用ヘッダー*/
#global_header_wrap .product_header{border-top:1px solid #d9d9d9;font-family:'Noto Sans JP',sans-serif}
.product_header{background-color:#f0f0f0;border-bottom:1px solid #d4d4d4;color:#000}
.product_header>.container{position:relative}
.main .product_header{position:fixed;top:0;left:0;width:100%;z-index:90;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
.main .product_header--fixed{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.product_title{font-weight:700}
.product_title>span{position:relative;top:-2px;display:inline-block;width:0;height:1em;overflow:hidden;border-left:1px solid #000;vertical-align:middle}
.product_nav{position:absolute}
.product_nav a{color:#000}
.main_visual{position:relative;color:#000;text-align:center}
.main_visual.changed{color:#fff;-webkit-transition:color .5s ease-out;-o-transition:color .5s ease-out;transition:color .5s ease-out}
.main_visual__earth{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/common/bg_earth.png) 100% 170px no-repeat;z-index:-1}
.main_visual__line{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/common/bg_line.png) 57% 0 no-repeat;z-index:-1}
.main_visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.main_visual__bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url(../img/bg_main.jpg) 50% 50%/cover no-repeat}
.main_visual__bg.animated::before{visibility:hidden}
.main_visual__bg.animated::after{content:"";position:absolute;top:0;left:0;width:0;height:100%;display:block;background-color:#191919}
.main_visual__bg.show::before{visibility:visible;-webkit-transition:visibility 1s linear .75s;-o-transition:visibility 1s linear .75s;transition:visibility 1s linear .75s}
.main_visual__bg.show::after{-webkit-animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg2;animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg2}
.main_visual__title{font-weight:700;font-family:Lato,sans-serif;line-height:1}
.main_visual__copy{font-weight:700}
.main_visual__img{position:relative;z-index:10}
.main_visual__img .inner{display:block}
.mask{position:relative;display:inline-block}
.mask .inner{display:inline-block}
.mask.animated::before{content:"";position:absolute;top:0;left:0;display:block;width:0;height:100%;background-color:#191919}
.mask.animated .inner{visibility:hidden}
.mask.show::before{-webkit-animation:1.7s cubic-bezier(.645,.045,.355,1) mask;animation:1.7s cubic-bezier(.645,.045,.355,1) mask}
.mask.show .inner{visibility:visible;-webkit-transition:visibility 1s linear 1s;-o-transition:visibility 1s linear 1s;transition:visibility 1s linear 1s}
.overview{position:relative}
.overview .section__header{z-index:1}
.overview__bg{position:absolute;left:0;overflow:hidden}
.overview__bg::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
.overview__bg.animated::before{visibility:hidden}
.overview__bg.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
.overview__bg.show::before{visibility:visible;-webkit-transition:visibility 1s linear .75s;-o-transition:visibility 1s linear .75s;transition:visibility 1s linear .75s}
.overview__bg.show::after{-webkit-animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1;animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1}
.overview__header{line-height:1.3;font-family:Lato,sans-serif;font-weight:700}
.overview__header .category{display:block;font-family:"Noto Sans JP",sans-serif}
.overview__copy{font-weight:700}
.overview__text{position:relative;color:#fff}
.overview__text>.container{position:relative;z-index:10}
.overview__img{position:absolute}
.overview__img .inner{display:block;background:url(../img/overview_01.jpg) 50% 0/100% auto no-repeat;height:0;overflow:hidden}
.overview__img .inner img{visibility:hidden}
.overview__movie{position:relative}
/*!動画*/
.movie__poster a{position:relative;display:block;background-color:#fff}
.movie__poster a::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;border:2px solid #fff;border-radius:50%;z-index:1}
.movie__poster a::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:0;height:0}
.movie__poster img{display:block;width:100%}
.tab_content_wrap{position:relative}
.tab_content{color:#fff}
.tab_content__text{position:relative}
.tab_content__header{position:relative;font-weight:700;line-height:1.33;white-space:nowrap}
.tab_content__copy{font-weight:700}
.tab_content__category{margin-bottom:5px;font-family:Lato,sans-serif;color:#e77777}
.tab_content__category .no{display:inline-block;font-family:Lato,sans-serif;line-height:1.2;vertical-align:bottom}
.tab_content__note{margin:7px 0 15px 0;font-size:.8em}
#section_option .subsection__body{position:relative}
#section_option .subsection__bg{position:absolute;left:0;z-index:-1;overflow:hidden}
#section_option .subsection__bg::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_option .subsection__bg.animated::before{visibility:hidden}
#section_option .subsection__bg.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_option .subsection__bg.show::before{visibility:visible;-webkit-transition:visibility 1s linear .75s;-o-transition:visibility 1s linear .75s;transition:visibility 1s linear .75s}
#section_option .subsection__bg.show::after{-webkit-animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1;animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg1}
#section_option .subsection__text{position:relative;color:#fff;z-index:10}
#section_option .subsection__header{font-weight:700;line-height:1.33}
#section_option .subsection__copy{font-weight:700}
#section_option .subsection__img .inner{display:block}
#section_service .section__bg--01{left:0;background-color:#f0f0f0;z-index:-1}
#section_service .section__bg--01.animated{left:-100%}
#section_service .section__bg--01.show{left:0;-webkit-transition:left 1s cubic-bezier(.645,.045,.355,1);-o-transition:left 1s cubic-bezier(.645,.045,.355,1);transition:left 1s cubic-bezier(.645,.045,.355,1)}
#section_service .section__bg--02{right:0;overflow:hidden}
#section_service .section__bg--02::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_service .section__bg--02.animated::before{visibility:hidden}
#section_service .section__bg--02.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_service .section__bg--02.show::before{visibility:visible;-webkit-transition:visibility 1s linear .5s;-o-transition:visibility 1s linear .5s;transition:visibility 1s linear .5s}
#section_service .section__bg--02.show::after{-webkit-animation:1s cubic-bezier(.645,.045,.355,1) slide_bg2;animation:1s cubic-bezier(.645,.045,.355,1) slide_bg2}
#section_service .section__body{color:#fff}
#section_service .subsection__header{font-weight:700;font-family:Lato,sans-serif;line-height:1.2}
#section_service .subsection__copy{font-weight:700}
#section_service .subsection__body{position:relative}
#section_service .subsection__body>p{line-height:2}
#section_case .subsection__bg--01{position:absolute;left:0;overflow:hidden;z-index:-1}
#section_case .subsection__bg--01::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_case .subsection__bg--01.animated::before{visibility:hidden}
#section_case .subsection__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_case .subsection__bg--01.show::before{visibility:visible;-webkit-transition:visibility 1s linear .5s;-o-transition:visibility 1s linear .5s;transition:visibility 1s linear .5s}
#section_case .subsection__bg--01.show::after{-webkit-animation:1s cubic-bezier(.645,.045,.355,1) slide_bg1;animation:1s cubic-bezier(.645,.045,.355,1) slide_bg1}
#section_case .subsection header{position:relative;color:#fff}
#section_case .subsection__header{font-weight:700;line-height:1.3}
#section_case .subsection__header .name{display:block}
#section_case .subsection__copy{font-weight:700}
#section_lineup{position:relative}
#section_lineup::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#242424}
#section_lineup.animated::before{left:-100%}
#section_lineup.show::before{left:0;-webkit-transition:left 1s cubic-bezier(.645,.045,.355,1);-o-transition:left 1s cubic-bezier(.645,.045,.355,1);transition:left 1s cubic-bezier(.645,.045,.355,1)}
#section_lineup .list_lineup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#section_lineup .product a{color:#fff}
#section_lineup .product__name{text-align:center}
.catalog_download{position:relative}
.catalog_download::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#1d1d1d}
.catalog_download.animated::before{right:-100%}
.catalog_download.show::before{right:0;-webkit-transition:right 1s cubic-bezier(.645,.045,.355,1);-o-transition:right 1s cubic-bezier(.645,.045,.355,1);transition:right 1s cubic-bezier(.645,.045,.355,1)}
.catalog_download .banner{background-color:#fff}
.catalog_download .banner a{display:block;color:#000}
.catalog_download .banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.catalog_download .banner__img_01 img{max-width:100%}
.catalog_download .banner__img_02 img{max-width:100%}
.catalog_download .banner__text_01{font-weight:700;color:#d61515}
.catalog_download .banner__text_02{font-weight:700;line-height:1.2}
.catalog_download .banner__text_02 .icon{vertical-align:middle}
#section_info::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/common/bg_info.png) no-repeat #dcdcdc;z-index:-1}
#section_info.show::before{-webkit-animation:1s cubic-bezier(.645,.045,.355,1) w100;animation:1s cubic-bezier(.645,.045,.355,1) w100}
/*!拡大*/
/*!ページトップ*/
.mecha_pagetop{position:relative;width:100%;height:0;z-index:90}
.mecha_pagetop>.container{position:relative}
.mecha_pagetop a{position:absolute;right:25px;display:block;color:#000;font-family:Lato,sans-serif;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;text-decoration:none}
.mecha_pagetop a::before{position:absolute;left:0;top:50%;content:"";display:inline-block;height:1px;background-color:#262626;vertical-align:middle}
.animated{opacity:0;visibility:hidden;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.show{opacity:1;visibility:visible}
.fadeIn{visibility:visible;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.3s;animation-duration:1.3s}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:1s;animation-duration:1s}
.slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.slick-dots li{overflow:hidden;border-radius:50%}
.slick-dots button[type=button]{display:block;width:100%;border:none}
.slick-arrow{position:absolute;z-index:10}
.slick-arrow button[type=button]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#fff;font-family:Lato,sans-serif;border:none}
.slick-arrow .inner{position:relative;-ms-flex-item-align:center;align-self:center}
.slick-arrow .inner::before{position:absolute;content:"";display:block;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.slick-prev button[type=button]{background-color:#1d1d1d}
.slick-prev .inner::before{left:0;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.slick-next button[type=button]{background-color:#d61515}
.slick-next .inner::before{right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;outline:0;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@media only screen and (max-width:640px) and (min-width:641px){
#section_info .button__img{background-repeat:no-repeat}
}
@media print,screen and (min-width:641px){
.w980 #module_titleArea{padding-bottom:8px}
.main{min-width:980px;font-size:.94em;line-height:1.86}
.container{width:980px;margin:0 auto;padding:0 13px;-webkit-box-sizing:border-box;box-sizing:border-box}
.section__header{margin-bottom:40px;font-size:1.73em}
.section__header.animated::before{left:-50%}
.section__header.show::before{left:0;-webkit-transition:left .6s cubic-bezier(.645,.045,.355,1) .3s;-o-transition:left .6s cubic-bezier(.645,.045,.355,1) .3s;transition:left .6s cubic-bezier(.645,.045,.355,1) .3s}
.section__header .ja{margin-top:5px;font-size:.58em}
.section__text p+p{margin-top:25px}
.section--bg .section__bg{width:calc(50% + 83px)}
.section--bg .section__body{padding:130px 0}
.section--bg .section__text{width:362px}
#svg_canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.buttons__item{width:290px}
.buttons__item+.buttons__item{margin-left:42px}
.buttons__item:nth-child(n+4){margin-top:25px}
.buttons__item:nth-child(3n+1){margin-left:0}
.button a{padding:30px 12px 20px;-webkit-transition:color .2s ease-out,border-color .2s ease-out;-o-transition:color .2s ease-out,border-color .2s ease-out;transition:color .2s ease-out,border-color .2s ease-out}
.button a:hover{color:#d61515;border-color:#d61515;text-decoration:none}
.button__container{min-height:180px}
.button__img+.button__name{margin-top:10px}
.button__img+.button__name--s{margin-top:10px}
.button__name{font-size:1em;text-align:center}
.button__name--s{font-size:.8em}
.button__icon{top:10px;right:10px}
.button__icon img{width:20px;height:auto}
.rarr a{padding:15px;-webkit-transition:.3s cubic-bezier(.645,.045,.355,1);-o-transition:.3s cubic-bezier(.645,.045,.355,1);transition:.3s cubic-bezier(.645,.045,.355,1)}
.rarr a::before{position:absolute;left:0;top:0;content:"";display:block;width:0;height:100%;background-color:#d61515;-webkit-transition:width .3s cubic-bezier(.645,.045,.355,1);-o-transition:width .3s cubic-bezier(.645,.045,.355,1);transition:width .3s cubic-bezier(.645,.045,.355,1)}
.rarr a::after{-webkit-transition:border-color .3s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:border-color .3s cubic-bezier(.645,.045,.355,1) .1s;transition:border-color .3s cubic-bezier(.645,.045,.355,1) .1s}
.rarr a:hover{border-color:#d61515;color:#fff}
.rarr a:hover::before{width:100%}
.rarr a:hover::after{border-top-color:#fff;border-right-color:#fff}
.rarr--white a::before{background-color:#fff}
.rarr--white a::after{border-top-color:#fff;border-right-color:#fff}
.rarr--white a:hover{border-color:#fff;color:#000}
.rarr--white a:hover::after{border-top-color:#000;border-right-color:#000}
.none_pc{display:none}
/*!製品ページ用ヘッダー*/
#global_header_wrap .product_header{font-size:.94em;line-height:1.86}
.product_header>.container{padding:12px 0}
.product_title{font-size:1.33em}
.product_title>span{margin:0 20px}
.product_nav{right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:.93em}
.product_nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.product_nav li+li{margin-left:30px}
.product_nav_toggle{display:none}
.main_visual{padding-top:315px}
.main_visual__title{margin-bottom:28px;font-size:5.73em}
.main_visual__copy{margin-bottom:10px;font-size:1.33em}
.main_visual__img{height:315px}
.overview{margin-top:-80px;padding-top:130px}
.overview__bg{top:0;width:calc(50% + 50px);height:100%}
.overview__header{margin-bottom:15px;font-size:4.13em}
.overview__header .category{font-size:.29em}
.overview__header .ja{font-size:.88em;vertical-align:2px}
.overview__copy{margin-bottom:15px;font-size:1.4em}
.overview__movie{margin-top:40px;padding:85px 0 0}
.overview__movie .movie__poster{position:absolute;top:0;left:50%;width:calc(50% + 74px);max-width:550px;-webkit-transform:translate(-90.91%,0);-ms-transform:translate(-90.91%,0);transform:translate(-90.91%,0)}
.overview__img{left:50%;top:-185px}
.overview__img .inner{padding-top:66.67%}
/*!動画*/
.movie__poster a::before{width:96px;height:96px}
.movie__poster a::after{border-left:23px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.movie__poster img{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.movie__poster a:hover img{opacity:.7}
.movie__caption{position:relative;width:367px;margin-left:auto}
.movie__caption>p{font-size:1em;line-height:2em}
.movie__link{margin-top:30px}
.tab_content_wrap{padding-bottom:70px}
.tab_content__img{width:415px;text-align:right;-ms-flex-negative:0;flex-shrink:0}
.tab_content__img img{margin-left:-325px}
.tab_content__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tab_content__text{width:478px}
.tab_content__header{margin-bottom:10px;font-size:3.2em}
.tab_content__copy{margin-bottom:15px;font-size:1.47em}
.tab_content__category{font-size:1.2em}
.tab_content__category .no{margin-left:10px;font-size:2em}
.tab_content__link{margin-top:55px}
#section_features{margin-top:170px;padding:120px 0 47px}
#section_features .section__header{margin-bottom:25px}
#section_features .section__bg--01{position:absolute;top:0;right:0;overflow:hidden;width:calc(50% + 110px);height:calc(100% - 170px)}
#section_features .section__bg--01::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_features .section__bg--01.animated::before{visibility:hidden}
#section_features .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_features .section__bg--01.show::before{visibility:visible;-webkit-transition:visibility 1s linear .75s;-o-transition:visibility 1s linear .75s;transition:visibility 1s linear .75s}
#section_features .section__bg--01.show::after{-webkit-animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg2;animation:1.5s cubic-bezier(.645,.045,.355,1) slide_bg2}
#section_features section:nth-of-type(1) .tab_content__img{position:relative;padding-bottom:130px}
#section_features section:nth-of-type(1) .tab_content__img img:nth-of-type(2){position:absolute;top:400px;left:90px;}
#section_features section:nth-of-type(2) .tab_content__img img{margin:50px 0 0 -208px}
#section_option{padding-top:60px}
#section_option .section__header{margin-bottom:30px}
#section_option .subsection__body>.container{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#section_option .subsection__bg{top:0;width:calc(50% + 50px);height:calc(100% - 0px)}
#section_option .subsection__text{width:430px;padding:45px 0}
#section_option .subsection__header{margin-bottom:35px;font-size:2.93em;line-height:1.36}
#section_option .subsection__copy{margin-bottom:15px;font-size:1.47em}
#section_option .subsection__copy+p{font-size:1em;line-height:2}
#section_option .subsection__link{margin-top:40px}
#section_option .subsection__img{width:400px;height:366px;margin-top:0px}
#section_option .subsection__img img{max-width:468px}
#section_option .movie{position:absolute;top:0;left:50%;width:calc(50% + 172px);max-width:650px}
#section_service{margin:100px 0 100px 0;padding:120px 0 40px}
#section_service .section__bg--01{bottom:0;width:calc(50% + 600px);height:500px}
#section_service .section__bg--02{top:0;width:calc(50% + 110px);height:calc(100% - 150px)}
#section_service .section__header{margin-bottom:0}
#section_service .section__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#section_service .section__img{width:440px;height:445px;margin-top:15px;text-align:left;-ms-flex-negative:0;flex-shrink:0}
#section_service .section__img img{margin-left:-96px}
#section_service .subsection{width:418px;margin-top:-50px}
#section_service .subsection__header{margin-bottom:15px;font-size:2.93em}
#section_service .subsection__copy{margin-bottom:20px;font-size:1.47em;line-height:1.45}
#section_service .logo_e-factory{width:418px;margin-top:30px;margin-left:auto;text-align:center}
#section_service .subsection__link{margin-top:40px}
#section_case{margin-top:135px;padding-top:165px}
#section_case .section__bg{background-color:#f0f0f0;top:135px;right:0;width:calc(50% - 190px);height:600px;z-index:-1}
#section_case .section__bg.animated{right:-100%}
#section_case .section__bg.show{right:0;-webkit-transition:right 1s cubic-bezier(.645,.045,.355,1);-o-transition:right 1s cubic-bezier(.645,.045,.355,1);transition:right 1s cubic-bezier(.645,.045,.355,1)}
#section_case .subsection__bg--01{width:50%;top:-285px;height:calc(100% + 100px)}
#section_case .subsection header{margin-bottom:-135px}
#section_case .subsection header>.container{display:-webkit-box;display:-ms-flexbox;display:flex}
#section_case .subsection__header{padding-top:35px;width:50%;-ms-flex-negative:0;flex-shrink:0;font-size:2.67em}
#section_case .subsection__header .name{margin-top:20px;font-size:.7em}
#section_case .subsection__img{position:relative;top:-235px}
#section_case .subsection__bg{width:50%;-ms-flex-negative:0;flex-shrink:0}
#section_case .subsection__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#section_case .subsection__text{width:537px}
#section_case .subsection__copy{margin-bottom:15px;font-size:1.2em}
#section_case .subsection__fig{width:360px}
#section_case .subsection__fig li+li{margin-top:40px}
#section_case .subsection__link{margin-top:40px}
#section_lineup{margin-top:110px;padding:110px 0 100px}
#section_lineup .section__header{margin-bottom:50px}
#section_lineup .product{width:278px;text-align:center}
#section_lineup .product__name{margin-top:-50px}
#section_link{padding:100px 0}
#section_link .button__img img{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
#section_link .button a:hover .button__img img{opacity:0}
#section_link .buttons__item--01 .button__img{background-image:url(../img/common/logo_mmeg_ov.png)}
#section_link .buttons__item--02 .button__img{background-image:url(../img/common/logo_msw_ov.png)}
#section_link .buttons__item--03 .button__img{background-image:url(../img/common/logo_youtube_ov.png)}
#section_link .buttons__item--04 .button__img{background-image:url(../img/common/logo_facebook_ov.png)}
.catalog_download{padding:110px 0 120px}
.catalog_download .banner a{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.catalog_download .banner a:hover{text-decoration:none}
.catalog_download .banner__container{padding:0 36px;background:url(../img/bg_banner_catalog.png) 100% 50%/auto 100% no-repeat #fff}
.catalog_download .banner__img_01{width:104px;margin-right:18px}
.catalog_download .banner__img_02{width:146px;margin:15px 0 0 100px}
.catalog_download .banner__text_01{font-size:1em}
.catalog_download .banner__text_02{font-size:2.4em}
#section_info::before{background-size:auto 100%;background-position-x:-60px}
#section_info{padding:95px 0 85px}
#section_info .button__img img{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
#section_info .button a:hover .button__img img{opacity:0}
#section_info .buttons__item--01 .button__img{background-image:url(../img/common/icon_catalog_ov.png)}
#section_info .buttons__item--02 .button__img{background-image:url(../img/common/icon_biz_members_ov.png)}
#section_info .buttons__item--03 .button__img{background-image:url(../img/common/icon_fa_members_ov.png)}
#section_info .buttons__item--04 .button__img{background-image:url(../img/common/logo_e-factory_ov.png)}
#section_info .buttons__item--05 .button__img{background-image:url(../img/common/icon_case_ov.png)}
#section_info .buttons__item--06 .button__img{background-image:url(../img/common/icon_exhibition_ov.png)}
#section_info .buttons__item--07 .button__img{background-image:url(../img/common/icon_product_ov.png)}
#section_info .buttons__item--08 .button__img{background-image:url(../img/common/icon_solutioncentor_ov.png)}
#section_info .buttons__item--09 .button__img{background-image:url(../img/common/icon_mechtroplus_ov.png)}
#section_info .buttons__item--10 .button__img{background-image:url(../img/common/icon_mecha_ov.png)}
/*!拡大*/
.zoom{display:none}
/*!ページトップ*/
.mecha_pagetop>.container{width:100%;min-width:980px}
.mecha_pagetop a{padding-left:72px;font-size:1.07em;top:-2em}
.mecha_pagetop a::before{width:60px;-webkit-animation:2s cubic-bezier(.645,.045,.355,1) infinite scroll-anim;animation:2s cubic-bezier(.645,.045,.355,1) infinite scroll-anim}
.mecha_pagetop--fixed{position:fixed;bottom:0}
.slick-dots{position:absolute;right:calc(50% + 30px);bottom:0;width:447px}
#section_features .slick-dots{bottom:130px;}
.slick-dots li{width:12px;height:12px;margin:0 7px 0 8px;border:1px solid #d61515}
.slick-dots button[type=button]{height:0;padding-top:12px;cursor:pointer;background-color:#fff}
.slick-dots button[type=button]:hover{background-color:#d61515}
.slick-dots .slick-active button[type=button]{background-color:#d61515}
.slick-arrow{bottom:30px}
#section_features .slick-arrow{bottom:160px;}
.slick-arrow button[type=button]{width:100px;height:90px;font-size:100%;-webkit-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out}
.slick-arrow .inner::before{top:calc(50% - 3px);width:6px;height:6px}
.slick-prev{left:calc(50% - 360px)}
.slick-prev button[type=button]:hover{background-color:#696969}
.slick-prev .inner{padding-left:17px}
.slick-next{left:calc(50% - 250px)}
.slick-next button[type=button]:hover{background-color:#e94649}
.slick-next .inner{padding-right:17px}
}
@media print,screen and (min-width:641px) and (min-width:641px){
.catalog_download .banner a:hover{opacity:.7}
}
@media only screen and (max-width:640px){
.w980 #module_titleArea #stitle{padding:15px 0}
.w980 #module_titleArea #stitle img{vertical-align:top}
.loading{background-size:100px 100px}
.main{font-size:14px;line-height:1.64;border-top:1px solid #ccc}
.main img:not([width]){max-width:100%;height:auto}
.main .bg_line{background-position:67% 0;background-size:268% auto}
.container{margin:0 25px}
.section__header{margin-bottom:20px;font-size:1.21em}
.section__header .ja{margin-top:3px;font-size:.59em}
.section__text p+p{margin-top:15px}
.section--bg .section__bg{width:100%}
.section--bg .section__body{padding:55px 0}
#svg_canvas{display:none}
.buttons__item{width:47.38%}
.buttons__item+.buttons__item{margin-left:5.23%}
.buttons__item:nth-child(n+3){margin-top:10px}
.buttons__item:nth-child(2n+1){margin-left:0}
.button a{padding:20px 10px 12px}
.button__img+.button__name{margin-top:10px}
.button__img+.button__name--s{margin-top:10px}
.button__name{font-size:.86em}
.button__name--s{font-size:.8em}
.button__icon{top:8px;right:8px}
.button__icon img{width:15px;height:auto}
.rarr a{padding:15px}
.rarr--white a::after{border-top-color:#fff;border-right-color:#fff}
.none_sp{display:none}
/*!製品ページ用ヘッダー*/
#global_header_wrap .product_header{font-size:14px;line-height:1.64}
.product_header>.container{margin:0 10px;padding:13px 0}
.product_title>span{margin:0 10px}
.product_nav{display:none;background-color:#f0f0f0;z-index:50;top:calc(100% + 1px);width:100%;margin:0 -10px;padding:0 10px}
.product_nav ul{padding:10px 0}
.product_nav a{display:block;padding:12px 0}
.product_nav_toggle{position:absolute;right:0;top:0;background:0 0;border:none;-webkit-transition:-webkit-transform .25s linear;transition:transform .25s linear;-o-transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}
.product_nav_toggle--opened{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.main_visual{padding-top:250px}
.main_visual__earth{background-size:237px auto;background-position:100% 85px}
.main_visual__line{background-position:67% 0;background-size:268% auto}
.main_visual__bg::before{background-position:94% 50%}
.main_visual__title{margin-bottom:10px;font-size:4.29em}
.main_visual__copy{margin-bottom:5px;font-size:.86em}
.main_visual__img{width:49.33%;margin:0 auto}
.overview{margin-top:-90px;padding-top:60px}
.overview__bg{top:0;width:93.33%;height:50%}
.overview__header{margin-bottom:15px;font-size:2.27em}
.overview__header .category{font-size:.35em}
.overview__header .ja{font-size:.88em}
.overview__copy{margin-bottom:10px;font-size:1.29em}
.overview__movie{margin-top:45px}
.overview__img{top:-60px;left:calc(50% - 32px);width:325px}
.overview__img .inner{padding-top:61.54%}
/*!動画*/
.movie__poster a::before{width:55px;height:55px}
.movie__poster a::after{border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.movie__caption{margin-top:35px}
.movie__link{margin-top:20px}
.tab_content_wrap{padding-bottom:35px;background-color:#d61515}
.tab_content__img{margin-right:-25px;margin-left:-25px}
.tab_content__text{padding:35px 0 20px}
.tab_content__header{margin-bottom:20px;font-size:1.79em}
.tab_content__copy{margin-bottom:15px;font-size:1.29em}
.tab_content__category{font-size:.86em}
.tab_content__category .no{margin-left:5px;font-size:1.58em}
.tab_content__link{margin-top:20px}
.tab_content__note{margin:7px 0 15px 0;font-size:.8em}
#section_features{margin-top:25px;padding-top:30px}
#section_features .section__bg--01{display:none}
#section_features .tab_content .tab_content__img{position:relative;}
#section_features .tab_content:nth-of-type(2) .tab_content__img{background-color:#fff;display:flex;align-items: center;justify-content: center;width:calc(100% + 50px);height:67.5vw}
#section_features .tab_content:nth-of-type(2) .tab_content__img img{max-width: calc(100% - 26px);max-height: calc(100% - 26px)}
#section_features section:nth-of-type(1) .tab_content__img img:nth-of-type(2){position:absolute;top:80%;left:25px;width:40%;}
#section_features section:nth-of-type(1) .tab_content__img img:nth-of-type(2) img{width:100%;}
#section_features .tab_content .tab_content__text{padding-top:calc(35px + 15%);}
#section_option{padding-top:50px}
#section_option .subsection__body{padding-bottom:60px}
#section_option .subsection__bg{top:0;width:100%;height:100%}
#section_option .subsection__text{margin-top:0px}
#section_option .subsection__header{margin-bottom:20px;font-size:1.71em}
#section_option .subsection__copy{margin-bottom:15px;font-size:1.29em}
#section_option .subsection__link{margin-top:20px}
#section_option .subsection__img{width:256px;margin:-60px auto 0}
#section_service{margin:60px 0 60px 0;padding:45px 0 20px}
#section_service .section__bg--01{top:0;width:88%;height:100%}
#section_service .section__bg--02{bottom:75px;width:100%;height:calc(100% - 350px)}
#section_service .section__header{margin-bottom:10px}
#section_service .section__img{width:285px;margin:0 auto 25px}
#section_service .subsection__header{margin-bottom:15px;font-size:1.79em}
#section_service .subsection__copy{margin-bottom:15px;font-size:1.14em}
#section_service .logo_e-factory{width:120px;margin:80px auto 0}
#section_service .subsection__link{margin-top:20px}
#section_case{margin-top:60px;padding-top:40px}
#section_case .section__bg{display:none}
#section_case .section__header{margin-bottom:0}
#section_case .subsection__bg--01{top:-75px;width:100%;height:100%}
#section_case .subsection header{margin-bottom:30px}
#section_case .subsection__header{padding:20px 0 35px;font-size:1.79em}
#section_case .subsection__header .name{margin-top:15px;font-size:.64em}
#section_case .subsection__img{margin-right:-25px;margin-left:-25px}
#section_case .subsection__copy{margin-bottom:10px;font-size:1.07em}
#section_case .subsection__fig{display:-webkit-box;display:-ms-flexbox;display:flex;margin:35px -25px 0}
#section_case .subsection__fig li{width:50%}
#section_case .subsection__link{margin-top:25px}
#section_lineup{padding:50px 0}
#section_lineup .section__header{margin-bottom:25px}
#section_lineup .list_lineup{-ms-flex-wrap:wrap;flex-wrap:wrap}
#section_lineup .product{width:47.38%}
#section_lineup .product:nth-child(2n){margin-left:2.62%}
#section_lineup .product:nth-child(n+3){margin-top:30px}
#section_lineup .product__name{margin-top:-35px}
#section_link{padding:55px 0 60px}
#section_link .section__header--vertical{margin-bottom:35px;text-align:center}
#section_link .section__header--vertical .inner{position:static;-webkit-transform:none;-ms-transform:none;transform:none}
#section_link .section__header--vertical+.section__body>.container{padding-left:0}
#section_link .button__img img{width:auto;height:24px}
.catalog_download{padding:50px 0}
.catalog_download .banner__container{padding:13px 15px;background:url(../img/bg_banner_catalog_sp.png) 100% 50%/cover no-repeat #fff}
.catalog_download .banner__img_01{width:70px;margin-right:12px}
.catalog_download .banner__img_02{width:73px;margin-top:10px}
.catalog_download .banner__text_wrap{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}
.catalog_download .banner__text_01{font-size:.71em}
.catalog_download .banner__text_02{font-size:1.36em}
.catalog_download .banner__text_02 .icon{width:22px;height:auto}
#section_info::before{background-size:auto 60%;background-position:0 100%}
#section_info{padding:55px 0 60px}
#section_info .button__img img{width:auto;height:40px}
#section_info .buttons__item--03 .button__name{text-align:center}
/*!拡大*/
.zoom{width:80%;margin:0 auto;padding:5px 10px;border:1px solid #bebdbd;text-align:center}
.zoom .inner{display:inline-block;font-size:.86em}
.zoom .inner::before{content:"";display:inline-block;width:25px;height:21px;margin-right:5px;vertical-align:middle;background:url(../img/common/icon_zoom.png) 0 0/25px 21px no-repeat}
/*!ページトップ*/
.mecha_pagetop{position:fixed;bottom:0}
.mecha_pagetop>.container{margin:0}
.mecha_pagetop a{padding-left:26px;font-size:.86em;top:-98px}
.mecha_pagetop a::before{width:20px;-webkit-animation:2s cubic-bezier(.645,.045,.355,1) infinite scroll-anim-sp;animation:2s cubic-bezier(.645,.045,.355,1) infinite scroll-anim-sp}
.slick-dots li{width:9px;height:9px;margin:0 5px;border:1px solid #fff}
.slick-dots button[type=button]{height:0;padding-top:9px;background-color:#d61515}
.slick-dots .slick-active button[type=button]{background-color:#fff}
.slick-arrow{top:0;margin-top:-27px;padding-top:67.57%}
.slick-arrow button[type=button]{width:60px;height:54px;margin:0 3px;font-size:.64em;border:1px solid #fff}
.slick-arrow .inner::before{top:calc(50% - 2px);width:4px;height:4px}
.slick-prev{right:91px}
.slick-prev .inner{padding-left:12px}
.slick-next{right:25px}
.slick-next .inner{padding-right:12px}
}
@-webkit-keyframes scroll-anim{
0%{width:0;left:60px}
50%{width:60px;left:0}
100%{width:0;left:0}
}
@keyframes scroll-anim{
0%{width:0;left:60px}
50%{width:60px;left:0}
100%{width:0;left:0}
}
@-webkit-keyframes scroll-anim-sp{
0%{width:0;left:20px}
50%{width:20px;left:0}
100%{width:0;left:0}
}
@keyframes scroll-anim-sp{
0%{width:0;left:20px}
50%{width:20px;left:0}
100%{width:0;left:0}
}
@-webkit-keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes slideInUp{
from{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0;visibility:visible}
to{-webkit-transform:none;transform:none;opacity:1;visibility:visible}
}
@keyframes slideInUp{
from{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0;visibility:visible}
to{-webkit-transform:none;transform:none;opacity:1;visibility:visible}
}
@-webkit-keyframes w100{
0%{width:0%}
100%{width:100%}
}
@keyframes w100{
0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes slide_bg1{
0%{width:0%;left:0}
50%{width:100%;left:0}
100%{width:100%;left:100%}
}
@keyframes slide_bg1{
0%{width:0%;left:0}
50%{width:100%;left:0}
100%{width:100%;left:100%}
}
@-webkit-keyframes slide_bg2{
0%,100%{width:0%;left:100%}
50%{width:100%;left:0}
}
@keyframes slide_bg2{
0%,100%{width:0%;left:100%}
50%{width:100%;left:0}
}
@-webkit-keyframes mask{
0%{top:50%;left:0;width:0%;height:0%}
10%,20%{top:0;left:0;width:.3%;height:100%}
50%{top:0;left:0;width:100%;height:100%}
100%{top:0;left:100%;width:0%;height:100%}
}
@keyframes mask{
0%{top:50%;left:0;width:0%;height:0%}
10%,20%{top:0;left:0;width:.3%;height:100%}
50%{top:0;left:0;width:100%;height:100%}
100%{top:0;left:100%;width:0%;height:100%}
}