@charset "utf-8";
/* CSS Document */

/*--------------
banner-menu-wrap
----------------*/
.banner-menu-wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1199px;
  margin:60px auto;
  margin-bottom: 125px;
}
.banner-box{
  width: 33.33%;
  box-sizing: border-box;
}
.banner-box.half{
  height: 295px;
}
.banner-block{
	position: relative;
	margin-bottom: 0px;
}
.banner-block:hover {
  background: #000;
}

.banner-block a,
.banner-block a:link,
.banner-block a:visited {
  color: #000;
  opacity: 1;
}
.banner-block .block-text {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  line-height: 2;
  padding: 20px 25px;
  box-sizing: border-box;
}
.block-title {
  position: absolute;
  bottom: 37%;
  left: 5%;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 108%;
  font-weight: bold;
  text-shadow: 1px 1px 2px black;
}
.block-title.half {
    bottom: 22%;
}
.block-title .small {
  width: 100%;
  font-size: 70%;
  letter-spacing: 0.1em;
}

.banner-block figure {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 1;
}
.banner-block:hover figure {
  opacity: 0.5;
}
.banner-block a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.banner-block figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.banner-block:hover figure img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.main-box{
  background-color: #f1f4f6;
  overflow: hidden;
}
.c-mainvisual-img-box{
  position: relative;
}
.c-mainvisual-img-box:after{
  content: "";
  float: right;
  background-color:#f1f4f6;
  height: 50px;
  display: block;
  position: absolute;
  width: 40%;
  bottom: 0;
  right: -40%;
  z-index: 9999;
}
@media screen and ( max-width: 767px ){
.banner-box,.banner-box.half{
    width: 100%;
    height: auto;
  }
}

@media print {
.banner-menu-wrap {
    display: block;
  }
.banner-box {
    width: 33.33%;
    box-sizing: border-box;
  display: inline-block;
    float: left;
  height: 590px;
  position: relative;
}

}