﻿@charset "UTF-8";
/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */
.imgWrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.centerArea {
  min-height: 200px;
  min-width: 1500px;
}

.imgArea {
  left: 50%;
  margin-left: -750px;
  position: absolute;
  width: 1500px;
  padding: 30px 0;
}

#bg-1 {
  background: url(../img/top.mp4) no-repeat;
}

#bg-2 {
  background: url(../img/top-bg_02.jpg) no-repeat;
}

#bg-3 {
  background: url(../img/top-bg_03.jpg) no-repeat;
}

.imgArea h3 {
  margin-top: 20px;
  text-align: center;
  font-weight: normal;
  font-size: 100%;
}

.threeBtnList {
  width: 915px;
  margin-left: auto;
  margin-right: auto;
}

.threeBtnList li {
  width: 300px;
  margin-bottom: 15px;
}

.threeBtnList li a {
  width: 300px;
}

.gyomuListArea {
  width: 915px;
  margin-left: auto;
  margin-right: auto;
}

.gyomuListArea li {
  width: 450px;
  border: solid 1px #DDDDDD;
  margin-bottom: 20px;
}

.gyomuListArea li h4 {
  color: #444444;
  background: #DDDDDD;
  text-align: center;
  padding: 5px;
}

.gyomuListArea li .gyomuListBox {
  padding: 10px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
}

.gyomuListArea li .gyomuListBox .photo {
  width: 160px;
  float: left;
}

.gyomuListArea li .gyomuListBox .txt {
  width: 265px;
  font-size: 12px;
  float: right;
}