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


/* ==========================
  フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
  position: fixed;
  bottom:0;
  right:0;
  max-width: 300px;
  width:30%;
}
.bl_floatingBanner a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.bl_floatingBanner.js_close {
  display: none;
}
.bl_floatingBanner_img {
  display: block;
  transition: 0.3s;
}
.bl_floatingBanner_img:hover {
  opacity: 1;
}
.bl_floatingBanner_close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: -15px;
  cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #888;
  transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #888;
  transform: rotate(45deg);
}

.c-button._shiny {
    display: block;
    position: relative;
    text-align: center;
	background:url(../images/indeed_pc.webp) no-repeat;
    text-decoration: none;
    overflow: hidden;
	transition: 300ms;
	width:300px;
	height:120px;
	}
.c-button._shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: #fff;
    transition: 300ms;
    animation: shinyshiny 4s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.5; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media only screen and (max-width:760px) {
.btm_bnr{
	position:fixed;
	bottom:0;
	width:100%;
	}

.btm_bnr a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
	
footer{padding-bottom:16vw;}
}