@charset "utf-8";


.slide0_material ,
.slide1_material {
    clear: none;
    margin-bottom: 0;
    cursor: inherit;
}

.slide0_material .slide0_sub_material ,
.slide1_material .slide1_sub_material {
    margin: 0;
}

.slide0_material .slide0_sub_material > div:last-child ,
.slide1_material .slide1_sub_material > div:last-child {
    margin: 0;
}

.slide0_material img ,
.slide1_material img {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}


#slide0_box ,
#slide1_box {
    position: relative;
}
#slide0_box > * ,
#slide1_box > * {
/*    opacity: 0; */
    transition: opacity 1.5s;
}
#slide0_box.loaded > * ,
#slide1_box.loaded > * {
    opacity: 1;
}
#slide0_box.ready > * ,
#slide1_box.ready > * {
    opacity: 1;
}

#slide0_box:not(.loaded) > * ,
#slide1_box:not(.loaded) > * {
/*    height: 0; */
/*    overflow: hidden; */
}

/*-- loading spinner --*/
#mv .mv_frame .mv_box {
    display: none;
}

#mv .slide_indicator {
    float: none;
    background: none;

	position: absolute;
	width: 33px;
	height: 33px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;
}

#mv .slide_indicator:after ,
#mv .slide_indicator:before {
	position: absolute;
	content: "";
	border: 2px solid #dcdcdc;
	width: 31px;
	height: 31px;
}
#mv .slide_indicator:after {
	animation: cssload-spinner1 2.88s linear infinite;
		-o-animation: cssload-spinner1 2.88s linear infinite;
		-ms-animation: cssload-spinner1 2.88s linear infinite;
		-webkit-animation: cssload-spinner1 2.88s linear infinite;
		-moz-animation: cssload-spinner1 2.88s linear infinite;
}
#mv .slide_indicator:before {
	width: 43px;
	height: 43px;
	margin-left: -6.5px;
	margin-top: -6.5px;
	animation: cssload-spinner2 2.88s linear infinite;
		-o-animation: cssload-spinner2 2.88s linear infinite;
		-ms-animation: cssload-spinner2 2.88s linear infinite;
		-webkit-animation: cssload-spinner2 2.88s linear infinite;
		-moz-animation: cssload-spinner2 2.88s linear infinite;
}

@keyframes cssload-spinner1 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spinner1 {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spinner1 {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spinner1 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spinner1 {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes cssload-spinner2 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

@-o-keyframes cssload-spinner2 {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(-360deg);
	}
}

@-ms-keyframes cssload-spinner2 {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
	}
}

@-webkit-keyframes cssload-spinner2 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes cssload-spinner2 {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(-360deg);
	}
}



/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
    #slide1_box {
        display: none;
    }

    #mv {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;

/*    	background: url("../../resources/sw_img/mvbg_loading.jpg") no-repeat center top; */
    	background-size: cover;
    }
/*
    #mv:before {
        content: "";
        display: block;
        padding-top: 65.455%;
    }
*/
    #mv .mv_frame {
//        position: absolute;
//        top: 0;
        width: calc(127.27% + 10px);
        margin-left: calc(-13.5% - 5px);
        margin-left: -13.5%;
    }

    #slide0_box.loaded + .slide_indicator {
        display: none;
    }

    #slide0_box {
        display: block;
        width: 100vw;
        width: 100%;
        margin: 0 auto;
    }

    #slide0_box:not(.loaded) {
        height: 65.455vw;
    }
    
    #slide0_box a:hover img {
        opacity: 1;
    }

    .slick-dots {
        bottom: 5px;
    }

}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
    #slide0_box {
        display: none;
    }

    #mv {
        display: block;
        width: 100%;
        min-width: 1024px;
        height: 552px;
        overflow: hidden;
        position: relative;
    }


    #mv .mv_frame {
        margin: auto;
        height: auto;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        min-width: 1300px;
    }

/*
    #mv:before {
        content: "";
        display: block;
        padding-top: 52.16%;
    }

    #mv .mv_frame {
        position: absolute;
        top: 0;
        left: -29.2%;
        right: -29.2%;
        bottom: 0;
        width: 158.4%;
        height: auto;
        margin: auto;
    }
*/

    #slide1_box.loaded ~ .slide_indicator {
        display: none;
    }

    #slide1_box {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;

    }

    #slide1_box:not(.loaded) {
        height: 552px;
    }

    .slick-dots {
        bottom: 5px;
    }

    .slide1_material div.text-section img.pos-4 + .text {
        width: 1024px;
        top: 50%;
        left: 50%;
        transform: translate( -50%, -50% );

        font-size: 34px;
        line-height: 1.25;
        font-family: Georgia, "Hiragino Mincho ProN", "HGS明朝B", "メイリオ", Meiryo, serif;
    }

}

/* -- 印刷用 -- */
@media print {
}