/* screens smaller than 1120---------------------------------------------------------- */
@media only screen and (min-width:641px) and (max-width:1119px) {

/*mainimg*/
/*------------------------------------------------------------------------------*/
#top-head {
	position: relative;
}
header h1 a {
	background-image: url("../image/common/logo02.png");
}
#mainimage .main_img {
	height: 58.04vw;
}
.mainimage_in {
	height: 58.04vw;
	width: 100%;
}
#main_text {
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/

/* screens smaller than 1020---------------------------------------------------------- */
@media only screen and (min-width:641px) and (max-width:1019px) {

/*animation*/
/*------------------------------------------------------------------------------*/
.animation-fadeIn {
	animation-duration: 0;
	opacity: 1;
}

.animation-fadeIn.is-animated {
	animation-name: none;
}
.animation-fadeIn.is-animated.delay02 {
	animation-delay: 0;
}
.animation-fadeIn.is-animated.delay04 {
	animation-delay: 0;
}
.animation-fadeIn.is-animated.delay06 {
	animation-delay: 0;
}

/*tab_area*/
/*------------------------------------------------------------------------------*/
#tab_area {
	padding: 30px 0 19px 0;
}
#tab_area li {
	margin: 0 1.5% 11px 1.5%;
	width: 30.333%;
}
#tab_area li .sub {
	width: 100%;
}

/*top_box01*/
/*------------------------------------------------------------------------------*/
.top_box01.active li {
	animation-name: none;
}
.top_box01.active li:nth-child(2) {
	animation-delay: 0;
}
.top_box01.active li:nth-child(3) {
	animation-delay: 0;
}

/*top_movie*/
/*------------------------------------------------------------------------------*/
#top_movie .slide_all {
	width: 100%;
	height: auto;
}
#top_movie .slide_wrap {
	width: auto;
	position: static;
	left: auto;
	margin-left: 0;
}
#top_movie .slide {
	width: auto;
}
#top_movie .prev_btn {
	left: 10px;
}
#top_movie .next_btn {
	right: 10px;
}
#top_movie .movie_btn {
	margin-top: -30px;
}
#slideFilterL,
#slideFilterR {
	display: none;
}

/*top_box03*/
/*------------------------------------------------------------------------------*/
#top_box03 {
	padding: 60px 0;
}
#top_box03 li {
	width: 50%;
	margin: 0;
}
#top_box03 li:nth-child(2n) {
	margin: 0;
}

/*top_box04*/
/*------------------------------------------------------------------------------*/
#top_box04 {
	padding: 60px 0;
}

/*top_box05*/
/*------------------------------------------------------------------------------*/
#top_box05 {
	padding: 30px 0;
}




/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/


/* screens smaller than 820---------------------------------------------------------- */
@media only screen and (min-width:641px) and (max-width:819px) {

/*mainimg*/
/*------------------------------------------------------------------------------*/
#main_text h2 {
	width: 54.02vw;
	height: 33.66vw;
	background-size: cover;
}

/*top_box01*/
/*------------------------------------------------------------------------------*/
.top_box01 li {
	width: 49%;
}
.top_box01 li:first-child {
	margin: 0 0 20px;
	width: 100%;
}






/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/


/* --- 追加：MV・CTAのレスポンシブ修正（タブレット用） --- */
/* --- タブレット用：安全な縦並びと高さ調整 --- */
.mainimgArea, .mainimage_in {
    height: auto !important;
    min-height: 80vh !important;
    padding-bottom: 50px !important;
}
.btn-cta-area {
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 35px auto 0 !important;
}
.btn-cta-area a {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}