@charset "utf-8";

/* -------------------------------------
　トップページ
------------------------------------- */

.container{
	width:100%;
	margin:0 auto;
}

.contents{
	float:none;
	width:auto;
	margin-top:0;
}

.contents .inner{
	width:1200px;
	margin:0 auto;
}


/* keyvisual */

.keyvisual{
	clear:both;
}

.keyvisual ul{
	min-width:1200px;
	height:371px;
	overflow:hidden;
}

.keyvisual ul li#keyv01{	background:url(../../img/img-keyv-01.jpg) no-repeat 50% 0;}


/* mainvisual-area */

.mainvisual-area{
	background:#edfdfe;
}

.mainvisual-area .inner{
	position:relative;
	width:1200px;
	top:25%;
}

.mainvisual-area h1{
	text-align:center;
	padding:0 0 100px;
}

.mainvisual-area #scroll-btn{
	font-family:'Roboto Condensed', sans-serif;
	color:#666;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:50%;
}

.mainvisual-area #scroll-btn a{
	color:#666;
	text-decoration:none;
}

.mainvisual-area #scroll-btn span{
	background:#fff;
	border:1px solid #999;
  border-radius:6px;
  position:absolute;
  left:50%;
  bottom:30px;
  width:12px;
  height:20px;
  margin-left:-5px;
}

.mainvisual-area #scroll-btn span::before{
	background:#999;
  border-radius:50%;
  content:"";
	display:block;
  position:absolute;
  top:5px;
  left:50%;
  width:3px;
  height:3px;
  margin-left:-1px;
  -webkit-animation:sdb 3s infinite;
  animation:sdb 3s infinite;
}

.mainvisual-area #scroll-btn span::after{
	background:url(../../img/ico-scroll-arrow.png) no-repeat 0 0;
	color:#666;
	content:"";
	display:block;
	position:absolute;
	top:25px;
	left:0px;
	width:12px;
	height:11px;
}
@-webkit-keyframes sdb{
  0% {
    -webkit-transform:translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform:translate(0, 8px);
    opacity: 0;
  }
}
@keyframes sdb{
  0% {
    transform:translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform:translate(0, 8px);
    opacity: 0;
  }
}


/* top-box */

.top-box .layout-frame{
	margin-left:-20px;
}

.top-box .layout-unit{
	background:#ffffff;
	border:5px solid #ededed;
	position:relative;
	width:580px;
	margin:15px 0 0 20px;
	z-index:10;
}

.top-box .layout-unit:before{
	border:1px solid #e1e1e1;
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}


.top-box .layout-unit section{
	padding:26px 31px;
}

.top-box .layout-unit h1{
	font-size:115%;
	font-weight:normal;
	margin:0;
}

.top-box .layout-unit h1 .openwin {
	padding-left:12px;
}

.top-box .layout-unit p,
.top-box .layout-unit ul{
	font-size:86%;
	line-height:1.66;
	margin:15px 0 0;
}

.top-box .layout-unit ul li{
	background:url(../img/ico-arrow-01.png) no-repeat 0 0.5em;
	padding-left:12px;
}

.top-box .layout-unit ul.general{
	font-size:86%;
	line-height:1.66;
	margin:15px 0 0 -10px;
}

.top-box .layout-unit ul.general li{
	float:left;
	width:90px;
	margin:0 0 0 10px;
}

.top-box .layout-unit ul.general li:nth-child(2),
.top-box .layout-unit ul.general li:nth-child(5){
	width:145px;
}