@charset "utf-8";

h2{
	font-size:3.4rem;
	font-weight:bold;
	letter-spacing:2.04px;
	line-height:4.9rem;
	text-align:center;
}
h2[data-en]::after{
	content:attr(data-en);
	display:block;
	margin-top:5px;
	color:#0068B7;
	font-family:var(--font_poppins);
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.78px;
	line-height:2rem;
	text-transform:uppercase;
	opacity:0.5;
}

.mv_area{
	position:relative;
	padding-bottom:60px;
}
.mv_slide{margin:0 !important;}
.mv_slide_item{margin:0 10px;}
.mv_slide_link{
	display:block;
	padding:0 !important;
	background:none !important;
	border-radius:20px;
	overflow:hidden;
}
.mv_slide_pic{
	display:block;
	border-radius:20px;
	overflow:hidden;
}
.mv_slide_img{transition:transform 0.3s;}
a:hover .mv_slide_img{transform:scale(1.05);}
.mv_slide .slick-dots{
	display:flex;
	justify-content:center;
	z-index:3;
	right:0;
	bottom:-37px;
	left:0;
	width:400px;
	padding:0 50px;
	margin:auto;
}
.mv_slide .slick-dots li{
	display:flex;
	align-items:center;
	justify-content:center;
	width:15px;
	height:15px;
}
.mv_slide .slick-dots button{
	width:10px;
	height:10px;
	padding:0;
	background:#E6E1E1;
	border-radius:50%;
	transition:background 0.3s, width 0.3s, height 0.3s;
}
.mv_slide .slick-dots button:hover, .mv_slide .slick-dots .slick-active button{background:#FF1462;}
.mv_slide .slick-dots .slick-active button{
	width:15px;
	height:15px;
}
.mv_slide .slick-dots button::before{display:none;}
.mv_slide_btn{
	display:flex;
	justify-content:flex-end;
	position:absolute;
	right:0;
	bottom:15px;
	left:0;
	padding:0 calc(17% + 10px);
}
.mv_btn{
	width:30px;
	height:30px;
	padding:0;
	background:#fff url(/img/index/icon_stop.svg) no-repeat center;
	border:1px solid #FC6A81;
	border-radius:50%;
	font-size:0 !important;
	text-decoration:none !important;
	cursor:pointer;
	transition:background 0.3s;
}
.mv_btn.paused{background-image:url(/img/index/icon_start.svg);}
.mv_btn:hover{background-color:#FFE9EC;}

.important_area{
	max-width:1000px;
	padding:0 30px;
	margin:35px auto 0;
}
.important_box{
	display:flex;
	align-items:center;
	padding:16px 50px 18px;
	border:1px solid #E60012;
	border-radius:30px;
}
.important_head{
	flex-shrink:0;
	width:165px;
	color:#E60012;
	font-weight:500;
	letter-spacing:0.96px;
}
.important_box_in{
	position:relative;
	padding-left:25px;
}
.important_box_in::before{
	content:'';
	position:absolute;
	top:1px;
	bottom:0;
	left:0;
	width:1px;
	height:calc(100% - 10px);
	margin:auto;
	background:#E60012;
}
.important_list{margin-bottom:-10px;}
.important_item{
	letter-spacing:0.96px;
	margin-bottom:10px;
}
.important_link{
	display:inline-block;
	color:#E60012 !important;
	text-decoration:none !important;
}
.important_link:hover{text-decoration:underline !important;}

.brand_area{
	max-width:1160px;
	padding:80px 30px 95px;
	margin:auto;
}
.brand_head{margin-bottom:25px;}
.brand_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:35px;
}
.brand_link{
	padding:0 !important;
	background:none !important;
	color:#333 !important;
	text-decoration:none !important;
}
.brand_thumb{margin-bottom:25px;}
.brand_pic{display:block;}
.brand_img{transition:transform 0.3s;}
a:hover .brand_img{transform:scale(1.1);}
.brand_title{
	padding-left:30px;
	font-weight:500;
}
.brand_title .hover_line_txt{padding-left:30px;}
.brand_title::before{
	content:'';
	position:absolute;
	top:-1px;
	left:0;
	width:24px;
	height:24px;
	background:url(/img/common/icon_popup_marupink.svg) no-repeat center/cover;
}

.lineup_area{
	padding:50px 30px;
	background:url(/img/common/bg.jpg) no-repeat center/cover;
}
.lineup_box{
	max-width:1100px;
	margin:auto;
}
.lineup_head{margin-bottom:25px;}
.lineup_list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-gap:30px;
	margin-bottom:40px;
}
.lineup_link{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:30px 0 25px;
	background:#fff;
	border-radius:20px;
	color:#333 !important;
	text-decoration:none !important;
	overflow:hidden;
}
.lineup_thumb{
	padding:0 17%;
	margin-bottom:25px;
}
.lineup_img{transition:transform 0.3s;}
a:hover .lineup_img{transform:scale(1.05);}
.lineup_title{
	padding-left:30px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
	line-height:2.9rem;
}
.lineup_title::before{
	content:'';
	position:absolute;
	top:1px;
	left:0;
	width:24px;
	height:24px;
	background:url(/img/common/arrow_r_marupink.svg) no-repeat center/cover;
}
.lineup_title .hover_line_txt{padding-left:30px;}
.lineup_btn .link_btn{margin:auto;}

