@charset "shift_jis";
/*------------------------------
	j surf
------------------------------*/
.visualArea{
  width: 100%;
  min-width: 950px;
}
.visualArea.main{
  height: 680px;
  background: url(../img/bg_j_surf_main.jpg) no-repeat;
  background-position: 50% 0%;
  margin-bottom: 60px;
}
.visualArea .visualAreaInr{
  width: 950px;
  margin: 0 auto;
}
.visualArea .visualAreaInr h1{
  position: relative;
  padding-top: 25px;
}
.visualArea .visualAreaInr h1 img{
  width: 39%;
}
.visualArea .visualAreaInr .subTtlList{
  margin-top: 264px;
}
.visualArea .visualAreaInr .subTtlList li{
  position: relative;
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  transform: skewX(-40deg);
}
.visualArea .visualAreaInr .subTtlList li:before{
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 53px;
  background: linear-gradient(to bottom, rgba(241,8,0,1) 0%,rgba(249,79,0,1) 36%,rgba(254,122,0,1) 99%);
}
.visualArea .visualAreaInr .subTtlList li p {
  transform: skewX(40deg);
  padding: 9px 0;
  padding-left: 35px;
}