@charset "utf-8";

/*------------------------------------------------------------
research Toppage COMMON
------------------------------------------------------------ */
#suntory_contents #toppage h1.pagetitle {
	display: inline-block;
	color: #006999;
	font-weight: bold;
}

@media screen and (max-width:767px) {
/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
/* タイトル（共通） */
#suntory_contents.top .un_en{
	font-family: "Arial";
}

#suntory_contents.top .bl_sec_ttl .el_sub_txt{
	margin-bottom: 4px;
	color: #116094;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
}
#suntory_contents.top .bl_sec_ttl .el_main_txt{
	color: #116094;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0;
}
#suntory_contents.top .bl_sec_ttl.un_white .el_sub_txt,
#suntory_contents.top .bl_sec_ttl.un_white .el_main_txt{
	color: #fff;
}
#suntory_contents.top .bl_sec_ttl.un_black .el_sub_txt,
#suntory_contents.top .bl_sec_ttl.un_black .el_main_txt{
	color: #333;
}

/* テキスト（共通） */
#suntory_contents.top .bl_txt_wrap .bl_sec_ttl{
	margin-bottom: 23px;
}
#suntory_contents.top .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_bold{
	font-weight: 500;
}
#suntory_contents.top .bl_txt_wrap .el_txt + .el_txt{
	margin-top: 16px;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_copy{
	font-size: 24px;
	font-weight: 700;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_copy br {
	display: none;
}
#suntory_contents.top .bl_txt_wrap .el_position{
    font-weight: 500;
    margin-bottom: 10px !important;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_name{
	font-size: 14px;
}
#suntory_contents.top .bl_txt_wrap .bl_name{
	display: flex;
	align-items: flex-end;
	gap: 20px;
	margin-top: 30px;
	margin-bottom: 4px;
}
#suntory_contents.top .bl_txt_wrap .bl_name .el_ja{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_txt_wrap .bl_name .el_en{
	color: #116094;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 500px) {
	#suntory_contents.top .bl_txt_wrap .el_txt.un_copy {
        font-size: 22px;
    }
}


/* ボタン（共通） */
#suntory_contents.top .el_btn a{
	display: flex;
	align-items: center;
	gap: 15px;
	width: fit-content;
	background-color: #fff;
	border: 1px solid #116094;
	border-radius: 100px;
	padding: 11px 23px;
	margin: auto;
	margin-right: 0;
	text-decoration: none;
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .el_btn a::after{
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	background-image: url(../img/top/btn_arrow.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .el_btn a:hover{
	opacity: .6;
}


/* FV */
#suntory_contents.top .ly_fv_sec{
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	position: relative;
	background-image: url(../img/top/fv_bg_sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 375/548;
	width: 100%;
	height: auto;
	padding: 6.8vw 7.6vw 60px;
}
#suntory_contents.top .ly_fv_sec::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	transform: translateY(60%);
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1366/319;
	background-image: url(../img/top/bg_deco01_top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_fv_sec .ly_sec_inner{
	padding-bottom: 29vw;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap{
	width: 100%;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap .el_main_txt{
	font-size: min(13vw, 48px);
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: 0;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap .el_sub_txt{
	margin-top: 9px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.15vw;
}


/* sec01 */
#suntory_contents.top .ly_sec01{
	padding: 35px 20px;
}
#suntory_contents.top .ly_sec01 .ly_sec_inner{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	max-width: 1160px;
	margin: auto;
}

#suntory_contents.top .ly_sec01 .bl_txt_wrap{
	max-width: 100%;
}

#suntory_contents.top .ly_sec01 .bl_txt_wrap .el_btn{
	margin-top: 20px;
}

#suntory_contents.top .ly_sec01 .el_img.un_pc_only{
	display: none;
}
#suntory_contents.top .ly_sec01 .el_img.un_sp_only{
	display: block;
}
#suntory_contents.top .ly_sec01 .el_img{
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 10px;
	aspect-ratio: 137/101;
	max-width: 548px;
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
#suntory_contents.top .ly_sec01 .el_img img{
	object-fit: cover;
	width: 100%;
	height: auto;
}


/* sec02 */
#suntory_contents.top .ly_sec02{
	position: relative;
	overflow: hidden;
	padding: 17vw 20px 19vw;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-66%);
	aspect-ratio: 1366/319;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco01_bottom.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(60%);
	aspect-ratio: 1366/305;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco02_top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}

