@charset "UTF-8";

.mod-topHero4 .mod-topHero4-index li.mod-topHero4-index--current:before,
.mod-topHero4 .mod-topHero4-index li:before,
.mod-topHero4 .mod-topHero4-next:before,
.mod-topHero4 .mod-topHero4-prev:before {font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;text-indent:0;-webkit-font-smoothing:antialiased;color:#a8a8a8;font-size:20px;margin-right:10px}

.mod-topHero4{position:relative;width:100%;z-index:1;}
.mod-topHero4:after{content:"";display:table;clear:both}
.mod-topHero4 .mod-topHero4-viewport{visibility:hidden;overflow:hidden;width:100%;height:312px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;touch-callout:none}
.mod-topHero4 .mod-topHero4-inner1,.mod-topHero4 .mod-topHero4-inner2{position:absolute;height:312px}
.mod-topHero4 .mod-topHero4-inner2{left:-20px}
.mod-topHero4 .mod-topHero4-graphic{float:left;position:relative;width:100%;height:100%;margin:0 0 0 20px}
.mod-topHero4 .mod-topHero4-graphic img{width:100%;height:312px;display:block}
.mod-topHero4 .mod-topHero4-button{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-image:url(/common2/img/mod-topHero/btn_01.png);background-repeat:no-repeat;background-size:960px 360px;background-position: right bottom;}
.mod-topHero4 .mod-topHero4-button:hover{filter:alpha(Opacity=80);opacity:.8}
.mod-topHero4 .mod-topHero4-button--type-exlink{background-image:url(/common2/img/mod-topHero/btn_02.png)}
.mod-topHero4 .mod-topHero4-next,
.mod-topHero4 .mod-topHero4-prev{cursor:pointer}
.mod-topHero4 .mod-topHero4-next:before,
.mod-topHero4 .mod-topHero4-prev:before{line-height:312px;vertical-align:middle;position:absolute;width:40px;height:312px;-webkit-transition:.5s color ease;-moz-transition:.5s color ease;transition:.5s color ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index: 11;}
.mod-topHero4 .mod-topHero4-prev:before{left:0;text-align:center;}
.mod-topHero4 .mod-topHero4-prev:hover,
.mod-topHero4 .mod-topHero4-prev:hover:before{color:#999}
.mod-topHero4 .mod-topHero4-prev:before{content:"\f104";color:inherit;font-size:60px;margin:0}
.mod-topHero4 .mod-topHero4-next:before{right:0;text-align:center;}
.mod-topHero4 .mod-topHero4-next:hover,
.mod-topHero4 .mod-topHero4-next:hover:before{color:#999}
.mod-topHero4 .mod-topHero4-next:before{content:"\f105";color:inherit;font-size:60px;margin:0}
.mod-topHero4 .mod-topHero4-index{font-size:0;text-align:center;list-style:none;vertical-align:middle;float:none;width:180px;padding:15px 0 0;margin:0 auto}
.mod-topHero4 .mod-topHero4-index ul{margin:0;padding:0;list-style:none}
.mod-topHero4 .mod-topHero4-index li{color:#ddd;display:inline-block;padding:0 0 2px;margin:0 0 0 10px;cursor:pointer}
.mod-topHero4 .mod-topHero4-index li.mod-topHero4-index--current:before,.mod-topHero4 .mod-topHero4-index li:before{color:inherit;font-size:14px;margin:0;height:20px;line-height:20px}
.mod-topHero4 .mod-topHero4-index li:before{content:"\f111"}
.mod-topHero4 .mod-topHero4-index li.mod-topHero4-index--current{color:#333}
.mod-topHero4 .mod-topHero4-index li.mod-topHero4-index--current:before{content:"\f111" " "}
.mod-topHero4 .mod-topHero4-texts{visibility:hidden;color:#333;float:none;padding:10px 0 0;width:auto;font-size:16px;font-size:1.6rem}

@media screen and (min-width:599px) and (max-width:960px) {
  .mod-topHero4-wrapper { padding-left:20px;padding-right:20px; }
  .mod-topHero4{width:auto;margin-left:-20px;margin-right:-20px}
}

@media screen and (max-width:1040px) {
  .mod-topHero4 .mod-topHero4-next,
  .mod-topHero4 .mod-topHero4-prev{display:none}
}

@media screen and (max-width:959px) {
  .mod-topHero4 .mod-topHero4-viewport{width:auto;height:auto}
  .mod-topHero4 .mod-topHero4-graphic,
  .mod-topHero4 .mod-topHero4-inner1,
  .mod-topHero4 .mod-topHero4-inner2{height:auto}
  .mod-topHero4 .mod-topHero4-graphic img{width:100%;height:auto;padding-bottom:0}
  .mod-topHero4 .mod-topHero4-button{background-image:url(/common2/img/mod-topHero/btn_01_2x.png);background-size:contain;}
  .mod-topHero4 .mod-topHero4-button--type-exlink{background-image:url(/common2/img/mod-topHero/btn_02_2x.png);}
  .mod-topHero4 .mod-topHero4-index{padding:10px 0 0}
  .mod-topHero4 .mod-topHero4-index li{margin:0 5px 5px}
  .mod-topHero4 .mod-topHero4-index li.mod-topHero4-index--current:before,
  .mod-topHero4 .mod-topHero4-index li:before{font-size:16px;padding:0 1px}
  .mod-topHero4 .mod-topHero4-texts{padding:0 15px}
}

@media screen and (max-width:599px) {
  .mod-topHero4+.mod-productHero{margin-top:-20px}
  .mod-topHero4{width:auto;margin-left:-15px;margin-right:-15px}
}