@charset "UTF-8";
#global_header_wrap{border-bottom: 1px solid #d9d9d9;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) 55% -5% 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.right{text-align: right;}
.section__header.right::before{left:auto;right:0;width:calc(100% - 490px);}
.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)}
.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}
.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}
.top_visual{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;text-align:center}
.top_visual .container{position:relative;width:100%}
.top_visual__logo{position:relative}
.top_visual__copy{text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff}
.top_visual__imgs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.top_visual__earth{position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1}
.top_visual__logo_anim{position:absolute;top:0;right:0;left:0;bottom:0;z-index:-5}
.logo_p_wrap{position:absolute}
.logo_p{display:block;position:absolute}
.logo_p .inner{position:absolute;display:block;width:100%;height:100%;opacity:0;border-radius:50%;line-height:1}
.start .logo_p .inner{-webkit-transition:.8s cubic-bezier(.33,0,.02,1);-o-transition:.8s cubic-bezier(.33,0,.02,1);transition:.8s cubic-bezier(.33,0,.02,1)}
.logo_p--1 .inner{background-color:#d61515}
.logo_p--2 .inner{background-color:#d61515}
.logo_p--3 .inner{background-color:#d61515}
.logo_p--4 .inner{background-color:#d61515}
.logo_p--5 .inner{background-color:#d61515}
.logo_p--6 .inner{background-color:#d61515}
.logo_p--7 .inner{background-color:#d61515}
.logo_p--8 .inner{background-color:#d61515}
.logo_p--9 .inner{background-color:#d61515}
.logo_p--10 .inner{background-color:#d61515}
.logo_p--11 .inner{background-color:#d61515}
.logo_p--12 .inner{background-color:#bdbebe}
.logo_p--13 .inner{background-color:#bdbebe}
.logo_p--14 .inner{background-color:#bdbebe}
.logo_p--15 .inner{background-color:#bdbebe}
.logo_p--16 .inner{background-color:#bdbebe}
.logo_p--17 .inner{background-color:#bdbebe}
.logo_p--18 .inner{background-color:#bdbebe}
.logo_p--19 .inner{background-color:#bdbebe}
.logo_p--20 .inner{background-color:#bdbebe}
.logo_p--21 .inner{background-color:#bdbebe}
.logo_p--22 .inner{background-color:#bdbebe}
.logo_p--23 .inner{background-color:#bdbebe}
/*!section_info*/
#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}
/*!animetion*/
.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}
/*!メカトロナビ*/
.mecha_nav_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:110;overflow-y:auto}
.mecha_nav__container{position:relative;border-top:1px solid #ccc}
.mecha_nav__header{font-family:Lato,sans-serif;text-align:center}
.mecha_nav__body{display:-webkit-box;display:-ms-flexbox;display:flex}
.mecha_nav--top{text-align:center}
.mecha_nav--top a{position:relative;display:inline-block;color:#000}
.mecha_nav--top a::after,.mecha_nav--top a::before{content:"";position:absolute;top:50%;display:block;background-color:#000}
.mecha_nav--top a::before{height:1px}
.mecha_nav--top a::after{left:0;height:1px;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mecha_nav--top a .inner{display:inline-block}
.mecha_nav__item a{display:block;text-align:center;color:#000}
.mecha_nav_button{z-index:90}
.mecha_nav_open{border:none;cursor:pointer;z-index:90}
.mecha_nav_close{position:absolute;border:none;cursor:pointer}
@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.right.animated::before{left:auto;right:-100%}
.section__header.right.show::before{left:auto;right:0;}
.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:-4;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}
.top_visual{display:block;height:669px;min-height:669px;padding-top:179px}
.top_visual .container{padding-top:102px;}
.top_visual__logo{width:332px;height:183px;margin:0 auto}
.top_visual__copy{margin-top:50px;font-size:1.2666em;letter-spacing: 0.1em;padding-left:0.1em}
.top_visual__imgs{margin-top:10px}
.top_visual__logo_anim{margin-top:179px}
.logo_p_wrap{top:36px;left:6px;width:214px;height:130px}
.logo_p--1{width:29px;height:29px;left:calc(50% - 1px);top:calc(50% - 3px)}
.logo_p--2{width:29px;height:29px;left:calc(50% + 17px);top:calc(50% - 32px)}
.logo_p--3{width:29px;height:29px;left:calc(50% - 19px);top:calc(50% + 26px)}
.logo_p--4{width:21px;height:21px;left:calc(50% + 42px);top:calc(50% - 49px)}
.logo_p--5{width:26px;height:26px;left:calc(50% - 47px);top:calc(50% + 39px)}
.logo_p--6{width:17px;height:17px;left:calc(50% - 67px);top:calc(50% + 39px)}
.logo_p--7{width:13px;height:13px;left:calc(50% - 80px);top:calc(50% + 32px)}
.logo_p--8{width:13px;height:13px;left:calc(50% + 71px);top:calc(50% - 52px)}
.logo_p--9{width:7px;height:7px;left:calc(50% - 86px);top:calc(50% + 24px)}
.logo_p--10{width:8px;height:8px;left:calc(50% + 90px);top:calc(50% - 46px)}
.logo_p--11{width:6px;height:6px;left:calc(50% - 92px);top:calc(50% + 15px)}
.logo_p--12{width:20px;height:20px;left:calc(50% - 39px);top:calc(50% - 41px)}
.logo_p--13{width:16px;height:16px;left:calc(50% - 18px);top:calc(50% - 28px)}
.logo_p--14{width:20px;height:20px;left:calc(50% - 60px);top:calc(50% - 55px)}
.logo_p--15{width:17px;height:17px;left:calc(50% - 79px);top:calc(50% - 64px)}
.logo_p--16{width:11px;height:11px;left:calc(50% + 1px);top:calc(50% - 18px)}
.logo_p--17{width:17px;height:17px;left:calc(50% - 100px);top:calc(50% - 58px)}
.logo_p--18{width:15px;height:15px;left:calc(50% + 50px);top:calc(50% - 19px)}
.logo_p--19{width:16px;height:16px;left:calc(50% - 107px);top:calc(50% - 37px)}
.logo_p--20{width:13px;height:13px;left:calc(50% + 70px);top:calc(50% - 20px)}
.logo_p--21{width:13px;height:13px;left:calc(50% - 103px);top:calc(50% - 17px)}
.logo_p--22{width:18px;height:18px;left:calc(50% + 85px);top:calc(50% - 34px)}
.logo_p--23{width:9px;height:9px;left:calc(50% - 98px);top:calc(50% + 1px)}
#section_info::before{background-size:auto 100%;background-position-x:-60px}
#section_info{margin-top:110px;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)}
#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)}
/*!拡大*/
.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}
/*!メカトロナビ*/
.mecha_nav_wrap{padding-top:150px}
.mecha_nav__container{margin-top:50px;padding:50px 0 300px}
.mecha_nav__header{font-size:2.29em}
.mecha_nav__body{display:flex;justify-content: center; margin-top:20px}
.mecha_nav--top .mecha_nav__header{margin-bottom:10px}
.mecha_nav--top a{font-size:1.29em;padding-left:55px;min-height:40px;line-height:40px}
.mecha_nav--top a::before{right:calc(100% - 35px);width:35px;-webkit-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out}
.mecha_nav--top a::after{width:16px;-webkit-transition:left .2s ease-out;-o-transition:left .2s ease-out;transition:left .2s ease-out}
.mecha_nav--top a:hover::before{width:65px}
.mecha_nav--top a:hover::after{left:-30px}
.mecha_nav--top a .inner{padding-right:20px}
.mecha_nav__column{border-top:1px solid #ccc;display:flex;margin-top:50px;padding-top:60px;}
.mecha_nav--magazine{border-right:1px solid #ccc;width:50%;}
.mecha_nav--special{width:50%;}
.mecha_nav__item{width:auto;}
.mecha_nav__item+li{margin-left:0}
.mecha_nav__item a{font-size:1em;display:block;padding:0 30px;}
.mecha_nav__item .thumb img{-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
.mecha_nav__item .name{margin-top:20px}
.mecha_nav__item a:hover .thumb img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.mecha_nav_button{position:absolute;top:178px;width:100%;-webkit-transition:top .5s ease-out;-o-transition:top .5s ease-out;transition:top .5s ease-out}
.mecha_nav_button>.container{position:relative}
.mecha_nav_button--fixed{position:fixed;top:0}
.mecha_nav_open{position:absolute;right:0;top:calc(100% + 25px);width:69px;height:69px}
.mecha_nav_close{top:50px;right:50px;width:69px;height:69px}

.magzine_special{position: relative;}

#section_east{color:#fff}
#section_east .section__bg--01{position:absolute;top:0;left:0;z-index:-2;overflow:hidden;width:calc(50% + 500px);height:100%;}
#section_east .section__bg--01::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_east .section__bg--01.animated::before{visibility:hidden}
#section_east .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_east .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_east .section__bg--01.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_east .section__bg--02{top:435px;right:0;width:calc(50% + 365px);height:calc(100% - 15px);background-color:#f0f0f0;z-index:-3}
#section_east .section__bg--02.animated{right:-100%}
#section_east .section__bg--02.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_east{margin-top:0;padding:85px 0;}
#section_east .section__header{margin-bottom:20px}
#section_east .section__body{display:flex;justify-content: space-between;}
#section_east .section__img{order:2;position: relative; width:427px;}
#section_east .section__img img:nth-of-type(1){position: absolute;bottom:-175px;left:-600px;z-index: +1;}
#section_east .section__img img:nth-of-type(2){margin-right:-223px}
#section_east .section__img img:nth-of-type(3){position: absolute;bottom:-139px;left:-155px;}
#section_east .subsection{order: 1;padding-top:30px;width:477px;z-index: +2;}
#section_east .subsection__header{margin-bottom:15px;font-size:1.8666em;line-height:1.36}
#section_east .section__body p{margin-right:-2em}
#section_east .subsection__link{margin-top:40px}

#section_west{margin-top:190px;padding:0;}
#section_west .section__body{display:flex;justify-content: space-between;}
#section_west .section__img{position: relative; width:427px;}
#section_west .section__img img:nth-of-type(1){position: absolute;bottom:-142px;left:340px;z-index: +1;}
#section_west .section__img img:nth-of-type(2){margin-left:-223px}
#section_west .section__img img:nth-of-type(3){position: absolute;bottom:-139px;left:24px;}
#section_west .subsection{padding-top:30px;width:477px;z-index: +2;}
#section_west .subsection__header{margin-bottom:15px;font-size:1.8666em;line-height:1.36}
#section_west .section__body p {margin-right:-2em}
#section_west .subsection__link{margin-top:40px}

#section_fa{margin-top:250px;padding:112px 0 0 0;}
#section_fa .section__bg--01{top:0px;left:-100%;width:calc(50% + 490px);height:calc(100% - 30px);background-color:#f0f0f0;z-index:-3}
#section_fa .section__bg--01.animated{left:-100%}
#section_fa .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_fa .section__header{margin-bottom:20px}
#section_fa .section__body{display:flex;justify-content: space-between;}
#section_fa .section__img{order:2;position: relative;width:427px;}
#section_fa .section__img img:nth-of-type(1){margin-right:-223px}
#section_fa .section__img img:nth-of-type(2){position:absolute;bottom:-86px;left:-109px;}
#section_fa .subsection{order: 1;padding-top:30px;width:477px;z-index: +2;}
#section_fa .subsection__header{margin-bottom:15px;font-size:1.8666em;line-height:1.36}
#section_fa .section__body p{margin-right:-1em}
#section_fa .subsection__link{margin-top:40px}

#section_magazine .section__bg--01{position:absolute;top:0;left:0;z-index:-2;overflow:hidden;width:calc(50% - 100px);height:460px;}
#section_magazine .section__bg--01::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_magazine .section__bg--01.animated::before{visibility:hidden}
#section_magazine .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_magazine .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_magazine .section__bg--01.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_magazine .section__bg--02{top:0;left:0;width:calc(50% - 340px);height:calc(100% - 190px);background-color:#f0f0f0;z-index:-3}
#section_magazine .section__bg--02.animated{left:-100%}
#section_magazine .section__bg--02.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_magazine{margin-top:175px;padding:85px 0 0 0;}
#section_magazine .section__header{margin-bottom:50px}
#section_magazine .section__img{position: relative; width:427px;}
#section_magazine .section__img img:nth-of-type(1){margin-left:-20px}
#section_magazine .section__img img:nth-of-type(2){position: absolute;bottom:-66px;left:-108px;}
#section_magazine .subsection{padding-top:85px;width:427px;height:220px;}
#section_magazine .linksection{width:427px;}
#section_magazine .subsection__header{margin-bottom:15px;font-size:1.8666em;line-height:1.36}

#section_special .section__bg--01{position:absolute;top:0;right:0;z-index:-2;overflow:hidden;width:calc(100% - 100px);height:460px;}
#section_special .section__bg--01::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_special .section__bg--01.animated::before{visibility:hidden}
#section_special .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_special .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_special .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_special .section__bg--02{top:0;right:0;width:calc(100% - 340px);height:calc(100% - 90px);background-color:#f0f0f0;z-index:-3}
#section_special .section__bg--02.animated{right:-100%}
#section_special .section__bg--02.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_special{position: absolute;top:100px;right:0px;width:50%; margin-top:0;padding:85px 0 0 0;}
#section_special .container{width: 490px;margin:0;padding-left:0;}
#section_special .section__header{margin-bottom:50px}
#section_special .section__img{position: relative;margin-left:50px; width:427px;}
#section_special .section__img img:nth-of-type(1){margin-left:-20px}
#section_special .subsection{margin-left:50px;padding-top:41px;width:427px;height:164px;}
#section_special .linksection{margin-left:50px;width:427px;}
}
@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__header.right{text-align: left;}
.section__header.right::before{display:none;}
.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__earth{background-size:237px auto;background-position:100% 85px}
.top_visual{height:500px;padding-top:100px}
.top_visual__logo{width:180px;margin:-1px auto 0}
.top_visual__copy{margin-top:15px}
.top_visual__imgs{margin-top:20px}
.top_visual__imgs img{height:75px;width:auto}
.top_visual__logo_anim{margin-top:100px}
.logo_p_wrap{top:20px;left:3px;width:117px;height:71px}
.logo_p--1{width:16px;height:16px;left:calc(50% - 2px);top:calc(50% - 2px)}
.logo_p--2{width:16px;height:16px;left:calc(50% + 10px);top:calc(50% - 18px)}
.logo_p--3{width:16px;height:16px;left:calc(50% - 11px);top:calc(50% + 14px)}
.logo_p--4{width:12px;height:12px;left:calc(50% + 23px);top:calc(50% - 27px)}
.logo_p--5{width:14px;height:14px;left:calc(50% - 25px);top:calc(50% + 21px)}
.logo_p--6{width:9px;height:9px;left:calc(50% - 36px);top:calc(50% + 21px)}
.logo_p--7{width:7px;height:7px;left:calc(50% - 43px);top:calc(50% + 17px)}
.logo_p--8{width:7px;height:7px;left:calc(50% + 39px);top:calc(50% - 29px)}
.logo_p--9{width:4px;height:4px;left:calc(50% - 46px);top:calc(50% + 13px)}
.logo_p--10{width:4px;height:4px;left:calc(50% + 49px);top:calc(50% - 25px)}
.logo_p--11{width:3px;height:3px;left:calc(50% - 49px);top:calc(50% + 8px)}
.logo_p--12{width:11px;height:11px;left:calc(50% - 21px);top:calc(50% - 22px)}
.logo_p--13{width:8px;height:8px;left:calc(50% - 9px);top:calc(50% - 15px)}
.logo_p--14{width:11px;height:11px;left:calc(50% - 32px);top:calc(50% - 30px)}
.logo_p--15{width:9px;height:9px;left:calc(50% - 43px);top:calc(50% - 35px)}
.logo_p--16{width:6px;height:6px;left:calc(50% + 1px);top:calc(50% - 10px)}
.logo_p--17{width:9px;height:9px;left:calc(50% - 54px);top:calc(50% - 31px)}
.logo_p--18{width:8px;height:8px;left:calc(50% + 27px);top:calc(50% - 10px)}
.logo_p--19{width:8px;height:8px;left:calc(50% - 58px);top:calc(50% - 20px)}
.logo_p--20{width:7px;height:7px;left:calc(50% + 38px);top:calc(50% - 11px)}
.logo_p--21{width:7px;height:7px;left:calc(50% - 55px);top:calc(50% - 9px)}
.logo_p--22{width:9px;height:9px;left:calc(50% + 46px);top:calc(50% - 18px)}
.logo_p--23{width:4px;height:4px;left:calc(50% - 53px);top:calc(50% + 1px)}
#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_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}
#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}
/*!メカトロナビ*/
.mecha_nav_wrap{padding-top:88px}
.mecha_nav{text-align:center}
.mecha_nav__container{margin:25px -25px 0;padding:18px 0 45px}
.mecha_nav__header{padding-bottom:18px;border-bottom:1px solid #ccc;font-size:1.5em}
.mecha_nav__body{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-wrap:wrap}
.mecha_nav--top .mecha_nav__header{padding-bottom:0;border:none}
.mecha_nav--top a{font-size:.86em;padding-left:27px;min-height:40px;line-height:40px}
.mecha_nav--top a::before{left:0;width:17px}
.mecha_nav--top a::after{width:8px}
.mecha_nav--top a .inner{padding-right:10px}
.mecha_nav__column{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;margin-top:0;padding-top:0;}
.mecha_nav--magazine{padding-top:18px;border-right:1px solid #ccc;width:auto;}
.mecha_nav--magazine .mecha_nav__body{padding-bottom:0}
.mecha_nav--special{border-top:1px solid #ccc;padding-top:18px;width:auto;}
.mecha_nav--special .mecha_nav__body{padding-bottom:50px}
.mecha_nav__item{width:50%}
.mecha_nav__item+li{border-left:1px solid #ccc;width:calc(50% - 1px)}
.mecha_nav__item:nth-of-type(3){border-left:none;border-top:1px solid #ccc;width:100%}
.mecha_nav__item a{padding:35px 30px;font-size:.86em}
.mecha_nav__item .thumb img{height:85px}
.mecha_nav__item .name{margin-top:15px}
.mecha_nav_open{position:fixed;right:20px;bottom:25px;width:52px;height:52px}
.mecha_nav_close{top:25px;right:25px;width:35px;height:35px}

#section_east{color:#fff}
#section_east .section__bg--01{position:absolute;top:0;left:0;z-index:-2;overflow:hidden;width:100%;height:calc(100% - 1px);}
#section_east .section__bg--01::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_east .section__bg--01.animated::before{visibility:hidden}
#section_east .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_east .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_east .section__bg--01.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_east .section__bg--02{display:none;}
#section_east{margin-top:0;padding:45px 0 0 0;}
#section_east .section__header{margin-bottom:30px}
#section_east .section__body{display:flex;flex-direction: column;justify-content: space-between;}
#section_east .section__img{order:2;position: relative;margin:10px -25px 0 -25px; width:auto;}
#section_east .section__img img:nth-of-type(1){position: relative;bottom:auto;left:auto;z-index: auto;width:73.6%;}
#section_east .section__img img:nth-of-type(2){margin-right:0}
#section_east .section__img img:nth-of-type(3){position: absolute;bottom:61.7322%;left:6.6666%;width:81.3333%}
#section_east .subsection{order: 1;padding-top:0;width:auto;z-index: +2;}
#section_east .subsection__header{margin-bottom:15px;font-size:1.4285em;line-height:1.36}
#section_east .section__body p{margin-right:0}
#section_east .subsection__link{margin-top:25px}

#section_west{margin-top:50px;padding:0;}
#section_west .section__body{display:flex;flex-direction: column; justify-content: space-between;}
#section_west .section__img{order:2;position: relative;margin:10px -25px 0 -25px; width:auto;}
#section_west .section__img img:nth-of-type(1){position: relative;bottom:auto;left:auto;z-index: auto;width:84.8%;}
#section_west .section__img img:nth-of-type(2){margin-left:0}
#section_west .section__img img:nth-of-type(3){position: absolute;bottom:58.9622%;left:19.8666%;width:60%}
#section_west .subsection{order: 1;padding-top:0;width:auto;z-index: +2;}
#section_west .subsection__header{margin-bottom:15px;font-size:1.4285em;line-height:1.36}
#section_west .section__body p {margin-right:0}
#section_west .subsection__link{margin-top:25px}

#section_fa{margin-top:45px;padding:0;}
#section_fa .section__bg--01{display:none;}
#section_fa .section__body{display:flex;flex-direction:column}
#section_fa .section__img{order:2;position: relative;margin:100px -25px 0 -25px}
#section_fa .section__img img:nth-of-type(2){position:absolute;top:-85px;left:calc(50% - 95px);width:190px}
#section_fa .subsection{order: 1}
#section_fa .subsection__header{margin-bottom:15px;font-size:1.4285em;line-height:1.36}
#section_fa .subsection__link{margin-top:25px}

#section_magazine .section__bg--01{position:absolute;top:0;left:0;z-index:-2;overflow:hidden;width:100%;height:calc(100% - 45.6666vw - 80px);}
#section_magazine .section__bg--01::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_magazine .section__bg--01.animated::before{visibility:hidden}
#section_magazine .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_magazine .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_magazine .section__bg--01.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_magazine .section__bg--02{display:none;}
#section_magazine{color: #ffffff;margin-top:50px;padding:45px 0 0 0;}
#section_magazine .section__header{margin-bottom:30px}
#section_magazine .section__body{display:flex;flex-direction: column; justify-content: space-between;}
#section_magazine .section__img{order:2;position: relative;text-align: right;margin:25px -25px 0 -25px; width:auto;}
#section_magazine .section__img img:nth-of-type(1){margin-left:0;width:70%;}
#section_magazine .section__img img:nth-of-type(2){position: absolute;bottom:-17.7777%;left:0px;width:64%}
#section_magazine .subsection{padding-top:0;width:auto;height:auto;}
#section_magazine .linksection{order:3;margin-top:calc(9.3333% + 25px);width:auto;}
#section_magazine .subsection__header{margin-bottom:15px;font-size:1.4285em;line-height:1.36}

#section_special .section__bg--01{position:absolute;top:0;right:0;z-index:-2;overflow:hidden;width:100%;height:calc(100% - 35.6666vw - 75px);}
#section_special .section__bg--01::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#d61515}
#section_special .section__bg--01.animated::before{visibility:hidden}
#section_special .section__bg--01.animated::after{content:"";position:absolute;width:0;height:100%;display:block;background-color:#191919}
#section_special .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_special .section__bg--01.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_special .section__bg--02{display:none;}
#section_special{color: #ffffff;position:relative;top:auto;right:auto;width:auto; margin:50px 0;padding:45px 0 0 0;}
#section_special .container{width: auto;margin:0;padding:0 25px;}
#section_special .section__header{margin-bottom:30px}
#section_special .section__body{display:flex;flex-direction: column; justify-content: space-between;}
#section_special .section__img{order:2;position: relative;margin:25px 0 0 0; width:auto;}
#section_special .section__img img{width:100%;}
#section_special .subsection{margin-left:0;margin-top:0;padding-top:0;width:auto;height:auto;}
#section_special .linksection{order:3;margin:25px 0 0 0;width:auto;}
}
@-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%}
}