#suntory_contents.top .ly_sec02 .el_h_txt{
	text-shadow: 0 0 10px #1AA2C1;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .el_h_txt .un_sp_only{
	display: inline;
}
#suntory_contents.top .ly_sec02 .bl_work_list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 40px;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li{
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 15px 32px;
	max-width: 350px;
	width: 100%;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_img{
	aspect-ratio: 1/1;
	max-width: 206px;
	width: 100%;
	margin: auto;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_img img{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_ttl{
	margin-top: 8px;
	text-align: center;
	color: #116094;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_txt{
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn{
	position: relative;
	overflow: hidden;
	width: fit-content;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 0;
	border: 1px solid #116094;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120%;
	background-image: url(../img/top/btn_active.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn span{
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 15px;
	width: fit-content;
	border-radius: 100px;
	padding: 11px 23px;
	margin: auto;
	text-decoration: none;
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn span::after{
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	background-image: url(../img/top/btn_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .3s;
}

#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn.active::before{
	opacity: 1;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn.active span{
	color: #fff;
}
#suntory_contents.top .ly_sec02 .bl_work_list > li .el_btn.active span::after{
	background-image: url(../img/top/btn_arrow_active.svg);
	transform: rotate(90deg);
}

@media screen and (max-width: 500px) {
	#suntory_contents.top .ly_sec02 .el_h_txt {
        font-size: max(6vw, 18px);
    }
}

#suntory_contents.top .ly_sec02 .ly_pb_wrap{
	display: none;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp{
	pointer-events: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #fff;
	border-radius: 10px;
	opacity: 0;
	transition: .6s;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp.active{
	pointer-events: all;
	position: relative;
	opacity: 1;
	height: auto;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .ly_p_inner{
	max-width: 932px;
	margin: auto;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
	margin: auto;
	margin-top: 30px;
	transition: .3s;
	text-decoration: none;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn .el_btn_txt{
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn .el_btn_cross{
	position: relative;
	width: 26px;
	height: 26px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn .el_btn_cross span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 4px;
	background-color: #116094;
	border-radius: 10px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn .el_btn_cross span:nth-of-type(1){
	transform: translate(-50%, -50%) rotate(-45deg);
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_close_btn .el_btn_cross span:nth-of-type(2){
	transform: translate(-50%, -50%) rotate(45deg);
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area + .bl_cont_area{
	margin-top: 60px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont + .bl_cont_area{
	margin-top: 30px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .el_cont_ttl{
	display: block;
	padding: 5px 0;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .el_caution_txt{
	margin-top: 5px;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .el_cont_ttl + .bl_genre_box,
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .el_caution_txt + .bl_genre_box{
	margin-top: 15px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box + .bl_genre_box{
	margin-top: 26px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .el_genre_ttl{
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 16px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li{
	width: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li a{
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	text-decoration: none;
	color: #333;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_img{
	flex-shrink: 0;
	width: 30%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_ttl{
	width: 100%;
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type01 .el_cont_ttl{
	background-color: #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type01 .bl_genre_box .el_genre_ttl{
	color: #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type01 .bl_genre_box .bl_item_list li a{
	border: 2px solid #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type02 .el_cont_ttl{
	background-color: #379D56;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type02 .bl_genre_box .el_genre_ttl{
	color: #379D56;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_cont_area.un_type02 .bl_genre_box .bl_item_list li a{
	border: 2px solid #379D56;
}

#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 25px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #EDF4F7;
	padding: 15px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont:not(:last-of-type){
	margin-bottom: 25px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .el_img{
	flex-shrink: 0;
	max-width: 168px;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 4px;
	overflow: hidden;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .el_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap{
	
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap .el_link_txt{
	margin-bottom: 15px;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap .el_link_txt a{
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: #116094;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap .el_link_txt a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap .el_link_txt a::after{
	content: "";
	flex-shrink: 0;
	display: block;
	width: 26px;
	height: 26px;
	background-image: url(../img/top/btn_arrow02.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec02 .ly_p_area_sp .bl_single_cont .bl_txt_wrap .el_txt{
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}



/* sec03 */
#suntory_contents.top .ly_sec03{
	position: relative;
	padding: 60px 20px 75px;
}
#suntory_contents.top .ly_sec03::before{
	content: "";
	position: absolute;
	top: -22px;
	right: 20px;
	display: block;
	aspect-ratio: 1 / 1;
	max-width: 27%;
	width: 100%;
	height: auto;
	background-image: url(../img/top/message_deco.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec03 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec03 .bl_txt_wrap .el_btn{
	margin-top: 24px;
}
#suntory_contents.top .ly_sec03 .bl_txt_wrap .el_btn a{
	margin-left: 0;
}

#suntory_contents.top .ly_sec03 .ly_slide_wrap{
	position: relative;
	max-width: 1160px;
	margin: auto;
	margin-top: 40px;
	padding: 0 40px;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_prev_btn{
	cursor: pointer;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	width: 40px;
	height: auto;
	text-align: left;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_next_btn{
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 100;
	width: 40px;
	height: auto;
	text-align: right;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_prev_btn:hover,
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_next_btn:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec03 .ly_message_slide{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide a{
	display: block;
	text-decoration: none;
	color: inherit;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .el_thum_img{
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 127/79;
	margin-bottom: 12px;
	width: 100%;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .el_thum_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label{
	width: fit-content;
	margin-bottom: 8px;
	padding: 4px 10px;
	border-radius: 100px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label.un_blue{
	background-color: #116094;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label.un_green{
	background-color: #379D56;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_ttl{
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}


/* sec04 */
#suntory_contents.top .ly_sec04{
	padding: 40px 20px 60px;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec04 .ly_sec_inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 20px;
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec04 .bl_sec_ttl{
	margin-top: 15px;
}
#suntory_contents.top .ly_sec04 .bl_btn_list{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	max-width: 100%;
	width: 100%;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li{
	aspect-ratio: 60/31;
	max-width: 360px;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 20px;
	padding-left: 64%;
	text-decoration: none;
	color: #116094;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li:nth-of-type(1) a{
	background-image: url(../img/top/sec04_img01.png);
	background-position: left 3% center;
	background-size: 59%;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li:nth-of-type(2) a{
	background-image: url(../img/top/sec04_img02.png);
	background-position: left 1% center;
	background-size: 59%;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a::after{
	content: "";
	flex-shrink: 0;
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../img/top/btn_arrow02.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a:hover{
	opacity: .6;
}

@media screen and (max-width: 600px) {
	#suntory_contents.top .ly_sec04 .bl_btn_list{
		flex-direction: column;
	}
	#suntory_contents.top .ly_sec04 .bl_btn_list li{
		max-width: 100%;
	}
}


/* sec05 */
#suntory_contents.top .ly_sec05{
	padding: 80px 0 60px;
	background-image: url(../img/top/bg_illust_sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .ly_sec_inner{
	overflow: hidden;
}
#suntory_contents.top .ly_sec05 .ly_cont_top{
	display: flex;
	gap: 20px;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list{
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 11px;
	width: 100%;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	width: 50%;
	height: fit-content;
	padding: 5px 15px;
	border-radius: 100px;
	border: 1px solid #116094;
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li span{
	position: relative;
	z-index: 2;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li::before{
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 120%;
	height: 120px;
	background-color: #fff;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li::after{
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120px;
	background: linear-gradient(90deg, rgba(83,153,205,1) 0%, rgba(83,153,205,1) 65%, rgba(86,171,211,1) 100%);
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li:hover{
	color: #fff;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li:hover::before{
	opacity: 0;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li.active{
	color: #fff;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li.active::before{
	opacity: 0;
}

#suntory_contents.top .ly_sec05 .ly_area_wrap{
	position: relative;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
#suntory_contents.top .ly_sec05 .ly_area_wrap .area{
	position: absolute;
	width: 100%;
	pointer-events: none;
	opacity: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_area_wrap .area.active{
	position: relative;
	pointer-events: all;
	opacity: 1;
}

/* スライダー共通 */
#suntory_contents.top .ly_sec05 .bl_history_slider,
#suntory_contents.top .ly_sec05 .bl_product_slider{
	position: relative;
	margin-top: 30px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap{
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap .el_ttl,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap .el_ttl{
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap .el_txt,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap .el_txt{
	margin-top: 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar{
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 37px;
	z-index: 10;
	width: 100%;
	height: 6px;
	background-color: #E4EFF4;
	border-radius: 50px;
	overflow: hidden;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar .swiper-scrollbar-drag,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar .swiper-scrollbar-drag{
	background-color: #116094;
	cursor: grab;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar .swiper-scrollbar-drag:active,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar .swiper-scrollbar-drag:active{
	cursor: grabbing;
}

/* 沿革スライダー */
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-wrapper{
	width: fit-content;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(235,251,253,1) 0%, rgba(234,245,253,1) 100%);
	padding: 110px 30px 70px;
	margin-left: -30px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-wrapper .swiper-slide{
	height: auto;
	padding: 5px 20px 20px;
	border-radius: 10px;
	background-color: #fff;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_years .el_num{
	padding-top: 15px;
	width: auto;
	height: 84px;
	text-align: right;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_years .el_num img{
	width: auto;
	height: 100%;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_num .el_img_data{
	width: 258px;
	/* height: 100%; */
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box{
	margin-top: 20px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_h_txt{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap{
	display: flex;
	gap: 20px;
	margin-top: 10px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .el_cont_txt{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap{
	flex-shrink: 0;
	max-width: 120px;
	width: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap .el_img{
	aspect-ratio: 1/1;
	width: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap .el_img img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .el_img_txt{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}

/* 製品スライダー */
#suntory_contents.top .ly_sec05 .bl_product_slider .swiper-wrapper{
	width: fit-content;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(235,251,253,1) 0%, rgba(234,245,253,1) 100%);
	padding: 110px 30px 70px;
	margin-left: -30px;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01{
	padding-right: 35px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner{
	overflow: hidden;
	height: 100%;
	border-radius: 10px;
	background-color: #FAF9F5;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap{
	background-image: url(../img/top/product/product_img01.png);
	background-position: left -1% center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: rgba(115,97,84,1);
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap .el_ttl{
	padding: 35px;
	padding-left: 20%;
	background: linear-gradient(90deg, rgba(115,97,84,0) 0%, rgba(115,97,84,0) 22%, rgba(115,97,84,1) 27%, rgba(115,97,84,1) 100%);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .el_txt{
	padding: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02{
	
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_year_num{
	width: auto;
	height: 39px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_year_num img{
	width: auto;
	height: 100%;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .el_border{
	position: relative;
	width: 100%;
	height: 1px;
	margin: 10px 0;
	background-color: #116094;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .el_border::before{
	content: "";
	display: block;
	position: relative;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	aspect-ratio: 1/1;
	width: 15px;
	height: auto;
	background-image: url(../img/top/years/p_icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02:last-of-type .el_border::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	width: 21px;
	height: 25px;
	background-image: url(../img/top/years/p_end_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap{
	display: block;
	margin-top: 20px;
	padding-right: 50px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .el_cont_h{
	min-height: 65px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .el_cont_h sup.re-suptxt {
	font-size: 12px;
    vertical-align: top;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap{
	position: unset;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt span{
	font-size: 12px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt sup{
	font-size: 12px;
	vertical-align: top;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap{
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
	width: 100%;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img{
	width: auto;
	height: 120px;
	margin: auto;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img img{
	display: block;
	width: auto;
	height: 100%;
	margin: auto;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img_txt{
	margin-top: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}

@media screen and (max-width: 600px) {
	#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list{
		flex-direction: column;
		gap: 15px;
	}
	#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li{
		width: 90%;
	}
	
	#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap{
        flex-direction: column;
        align-items: center;
	}

	#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap .el_ttl,
	#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap .el_ttl{
		font-size: 22px;
		line-height: 1.4;
	}
	#suntory_contents.top .ly_sec05 .bl_product_slider .swiper-wrapper{
		padding: 140px 30px 70px;
	}
	#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap{
		padding-right: 30px;
	}
}
@media screen and (max-width: 450px) {
	#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01{
		padding-right: 20px;
	}
	#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap .el_ttl{
		padding: 25px 15px;
        padding-left: 25%;
		font-size: 18px;
	}
}
@media screen and (max-width: 450px) {
	#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap{
		background-position: left -18% center;
	}
}
@media screen and (max-width: 350px) {
	#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap{
		background-position: left -30% center;
	}
}


/* sec06 */
#suntory_contents.top .ly_sec06{
	padding: 80px 20px 0;
}
#suntory_contents.top .ly_sec06 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec06 .ly_map{
	position: relative;
	padding: 50px 0 0;
	margin-top: 25px;
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_map{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_map img{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item{
	position: absolute;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a{
	display: block;
	transition: .3s;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a img,
#suntory_contents.top .ly_sec06 .ly_map .el_item a source{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a:hover{
	opacity: .6;
}

#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item01{
	width: 19.5%;
	top: 21.7%;
	left: 1.5%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item02{
	width: 20.2%;
	top: 41.3%;
	left: 7.4%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item03{
	width: 19.5%;
	top: 55%;
	left: 13.7%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item04{
	width: 19.4%;
	top: 0;
	left: 25.7%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item05{
	width: 24.2%;
	top: 42.2%;
	left: 42.3%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item06{
	width: 19.5%;
	top: 75%;
	left: 35.4%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item07{
	width: 19.6%;
	top: 29.5%;
	left: 70.8%;
}

/* 拡大マップ(SPのみ) */
#suntory_contents.top .ly_sec06 .bl_map_btn{
	display: block;
    aspect-ratio: 1 / 1;
    width: 34px;
    height: 34px;
    margin-left: auto;
    margin-top: -43px;
}
#suntory_contents.top .ly_sec06 .bl_map_btn img{
	display: block;
	width: 100%;
}
#suntory_contents.top .ly_sec06 .ly_map_wrap{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 160;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec06 .ly_map_wrap.active{
	pointer-events: all;
	opacity: 1;
}
#suntory_contents.top .ly_sec06 .ly_map_wrap .el_map_close_btn{
	position: absolute;
	top: 22.5%;
	right: 56px;
	z-index: 1;
	width: 20px;
	height: 20px;
}
#suntory_contents.top .ly_sec06 .ly_map_wrap .el_map_close_btn span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: #333333;
}
#suntory_contents.top .ly_sec06 .ly_map_wrap .el_map_close_btn span:nth-of-type(1){
	transform: translate(-50%, -50%) rotate(45deg);
}
#suntory_contents.top .ly_sec06 .ly_map_wrap .el_map_close_btn span:nth-of-type(2){
	transform: translate(-50%, -50%) rotate(-45deg);
}

#suntory_contents.top .ly_sec06 .ly_map_detail{
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
    overflow: scroll;
	display: block;
	width: 90%;
	height: 70vh;
	padding: 20px;
	padding-top: 50px;
	background-color: #fff !important;
	border-radius: 10px;
	border: 1px solid #0C808A;
	box-shadow: 0px 0px 20px rgba(39, 125, 170, 0.2);
}
#suntory_contents.top .ly_sec06 .ly_map_detail .ly_map{
	position: absolute;
	padding: 50px 0 0;
	margin-top: 25px;
	aspect-ratio: 381/236;
	width: auto;
	height: 95vh;
}


/* sec07 */
#suntory_contents.top .ly_sec07{
	position: relative;
	overflow: hidden;
	margin-top: -3vw;
	padding: 10.6vw 20px 80px;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec07::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-60%);
	aspect-ratio: 1366/305;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco02_bottom.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec07 .ly_sec_inner{
	position: relative;
	max-width: 1160px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	gap: 20px;
}

#suntory_contents.top .bl_btn_cont{
	max-width: 860px;
	margin: auto;
	margin-top: 60px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(39, 125, 170, 0.2);
}
#suntory_contents.top .ly_sec07 .bl_btn_cont.bl_btn_cont_under{
	margin-top: 0;
}
#suntory_contents.top .bl_btn_cont .bl_cont_wrap{
	max-width: 250px;
}

#suntory_contents.top .bl_btn_cont.un_float_clear{
	clear: both;
	margin-top: 60px;
}
#suntory_contents.top .bl_btn_cont a{
	display: flex;
	text-decoration: none;
	color: #333333;
	transition: .3s;
}
#suntory_contents.top .bl_btn_cont a:hover{
	opacity: .6;
}
#suntory_contents.top .bl_btn_cont a .el_btn_img{
	flex-shrink: 0;
	max-width: 35%;
	aspect-ratio: 159/100;
}
#suntory_contents.top .bl_btn_cont a .el_btn_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	background-color: #fff;
	padding: 10px 20px;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .bl_cont_wrap{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	max-width: 350px;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_big{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_small{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_link_icon{
	max-width: 34px;
	width: 100%;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_link_icon img{
	width: 100%;
}

@media screen and (max-width: 500px) {
	#suntory_contents.top .bl_btn_cont a .el_btn_img{
		max-width: 20%;
	}
}
@media screen and (max-width: 400px) {
	#suntory_contents.top .bl_btn_cont a{
		flex-direction: column;
	}
	#suntory_contents.top .bl_btn_cont a .el_btn_img{
		max-width: 100%;
        aspect-ratio: 16 / 9;
	}
	#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap{
		padding: 10px 15px;
	}
	#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_big{
		font-size: 18px;
	}
}

}


@media print,
screen and (min-width: 768px) {
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
/* タイトル（共通） */
#suntory_contents.top .un_en{
	font-family: "Arial";
}

#suntory_contents.top .bl_sec_ttl .el_sub_txt{
	margin-bottom: 4px;
	color: #116094;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
}
#suntory_contents.top .bl_sec_ttl .el_main_txt{
	color: #116094;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0;
}
#suntory_contents.top .bl_sec_ttl .el_main_txt .un_sp_br{
	display: none;
}
#suntory_contents.top .bl_sec_ttl.un_white .el_sub_txt,
#suntory_contents.top .bl_sec_ttl.un_white .el_main_txt{
	color: #fff;
}
#suntory_contents.top .bl_sec_ttl.un_black .el_sub_txt,
#suntory_contents.top .bl_sec_ttl.un_black .el_main_txt{
	color: #333;
}

/* テキスト（共通） */
#suntory_contents.top .bl_txt_wrap .bl_sec_ttl{
	margin-bottom: 23px;
}
#suntory_contents.top .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_bold{
	font-weight: 500;
}
#suntory_contents.top .bl_txt_wrap .el_txt + .el_txt{
	margin-top: 16px;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_copy{
	font-size: 26px;
	font-weight: 700;
}
#suntory_contents.top .bl_txt_wrap .el_position{
	display: block;
    font-weight: 700;
    margin-bottom: 10px !important;
}
#suntory_contents.top .bl_txt_wrap .el_txt.un_name{
	font-size: 14px;
}
#suntory_contents.top .bl_txt_wrap .bl_name{
	display: flex;
	align-items: flex-end;
	gap: 20px;
	margin-top: 16px;
	margin-bottom: 4px;
}
#suntory_contents.top .bl_txt_wrap .bl_name .el_ja{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_txt_wrap .bl_name .el_en{
	color: #116094;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

/* ボタン（共通） */
#suntory_contents.top .el_btn a{
	display: flex;
	align-items: center;
	gap: 15px;
	width: fit-content;
	background-color: #fff;
	border: 1px solid #116094;
	border-radius: 100px;
	padding: 11px 23px;
	margin: auto;
	text-decoration: none;
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .el_btn a::after{
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	background-image: url(../img/top/btn_arrow.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .el_btn a:hover{
	opacity: .6;
}


/* FV */
#suntory_contents.top .ly_fv_sec{
	overflow: hidden;
	position: relative;
	background-image: url(../img/top/fv_bg_pc.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 683/318;
	width: 100%;
	height: auto;
	padding: 6.8vw 7.6vw 60px;
}
#suntory_contents.top .ly_fv_sec::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	transform: translateY(60%);
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1366/319;
	background-image: url(../img/top/bg_deco01_top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_fv_sec .ly_sec_inner{
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap{
	width: 60%;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap .el_main_txt{
	font-size: max(48px, 3.5vw);
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: 0;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap .el_main_txt .un_sp_br{
	display: none;
}
#suntory_contents.top .ly_fv_sec .bl_txt_wrap .el_sub_txt{
	margin-top: 9px;
	font-size: max(14px, 1vw);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.15vw;
}


/* sec01 */
#suntory_contents.top .ly_sec01{
	padding: 45px 20px 35px;
}
#suntory_contents.top .ly_sec01 .ly_sec_inner{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	max-width: 1160px;
	margin: auto;
}

#suntory_contents.top .ly_sec01 .bl_txt_wrap{
	max-width: 555px;
}

#suntory_contents.top .ly_sec01 .bl_txt_wrap .el_btn a{
	margin-right: 0;
}

#suntory_contents.top .ly_sec01 .el_img.un_pc_only{
	display: block;
}
#suntory_contents.top .ly_sec01 .el_img.un_sp_only{
	display: none;
}
#suntory_contents.top .ly_sec01 .el_img{
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 10px;
	aspect-ratio: 137/101;
	max-width: 548px;
	width: 100%;
	height: auto;
	margin-top: 35px;
}
#suntory_contents.top .ly_sec01 .el_img img{
	object-fit: cover;
	width: 100%;
	height: auto;
}

#suntory_contents.top .ly_sec01 .bl_cont_wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 50px;
}
#suntory_contents.top .ly_sec01 .bl_cont_wrap .bl_name{
	margin-top: 0;
}

@media screen and (max-width:1200px) {
	#suntory_contents.top .ly_sec01 .el_img{
		max-width: 50%;
	}
}


/* sec02 */
#suntory_contents.top .ly_sec02{
	position: relative;
	overflow: hidden;
	padding: 12vw 20px 14vw;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-66%);
	aspect-ratio: 1366/319;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco01_bottom.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(60%);
	aspect-ratio: 1366/305;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco02_top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec02 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}

#suntory_contents.top .ly_sec02 .el_h_txt{
	text-shadow: 0 0 10px #1AA2C1;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .el_h_txt .un_sp_only{
	display: none;
}
#suntory_contents.top .ly_sec02 .bl_work_list{
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin-top: 40px;
}
#suntory_contents.top .ly_sec02 .bl_work_list li{
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 15px 32px;
	max-width: 350px;
	width: 100%;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_img{
	aspect-ratio: 1/1;
	max-width: 206px;
	width: 100%;
	margin: auto;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_img img{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_ttl{
	margin-top: 8px;
	text-align: center;
	color: #116094;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_txt{
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn{
	position: relative;
	overflow: hidden;
	width: fit-content;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 0;
	border: 1px solid #116094;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120%;
	background-image: url(../img/top/btn_active.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn span{
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 15px;
	width: fit-content;
	border-radius: 100px;
	padding: 11px 23px;
	margin: auto;
	text-decoration: none;
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn span::after{
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	background-image: url(../img/top/btn_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: .3s;
}

#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn.active::before,
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn:hover::before{
	opacity: 1;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn.active span,
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn:hover span{
	color: #fff;
}
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn.active span::after,
#suntory_contents.top .ly_sec02 .bl_work_list li .el_btn:hover span::after{
	background-image: url(../img/top/btn_arrow_active.svg);
	transform: rotate(90deg);
}

@media screen and (max-width:1200px) {
	#suntory_contents.top .ly_sec02 .bl_work_list{
		gap: 20px;
	}
}

/* 	プルダウン */
#suntory_contents.top .ly_sec02 .ly_p_area_sp{
	display: none;
}
#suntory_contents.top .ly_sec02 .ly_pb_wrap{
	position: relative;
	margin-top: 20px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont{
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 20px;
	opacity: 0;
	transition: .6s;
}
#suntory_contents.top .ly_sec02 .ly_p_cont.active{
	pointer-events: all;
	position: relative;
	opacity: 1;
}
#suntory_contents.top .ly_sec02 .ly_p_cont
#suntory_contents.top .ly_sec02 .ly_p_cont .ly_p_inner{
	max-width: 932px;
	margin: auto;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
	margin: auto;
	margin-top: 25px;
	transition: .3s;
	text-decoration: none;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn .el_btn_txt{
	color: #116094;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn .el_btn_cross{
	position: relative;
	width: 26px;
	height: 26px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn .el_btn_cross span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 4px;
	background-color: #116094;
	border-radius: 10px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn .el_btn_cross span:nth-of-type(1){
	transform: translate(-50%, -50%) rotate(-45deg);
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_close_btn .el_btn_cross span:nth-of-type(2){
	transform: translate(-50%, -50%) rotate(45deg);
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area + .bl_cont_area{
	margin-top: 33px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont + .bl_cont_area{
	margin-top: 25px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .el_cont_ttl{
	display: block;
	padding: 5px 0;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .el_caution_txt{
	margin-top: 5px;
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .el_cont_ttl + .bl_genre_box,
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .el_caution_txt + .bl_genre_box{
	margin-top: 15px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box + .bl_genre_box{
	margin-top: 26px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .el_genre_ttl{
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li{
	width: calc((100% / 3) - 11px);
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li a{
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	text-decoration: none;
	color: #333;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_img{
	flex-shrink: 0;
	width: 30%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area .bl_genre_box .bl_item_list li a .el_item_ttl{
	width: 100%;
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type01 .el_cont_ttl{
	background-color: #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type01 .bl_genre_box .el_genre_ttl{
	color: #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type01 .bl_genre_box .bl_item_list li a{
	border: 2px solid #0C808A;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type02 .el_cont_ttl{
	background-color: #379D56;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type02 .bl_genre_box .el_genre_ttl{
	color: #379D56;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_cont_area.un_type02 .bl_genre_box .bl_item_list li a{
	border: 2px solid #379D56;
}

#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont{
	display: flex;
	align-items: center;
	gap: 25px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #EDF4F7;
	padding: 25px;
}

#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont:not(:last-of-type){
	margin-bottom: 25px;
}

#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .el_img{
	flex-shrink: 0;
	max-width: 168px;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 4px;
	overflow: hidden;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .el_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap{
	
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap .el_link_txt{
	margin-bottom: 15px;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap .el_link_txt a{
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: #116094;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap .el_link_txt a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap .el_link_txt a::after{
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background-image: url(../img/top/btn_arrow02.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec02 .ly_p_cont .bl_single_cont .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}


/* sec03 */
#suntory_contents.top .ly_sec03{
	position: relative;
	padding: 60px 20px 75px;
	background-image: url(../img/top/message_deco.png);
	background-position: right 15% top 0%;
	background-repeat: no-repeat;
	background-size: 230px;
}
#suntory_contents.top .ly_sec03 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec03 .bl_txt_wrap .el_btn{
	margin-top: 24px;
}
#suntory_contents.top .ly_sec03 .bl_txt_wrap .el_btn a{
	margin-left: 0;
}

#suntory_contents.top .ly_sec03 .ly_slide_wrap{
	position: relative;
	max-width: 1160px;
	margin: auto;
	margin-top: 40px;
	padding: 0 40px;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_prev_btn{
	cursor: pointer;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	width: 40px;
	height: auto;
	text-align: left;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_next_btn{
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 100;
	width: 40px;
	height: auto;
	text-align: right;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_prev_btn:hover,
#suntory_contents.top .ly_sec03 .ly_slide_wrap .el_next_btn:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec03 .ly_message_slide{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide a{
	display: block;
	text-decoration: none;
	color: inherit;
	transition: .3s;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide a:hover{
	opacity: .6;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .el_thum_img{
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 127/79;
	margin-bottom: 12px;
	width: 100%;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .el_thum_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label{
	width: fit-content;
	margin-bottom: 8px;
	padding: 4px 10px;
	border-radius: 100px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label.un_blue{
	background-color: #116094;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_label.un_green{
	background-color: #379D56;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_ttl{
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec03 .ly_message_slide .swiper-slide .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}


/* sec04 */
#suntory_contents.top .ly_sec04{
	padding: 80px 20px;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec04 .ly_sec_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec04 .bl_sec_ttl{
	margin-top: 15px;
}
#suntory_contents.top .ly_sec04 .bl_btn_list{
	display: flex;
	justify-content: space-between;
	gap: 40px;
	max-width: 65.5%;
	width: 100%;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li{
	aspect-ratio: 60/31;
	max-width: 360px;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 20px;
	padding-left: 64%;
	text-decoration: none;
	color: #116094;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li:nth-of-type(1) a{
	background-image: url(../img/top/sec04_img01.png);
	background-position: left 3% center;
	background-size: 59%;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li:nth-of-type(2) a{
	background-image: url(../img/top/sec04_img02.png);
	background-position: left 1% center;
	background-size: 59%;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a::after{
	content: "";
	flex-shrink: 0;
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../img/top/btn_arrow02.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#suntory_contents.top .ly_sec04 .bl_btn_list li a:hover{
	opacity: .6;
}


/* sec05 */
#suntory_contents.top .ly_sec05{
	padding: 80px 0 60px;
	background-image: url(../img/top/bg_illust_pc.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .ly_sec_inner{
	overflow: hidden;
}
#suntory_contents.top .ly_sec05 .ly_cont_top{
	display: flex;
	gap: 20px;
	align-items: flex-end;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list{
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 11px;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 224px;
	min-height: 60px;
	width: fit-content;
	height: fit-content;
	padding: 5px 35px;
	border-radius: 100px;
	border: 1px solid #116094;
	color: #116094;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li span{
	position: relative;
	z-index: 2;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li::before{
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 120%;
	height: 120px;
	background-color: #fff;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li::after{
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120px;
	background: linear-gradient(90deg, rgba(83,153,205,1) 0%, rgba(83,153,205,1) 65%, rgba(86,171,211,1) 100%);
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li:hover{
	color: #fff;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li:hover::before{
	opacity: 0;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li.active{
	color: #fff;
}
#suntory_contents.top .ly_sec05 .ly_cont_top .bl_tab_list li.active::before{
	opacity: 0;
}

#suntory_contents.top .ly_sec05 .ly_area_wrap{
	position: relative;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
#suntory_contents.top .ly_sec05 .ly_area_wrap .area{
	position: absolute;
	width: 100%;
	pointer-events: none;
	opacity: 0;
	transition: .3s;
}
#suntory_contents.top .ly_sec05 .ly_area_wrap .area.active{
	position: relative;
	pointer-events: all;
	opacity: 1;
}

/* スライダー共通 */
#suntory_contents.top .ly_sec05 .bl_history_slider,
#suntory_contents.top .ly_sec05 .bl_product_slider{
	position: relative;
	margin-top: 30px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap{
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap .el_ttl,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap .el_ttl{
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .bl_txt_wrap .el_txt,
#suntory_contents.top .ly_sec05 .bl_product_slider .bl_txt_wrap .el_txt{
	margin-top: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar{
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 37px;
	z-index: 10;
	width: 100%;
	height: 6px;
	background-color: #E4EFF4;
	border-radius: 50px;
	overflow: hidden;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar .swiper-scrollbar-drag,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar .swiper-scrollbar-drag{
	background-color: #116094;
	cursor: grab;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .el_history_scrollbar .swiper-scrollbar-drag:active,
#suntory_contents.top .ly_sec05 .bl_product_slider .el_product_scrollbar .swiper-scrollbar-drag:active{
	cursor: grabbing;
}

/* 沿革スライダー */
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-wrapper{
	width: fit-content;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(235,251,253,1) 0%, rgba(234,245,253,1) 100%);
	padding: 110px 30px 70px;
	margin-left: -30px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-wrapper .swiper-slide{
	height: auto;
	padding: 5px 20px 20px;
	border-radius: 10px;
	background-color: #fff;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_years .el_num{
	padding-top: 15px;
	width: auto;
	height: 84px;
	text-align: right;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_years .el_num img{
	width: auto;
	height: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box{
	margin-top: 20px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_h_txt{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap{
	display: flex;
	gap: 20px;
	margin-top: 10px;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .el_cont_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap{
	flex-shrink: 0;
	max-width: 135px;
	width: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap .el_img{
	width: 100%;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .bl_img_wrap .el_img img{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec05 .bl_history_slider .swiper-slide .bl_txt_box .bl_cont_wrap .el_img_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

/* 製品スライダー */
#suntory_contents.top .ly_sec05 .bl_product_slider .swiper-wrapper{
	width: fit-content;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(235,251,253,1) 0%, rgba(231,249,252,1) 50%, rgba(234,245,253,1) 100%);
	padding: 110px 30px 70px;
	margin-left: -30px;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01{
	padding-right: 35px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner{
	overflow: hidden;
	height: 100%;
	border-radius: 10px;
	background-color: #FAF9F5;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap{
	background-image: url(../img/top/product/product_img01.png);
	background-position: left -1% center;
	background-repeat: no-repeat;
	background-size: contain;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .bl_ttl_wrap .el_ttl{
	padding: 35px;
	padding-left: 20%;
	background: linear-gradient(90deg, rgba(115,97,84,0) 0%, rgba(115,97,84,0) 22%, rgba(115,97,84,1) 27%, rgba(115,97,84,1) 100%);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type01 .ly_slide_inner .el_txt{
	padding: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}

#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_year_num{
	width: auto;
	height: 39px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_year_num img{
	width: auto;
	height: 100%;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_years .el_num .el_img_data{
	width: 258px;
	/* height: 100%; */
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .el_border{
	position: relative;
	width: 100%;
	height: 3px;
	margin: 10px 0;
	background-color: #116094;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .el_border::before{
	content: "";
	display: block;
	position: relative;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	aspect-ratio: 1/1;
	width: 15px;
	height: auto;
	background-image: url(../img/top/years/p_icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02:last-of-type .el_border::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	width: 21px;
	height: 25px;
	background-image: url(../img/top/years/p_end_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap{
	display: block;
	margin-top: 20px;
	padding-right: 50px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .el_cont_h{
	min-height: 65px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .el_cont_h sup.re-suptxt {
	font-size: 12px;
    vertical-align: top;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap{
	position: unset;
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt span{
	font-size: 12px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .el_txt sup{
	font-size: 12px;
	vertical-align: top;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap{
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img{
	width: auto;
	height: 125px;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img img{
	display: block;
	width: auto;
	height: 100%;
	margin: auto;
}
#suntory_contents.top .ly_sec05 .bl_product_slider .un_type02 .bl_content_wrap .bl_txt_wrap .bl_img_wrap .bl_img_box .el_img_txt{
	margin-top: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}


/* sec06 */
#suntory_contents.top .ly_sec06{
	padding: 80px 20px 0;
	margin-bottom: -65px;
}
#suntory_contents.top .ly_sec06 .ly_sec_inner{
	max-width: 1160px;
	margin: auto;
}
#suntory_contents.top .ly_sec06 .ly_map_detail,
#suntory_contents.top .ly_sec06 .bl_map_btn{
	display: none;
}
#suntory_contents.top .ly_sec06 .ly_map{
	position: relative;
	padding: 50px 0 0;
	margin-top: 25px;
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_map{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_map img{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item{
	position: absolute;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a{
	display: block;
	transition: .3s;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a img,
#suntory_contents.top .ly_sec06 .ly_map .el_item a source{
	width: 100%;
	height: auto;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item a:hover{
	opacity: .6;
}

#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item01{
	width: 19.5%;
	top: 21.7%;
	left: 1.5%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item02{
	width: 20.2%;
	top: 41.3%;
	left: 7.4%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item03{
	width: 19.5%;
	top: 55%;
	left: 13.7%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item04{
	width: 19.4%;
	top: 0;
	left: 25.7%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item05{
	width: 24.2%;
	top: 42.2%;
	left: 42.3%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item06{
	width: 19.5%;
	top: 75%;
	left: 34.4%;
}
#suntory_contents.top .ly_sec06 .ly_map .el_item.un_item07{
	width: 19.6%;
	top: 29.5%;
	left: 70.8%;
}


/* sec07 */
#suntory_contents.top .ly_sec07{
	position: relative;
	overflow: hidden;
	margin-top: -3vw;
	padding: 10.6vw 20px 80px;
	background-image: url(../img/top/bg_gra.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec07::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-60%);
	aspect-ratio: 1366/305;
	width: 100%;
	height: auto;
	background-image: url(../img/top/bg_deco02_bottom.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#suntory_contents.top .ly_sec07 .ly_sec_inner{
	position: relative;
	max-width: 1160px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

#suntory_contents.top .ly_sec07 .bl_btn_cont{
	width: min(100%,500px);
	margin: 0;
}
#suntory_contents.top .ly_sec07 .bl_btn_cont a{
	height: 100%;
}
#suntory_contents.top .ly_sec07 .bl_btn_cont a .bl_btn_txt_wrap{
	padding: 10px 20px 10px 20px;
}
#suntory_contents.top .ly_sec07 .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_big{
	font-size: 20px;
}

#suntory_contents.top .ly_sec07 .bl_btn_cont a .el_btn_img{
	max-width: 160px;
}

@media screen and (max-width:1000px){
	 #suntory_contents.top .ly_sec07 .ly_sec_inner{
		flex-direction: column;
		align-items: center;
	}
}

#suntory_contents.top .bl_btn_cont{
	max-width: 860px;
	margin: auto;
	margin-top: 60px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(39, 125, 170, 0.2);
}
#suntory_contents.top .bl_btn_cont.un_float_clear{
	clear: both;
	margin-top: 60px;
}
#suntory_contents.top .bl_btn_cont a{
	display: flex;
	text-decoration: none;
	color: #333333;
	transition: .3s;
}
#suntory_contents.top .bl_btn_cont a:hover{
	opacity: .6;
}
#suntory_contents.top .bl_btn_cont a .el_btn_img{
	flex-shrink: 0;
	max-width: 320px;
	aspect-ratio: 159/100;
}
#suntory_contents.top .bl_btn_cont a .el_btn_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: 10px 0;
	padding-left: 43px;
	padding-right: 58px;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .bl_cont_wrap{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	max-width: 350px;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_big{
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_btn_txt_small{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_link_icon{
	max-width: 34px;
	width: 100%;
}
#suntory_contents.top .bl_btn_cont a .bl_btn_txt_wrap .el_link_icon img{
	width: 100%;
}

}