/* [ variable ]
-------------------------------------------------*/
/* element */
/* font */
/* [ font style ]
-------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ easing style ]
-------------------------------------------------*/
/* [ Hover Motion style ]
-------------------------------------------------*/
/* [ icon style ]
-------------------------------------------------*/
/* [ form parts ]
-------------------------------------------------*/
/* Suppoot Style
-------------------------------------------------- */
/* line 11, ../_sass/support.scss */
#support #one_column_body #contents .bnr_wrap li {
  display: block;
  width: 100%;
}
/* line 14, ../_sass/support.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap {
  display: block;
  box-sizing: border-box;
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  /* &:before{
  	content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0;
      z-index: 10;
      transition: all 0.5s;
  } */
}
/* line 263, ../_sass_common/_mixin.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .text {
  z-index: 15;
  position: relative;
}
/* line 267, ../_sass_common/_mixin.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .photo {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 287, ../_sass_common/_mixin.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap:hover {
  text-decoration: none;
  /* &:before{
  	opacity: 0.5;
  } */
}
/* line 291, ../_sass_common/_mixin.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap:hover .photo {
  transform: scale(1.2);
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 18, ../_sass/support.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .en,
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .jp {
  display: block;
  text-align: center;
  color: #fff;
}
/* line 24, ../_sass/support.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .en {
  font-family: 'Chisel-Normal';
  font-weight: bold;
  letter-spacing: 0.2em;
  font-size: 20px;
}
/* line 27, ../_sass/support.scss */
#support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .jp {
  letter-spacing: 0.1em;
}
/* line 33, ../_sass/support.scss */
#support #one_column_body #contents .btn_wrap {
  background-color: #f1f0ee;
  box-sizing: border-box;
}
/* line 36, ../_sass/support.scss */
#support #one_column_body #contents .btn_wrap li {
  background-color: #fff;
}

@media only screen and (min-width: 751px) {
  /* line 45, ../_sass/support.scss */
  #support #main_text_wrap {
    background: url("../img/support/index/bg_main.jpg") no-repeat center center;
  }
  /* line 50, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  /* line 53, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li {
    width: 31%;
    float: left;
    margin-left: 3.5%;
  }
  /* line 57, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li:first-child {
    margin-left: 0;
  }
  /* line 60, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap {
    padding-top: 19%;
    padding-bottom: 18%;
    /* .photo{
    	img{
    		width: auto; height: 100%;
    	}
    } */
  }
  /* line 63, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .en {
    letter-spacing: 0.6em;
  }
  /* line 66, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .jp {
    margin-top: 1%;
    font-size: 16px;
  }
  /* line 76, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li p {
    margin: 15px 0 25px;
  }
  /* line 81, ../_sass/support.scss */
  #support #one_column_body #contents .btn_wrap {
    padding: 45px 58px;
  }
  /* line 83, ../_sass/support.scss */
  #support #one_column_body #contents .btn_wrap li {
    width: 462px;
    float: right;
  }
  /* line 86, ../_sass/support.scss */
  #support #one_column_body #contents .btn_wrap li:first-child {
    float: left;
  }
  #support #one_column_body #contents .btn_wrap .center {
    float: none !important;
  }
}
@media only screen and (max-width: 750px) {
  /* line 98, ../_sass/support.scss */
  #support #main_text_wrap .title {
    background: url("../img/support/index/bg_main.jpg") no-repeat center center;
  }
  /* line 105, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li {
    margin-bottom: 45px;
  }
  /* line 107, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap {
    padding-top: 60px;
    padding-bottom: 55px;
    /* .photo{
    	img{
    		width: auto; height: 100%;
    	}
    } */
  }
  /* line 110, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .en {
    letter-spacing: 0.6em;
  }
  /* line 113, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li .photo_hover_wrap .jp {
    margin-top: 5px;
  }
  /* line 122, ../_sass/support.scss */
  #support #one_column_body #contents .bnr_wrap li p {
    margin: 10px 0 15px;
  }
  /* line 127, ../_sass/support.scss */
  #support #one_column_body #contents .btn_wrap {
    padding: 25px 20px;
  }
  /* line 130, ../_sass/support.scss */
  #support #one_column_body #contents .btn_wrap li:first-child {
    margin-bottom: 15px;
  }
}