@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;-webkit-text-size-adjust:100%}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;font:inherit}
img{vertical-align:top}
h1,h2,h3,h4,h5,h6{font-weight:400}
sup{font-size:75.5%;vertical-align:top;position:relative;top:-.1em}
sup.s-up{font-size:11px;}
sub{font-size:75.5%;vertical-align:bottom;position:relative;top:.1em}
body{min-height:100%;color:#000;background:#fff;
  font-family: 'UD Shin Go Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
/* 新 font-family:'UD Shin Go Light',"Hiragino Sans W3","ヒラギノ角ゴシック W3","Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS PGothic","ＭＳ Ｐゴシック","Helvetica Neue","Arial","Helvetica", sans-serif !important; */
  font-size:14px;line-height:1.5;max-width:1921px}
a{color:#000}
input[type="button"],input[type="submit"],input[type="text"]{-webkit-appearance:none;border-radius:0}
table{max-width:1367px}
#container{height:100%}
#header{position:fixed;top:0;left:0;width:241px;min-height:100%;border-right:solid 1px #ddd;background:#fff;z-index:999}
@media screen and (max-width: 1024px) {
#header{width:auto;height:44px;position:relative;min-height:auto;border-right:none;border-top:solid 6px red}
#header:after{position:absolute;top:-6px;left:0;width:104px;height:6px;content:'';display:block;background:#000}
}
#nav{margin:8px 0 0}
@media screen and (max-width: 1024px) {
#nav{position:absolute;top:44px;left:0;display:none;width:100%;margin:0;z-index:999}
}
#content{padding:0 0 0 242px}
@media screen and (max-width: 1024px) {
#content{padding:0}
}
#footer,
#footer.product_footer .footer__bottom{padding:28px 32px 28px 274px}
#footer.product_footer{padding:0}
@media screen and (max-width: 1024px) {
#footer,
#footer.product_footer .footer__bottom{padding:28px 0 24px}
}
@media screen and (max-width: 1024px) {
.spclear{display:none}
}
.naviHidden{display:none}
.header__logo{padding:22px 0 0 32px}
.header__btn{position:absolute;top:0;right:0;width:44px;height:44px;display:none;line-height:1}
.header__btn span{width:28px;height:4px;position:absolute;left:8px;background:red;display:inline-block}
.header__btn span:nth-of-type(1){top:10px}
.header__btn span:nth-of-type(2){top:18px}
.header__btn span:nth-of-type(3){bottom:14px}
@media screen and (max-width: 1024px) {
.header__logo{padding:3px 5px 0 3px !important}
.header__logo img{width:auto!important;height:40px}
.header__btn{display:block}
.header__btn.is-open{background:red}
.header__btn.is-open span{background:#fff}
}
.global-nav--txt{margin:0 -1px 0 0;padding:0 0 0 7px}
.global-nav--txt .item--lv1 > a:hover,.global-nav--txt .item--lv1 > a:active,.global-nav--txt .item--lv1.is-active > a,.global-nav--txt .item--lv1.is-open > a{padding:0 0 0 24px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;background:#eee}
.global-nav--txt .item--lv1 > a{box-sizing:border-box;position:relative;display:block;height:56px;line-height:56px;padding:1px 0 1px 24px;text-decoration:none}
.global-nav--txt .item--lv1 > a:after{position:absolute;top:50%;right:21px;width:6px;height:10px;content:'';margin:-5px 0 0;background:url(../img/common/arw_right_red.png) no-repeat center center}
.global-nav--txt .item--lv1 > span{box-sizing:border-box;position:relative;display:block;height:56px;line-height:56px;padding:1px 0 1px 24px;color:#ddd}
.global-nav--txt .item--lv1.is-open .item__list--lv2{display:block}
.global-nav--txt .item__list--lv2{width:400px;height:100%;display:none;box-sizing:border-box;position:fixed;top:0;left:242px;background:#eee;overflow-y:inherit}
.global-nav--txt .item__list--lv2 .item--lv2{position:relative;padding:0 15px}
.global-nav--txt .item__list--lv2 .item--lv2 > a{box-sizing:border-box;position:relative;display:block;height:56px;line-height:56px;padding:0 10px;background:url(../img/common/lin_dot_gray.png) repeat-x left bottom;text-decoration:none}
.global-nav--txt .item__list--lv2 .item--lv2 > a:after{position:absolute;top:50%;right:2px;width:6px;height:10px;content:'';margin:-5px 0 0;background:url(../img/common/arw_right_red.png) no-repeat center center}
.global-nav--txt .item__list--lv2 .item--lv2:hover,.global-nav--txt .item__list--lv2 .item--lv2:active{color:#fff;background:#575757}
.global-nav--txt .item__list--lv2 .item--lv2:hover > a,.global-nav--txt .item__list--lv2 .item--lv2:active > a{color:#fff;background:none}
.global-nav--txt .item__list--lv2 .item--lv2.is-active{color:#fff;background:#575757}
.global-nav--txt .item__list--lv2 .item--lv2.is-active > a{color:#fff;background:none}
.global-nav--txt .item__list--lv2 .item--lv2.is-open{color:#fff;background:#575757}
.global-nav--txt .item__list--lv2 .item--lv2.is-open > a{color:#fff;background:none}
.global-nav--txt .item__list--lv2 .item--lv2.is-open .item__list--lv3{display:block}
.global-nav--txt .item__list--lv3{position:absolute;top:0;left:400px;width:400px;height:auto;display:none;color:#fff;background:#575757;font-size:12px}
.global-nav--txt .item__list--lv3 .item--lv3{position:relative;background:url(../img/common/lin_dot_gray.png) repeat-x left bottom}
.global-nav--txt .item__list--lv3 .item--lv3 > a{transition:opacity .2s;opacity:1!important;box-sizing:border-box;position:relative;display:block;height:56px;line-height:56px;padding:0 25px;color:#fff;background:url(../img/common/lin_dot_gray.png) repeat-x left bottom;text-decoration:none}
.global-nav--txt .item__list--lv3 .item--lv3 > a:hover,.global-nav--txt .item__list--lv3 .item--lv3 > a:active{opacity:.5}
.global-nav--txt .item__list--lv3 .item--lv3 > a:after{position:absolute;top:50%;right:17px;width:6px;height:10px;content:'';margin:-5px 0 0;background:url(../img/common/arw_right_red.png) no-repeat center center}
.global-nav--txt .item__list--lv3 .item--lv3:hover,.global-nav--txt .item__list--lv3 .item--lv3:active{color:#fff;background:red}
.global-nav--txt .item__list--lv3 .item--lv3:hover > a,.global-nav--txt .item__list--lv3 .item--lv3:active > a{color:#fff;background:none}
.global-nav--txt .item__list--lv3 .item--lv3:hover > a:after,.global-nav--txt .item__list--lv3 .item--lv3:active > a:after{background:url(../img/common/arw_right_white.png) no-repeat center center}
.global-nav--txt .item__list--lv3 .item--lv3.is-active{color:#fff;background-color:red}
.global-nav--txt .item__list--lv3 .item--lv3.is-active > a{color:#fff}
.global-nav--txt .item__list--lv3 .item--lv3.is-active > a:after{background:url(../img/common/arw_right_white.png) no-repeat center center}
.global-nav--txt .item__list--lv2 .item--lv2 > a .new:before{content:"";background:url(../img/common/icn_new01.png) center no-repeat;background-size:40px;padding-left:60px}
.sidenavi-content .lv2__with-img .item .ttl.new:before{
  position: absolute;
  top: 32%;
  left: 54px;
  width: 6px;
  height: 12px;
  content: "";
  background: url(../img/common/icn_new01.png) center no-repeat;
  background-size: 40px;
  padding-left: 60px;
}
.global-nav--txt .item__list--lv2 .item--lv2 > a[href='/corporate/outline/'] .message{display:none}
.item-for-sp{display:none}
.breakpoint-1025 .item-for-sp{display:none!important}
.breakpoint-1 .item-for-sp{display:none}
.global-nav--txt .item--lv1>a.is-sp{display:none}
@media screen and (max-width: 1024px) {
.global-nav--txt{margin:0;padding:0}
.global-nav--txt .item--lv1{box-sizing:border-box;float:left;width:50%;border-top:solid 1px #ff8080;border-right:solid 1px #ff8080}
.global-nav--txt .item--lv1:nth-of-type(2n){border-right:none}
.global-nav--txt .item--lv1:nth-of-type(1),.global-nav--txt .item--lv1:nth-of-type(2){border-top:none}
.global-nav--txt .item--lv1 a:hover,.global-nav--txt .item--lv1 a:active,.global-nav--txt .item--lv1.is-active a,.global-nav--txt .item--lv1.is-open > a{padding:0 0 0 14px;border-top:none;border-bottom:none;background:red}
.global-nav--txt .item--lv1 a{box-sizing:border-box;position:relative;display:block;height:60px;line-height:60px;padding:0 0 0 14px;color:#fff;background:red;text-decoration:none}
.global-nav--txt .item--lv1 a:after{position:absolute;top:50%;right:14px;width:7px;height:12px;margin:-6px 0 0;background:url(../img/common/arw_right_white@x2.png) no-repeat center center;background-size:7px 12px}
.global-nav--txt .item--lv1>a.is-sp{display:list-item}
.global-nav--txt .item--lv1#sidenavi-sustainability a:after{background:url(../img/common/btn_plus.png) no-repeat center center;background-size:17px 17px;width:17px;height:17px;top:calc(50% - 2.5px);right:10px}
.global-nav--txt .item--lv1#sidenavi-sustainability a.is-open:after{background:url(../img/common/btn_minus.png) no-repeat center center;background-size:17px 17px}
.global-nav--txt .item--lv1#sidenavi-sustainability.is-open a:hover{opacity:1}
.item-for-sp{box-sizing:border-box;position:relative;display:none;height:50px;line-height:50px;padding:0 0 0 14px;color:#000;background-color:#E5E5E5;text-decoration:none;float:left;width:100%}
.item-for-sp1{padding-top:12px}
.item-for-sp2{height:52px;line-height:42px}
.item-for-sp a{text-decoration:none}
.link-with-arw{background:url(../img/common/arw_right_black@x2.png) no-repeat center right 14px;background-size:7px 12px}
.link-with-arw .ttltxt{display:none}
.global-nav--txt .item--lv1 span{box-sizing:border-box;position:relative;display:block;height:60px;line-height:60px;padding:0 0 0 14px;color:#ddd;background:red;text-decoration:none}
.global-nav--txt .item--lv1.is-open .item__list--lv2,.global-nav--txt .item--lv1.is-open .item__list--lv3{display:none!important}
.global-nav--txt .item__list--lv2,.global-nav--txt .item__list--lv3{display:none!important}
.global-nav--txt .long{width:100%!important}
}
/* sidenavi */
.sidenavi-content-wrapper{
  display: none;
}
.bg-sidenavi-content{
  position: fixed;
  top: 0;
  left: 241px;
  width:calc(100% - 241px);
  height: 100vh;
  background-color: #000;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.sidenavi-content{
  position: absolute;
  left: 241px;
  width:calc(100% - 241px);
  max-width:1470px; /* 1679px; */
  top: 0;
  background-color: #333;
  color: #fff;
  padding:74px 37px 56px;
  z-index:100;
  box-sizing: border-box;
/*  transition-duration: 0.6s; */
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.6s, visibility 0.6s, max-height 1.0s, top 0.1s;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
.sidenavi-content#sidenavi-product-content{
  max-height:1px;
}
.sidenavi-content#sidenavi-product-content.is-open{
  max-height:none;
}

@media screen and (max-width: 1024px){
  .sidenavi-content,
  .bg-sidenavi-content{
    display: none !important;
  }
}
.sidenavi-content.is-open{
  visibility: visible;
  opacity: 1;
}
.sidenavi-content.is-open + .bg-sidenavi-content{
  visibility: visible;
  opacity: 0.5;
}
.sidenavi-content .close{
  text-align: right;
  position: absolute;
  right: 32px;
  top: 72px;
}
.sidenavi-content .close span img:hover{
  opacity: 0.7;
  cursor:pointer;
}
.sidenavi-content a{
  text-decoration: none;
}
.sidenavi-content .group--ttl{
  font-weight:bold;
  max-width:1400px;
  padding-bottom:15px;
  margin:40px 0 20px;
  background: url(../img/common/border_dotted.png) repeat-x bottom left;
  background-size: 1096px 2px;
}
.sidenavi-content .lv2__with-img{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width:1400px;
  margin-bottom:94px;
  gap:30px 36px;
}
.sidenavi-content .lv2__with-img .item{
  max-width:168px;
  width:calc(20% - 29px);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  background-image: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    transparent 50%,
    transparent 100%
  );
}
.sidenavi-content.is-open .lv2__with-img .item{
  animation-name: extendBgWhite;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 1240px){
  .sidenavi-content .lv2__with-img .item{
    width:calc(25% - 29px);
  }
}
.sidenavi-content .lv2__with-img .item a:hover{
  opacity:1;
}
.sidenavi-content .lv2__with-img .item .img{
  overflow: hidden;
  box-sizing: border-box;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  opacity: 0;
}
.sidenavi-content .lv2__with-img .item:nth-child(1) .img{
  transition-delay: 500ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(2) .img{
  transition-delay: 550ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(3) .img{
  transition-delay: 600ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(4) .img{
  transition-delay: 650ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(5) .img{
  transition-delay: 700ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(6) .img{
  transition-delay: 750ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(7) .img{
  transition-delay: 800ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(8) .img{
  transition-delay: 850ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(9) .img{
  transition-delay: 900ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(10) .img{
  transition-delay: 950ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(11) .img{
  transition-delay: 1000ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(12) .img{
  transition-delay: 1050ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(13) .img{
  transition-delay: 1100ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(14) .img{
  transition-delay: 1150ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(15) .img{
  transition-delay: 1200ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(16) .img{
  transition-delay: 1250ms;
}
.sidenavi-content.is-open .lv2__with-img .item .img{
  visibility: visible;
  opacity: 1;
}
.sidenavi-content .lv2__with-img .item .img img{
  width: 101%;
  height: auto;
  transition: transform .4s;
  backface-visibility: hidden;
}

.sidenavi-content .lv2__with-img .item:hover .img img{
  transform: scale(1.05);
}
.sidenavi-content .lv2__with-img .item .ttl{
  position: relative;
  background-color: #fff;
  padding:12px 10px 10px 7px;
  height:34px;
  box-sizing: border-box;
  font-size:10px;
  visibility: hidden;
  opacity: 0;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  line-height:1;
}
.sidenavi-content .lv2__with-img .item .ttl p{
}
.sidenavi-content .lv2__with-img .item:nth-child(1) .ttl{
  transition-delay: 700ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(2) .ttl{
  transition-delay: 750ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(3) .ttl{
  transition-delay: 800ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(4) .ttl{
  transition-delay: 850ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(5) .ttl{
  transition-delay: 900ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(6) .ttl{
  transition-delay: 950ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(7) .ttl{
  transition-delay: 1000ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(8) .ttl{
  transition-delay: 1050ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(9) .ttl{
  transition-delay: 1100ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(10) .ttl{
  transition-delay: 1150ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(11) .ttl{
  transition-delay: 1200ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(12) .ttl{
  transition-delay: 1250ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(13) .ttl{
  transition-delay: 1300ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(14) .ttl{
  transition-delay: 1350ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(15) .ttl{
  transition-delay: 1400ms;
}
.sidenavi-content .lv2__with-img .item:nth-child(16) .ttl{
  transition-delay: 1450ms;
}
.sidenavi-content.is-open .lv2__with-img .item .ttl{
  visibility: visible;
  opacity: 1;
}
.sidenavi-content .lv2__with-img .item .ttl.ttl__2line{
  padding:5px 10px 5px 7px;
  line-height:1.2;
}
.sidenavi-content .lv2__with-img .item .ttl:after {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 6px;
  height: 12px;
  content: '';
  margin: -6px 0 0;
  background: url(../img/common/arw_right_red.png) no-repeat center center;
}
_::-webkit-full-page-media, _:future, :root .sidenavi-content .lv2__with-img .item .ttl:after { /* for safari */
  margin-top:-7px;
}
.sidenavi-content .lv2__txt{display:flex;color:#fff;max-width:1400px;margin-top:26px;}
.sidenavi-content .lv2__txt > li{width:22%;box-sizing:border-box;padding-right:40px;}
.sidenavi-content .lv2__txt > li:nth-child(2){width:43%;}
.sidenavi-content .lv2__txt > li:nth-child(4){width:18%;}
.sidenavi-content .lv2__txt > li:last-child{padding-right:0px;}
.sidenavi-content .lv2__txt > li > .lv1{
  font-weight:bold;
  padding-bottom:15px;
  margin-bottom:20px;
  background: url(../img/common/border_dotted150.png) repeat-x bottom left;
  background-size: 292px 1px;
}
.sidenavi-content .lv2__txt.title > li > .lv1{margin-top:30px;font-size:16px;margin-bottom:40px;}
.sidenavi-content .lv2__txt.title > li > .lv1 a{color:#fff;}
.sidenavi-content .lv2__txt.title > li.separater{content: "";display: block;height: 1px;width: calc(100% * 70 / 166);background-color: #fff;margin: 0.7em auto;}
.sidenavi-content .lv2__with-img > .description{color:#fff;text-indent:-1em;padding-left:1em;margin-bottom:25px;}
.sidenavi-content .lv2__with-img > .description .is-under480{display:none;}
.sidenavi-content .lv2__txt > li ul{line-height:1.8;font-size:12px;}
.sidenavi-content .lv2__txt > li > .lv2 li{padding-left:1em;text-indent:-1em;}
.minisitemap>ul>li>.lv2 li.noIndent,
.sidenavi-content .lv2__txt>li>.lv2 li.noIndent {
  padding-left: 0;
  text-indent: unset;
}
.sidenavi-content .lv2__txt > li > ul > li > a{color:#fff;}
.sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2{display:flex;flex-direction:row;flex-wrap:wrap;}
.sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul:nth-child(1){width:50%;margin-right:20px;}
.sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul:nth-child(2){width:calc(50% - 20px);}
.sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul > li{padding-right:1em;}
.sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul > li > a{color:#fff;}
.sidenavi-content .lv2__txt li.separater{
  content:"";
  display: block;
  height:1px;
  width:calc(100% * 70 / 166);
  background-color: #fff;
  margin:0.7em auto;
}
.sidenavi-content .lv2__txt .lv2{
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  opacity: 0;
  margin-top:300px;
}
.sidenavi-content .lv2__txt li:nth-child(1) .lv2{
  transition-delay: 0.8s;
}
.sidenavi-content .lv2__txt li:nth-child(2) .lv2{
  transition-delay: 0.9s;
}
.sidenavi-content .lv2__txt li:nth-child(3) .lv2{
  transition-delay: 1.0s;
}
.sidenavi-content .lv2__txt li:nth-child(4) .lv2{
  transition-delay: 1.1s;
}
.sidenavi-content.is-open .lv2__txt .lv2{
  visibility: visible;
  opacity: 1;
  margin-top:0px;
}
@media screen and (max-width: 1260px){
  .sidenavi-content .lv2__txt{display:flex;flex-wrap:wrap;}
  .sidenavi-content .lv2__txt > li{width:50%;margin-bottom:2.5em;}
  .sidenavi-content .lv2__txt.title > li{margin-bottom:0em;}
  .sidenavi-content .lv2__txt > li:nth-child(2){width:100%;}
  .sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul:first-child{width:calc(50% + 0px);}
  .sidenavi-content .lv2__txt > li:nth-child(2) > .ulx2 > ul:last-child{width:calc(50% - 20px);}
  .sidenavi-content .lv2__txt > li:nth-child(4){width:50%;}
}

.anm-bgwhite{
  display: inline-block;
  margin-bottom: 1px;
  padding-right:2em;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  background-image: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    transparent 50%,
    transparent 100%
  );
}
.anm-bgwhite span{
  transition-delay: 200ms;
  transition-duration: 2.0s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.anm-bgwhite a{
  color:#fff;
}
.anm-bgwhite .arw{
  position: relative;
  color:#fff;
  padding:10px 36px 10px 10px;
  display: inline-block;
  line-height: 1;
  background-color: rgba(255,0,0,0.6);
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  opacity: 0;
  transition-delay: 500ms;
}
.sidenavi-content.is-open .anm-bgwhite .arw{
  visibility: visible;
  opacity: 1;
}
.sidenavi-content.is-open .anm-bgwhite .arw:hover{
  visibility: visible;
  opacity: 0.7;
  transition-delay: 0ms;
}
.anm-bgwhite .arw:after {
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 10px;
  height: 13px;
  content: '';
  margin: 0px;
  background: url(../img/common/arw_right_white_big.png) no-repeat center center;
  background-size: 8px 11px;
}
.sidenavi-content.is-open .anm-bgwhite{
  animation-name: slideBgWhite;
  animation-duration: 0.7s;
}
.sidenavi-content .lv2__txt .anm-bgwhite{
  animation-delay: 200ms;
}
@keyframes extendBgWhite {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes slideBgWhite {
  0% {
    background-position: 100% 0;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.sidenavi-content.is-open .anm-bgwhite span{
  visibility: visible;
  opacity: 1;
}

/* // sidenavi */

.global-nav--btn{*zoom:1}
.global-nav--btn:after{content:"";display:table;clear:both}
.global-nav--btn .item{box-sizing:border-box;float:left;width:50%;border-bottom:solid 1px #fff;border-right:solid 1px #fff}
.global-nav--btn .item:nth-of-type(2n){border-right:none}
.global-nav--btn .item:nth-of-type(n+3){border-bottom:none}
.global-nav--btn .item a, .global-nav--btn .item .icon{transition:opacity .2s;box-sizing:border-box;position:relative;display:block;height:120px;padding:80px 0 0;color:#fff;background:red;background-repeat:no-repeat;font-weight:700;text-align:center;text-decoration:none}
.global-nav--btn .item a:hover,.global-nav--btn .item a:active{opacity:.5}
.global-nav--btn .item .icon:hover,.global-nav--btn .item .icon:active{opacity:.5}
.global-nav--btn .item.item--strength a{background-image:url(../img/common/icn_nav07.png);background-position:center 28px}
.global-nav--btn .item.item--catalog a{background-image:url(../img/common/icn_nav02.png);background-position:center 30px}
.global-nav--btn .item.item--faq a{background-image:url(../img/common/icn_nav03.png);background-position:center 30px}
.global-nav--btn .item.item--contact a{background-image:url(../img/common/icn_nav04.png);background-position:center 30px}
.global-nav--btn .item.item--contact.is-active a{background-color:#575757;opacity:unset}
.blank {padding: 22px 10px;}
.link--bottom{display:none;}
.global-nav--btn .item.item--strength.new a{
  padding: 85px 0 0;
}
.global-nav--btn .item.item--strength.new a::after{
  position: absolute;
  bottom: 38px;
  right: 0;
  left: 0;
  margin: auto;
  width: 60px;
  height: 12px;
  content: "";
  background: url(../img/common/icn_new01_white.png) center no-repeat;
  background-size: 40px;
}
@media screen and (max-width: 1024px) {
.global-nav--btn{background:#000}
.global-nav--btn .item{box-sizing:border-box;width:33.3333%;margin:0;border-bottom:solid 1px #4d4d4d;border-right:solid 1px #4d4d4d}
.global-nav--btn .item:nth-of-type(2n){margin:0;border-right:solid 1px #4d4d4d}
.global-nav--btn .item:nth-of-type(4n){border-right:none;border-right:solid 1px #4d4d4d}
.global-nav--btn .item:nth-of-type(n+3){border-bottom:solid 1px #4d4d4d}
.global-nav--btn .item a{height:90px;padding:60px 0 0;background:#000;background-repeat:no-repeat;font-size:10px}
.global-nav--btn .item .icon{height:90px;padding:60px 0 0;background:#000;background-repeat:no-repeat;font-size:10px}
.global-nav--btn .item.item--product a{background-image:url(../img/common/icn_nav01@x2.png);background-position:center 14px;background-size:40px 35px}
.global-nav--btn .item.item--catalog a{background-image:url(../img/common/icn_nav02@x2.png);background-position:center 19px;background-size:34px 24px}
.global-nav--btn .item.item--faq a{background-image:url(../img/common/icn_nav03@x2.png);background-position:center 19px;background-size:31px 25px}
.global-nav--btn .item.item--contact a{background-image:url(../img/common/icn_nav04@x2.png);background-position:center 20px;background-size:33px 23px}
.global-nav--btn .item.item--strength a{background-image:url(../img/common/icn_nav07@x2.png);background-position:center 22px;background-size:19px 27px}
.global-nav--btn .item.item--english a,.global-nav--btn .item.item--english .icon{background-image:url(../img/common/icn_nav06@x2.png);background-position:center 22px;background-size:32px 32px}
.global-nav--btn .item.item--search a,.global-nav--btn .item.item--search .icon{background-image:url(../img/common/icn_nav05@x2.png);background-position:center 18px;background-size:21px 24px}
.global-nav--btn .item.item--strength.new a{
  padding: 65px 0 0;
}
.global-nav--btn .item.item--strength.new a::after{
  position: absolute;
  bottom: 26px;
  right: 0;
  left: 0;
  margin: auto;
  width: 34px;
  height: 12px;
  content: "";
  background: url(../img/common/icn_new01.png) center no-repeat;
  background-size: 34px;
}

.link--bottom{box-sizing:border-box;width:100%;background:#eee}
.link--bottom .item{box-sizing:border-box;float:left;width:25%;margin:0;border-bottom:solid 1px #888;border-right:solid 1px #888}
.link--bottom .item a{height:30px;padding:10px;background:#575757;background-repeat:no-repeat;color:#fff;text-decoration:none;text-align:center;background-image:none !important;}
.link--bottom .item a[target="_blank"] span {background: url(../../img/common/blank@x2.png) no-repeat 90% 58%;display: inline-block;padding-right: 25px;margin: 0 auto;padding-top:3px;}
.link--bottom .item a:hover{background:#000;color:#fff;opacity:unset}
.link--bottom .current a{background:red!important;color:#fff}
.link--bottom .current a span{background-image:none !important;padding-right:0px!important;}
.link--bottom .current a:hover{background:red!important;color:#fff;opacity:unset}
.link--bottom .long{width:100%}
}
.content-header__nav{position:absolute;top:20px;left:1700px;*zoom:1;z-index:99}
.content-header__nav:after{content:"";display:table;clear:both}
.content-header__nav .item{float:left}
.content-header__nav .item + .item{margin:0 0 0 9px}
.content-header__nav .item a,.content-header__nav .item .icon{transition:opacity .2s;width:42px;height:42px;display:block;overflow:hidden;border-radius:100%;background:red}
.content-header__nav .item a:hover,.content-header__nav .item a:active{opacity:.5}
.content-header__nav .item .icon:hover, .content-header__nav .item .icon:active {opacity: 0.5;}
.content-header__nav .item .link--bottom{margin:10px -180px 0 0;display:none}
.content-header__nav .item .link--bottom li a{color:#fff;width:180px;background:#000;border-radius:0;margin-left:-150px;padding:5px 0 5px 10px;height:30px;text-decoration:none;}
.content-header__nav .item .link--bottom li a.current{background:red!important}
.content-header__nav .item .link--bottom li a:hover{background:red}
.content-header__nav .item .link--bottom li:last-child a{border-bottom:0}
.content-header__nav .item:nth-of-type(4) img{padding:10px;width:22px;height:22px}
#searchClose{width:38px;height:auto}
.content-section .search .url{overflow-wrap: break-word;}
@media screen and (max-width: 1940px) {
.content-header__nav{right:20px;left:auto!important}
}
@media screen and (max-width: 1024px) {
.blank{padding:25px 10px}
}
.overlay{display:block;position:fixed;z-index:990;margin:0;padding:0 0 0 242px;border:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:#fff;visibility:hidden;opacity:0;transition:opacity .3s linear;box-sizing:border-box}
.overlay .overlay__search{margin:0;padding:0 0 0 20px;border:0;background-color:transparent}
.overlay .overlay__search .overlay__icon{width:31px;height: auto;}
.overlay .overlay__form{padding:100px;background:#000}
.overlay .overlay__head{padding:50px;text-align:right}
.overlay .overlay__title{padding:0 50px;color:#fff;font-size:150%}
.overlay .overlay__feeld{padding:20px 4.5em 20px 2.5em;border:solid 1px #7f7f7f;text-align:justify;font-size:200%;margin:20px;position:relative;box-sizing:border-box}
.overlay .overlay__icon{position:absolute;left:10px;top:20px}
.overlay .overlay__text{color:#fff;width:100%;box-sizing:border-box}
.overlay .overlay__button{color:#7f7f7f}
.overlay .overlay__submit{padding:10px 20px;background-color:red;color:#fff;position:absolute;right:10px;top:10px}
.overlay--active{background-color:#575757!important;opacity:unset!important}
@media screen and (max-width: 1024px) {
.overlay{z-index:1000;padding:50px 0}
.overlay .overlay__head{padding:10px;float:right}
.overlay .overlay__form{padding:10px;background:#000}
.overlay .overlay__title{padding:0;font-size:100%}
.overlay .overlay__icon{left:-25px;top:70px}
.overlay .overlay__text{padding:10px 5%;margin:10px 0 0 50px;width:78%;border:solid 1px #7f7f7f}
.overlay .overlay__feeld{padding:50px 0 15px;width:100%;font-size:150%;border:none}
.overlay .overlay__submit{display:none}
}
.is-pc{display:block!important}
@media screen and (max-width: 1024px) {
.is-pc{display:none!important}
}
.is-sp{display:none}
@media screen and (max-width: 1024px) {
.is-sp{display:block}
.link--bottom{display:none}
.link--bottom a{display:block!important}
}
.is-disabled{display:none!important}
.footer__top{*zoom:1}
.footer__top:after{content:"";display:table;clear:both}
.footer__share{*zoom:1;float:left;padding:6px 0 0}
.footer__share:after{content:"";display:table;clear:both}
.footer__share .item{overflow:hidden;float:left;max-width:70px;margin:0 12px 0 0}
.footer__group{*zoom:1;float:right}
.footer__group:after{content:"";display:table;clear:both}
.footer__group .item{box-sizing:border-box;float:left}
.footer__group .item + .item{margin:0 0 0 8px}
.footer__group .item a{transition:opacity .2s;width:112px;height:32px;line-height:32px;display:block;color:#fff;background:#000;text-align:center;text-decoration:none}
.footer__group .item a:hover,.footer__group .item a:active{opacity:.5}
.footer__group .item span{padding:0 6px 0 19px;background:url(../img/common/icn_blank_red.png) no-repeat left center}
@media screen and (max-width: 1024px) {
.footer__share{float:none;padding:0 12px}
.footer__share .item{margin:0 14px 0 0}
.footer__group{float:none;margin:10px 0 0}
.footer__group .item{width:50%}
.footer__group .item + .item{margin:0;border-left:solid 1px #fff}
.footer__group .item a{width:100%;height:45px;line-height:45px}
.footer__group .item span{padding:0 10px 0 20px;background:url(../img/common/icn_blank_red@x2.png) no-repeat left center;background-size:10px 10px}
}
.footer__bottom{*zoom:1;margin:15px 0 0}
.footer__bottom:after{content:"";display:table;clear:both}
.footer__nav{*zoom:1;float:left;font-size:13px}
.footer__nav:after{content:"";display:table;clear:both}
.footer__nav .item{float:left;margin:0 15px 0 0}
.footer__nav .item a{padding:0 0 0 12px;background:url(../img/common/arw_right_red.png) no-repeat left center;text-decoration:none}
.footer__nav .item a:hover,.footer__nav .item a:active{text-decoration:underline}
.footer__copyright{float:right;font-size:11px}
@media screen and (max-width: 1024px) {
.footer__bottom{margin:0}
.footer__nav{float:none;margin:8px 0 0;padding:0 12px;font-size:10px}
.footer__nav .item{margin:8px 12px 0 0}
.footer__nav .item a{padding:0 0 0 11px;background:url(../img/common/arw_right_red@x2.png) no-repeat left center;background-size:5px 7px}
.footer__nav .item a:hover,.footer__nav .item a:active{text-decoration:none}
.footer__copyright{float:none;margin:12px 0 0;padding:0 12px;font-size:9px}
}
.topic-path .item img{width:11px;height:auto;}
/* ==========================================================================
  scroll hint (downscroll)
========================================================================== */
.scroll_botton{height:0;text-align:center}
.scroll_botton .icn{position:fixed;bottom:10px;left:calc(1679px / 2 + 242px + 7px);z-index:400;display:none;transform:translate(0,-50%);text-decoration:none;padding-top:60px;color:#aaa;font-family:arial;margin-left:-25px;font-size:14px;font-weight:400;}
.scroll_botton .icn span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:1px solid #ddd;border-radius:50px;box-sizing:border-box}
.scroll_botton .icn span:before{position:absolute;top:10px;left:50%;content:'';width:calc(11px * 1.5);height:calc(6px * 1.5);margin-left:calc(-5.5px * 1.5);background:url(/img/common/arw_down_gray.png) no-repeat center center;background-size:cover;animation:sdb 3s infinite;box-sizing:border-box}
@keyframes sdb {
0%{transform:translate(0,0);opacity:0}
40%{opacity:1}
80%{transform:translate(0,40px);opacity:0}
100%{opacity:0}
}
@media screen and (max-width: 1940px) {
.scroll_botton .icn{left:calc(50% + 121px + 7px)}
}
@media screen and (max-width: 1024px) {
.scroll_botton{display:none}
}
@keyframes scroll-hint-appear {
0%{transform:translateX(0px);opacity:0}
40%{opacity:1}
80%{transform:translateX(-30px);opacity:0}
100%{opacity:0}
}
@keyframes scroll-hint-appear2 {
0%{transform:translateX(0px);opacity:0}
40%{opacity:1}
80%{transform:translateX(30px);opacity:0}
100%{opacity:0}
}
 /* ==========================================================================
   scroll hint (sidescroll)
========================================================================== */
.scroll-hint.is-right-scrollable{background:linear-gradient(270deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}
.scroll-hint.is-right-scrollable.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0)),linear-gradient(270deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}
.scroll-hint.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}
.scroll-hint-icon{position:absolute;top:calc(50% - 51px * 0.65);left:calc(50% - 85px * 0.65);box-sizing:border-box;width:calc(85px * 1.3);height:calc(51px * 1.3);transition:opacity .3s;opacity:0;background:rgba(102,102,102,.3);text-align:center;padding:20px 10px 10px}
.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none}
.scroll-hint-text{font-size:13px;color:#FFF;margin-top:21px}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:1}
.scroll-hint-icon:before{content:"";width:calc(7px * 1.3);height:calc(12px * 1.3);display:block;position:absolute;top:17px;left:50%;margin-left:-10px;background:url(/img/common/scrollhint_arw_left.png) no-repeat center center;background-size:contain;transition-delay:.2s}
.scroll-hint-icon:after{content:"";width:calc(7px * 1.3);height:calc(12px * 1.3);display:block;position:absolute;top:17px;right:50%;margin-right:-10px;background:url(/img/common/scrollhint_arw_right.png) no-repeat center center;background-size:contain;transition-delay:.2s}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{animation:scroll-hint-appear 1.6s infinite;animation-direction:normal;animation-fill-mode:forwards}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{animation:scroll-hint-appear2 1.6s infinite;animation-direction:normal;animation-fill-mode:forwards}
/* ==========================================================================
  link_float
========================================================================== */
#link_float{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index:10;
}
#link_float a{
  display: block;
  padding:7px 32px 24px 17px;
  text-align: center;
  line-height:1.2;
  opacity: 0;
}
#link_float a.show {
    animation-name: fadein-bottom;
    animation-direction: normal;
    animation-duration: 1.0s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(30px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}