@charset "UTF-8";

/*---------------------------------
  HEADIMAGE CUSTOMIZ
---------------------------------*/
#headImage {
  overflow: hidden;
  position: relative;
  list-style: none;
}
#headImage ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and ( max-width : 991px ) {
  #headImage {
    width: 100%;
    height: 600px;
    margin-top: 69px;
    overflow: hidden;
    position: relative;
  }
  #headImage img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 600px;
    object-fit: cover;
  }
}
@media only screen and ( max-width : 787px ) {
  #headImage {
    height: 400px;
  }
  #headImage img {
    height: 400px;
  }
}
@media only screen and ( max-width : 575px ) {
  #headImage {
    height: 300px;
  }
  #headImage img {
    height: 300px;
  }
}
@media only screen and ( max-width : 320px ) {
}
@media print, screen and ( min-width : 992px ) {
  #headImage {
    width: 940px;
    height: 350px;
  }
  #headImage li {
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 0;
  }
}


/*---------------------------------
  TOPNAVI CUSTOMIZE
---------------------------------*/
.topNavi {
  overflow: hidden;
  position: relative;
  /* margin-left: -20px; */
  margin-top: 20px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
* html .topNavi {
  height: 1em;
  overflow: visible;
}
.topNaviColumn {
  display: inline;
  /* width: 300px;
  float: left;
  margin-left: 20px; */
  padding: 0 0 2em 0;
  background: #eee;
  position: relative;
}
.topNaviImg {
  margin: 0;
  padding: 0;
  background: none;
}
.topNaviDetail {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: 280px; */
  text-align: right;
}
.topNaviDetail a {
  padding: 0 0 0 7px;
  background: url("../images/bg_arrow.gif") no-repeat left 50%;
}
@media only screen and ( max-width : 991px ) {
  .topNavi {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .topNaviColumn {
    width: 31%;
  }
  .topNaviColumn p {
    padding: 0 10px;
  }
  .topNaviColumn p:first-child {
    margin-bottom: 10px;
  }
}
@media only screen and ( max-width : 768px ) {
  .topNaviColumn {
    width: 100%;
    margin-bottom: 20px;
  }
  .topNaviColumn:last-child {
    margin-bottom: 0;
  }
}
@media only screen and ( max-width : 320px ) {
}
@media print, screen and ( min-width : 992px ) {
  .topNavi {
    margin-left: -20px;
  }
  .topNaviColumn {
    width: 300px;
    margin-left: 20px;
  }
  .topNaviDetail {
    width: 280px;
  }
}


/*---------------------------------
  INFORMATION CUSTOMIZE
---------------------------------*/
.information {
  overflow:  auto;
  margin-bottom: 20px;
}
.information dl {
  margin: 0;
}
.information dt {
  padding-top: 10px;
  float: left;
}
.information dd {
  margin: 0;
  padding: 10px 0px 10px 0;
  background: url("../images/bg_dotline.gif") 0 100% repeat-x;
}
@media only screen and ( max-width : 991px ) {
  .information {
    width: 100%;
    max-height:  220px;
  }
}
@media only screen and ( max-width : 768px ) {
  .information dt {
    float: none;
  }
  .information dd {
    padding: 0 0 5px 0;
  }
}
@media only screen and ( max-width : 320px ) {
}
@media print, screen and ( min-width : 992px ) {
  .information {
    width: 620px;
    height:  250px;
  }
}