@charset "UTF-8";

/******************************************
* ページ全体に関するCSSを記載
*******************************************/
html{min-width:1024px;}
#body-wrapper {
  background: none;
}

#body {
  width: 100%;
  background: none;
}

#body-inner {
  width: 100%;
  padding: 0;
  margin: 0;
}

.one-col #centercol {
  width: 100%;
}

#main {
  width: 100%;
  padding: 0;
  margin: 0;
  }

#Carea {
  width: 100%;
}

/*------------    reset()    ------------*/
.obWrap *{margin:0;padding:0;box-sizing:border-box;}
.obWrap ul,ol{list-style:none;}
.obWrap ul::after{content:"";display:none;}
.obWrap img{vertical-align:bottom;border:0;max-width:100%;}
.obWrap a{text-decoration:none!important;}


/*------------    common    ------------*/
.obWrap{background:#000; color:#fff;}
.contents{width:1024px;margin:0 auto;}
.obWrap span{display:block;}
.over:hover img{filter:brightness(1.1);transition: all .3s;}

.text{text-align:center;line-height:2;border:none;background:none;}
div[class*="contentBg"] > ul,section[class*="contentBg"] > ul{display:flex;justify-content:space-between;}
div[class*="contentBg"] > ul figcaption,section[class*="contentBg"] > ul figcaption{color:#FFF;font-weight:bold;}
div[class*="contentBg"] > ul .oilLink,section[class*="contentBg"] > ul .oilLink{background:#064129;}
div[class*="contentBg"] > ul .batteryLink,section[class*="contentBg"] > ul .batteryLink{background:#04345c;}
.ffmincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.cmn-btn{position:relative;display:inline-block;border: solid 1px transparent;padding:18px 70px 18px 40px;}
.cmn-btn::before{
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  right:39px;
  width: 1px;
  height:25px;
  border-right:solid 1px #000;
}
.cmn-btn::after{
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  right:15px;
  margin:auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #340d68;
}
.obWrap img.cmn-txtimg{vertical-align:baseline;margin: 0 .5em 0 0;}
.cmn-deg{position:relative;overflow:hidden;z-index:0;padding:90px 0;}
.cmn-deg::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 2% -10% 0;
  background: #13111c;
  transform-origin: right center;
  transform: rotate(-4deg);
  z-index:-1;
}
.cmn-deg-rev::before{
  transform-origin: left center;
  transform: rotate(4deg);
}
.cmn-head1{text-align:center;}
.cmn-head1 span{display: block;margin:25px 0 0;text-align: center; color:#fff;font-size:20px;}
.cmn-2col{display:flex;justify-content:space-between;align-items:center;margin:105px 0 0;}
.cmn-2col-wrap .cmn-2col:not(:first-of-type){margin:80px 0 0;}
.one-col p.cmn-2col-img{width:41%;margin:0;}
.cmn-2col-txt{width:53.7%;}
#Carea h4.cmn-2col-head{display:flex;align-items:center;padding:0 0 20px;border-bottom:solid 1px #c11454;font-size:20px;color:#fff;}
.obWrap span.cmn-2col-head-no{font-size:24px;}
.obWrap span.cmn-2col-head-note{font-size:18px;}
.one-col p.cmn-2col-phase{margin:20px 0 0;font-size:16px;line-height:2;}
.one-col p.cmn-2col-btn-wrap{margin:30px 0 0;}
#centercol a.cmn-2col-btn{border: solid 1px #c11454;color:#c11454;font-size:16px;
  font-weight:500;transition: all .3s;}
.cmn-2col-btn::before{border-right:solid 1px #c11454;}
.cmn-2col-btn::after{border-color:transparent transparent transparent #c11454;}
#centercol a.cmn-2col-btn:hover{background:#c11454;border:solid 1px #c11454;color:#fff;}
.cmn-2col-btn:hover::before{border-right:solid 1px #fff;}
.cmn-2col-btn:hover::after{border-color:transparent transparent transparent #fff;}
.one-col p.cmn-mov-thumb{display:block;position:relative;}
.one-col p.cmn-mov-thumb::before{content:url(../img/cmn_yt_icon.png);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:80px;height:57px;z-index:2;} 
.cmn-slider-iframe iframe{position: absolute; top: 0; left: 0; width:100%!important; height:100%!important;}
.cmn-slider-wrap{width:880px;margin:0 auto;}
.cmn-slider-inner{width:795px;margin:0 auto;}
.cmn-slider{margin:65px auto 0;}
.cmn-slider-iframe{position:relative;padding-top:45.28%;height:0;overflow:hidden;margin:0;}
.cmn-slider .slick-prev{left:-74px;}
.cmn-slider .slick-next{right:-74px;}
.cmn-slider .slick-prev,.cmn-slider .slick-next{width:27px;height:47px;}
.cmn-slider .slick-prev:before,.cmn-slider .slick-next:before{opacity:1;width:27px;height:47px;}
.cmn-slider .slick-prev:before{content:url(../img/bouon_prev.png);}
.cmn-slider .slick-next:before{content:url(../img/bouon_next.png);}
.cmn-slider--2{margin:90px auto 0;}
.cmn-slider--2 .slick-track{margin-left:auto;margin-right:auto;}
.cmn-slider--2 .slick-slide{margin-right:15px;}
.one-col p.cmn-slider--2-head{margin:18px 0 0;font-size:20px;line-height:1.6;color:#fff;font-weight:500;}
.one-col p.cmn-slider--2-txt{margin:15px 0 0;font-size:16px;line-height:2;color:#fff;}

.cmn-child-content1{padding-bottom: 40px;}
.cmn-child-content1::before{background:#000;margin-top: -1%;transform: rotate(-7deg);
height:100%;}
.cmn-child-content1-inner{padding:90px 0 0;}
.cmn-child-content1-inner h2{text-align:center;}
.cmn-child-content1-desc{margin:60px 0 0;}
#Carea h3.cmn-child-content1-head{margin:0 0 30px;font-size:28px;color:#fff;text-align:center;}
.one-col p.cmn-child-content1-txt{font-size:16px;line-height:2.5;}
.cmn-child-content2::before{background:#13111c;}
.cmn-2col-img-productwrap .cmn-2col-img{display:flex;align-items:center;justify-content:center;height:260px;padding:20px 70px;background:#fff;}
.cmn-2col-img-productwrap .cmn-2col-img img{max-height:100%;}
.one-col p.cmn-link-bnr{margin:120px 0 0;}


/* ========================================
                   top 共通
   ======================================== */
.one-col p.top-head2-no,.top-content1 h4.top-head2{text-align:center;}
.top-titleBg{padding:100px 0 60px;background:#0f050d;}
#Carea h2.top-title-mov{position:relative;padding-top:45.28%;height:0;overflow:hidden;margin:0;}
.top-title-mov iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;}
.top-titleBg h2{padding:0; margin:0; text-align:center;}
.top-content-parent h3{text-align:center;}
#Carea .top-content1 h5{color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;}
.one-col .top-txt1{text-align:center;}
.top-content1-inner{
  background:url(../img/top_bg1.png) no-repeat left 40px;
  background-size: 100% auto;
}
.top-content1-inner--2{background:url(../img/top_bg2.png) no-repeat left 50px;background-size: 100% auto;}
.top-content1-inner--3{background:url(../img/top_bg3.png) no-repeat left 65px;background-size: 100% auto;}
.top-list1{display:flex;justify-content:center;margin:40px 0 0;}
.top-list1 li{
  background:#850d3a;
  padding:6px 18px;
  color:#fff;
  font-size:17px;
  text-align:center;
}
.top-list1 li:not(:last-of-type){margin:0 17px 0 0;}
.top-list1--2 li{background:#158289;}
.top-list2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.top-box1{background:#fff;}
.top-head4{display:flex;align-items:center;color:#c11454;letter-spacing:-.1rem;font-weight:500;}
.top-head4 img{padding:0 25px 0 0;}
.one-col p.top-box1-txt{color:#000; border-top: solid 1px #981042;}
#centercol a.top-btn1{border:solid 1px #350d68;color:#000;font-weight:500;letter-spacing:-.1rem;}
#centercol .top-btn1:hover,#centercol .top-btn1:active{color:#000;}
.one-col p.top-content1-link{text-align:center;}
#centercol a.top-btn2{border:solid 1px #850d3a;background:#850d3a;font-weight:500;
color:#fff;font-weight:normal;letter-spacing:.05rem;transition: all .3s;}
#centercol a.top-btn2::before{border-right:solid 1px #fff;}
#centercol a.top-btn2::after{border-color:transparent transparent transparent #fff;}
#centercol a.top-btn2:hover{background:#fff;border:solid 1px #fff;color:#850d3a;}
#centercol a.top-btn2:hover::before{border-right:solid 1px #850d3a;}
#centercol a.top-btn2:hover::after{border-color:transparent transparent transparent #850d3a;}
#centercol a.top-btn3{border:solid 1px #158289;background:#158289;}
#centercol a.top-btn3:hover{color:#158289;}
#centercol a.top-btn3:hover::before{border-right:solid 1px #158289;}
#centercol a.top-btn3:hover::after{border-color:transparent transparent transparent #158289;}
#centercol a.top-btn4{border:solid 1px #330d64;background:#330d64;}
#centercol a.top-btn4:hover{color:#330d64;}
#centercol a.top-btn4:hover::before{border-right:solid 1px #330d64;}
#centercol a.top-btn4:hover::after{border-color:transparent transparent transparent #330d64;}
.top-content2::before{height:100%;}
.top-wrap .cmn-slider .slick-prev:before{content:url(../img/top_prev.png);}
.top-wrap .cmn-slider .slick-next:before{content:url(../img/top_next.png);}


/* ========================================
                   deadning 共通
   ======================================== */
.deadning-wrap .cmn-slider .slick-prev:before{content:url(../img/bouon_prev.png);}
.deadning-wrap .cmn-slider .slick-next:before{content:url(../img/bouon_next.png);}
#Carea .deadning-wrap h4.cmn-2col-head{border-bottom:solid 1px #c11454;}
#centercol .deadning-wrap a.cmn-2col-btn{border:solid 1px #c11454;color:#c11454;}
.deadning-wrap .cmn-2col-btn::before{border-right:solid 1px #c11454;}
.deadning-wrap .cmn-2col-btn::after{border-color:transparent transparent transparent #c11454;}
#centercol .deadning-wrap a.cmn-2col-btn:hover{background:#c11454;border:solid 1px #c11454;color:#fff;}
.deadning-wrap .cmn-2col-btn:hover::before{border-right:solid 1px #fff;}
.deadning-wrap .cmn-2col-btn:hover::after{border-color:transparent transparent transparent #fff;}
.deadning-content2{padding: 90px 0 60px;}
.deadning-content2::before{height:100%;}
.deadning-content3{background:#13111c;}
.deadning-content3::before{height:100%;background:#000;}

/* ========================================
                   bouon 共通
   ======================================== */
.bouon-content2::before{height:100%;}


/* ========================================
                   silent 共通
   ======================================== */
.silent-wrap .cmn-slider .slick-prev:before{content:url(../img/loadnoise_prev.png);}
.silent-wrap .cmn-slider .slick-next:before{content:url(../img/loadnoise_next.png);}
#Carea .silent-2col h4.cmn-2col-head{display:block;border-bottom:none;}
.one-col .silent-2col p.cmn-2col-phase{margin:0;color:#dcdcdc;line-height:2.25;}
.one-col .silent-2col p.cmn-2col-btn-wrap{margin:20px 0 0;}
#centercol .silent-wrap a.cmn-2col-btn{border:solid 1px #158289;color:#158289;}
.silent-wrap .cmn-2col-btn::before{border-right:solid 1px #158289;}
.silent-wrap .cmn-2col-btn::after{border-color:transparent transparent transparent #158289;}
#centercol .silent-wrap a.cmn-2col-btn:hover{background:#158289;border:solid 1px #158289;color:#fff;}
.silent-wrap .cmn-2col-btn:hover::before{border-right:solid 1px #fff;}
.silent-wrap .cmn-2col-btn:hover::after{border-color:transparent transparent transparent #fff;}


/* ========================================
                   loadnoise 共通
   ======================================== */
.loadnoise-wrap .cmn-slider .slick-prev:before{content:url(../img/loadnoise_prev.png);}
.loadnoise-wrap .cmn-slider .slick-next:before{content:url(../img/loadnoise_next.png);}
#Carea .loadnoise-wrap h4.cmn-2col-head{border-bottom:solid 1px #158289;}
#centercol .loadnoise-wrap a.cmn-2col-btn{border:solid 1px #158289;color:#158289;}
.loadnoise-wrap .cmn-2col-btn::before{border-right:solid 1px #158289;}
.loadnoise-wrap .cmn-2col-btn::after{border-color:transparent transparent transparent #158289;}
#centercol .loadnoise-wrap a.cmn-2col-btn:hover{background:#158289;border:solid 1px #158289;color:#fff;}
.loadnoise-wrap .cmn-2col-btn:hover::before{border-right:solid 1px #fff;}
.loadnoise-wrap .cmn-2col-btn:hover::after{border-color:transparent transparent transparent #fff;}
.loadnoise-content2{padding: 90px 0 60px;}
.loadnoise-content2::before{height:100%;}
.loadnoise-content3{background:#13111c;}
.loadnoise-content3::before{height:100%;background:#000;}