@charset "utf-8";

.clearfix::after {
    content: “”;
    display: block;
    clear: both;
}

a img:hover{
	opacity:.8;
}

.mb30 {
    margin-bottom: 30px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb200 {
    margin-bottom: 200px !important;
}
img {
    width: 100% !important;
}
.sp {
    display: none;
}
.sp-tb {
    display: none;
}
@media screen and (max-width:1024px) {
    .pc {
        display: none;
    }
    .sp-tb {
        display: block;
    }
}
@media screen and (max-width:599px) {
    .mb30 {
        margin-bottom: 15px !important;
    }
    .mb50 {
        margin-bottom: 25px !important;
    }
    .mb100 {
        margin-bottom: 100px !important;
    }
    .mb200 {
        margin-bottom: 100px !important;
    }
    .sp {
        display: block;
    }
}