@charset "utf-8";

/*============================
MV
============================*/
#mv {
	position: relative;
}

#mv .image {
	position: relative;
	width: 50%;
	height: 4.80rem;
	right: -50%;
}
@media screen and (max-width: 640px) {
	#mv .image {
		position: relative;
		width: 100%;
		height: 2.00rem;
		right: -25%;
	}	
}


#mv .image .image-trans {
	backface-visibility: hidden;
	background-color: #E93C1E;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
	transform: translate3d(0px, 0px, 0px) scale(0, 1);
	transform-origin: top right;
}

#mv .image .image-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../img/business/mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -30px 0;
	opacity: 0;
	transition: all 0.5s ease;
	background-attachment: fixed;
}
@media screen and (max-width: 640px) {
	#mv .image .image-content {
	}	
}

#mv .in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mv .title_wrap .en {
	color: #E93C1E;
	font-size: 1.41rem;
	font-weight: bold;
}
@media screen and (max-width: 640px) {
	#mv .title_wrap .en {
		font-size: 0.30rem;
	}	
}


#mv .title_wrap .jp {
	color: #E93C1E;
	font-size: 0.27rem;
	font-weight: bold;
	margin-top: 0.20rem;
	margin-left: 0.10rem;
}
@media screen and (max-width: 640px) {
	#mv .title_wrap .jp {
		font-size: 0.15rem;
		margin-top: 0.10rem;
		margin-left: 0;
	}	
}




/* ページネーション */
.list_navi_wrap {
    text-align: center;
    font-size: 0.16rem;
    letter-spacing: 0.05em;
    padding: 0.3rem 0 0.5rem;
}

.list_navi_wrap .wp-pagenavi {
    display: flex;
    justify-content: center;
}

.list_navi_wrap .wp-pagenavi .previouspostslink {
    display: block;
    font-size: 0.16rem;
    color: #666;
    line-height: 0;
    padding: 0.24rem 0.2rem 0.26rem 0.3rem;
    background-color: #FFF;
    text-decoration: none;
    margin: 0 0.08rem;
    position: relative;
	border: none;
}
@media screen and (max-width: 599px) {
    .list_navi_wrap .wp-pagenavi .previouspostslink {
        font-size: 0.14rem;
    }
}


.list_navi_wrap .wp-pagenavi .previouspostslink::before {
    content: "";
    width: 0.1rem;
    height: 0.16rem;
    background-image: url(../img/column/pager_prev_arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 49%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
@media screen and (max-width: 599px) {
    .list_navi_wrap .wp-pagenavi .previouspostslink::before {
        font-size: 0.14rem;
    }
}


.list_navi_wrap .wp-pagenavi .nextpostslink {
    display: block;
    font-size: 0.16rem;
    color: #666;
    line-height: 0;
    padding: 0.24rem 0.3rem 0.26rem 0.2rem;
    background-color: #FFF;
    text-decoration: none;
    margin: 0 0.08rem;
    position: relative;
	border: none;
}
@media screen and (max-width: 599px) {
    .list_navi_wrap .wp-pagenavi .nextpostslink {
        font-size: 0.14rem;
    }
}


.list_navi_wrap .wp-pagenavi .nextpostslink::after {
    content: "";
    width: 0.1rem;
    height: 0.16rem;
    background-image: url(../img/column/pager_next_arrow.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 49%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.list_navi_wrap .wp-pagenavi .page {
    display: block;
    font-size: 0.16rem;
    color: #E93C1E;
    width: 0.5rem;
    line-height: 0;
    padding: 0.24rem 0 0.26rem;
    background-color: #FFF;
    border: 1px solid #E93C1E;
    text-decoration: none;
    margin: 0 0.08rem;
}

.list_navi_wrap .wp-pagenavi .current {
    display: block;
    font-size: 0.16rem;
    color: #FFF;
    width: 0.5rem;
    line-height: 0;
    padding: 0.24rem 0 0.26rem;
    background-color: #E93C1E;
    border: 1px solid #E93C1E;
    margin: 0 0.08rem;
}
@media screen and (max-width: 599px) {
    .list_navi_wrap .wp-pagenavi .current {
        font-size: 0.14rem;
        padding: 0.24rem 0 0.26rem;
        background-color: #E93C1E;
        border: 1px solid #E93C1E;
        margin: 0 0.08rem;
    }
}