.feature_area{
	max-width:1160px;
	padding:95px 30px 110px;
	margin:auto;
}
.feature_head{margin-bottom:35px;}
.feature_head_pic{
	width:295px;
	margin:auto;
}
.feature_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:30px;
}
.feature_link{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
}
.feature_thumb{
	margin-bottom:20px;
	border-radius:20px;
	overflow:hidden;
}
.feature_img{transition:transform 0.3s;}
a:hover .feature_img{transform:scale(1.05);}
.feature_title{
	padding-left:30px;
	margin-bottom:12px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
	line-height:2.9rem;
}
.feature_title::before{
	content:'';
	position:absolute;
	top:1px;
	left:0;
	width:24px;
	height:24px;
	background:url(/img/common/arrow_r_marupink.svg) no-repeat center/cover;
}
.feature_title .hover_line_txt{padding-left:30px;}
.feature_txt{
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:0.9px;
	line-height:2.5rem;
}

.news_area{
	position:relative;
	padding:75px 30px 0;
}
.news_area::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:260px;
	background:url(/img/common/bg.jpg) no-repeat center/cover;
}
.news_box{
	position:relative;
	z-index:1;
	max-width:1100px;
	margin:auto;
}
.news_head{margin-bottom:30px;}
.news_btn{margin-bottom:100px;}
.news_btn .link_btn{margin:auto;}

