@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(/fa/jpsup/mecha/common/img/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.container{position:relative;z-index:10}
.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.71}
.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:right}
.rarr a{position:relative;display:block;color:#000;white-space:nowrap}
.rarr .inner{position:relative;display:inline-block}
.rarr .inner::after,.rarr .inner::before{content:"";position:absolute;top:53%;display:block;background-color:#000}
.rarr .inner::before{height:1px}
.rarr .inner::after{right:10px;height:1px;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.rarr--white a{color:#fff}
.rarr--white .inner::after,.rarr--white .inner::before{background-color:#fff}
/*!製品ページ用ヘッダー*/
#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;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff}
.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__title{font-weight:700;line-height:1.24;margin-bottom: 17px}
.main_visual__subtitle{font-size: 1.27841em}
.main_visual__subtitle span.inner_sub {position: relative;display: inline-block}
.main_visual__subtitle span.inner_sub:before {content: "";display: block;height: 1px;width: 150px;position: absolute;top: 50%;left: -172px;background-color: #fff}
.main_visual__subtitle span.inner_sub:after {content: "";display: block;height: 1px;width: 150px;position: absolute;top: 50%;right: -174px;background-color: #fff;}
.main_visual__copy{font-weight:700}
.main_visual__img{position:relative;z-index:10}
.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:#fff}
.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}
#section_aboutus{position:relative;z-index:1}
#section_aboutus .section__img .inner{display:block;background:url(../img/aboutus_01.jpg) 50% 0/100% auto no-repeat;height:0;overflow:hidden;padding-top:66.67%}
#section_aboutus .section__img .inner img{visibility:hidden}
#section_archive .plus{position:relative}
#section_archive .plus__bg{position:absolute;z-index:-1}
#section_archive .plus__title{font-weight:700;line-height:1.18}
#section_archive .plus__title a{color:#000}
#section_archive .plus__title .icon{display:inline-block}
#section_archive .plus__title .icon_external{width:32px;height:auto;transform: translateY(-2px);}
#section_archive .plus__title .capacity{margin-left:1em;font-size:70%}
#section_archive .plus__subtitle{font-weight:700}
#section_archive .plus__chapter_wrap{border-left:2px solid #d61515}
#section_archive .plus__chapter:last-child .plus__chapter_interviewee:last-of-type{padding-bottom:0}
#section_archive .plus__chapter .plus__chapter_interviewee:last-of-type{padding-bottom:5px}
#section_archive .plus__chapter_title{font-weight:700}
#section_archive .plus__link_pdf{margin-top: 17px;}
#section_archive .plus__link_pdf a{display: inline-block; position: relative; color: #000; padding-left: 1.25em; line-height: 1;}
#section_archive .plus__link_pdf a::before{content: ''; position: absolute; left: 0; top: calc(50% - 4px); width: 6px; height: 6px; transform: rotate(45deg); display: block; border-top: 2px solid #d61515; border-right: 2px solid #d61515;}
#section_archive .plus__link_pdf a .icon_link{width: 16px; height: 16px; margin-left: 0.25em; margin-right: 0.25em;}
#section_archive .plus:nth-child(even) .plus__bg{left:0;background-color:#d61515}
#section_archive .plus:nth-child(even) .plus__bg.animated{left:-50%}
#section_archive .plus:nth-child(even) .plus__bg.show{left:0}
#section_archive .plus:nth-child(odd) .plus__bg{right:0;background-color:#f0f0f0}
#section_archive .plus:nth-child(odd) .plus__bg.animated{right:-50%}
#section_archive .plus:nth-child(odd) .plus__bg.show{right:0}
.plus_en{position:relative}
.plus_en::before{content:"";position:absolute;top:0;right:0;display:block;width:100%;height:100%;background-color:#1d1d1d}
.plus_en.animated::before{right:-100%}
.plus_en.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)}
.plus_en__item{position:relative}
.plus_en__item a{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #fff;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:color .25s ease-out,background-color .25s ease-out;-o-transition:color .25s ease-out,background-color .25s ease-out;transition:color .25s ease-out,background-color .25s ease-out}
.plus_en__item a:hover{text-decoration:none}
.plus_en__title{line-height:1.5}
.plus_en__title .icon{display:inline-block;vertical-align:middle}
.plus_en__title .capacity{font-size:80%;display:inline-block}
/*!メカトロナビ*/
.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{display:block;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}

.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-dots button[type=button]:hover{background-color:#d61515}
.slick-dots .slick-active button[type=button]{background-color:#d61515}
.slick-arrow button[type=button]:hover{ text-decoration: underline; }
.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 .inner::before{left:0;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.slick-next .inner::before{right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.slick-arrow button[type=button]{font-size:106%;-webkit-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;background-color: #1d1d1d;outline: none}
.plus_en__item_block{max-width: 954px!important;margin: 0 auto;}
.slick-arrow.slick-hidden{display:none}
.plus_en__item{margin: 0 19px;}
.slick-list {margin: 0 -19px!important;}
@media print,screen and (min-width:641px){
/*!東日本メカトロソリューションセンター*/
.w980 #module_titleArea{padding-bottom:8px}
.main{min-width:980px;font-size:.88em;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.8571em}
.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__header--vertical::before{background-color:#fff}
.section--bg .section__header--vertical .inner{top:calc(130px - 1em)}
.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:1.07em;text-align:center}
.button__name--s{font-size:.86em}
.button__icon{top:10px;right:10px}
.button__icon img{width:20px;height:auto}
.rarr .inner{font-size:1em;padding-right:160px;min-height:60px;line-height:60px}
.rarr .inner::after,.rarr .inner::before{-webkit-transition:background-color .1s ease-out .2s;-o-transition:background-color .1s ease-out .2s;transition:background-color .1s ease-out .2s}
.rarr .inner::before{right:10px;width:138px}
.rarr .inner::after{width:30px}
.rarr a{overflow:hidden;-webkit-transition:color .1s ease-out .15s,padding .2s ease-out;-o-transition:color .1s ease-out .15s,padding .2s ease-out;transition:color .1s ease-out .15s,padding .2s ease-out}
.rarr a::before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:#d61515;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transition:-webkit-transform .4s cubic-bezier(.645,.045,.355,1);transition:transform .4s cubic-bezier(.645,.045,.355,1);-o-transition:transform .4s cubic-bezier(.645,.045,.355,1);transition:transform .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s cubic-bezier(.645,.045,.355,1);-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}
.rarr a:hover{color:#fff;padding-left:10px}
.rarr a:hover::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.rarr a:hover .inner::after,.rarr a:hover .inner::before{background-color:#fff}
.rarr--white a::before{background-color:#fff}
.rarr--white a:hover{color:#000}
.rarr--white a:hover .inner::after,.rarr--white a:hover .inner::before{background-color:#000}
.none_pc{display:none}
/*!製品ページ用ヘッダー*/
#global_header_wrap .product_header{font-size:.88em;line-height:1.86}
.product_header>.container{padding:12px 0}
.product_title{font-size:1.43em}
.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:1em}
.product_nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.product_nav li+li{margin-left:30px}
.product_nav_toggle{display:none}
/*!メカトロナビ*/
.mecha_nav_wrap{font-size:1.0714em;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;border-left:none;margin:0;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:239px;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:61px}
.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}
/*!メインビジュアル*/
.main_visual{height:630px;min-height:630px;padding-top:161px;background-position:50% 0}
.main_visual__title{font-size:3.57em}
.main_visual__copy{margin-bottom:40px;font-size:1.43em;line-height:1.2;margin-top: 17px}
.main_visual__copy .mask~.mask{margin-top:12px}
#section_aboutus{margin-top:-80px;padding:115px 0 125px 0}
#section_aboutus .section__header--vertical::before{top:125px}
#section_aboutus .section__header--vertical .inner{top:calc(125px - 1em)}
#section_aboutus .section__body{padding:0}
#section_aboutus .section__body .section__bg{width:calc(50% + 50px)}
#section_aboutus .section__body .section__text{font-size:1.0714em;width:430px}
#section_aboutus .section__img{position:absolute;left:50%;top:50%;margin-top:-200px}
#section_aboutus .section__img .inner{padding:400px 0 0 0}
#section_archive{padding-top:20px;margin:80px 0 0}
#section_archive .section__header{padding-bottom:50px}
#section_archive .plus>.container{display:-webkit-box;display:-ms-flexbox;display:flex}
#section_archive .plus+.plus{margin-top:120px}
#section_archive .plus__bg{top:-50px;height:380px}
#section_archive .plus__title{font-size:1.57em}
#section_archive .plus__title .icon{width:28px;height:auto;margin-left:12px}
#section_archive .plus__subtitle{margin-top:-5px;font-size:1.29em;line-height:1.83}
#section_archive .plus__chapter_wrap{margin-top:30px;padding-left:40px}
#section_archive .plus__chapter+.plus__chapter{margin-top:17px}
#section_archive .plus__chapter_title{font-size:.86em;margin-left:-.5em}
#section_archive .plus__chapter_desc{line-height:1.71}
#section_archive .plus__chapter_interviewee{font-size:.79em}
#section_archive .plus:nth-child(even) .plus__img{margin-right:66px}
#section_archive .plus:nth-child(even) .plus__bg{width:calc(50% - 266px)}
#section_archive .plus:nth-child(even) .plus__bg.show{-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_archive .plus:nth-child(odd)>.container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#section_archive .plus:nth-child(odd) .plus__img{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:66px}
#section_archive .plus:nth-child(odd) .plus__bg{width:calc(50% - 294px)}
#section_archive .plus:nth-child(odd) .plus__bg.show{-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)}
.plus_en{margin-top:155px;padding:74px 0 95px}
.plus_en__item {width:458px;}

.plus_en__item a{padding:30px;}
.plus_en__item a:hover{color:#000;background-color:#fff}
.plus_en__title{font-size:1.29em}
.plus_en__title .edition{font-size:1.11em}
.plus_en__title .vol{font-size:1.44em}
.plus_en__title .icon{width:27px;margin-left:4px}
.plus_en__img{margin-left:30px}
#section_link {padding: 100px 0;}

.slick-dots{position:absolute;left: 50%;transform: translateX(-50%);bottom:-50px}
.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-arrow{bottom:-50px}
.slick-arrow .inner::before{top:calc(50% - 3px);width:6px;height:6px}
.slick-prev{left:calc(50% - 470px)}
.slick-prev .inner{padding-left:17px}
.slick-next{left:calc(50% + 422px)}
.slick-next .inner{padding-right:17px}

#section_link .buttons__item--02 .button__img { background-image: url(../img/common/logo_mesw_ov.png); }
}

@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__text p+p{margin-top:15px}
.section--bg .section__header--vertical .inner{top:calc(55px - 1em)}
.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 .inner{font-size:.86em;padding-right:81px;min-height:25px;line-height:25px}
.rarr .inner::before{right:10px;width:69px}
.rarr .inner::after{width:15px}
.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{height:285px;padding-top:200px;background-size:250% auto;background-position:70% 0}
.main_visual__title{text-align:center}
.main_visual__title img{width:89.23%}
.main_visual__copy{margin-bottom:15px;font-size:.86em}
.main_visual__bg::before{background-position-x:0}
.main_visual__subtitle{margin-bottom: 50px}
/*.main_visual__subtitle span.inner_sub {padding-left: 8px;padding-right: 8px;z-index: 2}*/
.main_visual__subtitle span.inner_sub:before{width: 15px;left: -25px}
.main_visual__subtitle span.inner_sub:after{width: 15px;right: -25px}
#section_aboutus{margin-top:-2.6666vw;padding-top:60px}
#section_aboutus .section__body{padding:0}
#section_aboutus .section__img{font-size:0;line-height: 0; margin:30px -50px 0 -105px}
#section_aboutus .section__img .inner {padding-top:61.5384%;}
#section_archive{padding-top:100px}
#section_archive .section__header{color:#fff;padding-bottom:0}
#section_archive .plus+.plus{margin-top:110px}
#section_archive .plus__bg{top:-90px;width:50%;height:265px}
#section_archive .plus__img{width:41.54%;margin:0 auto}
#section_archive .plus__text{margin-top:30px}
#section_archive .plus__title{font-size:1.07em}
#section_archive .plus__title .icon{width:17px;height:auto;margin-left:7px}
#section_archive .plus__title .icon_external{width:22px;}
#section_archive .plus__chapter_wrap{margin-top:15px;padding-left:20px}
#section_archive .plus__chapter+.plus__chapter{margin-top:10px}
#section_archive .plus__chapter_title{font-size:.86em}
#section_archive .plus__chapter_desc{font-size:.86em}
#section_archive .plus__chapter_interviewee{font-size:.79em}
#section_archive .plus__link_pdf{margin-top: 10px;}
#section_archive .plus__link_pdf a::before{top: calc(50% - 3px);}
#section_archive .plus:nth-child(even) .plus__bg.show{-webkit-transition:left .75s cubic-bezier(.645,.045,.355,1);-o-transition:left .75s cubic-bezier(.645,.045,.355,1);transition:left .75s cubic-bezier(.645,.045,.355,1)}
#section_archive .plus:nth-child(odd) .plus__bg.show{-webkit-transition:right .75s cubic-bezier(.645,.045,.355,1);-o-transition:right .75s cubic-bezier(.645,.045,.355,1);transition:right .75s cubic-bezier(.645,.045,.355,1)}
.plus_en{margin-top:60px;padding:50px 0}
.plus_en__item+.plus_en__item{margin-top:0}
.plus_en__item a{padding:19px 25px;max-height: 84px;}
.plus_en__title{font-size:.93em}
.plus_en__title .edition{font-size:1.15em}
.plus_en__title .vol{font-size:1.38em}
.plus_en__title .icon{width:16px;margin-left:4px}
.plus_en__img{width:60px}
#section_info .buttons__item--03 .button__name {text-align: center;}
/*!メカトロナビ*/
.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:none;border-bottom:1px solid #ccc;display:block;margin-top:0;padding-top:0;}
.mecha_nav--magazine{padding-top:18px;border-right:none;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}

.slick-dots li{width:9px;height:9px;margin:0 5px;border:1px solid #fff}
.slick-dots button[type=button]{height:0;padding-top:9px;}
.slick-dots{padding-top: 19px;}
.slick-arrow{bottom:0;}
.slick-arrow button[type=button]{margin:0 3px;font-size:.64em}
.slick-arrow .inner::before{top:calc(50% - 2px);width:4px;height:4px}
.slick-prev{left: 0}
.slick-prev .inner{padding-left:12px}
.slick-next{right:0}
.slick-next .inner{padding-right:12px}

}