@charset "utf-8";
/* common
==================================*/
  main{
  	text-align: center;
  }
  img{
  	width: 100%;
  }

/* heroArea
==================================*/
  .heroArea{
  	/*max-height: 635px;*/
  	overflow: hidden;
  }
  .heroArea ul li{
  	position: relative;
  }
  .heroArea .skitter .container_skitter a{
    pointer-events: none;
    cursor: default;
  }

/* value
==================================*/
  .value{
  	padding: 45px 18px;
  }
  .value h2{
  	margin: 0 0 17px;
  	font-size: 34px;
    font-weight: 600;
  }
  .value h3{
  	color: #9c7715;
  	margin: 0 0 24px;
  	font-family: 'Oswald';
  	font-weight: 600;
  	font-size: 12px;
  }
  .value p{
  	text-align: left;
  	line-height: 26px;
  }

/* feature
==================================*/
  .feature ul li{
  	position: relative;
  	width: 100%;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center;
  }
  .feature ul li.box01{ background-image: url(../images/top/feature-ph01.jpg); }
  .feature ul li.box02{ background-image: url(../images/top/feature-ph02.jpg); }
  .feature ul li.box03{ background-image: url(../images/top/feature-ph03.jpg); }
  .feature ul li.box04{ background-image: url(../images/top/feature-ph04.jpg); }
  .feature ul li::before{
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
  	content: "";
  	background: url(/images/top/bg-pattarn.png);
  	background-size: 10px 10px;
  	background-blend-mode:overlay;
  	width: 100%;
  	height: 100%;
  }
  .feature ul li a{
  	position: relative;
  	z-index: 2;
  	color: #fff;
  	display: block;
  	height: 140px;
  }
  .feature ul li a h2{
  	padding: 40px 0 15px;
  	font-family: 'Oswald';
  	font-size: 35px;
  	font-weight: 400;
  }
  .feature ul li a h3{
  	font-size: 14px;
  	font-weight: 600;
  }

/* news
==================================*/
  .news{
  	padding: 50px 18px;
  }
  .news h2{
  	margin: 0 0 17px;
  	font-family: 'Oswald';
  	font-weight: 300;
  	font-size: 35px;
  }
  .news h3{
  	color: #9c7715;
  	margin: 0 0 5px;
  	font-size: 12px;
  	font-weight: 600;
  }
  .news ul{
  	text-align: left;
  }
  .news ul li{
  	padding: 15px 0;
  	border-bottom: 1px solid #dadada;
  }
  .news ul li:last-child{
  	border-bottom: none;
  }
  .news ul li span{
  	color: #696969;
  	padding: 0 0 8px;
  	font-size: 14px;
  }
  .news ul li a{
  	display: block;
  	font-size: 14px;
  	line-height: 20px;
  }
  .news .btn a{
  	display: block;
  	color: #fff;
  	background: #000;
  	width: 190px;
  	margin: 25px auto 0;
  	font-family: 'Roboto Condensed';
  	font-size: 14px;
  	line-height: 47px;
  }