@charset "utf-8";
/*-------------------------------------------------*/
/*(C) A.C.Planet Inc. All rights reserved.*/
/*--------------------------------------------------*/

/*メインビジュアル
----------------------------------------*/
.top_mv_pc{
	display:none;
}
.top_mv_list{
	margin:0;
}

.top_mv_item a{
	background:#fff;
	display:block;
}
.top_mv_item a:hover{
	opacity:1;
}
.top_mv .swiper-button-prev,
.top_mv .swiper-button-next{
	display:none;
}
.top_mv_control{
	background:var(--sub-color01);
	padding:6px 10px 6px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_mv_control .swiper-pagination-bullets{
	top: unset !important;
    bottom: unset !important;
    position: relative;
    transform: unset;
    text-align: left;
}
.top_mv_control .swiper-pagination-bullet{
	background:transparent;
	border:1px solid #fff;
	opacity:1;
    box-sizing: content-box;
}
.top_mv_control .swiper-pagination-bullet-active{
	background:#fff;
}
.top_mv_control_btns{
	display:flex;
	align-items:center;
	gap:8px;
}
.top_mv_control .top_mv_play{
	position:relative;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	height: calc(tan(60deg) * 16px / 2);
    width: 12px;
	position:relative;
	background:transparent;
}
.top_mv_control .top_mv_play::before{
	content:"";
	position:absolute;
	display:block;
	background:#fff;
	--b:3px;
	height: 14px;
	aspect-ratio: cos(30deg);
	clip-path: polygon(100% 50%,0 100%,0 0,100% 50%,calc(100% - var(--b)) 50%,calc(var(--b)/2) calc(var(--b)*cos(30deg)), calc(var(--b)/2) calc(100% - var(--b)*cos(30deg)),calc(100% - var(--b)) 50%);
}
.top_mv_control .top_mv_play.active{
	background:#fff;
}
.top_mv_control .top_mv_play.active::before{
	background:#fff;
}
.top_mv_control .top_mv_play:hover::before{
	background:#fff;
	--b:2px;
}
.top_mv_control .top_mv_play:hover,
.top_mv_control .top_mv_pause:hover{
	cursor:pointer;
}
.top_mv_control .top_mv_pause{
	position:relative;
	display:flex;
	height:12px;
	width:12px;
	gap:2px;
    justify-content: center;
}
.top_mv_control .top_mv_pause:before,
.top_mv_control .top_mv_pause:after{
	content:"";
	width:4px;
	height:100%;
	display:block;
	background:transparent;
	border:1px solid #fff;
}
.top_mv_control .top_mv_pause:hover:before,
.top_mv_control .top_mv_pause:hover:after{
	background:#fff;
}
.top_mv_control .top_mv_pause.active:before,
.top_mv_control .top_mv_pause.active:after{
	background:#fff;
	border-color:#fff;
}

@media screen and (min-width: 769px) {
	.top_mv{
		position:relative;
        display: flex;
	}
	.top_mv_pc{
		display:block;
		flex:1;
        display: flex;
        align-items: center;
        justify-content: center;
		max-height:691px;
		height:calc(100vw/ 1920 * 691);
		min-height:473px;
	}
	.top_mv_pc_catch{
		position:relative;
		z-index:1;
		color:#fff;
		font-size:3.0625rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height:1.75em;
		margin-top:0;
	}
	.top_mv_pc_bg{
		margin:0;
		position:absolute;
		z-index:0;
		width:100%;
		top:0;
		left:0;
		overflow:hidden;
		max-height:691px;
		height:calc(100vw/ 1920 * 691);
		min-height:473px;
	}
	.top_mv_pc_bg img{
		width:100%;
		object-fit:cover;
		object-position:top left;
	}
	
	.top_mv_pc_bg::after{
		width:100%;
		height:100%;
		content:"";
		background:var(--sub-color01);
		opacity:0.65;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	.top_mv_inner{
		//width:calc(100vw/ 1920 * 1106);
		width:calc(100vw/ 1920 * 1065);
        top: 40px;
		margin-left:25px;
		position:relative;
        display: flex;
        align-items: flex-end;
        //max-width: 1106px;
	    max-width: 1067px;
		//height:732px;
		max-height:738px;
		height:calc(100vw/ 1920 * 738);
		min-height:520px;
	}
	.top_mv_inner .swiper{
		width:100%;
	}
	.top_mv_list{
		height:inherit !important;
	}
	.top_mv .swiper-button-prev,
	.top_mv .swiper-button-next{
		display:flex;
		top:unset;
		bottom:60px;
	}
	
	.top_mv .swiper-button-prev{
		left:-25px;
	}
	.top_mv .swiper-button-next{
	    right: unset;
	    left: calc((100% / 1.5) - 35px);
	}
	.top_mv_control{
		background:unset;
		width:calc(100vw/ 1920 * 693);
		max-width:693px;
        justify-content: center;
        gap: 60px;
        padding-top: 21px;
	}
	.top_mv_control_btns{
		gap:16px;
	}
	.top_mv_control .swiper-pagination-bullets{
		width:unset;
        display: flex;
	}
	.top_mv_control .swiper-pagination-bullet {
	    background: transparent;
	    border-color:var(--sub-color01);
		width:14px;
		height:14px;
        margin: 0 6px !important;
	}
	.top_mv_control .swiper-pagination-bullet:hover,
	.top_mv_control .swiper-pagination-bullet-active{
		background:var(--sub-color01);
	}
	.top_mv_control .top_mv_play {
		height:16px;
		width: 14px;
	}
	.top_mv_control .top_mv_play:hover,
	.top_mv_control .top_mv_play.active{
	    background: var(--sub-color01);
	}
	.top_mv_control .top_mv_play::before {
	    background: var(--sub-color01);
		height: 16px;
	}
	.top_mv_control .top_mv_play:hover::before,
	.top_mv_control .top_mv_play.active::before{
	    background: var(--sub-color01);
	}
	.top_mv_control .top_mv_pause {
	    height: 16px;
	    width: 16px;
	}
	.top_mv_control .top_mv_pause:hover:before, .top_mv_control .top_mv_pause:hover:after,
	.top_mv_control .top_mv_pause.active:before, .top_mv_control .top_mv_pause.active:after {
	    background: var(--sub-color01);
	    border-color: var(--sub-color01);
	}
	.top_mv_control .top_mv_pause:before, .top_mv_control .top_mv_pause:after {
	    background: transparent;
	    border-color: var(--sub-color01);
	    width: 5px;
	}
	

	.top_mv_list:not(.swiper-initialized) .swiper-slide{
		width: calc(100vw / 1920 * 690);
		/*max-width:690px;*/
        margin-right: 4.9%;
	}
}
@media print, (max-width: 991px) and (min-width: 769px) {
	.top_mv_pc_catch{
		font-size:4vw;
	}
	.top_mv_inner{
		min-height:42vw;
	}
	.top_mv_pc,
	.top_mv_pc_bg{
		min-height:40vw;
	}
}