.other_area{
	max-width:1160px;
	padding:0 30px 100px;
	margin:auto;
}
.webcm_head{margin-bottom:30px;}
.webcm_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:30px;
	margin-bottom:40px;
}
.webcm_item_in{
	position:relative;
	padding-bottom:56%;
	margin-bottom:15px;
	border-radius:20px;
	overflow:hidden;
}
.webcm_movie{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.webcm_title{
	font-weight:500;
	letter-spacing:0.96px;
	text-align:center;
}
.sns_box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:25px 40px;
	margin-bottom:100px;
	border:1px solid #D8D4D4;
	border-radius:50px;
}
.sns_txt{
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
	line-height:2.9rem;
}
.sns_list{
	display:flex;
	align-items:center;
}
.sns_item{
	list-style:none;
	width:50px;
	height:50px;
	margin-left:15px;
}
.sns_link{
	display:block;
	position:relative;
	width:100%;
	padding:0 !important;
	background:none !important;
}
.sns_link::after{
	content:'';
	position:absolute;
	top:-2px;
	left:-2px;
	width:54px;
	height:54px;
	border:1px solid #FF1462;
	border-radius:50%;
	opacity:0;
	transition:opacity 0.3s;
}
.sns_link:hover::after{opacity:1;}
.related_head{margin-bottom:25px;}
.related_list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-gap:40px;
}
.related_link{
	display:block;
	padding:0 !important;
	background:none !important;
	color:#333 !important;
	text-decoration:none !important;
}
.related_thumb{
	position:relative;
	margin-bottom:20px;
	border-radius:20px;
	overflow:hidden;
}
.related_thumb::before, .related_thumb::after{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:20px;
}
.related_thumb::before{border:4px solid #fff;}
.related_thumb::after{border:2px solid #E6E1E1;}
.related_img{transition:transform 0.3s;}
a:hover .related_img{transform:scale(1.1);}
.related_title{
	padding-left:30px;
	font-weight:500;
	letter-spacing:0.96px;
}
.related_title .hover_line_txt{padding-left:30px;}
.related_title::before{
	content:'';
	position:absolute;
	top:-1px;
	left:0;
	width:24px;
	height:24px;
	background:url(/img/common/icon_popup_marupink.svg) no-repeat center/cover;
}


@media screen and (min-width:768px) and (max-width:1024px){

h2{
	font-size:3.1rem;
	letter-spacing:1.86px;
	line-height:4.4rem;
}
h2[data-en]::after{
	font-size:1.2rem;
	letter-spacing:0.72px;
	line-height:1.9rem;
}

.mv_slide_btn{padding:0 calc(8% + 10px);}

.important_area{
	padding:0 20px;
	margin-top:25px;
}
.important_head{width:150px;}
.important_box_in::before{top:2px;}
.important_item{
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.2rem;
}

.brand_area{padding:70px 20px 90px;}
.brand_head{margin-bottom:30px;}
.brand_list{grid-gap:20px;}
.brand_thumb{margin-bottom:20px;}

.lineup_area{padding:55px 20px;}
.lineup_head{margin-bottom:30px;}
.lineup_list{
	grid-gap:20px;
	margin-bottom:35px;
}
.lineup_thumb{margin-bottom:20px;}
.lineup_title{
	font-size:1.8rem;
	letter-spacing:1.08px;
	line-height:2.5rem;
}
.lineup_title::before{top:0;}

.feature_area{padding:80px 20px 90px;}
.feature_head_pic{width:258px;}
.feature_title{
	font-size:1.8rem;
	letter-spacing:1.08px;
	line-height:2.7rem;
}
.feature_txt{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2.3rem;
}

.news_area{padding:70px 20px 0;}
.news_area::before{height:230px;}
.news_btn{margin-bottom:80px;}

.other_area{padding:0 20px 80px;}
.webcm_list{margin-bottom:50px;}
.webcm_title{
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.2rem;
}
.sns_box{
	padding:25px 30px;
	margin-bottom:80px;
}
.sns_txt{
	font-size:1.8rem;
	letter-spacing:1.08px;
	line-height:2.6rem;
}
.sns_item{margin-left:10px;}
.related_list{grid-gap:20px;}

}


@media screen and (max-width:767px){

h2{
	font-size:2.8rem;
	letter-spacing:1.68px;
	line-height:4rem;
}
h2[data-en]::after{
	font-size:1.1rem;
	letter-spacing:0.66px;
	line-height:1.7rem;
}

.mv_slide .slick-dots{width:350px;}
.mv_slide_btn{
	z-index:5;
	right:20px;
	left:auto;
	padding:0;
}

.important_area{
	padding:0 20px;
	margin-top:15px;
}
.important_box{
	display:block;
	padding:20px 30px 25px;
	border-radius:10px;
}
.important_head{
	width:auto;
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.1rem;
}
.important_box_in{
	padding:20px 0 0;
	margin-top:20px;
	border-top:1px solid #E60012;
}
.important_box_in::before{display:none;}
.important_item{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}

.brand_area{padding:60px 20px 90px;}
.brand_head{margin-bottom:30px;}
.brand_list{
	grid-template-columns:1fr 1fr;
	grid-gap:55px 15px;
}
.brand_thumb{margin-bottom:15px;}

.lineup_area{padding:60px 20px;}
.lineup_head{margin-bottom:30px;}
.lineup_list{
	display:block;
	margin-bottom:30px;
}
.lineup_item{margin-bottom:10px;}
.lineup_link{border-radius:10px;}
.lineup_thumb{margin-bottom:10px;}
.lineup_title{
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.1rem;
}
.lineup_title::before{top:-3px;}

.feature_area{padding:60px 20px;}
.feature_head{margin-bottom:30px;}
.feature_head_pic{width:226px;}
.feature_list{grid-gap:50px 20px;}
.feature_thumb{
	margin-bottom:15px;
	border-radius:10px;
}
.feature_title{
	font-size:1.6rem;
	letter-spacing:0.9px;
	line-height:2.4rem;
}
.feature_title::before{top:-1px;}
.feature_txt{
	font-size:1.3rem;
	letter-spacing:0.78px;
	line-height:2.2rem;
}

.news_area{padding:60px 20px 0;}
.news_area::before{height:200px;}
.news_btn{margin-bottom:60px;}

.other_area{padding:0 20px 100px;}
.webcm_list{
	grid-template-columns:1fr;
	grid-gap:50px;
	margin-bottom:60px;
}
.webcm_item_in{border-radius:10px;}
.webcm_title{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.sns_box{margin-bottom:60px;}
.sns_txt{
	font-size:1.7rem;
	letter-spacing:1.02px;
	line-height:2.5rem;
}
.related_list{
	grid-template-columns:1fr;
	grid-gap:30px;
}
.related_thumb{margin-bottom:15px;}


@media screen and (max-width:600px){

.sns_box{
	display:block;
	padding:40px;
}
.sns_txt{
	margin-bottom:30px;
	text-align:center;
}
.sns_list{justify-content:center;}
.sns_item{margin:0 8px;}

}


@media screen and (max-width:550px){

.feature_list{grid-template-columns:1fr;}

}

}