@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
figure {
  position: relative;
  overflow: hidden;
  width: 100%;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}
figure:hover figcaption {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}

figure h3 {
  font-family: "Impact", "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3rem;
  text-align: center !important;
  color: #fff;
  margin-top:25%; 
}
figure h3 span {
  font-size: 1.28571rem;
  display: block;
}
.strong_02 img {
  width: 100% !important;
}
.h1_txt01 h1 {
  text-shadow: 8px 8px 7px rgba(0, 0, 0, 0.9);
}

/*----------------------------------------------------------------------------ボタン*/
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #175a82!important;
  background: #ECECEC;
  transition: .4s;
  font-size: 1.5em;
}

.btn-flat-simple:hover {
  background: #175a82;
  color: white!important;
}

/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

@media screen and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* tablet END ###################################################### */
}
@media screen and (max-width: 468px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/

/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* smartphone END ################################################## */
}