#mainvisual {
	height: 1000px;
    background: url("../images/mainvisual_bg.jpg") no-repeat center top;
    overflow: hidden;
}
@media screen and (min-width:1920px) {
#mainvisual {
	background-size: cover;
}
}
#mainvisual::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1920px;
    height: 502px;
    background-color: #281d1a;
    clip-path: polygon(0 300px, 100% 0, 100% 100%, 0% 100%);
    content: "";
}
#mainvisual::after {
    position: absolute;
    top: 140px;
    right: 50%;
    width: 613px;
    height: 823px;
    margin-right: -617px;
    background: url("../images/mainvisual_mobile.png") no-repeat;
    content: "";
}
#mainvisual .inner {
    width: 1100px;
    margin: 0 auto;
    height: inherit;
    background: none;
}
footer::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 31px 31px 0 31px;
    border-color: #281d1a transparent transparent transparent;
    content: "";
}

@media screen and (max-width:640px) {
#wrapper, html, body, #main {
	min-height: 500px;
}
#mainvisual {
	height: 540px;
    background-image: none;
    background-color: #281d1a;
}
#mainvisual::before {
    z-index: 1;
    bottom: auto;
    top: 300px;
    left: 0;
    transform: translateX(0);
    min-width: initial;
    height: 50px;
    background-color: #281d1a;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
#mainvisual::after {
    z-index: 2;
    top: 210px;
    right: 55px;
    width: 150px;
    height: 202px;
    margin-right: 0;
    background-size: cover;
}
#mainvisual .inner {
    width: 100%;
    height: 350px;
    background: url("../images/mainvisual_bg.jpg") no-repeat center top;
    background-size: auto 100%;
}
h1 {
    font-size: 10px;
    padding: 0 10px !important;
    line-height: 1;
    background-color: #281d1a;
}

/* メインスライド */
#slick_fade{
	height: 450px;
}
#slick_fade li img{
	height: 450px;
}

}