@charset "utf-8";

#suntory_contents #announcement {
	margin: 5.6vw 4vw;
	width: 92vw;
	line-height: 1
}

#suntory_contents #announcement .inner {
	width: 92vw
}

#suntory_contents #announcement h2 {
	margin-bottom: 2.666666666666667vw;
	font-size: 4.8vw;
	font-weight: 700
}

#suntory_contents #announcement ul {
	/*	height: 32vw;
	overflow-x: hidden;
	overflow-y: auto;*/
	width: 100%;
	padding-right: 4vw;
	box-sizing: border-box
}

#suntory_contents #announcement li {
	margin-bottom: 4vw;
	font-size: 3.466666666666667vw;
	line-height: 1.6;
	word-break: break-all
}

#suntory_contents #announcement li:last-child {
	margin-bottom: 0
}

#suntory_contents #announcement li a {
	color: #222;
	text-decoration: none;
	display: inline-block
}

#suntory_contents #announcement li a:after {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 1.866666666666667vw;
	height: 1.866666666666667vw;
	margin: 0 0 0 1.066666666666667vw;
	border-top: .8vw solid #fea000;
	border-right: .8vw solid #fea000;
	transform: rotate(45deg)
}

#suntory_contents .pagelink {
	padding: 8vw 0;
	background: #007EA8
}

#suntory_contents .pagelink ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 4vw
}

#suntory_contents .pagelink li {
	width: 44vw;
	height: 16vw;
	margin: 0
}

#suntory_contents .pagelink li a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 4vw 0 0;
	font-size: 4.8vw;
	line-height: 1;
	text-decoration: none;
	color: #222;
	font-weight: 700;
	background: #fff;
	border-radius: 2.133333333vw;
	position: relative
}

#suntory_contents .pagelink li a::after {
	content: "";
	display: inline-block;
	transform: rotate(45deg);
	position: absolute;
	width: 2.133333333vw;
	height: 2.133333333vw;
	border-bottom: 3px solid #fea000;
	border-right: 3px solid #fea000;
	top: calc(50% - 0);
	right: 3.2vw
}

#suntory_contents .qa_wrap {
	display: flex;
	flex-flow: column nowrap
}

#suntory_contents .qa_wrap #faq {
	order: 1;
}

#suntory_contents .qa_wrap #c_ft {
	order: 2;
}

#suntory_contents .qa_wrap #search_qa {
	order: 3;
}

#suntory_contents .qa_wrap #search_qa_campaign {
	order: 4;
}

#suntory_contents .qa_wrap .contents_container_wrap {
	order: 5;
}

#suntory_contents .qa_wrap #related_information {
	order: 6;
}

#suntory_contents #search_qa {
	background: #bceaf5;
	position: relative
}

#suntory_contents #anchor_search_qa {
	width: 100vw;
	height: 0;
	position: absolute;
	top: -28.8vw;
	left: 0
}

#suntory_contents #search_qa .inner {
	padding: 28vw 4vw 0;
	margin-top: -28vw;
	position: relative
}

#suntory_contents #search_qa h2 {
	border-top: 1px #fff solid;
	margin: 0 0 8vw;
	padding-top: 8vw;
	font-size: 6.4vw;
	line-height: 1;
	font-weight: 700;
	color: #005886;
	text-align: center
}


/* category_tab_nav */
#suntory_contents .category_tab_nav {
	margin: 0 auto;
	width: 92vw;
	height: 16vw;
	display: flex;
	align-items: flex-start;
}

#suntory_contents .category_tab {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	appearance: none;
	width: 30.666666666666668vw;
	height: 16vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	font-size: 4vw;
	font-weight: 700;
	line-height: 1.285714285714286;
	color: #222;
	text-align: center;
	position: absolute;
	top: 51.6vw;
}

#suntory_contents .category_tab.active {
	background: #007EA8;
	color: #fff
}

#suntory_contents .category_tab.active:after {
	border: 3.2vw solid transparent;
	border-top-color: #007EA8;
	border-bottom-width: 0;
	content: "";
	display: block;
	position: absolute;
	bottom: -3.2vw;
	left: calc(50% - 3.466666666666667vw)
}

#suntory_contents #tab_softdrink {
	left: 4vw;
	border-radius: 2.133333333333333vw 0 0 2.133333333333333vw;
	border: .533333333333333vw #007EA8 solid;
}

#suntory_contents #tab_alcohol {
	left: 34.666666666666664vw;
	border-top: .533333333333333vw #007EA8 solid;
	border-bottom: .533333333333333vw #007EA8 solid
}

#suntory_contents #tab_purpose {
	left: 65.33333333333333vw;
	border-radius: 0 2.133333333333333vw 2.133333333333333vw 0;
	border: .533333333333333vw #007EA8 solid
}


#suntory_contents .search_list_wrap .tile_nav {
	display: none;
	overflow: hidden;
	padding-bottom: 0
}

#suntory_contents .search_list_wrap .tile_nav.active {
	display: flex;
	padding-bottom: 4vw;
	overflow: visible;
}

#suntory_contents .search_list_wrap {
	margin-top: 6vw;

}

#suntory_contents .tile_nav {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0;
}

#suntory_contents .tile_nav li {
	margin: 0 1.866666666666667vw 4vw 0;
	width: 29.333333333333332vw;
	height: 37.333333333333336vw;
	background: #fff;
	text-align: center;
	padding: 0;
	border-radius: 2.133333333333333vw;
	position: relative
}

#search_qa.no1 .tile_nav_s01,
#search_qa.no10 .tile_nav_s10,
#search_qa.no11 .tile_nav_s11,
#search_qa.no12 .tile_nav_s12,
#search_qa.no2 .tile_nav_s02,
#search_qa.no21 .tile_nav_a01,
#search_qa.no22 .tile_nav_a02,
#search_qa.no23 .tile_nav_a03,
#search_qa.no24 .tile_nav_a04,
#search_qa.no25 .tile_nav_a05,
#search_qa.no26 .tile_nav_a06,
#search_qa.no27 .tile_nav_a07,
#search_qa.no28 .tile_nav_a08,
#search_qa.no3 .tile_nav_s03,
#search_qa.no4 .tile_nav_s04,
#search_qa.no5 .tile_nav_s05,
#search_qa.no6 .tile_nav_s06,
#search_qa.no7 .tile_nav_s07,
#search_qa.no8 .tile_nav_s08,
#search_qa.no9 .tile_nav_s09 {
	border-radius: 2.133333333333333vw 2.133333333333333vw 0 0
}

#suntory_contents .tile_nav li.active:hover:before {
	display: none
}

#suntory_contents .tile_nav li:nth-child(3n) {
	margin: 0 0 4vw
}

#suntory_contents .tile_nav li picture {
	margin: 0 auto;
	padding: 0;
	width: 24vw;
	height: 24vw;
	position: absolute;
	top: 0;
	left: 2.666666666666667vw
}

#suntory_contents .tile_nav li picture img {
	width: 24vw;
	height: auto;
	vertical-align: bottom
}

#suntory_contents .tile_nav li a {
	text-decoration: none;
	color: #222
}

#suntory_contents .balloon_nav {
	position: absolute;
	top: 100%;
	background: #ffdfa8;
	z-index: 3;
	width: 80vw;
	border-radius: 4vw;
	padding: 5.333333333333333vw 5.333333333333333vw 2.666666666666667vw;
	box-shadow: 1.06666666666667vw 1.06666666666667vw 1.6vw rgba(0, 0, 0, .2);
	z-index: 4;
	display: none
}

#suntory_contents .tile_nav input+label,
#suntory_contents .tile_nav li .label {
	width: 29.333333333333332vw;
	height: 37.333333333333336vw;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 24vw;
	font-size: 3.2vw;
	line-height: 1.5;
	font-weight: 700;
	z-index: 3;
}

#suntory_contents .tile_nav .link_btn {
	width: 29.333333333333332vw;
	height: 37.333333333333336vw;
	padding: 24vw 0 0;
	border-radius: 2.133333333333333vw;
	appearance: none;
	border: none;
	background: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 3.2vw;
	line-height: 1.5;
	font-weight: 700;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#suntory_contents .tile_nav .close_btn_hover {
	display: none
}

#suntory_contents #search_qa.no0 .balloon_nav {
	display: none
}

#suntory_contents #search_qa .label_btn {
	display: none;
}

#suntory_contents #search_qa.no0 .label_btn {
	box-shadow: none
}

#suntory_contents .close_btn {
	display: none
}

#suntory_contents #voice {
	background: #bceaf5;
	padding: 0 4vw 12vw;
	position: relative
}

#suntory_contents #voice h2 {
	margin-bottom: 4vw;
	width: 92vw;
	font-size: 5.6vw;
	font-weight: 700;
	color: #005886;
	text-align: center
}

#suntory_contents #voice h2 a {
	color: #005886;
	text-decoration: none;
	display: block
}

#suntory_contents #voice h2 a:after {
	content: "";
	display: inline-block;
	width: 2.666666666666667vw;
	height: 2.666666666666667vw;
	border-top: .8vw solid #fea000;
	border-right: .8vw solid #fea000;
	margin: 0 0 0 1.066666666666667vw;
	transform: rotate(45deg)
}

#suntory_contents #voice .voice_contents_wrap {
	background: #fff;
	padding: 4.8vw 0 6.666666666666667vw;
	border-radius: 2.133333333333333vw
}

#suntory_contents #voice .voice_contents {
	padding: 0 8vw 4vw
}

#suntory_contents #voice .voice_item a {
	margin: 0 6.4vw;
	display: flex;
	align-items: center;
	text-decoration: none;
	flex-direction: column
}

#suntory_contents #voice .voice_item picture {
	margin-bottom: 5.333333333333333vw;
	width: 26.666666666666668vw
}

#suntory_contents #voice .voice_item picture img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

#suntory_contents #voice .voice_item p {
	font-size: 3.733333333333333vw;
	line-height: 1.5;
	color: #222
}

#suntory_contents #voice .btn_list a {
	margin: 0 auto;
	background: #ffdfa8;
	font-size: 3.733333333333333vw;
	font-weight: 700;
	width: 29.333333333333332vw;
	height: 8vw;
	border-radius: 5.333333333333333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #222;
	position: relative
}

#suntory_contents #voice .btn_list a:after {
	content: "";
	width: 1.866666666666667vw;
	height: 1.866666666666667vw;
	border-top: .666666666666667vw solid #fea000;
	border-right: .666666666666667vw solid #fea000;
	margin: 0 0 0 1.066666666666667vw;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - .933333333333333vw);
	right: 2.933333333333333vw
}

#suntory_contents .amp-carousel-button-prev {
	width: 12vw;
	height: 21.333333333333332vw;
	position: absolute;
	top: calc(50%-10.666666666666666vw);
	left: 0
}

#suntory_contents .amp-carousel-button-prev:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 4vw;
	height: 4vw;
	border-top: .933333333333333vw solid #999;
	border-right: .933333333333333vw solid #999;
	transform: rotate(-135deg);
	position: absolute;
	top: calc(50% - 2vw);
	left: calc(50% - 2vw)
}

#suntory_contents .amp-carousel-button-next {
	width: 12vw;
	height: 21.333333333333332vw;
	position: absolute;
	top: calc(50%-10.666666666666666vw);
	right: 0
}

#suntory_contents .amp-carousel-button-next:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	width: 4vw;
	height: 4vw;
	border-top: .933333333333333vw solid #999;
	border-right: .933333333333333vw solid #999;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 2vw);
	left: calc(50% - 2vw)
}

#suntory_contents #search_qa_campaign {
	background: #bceaf5;
	padding: 0 4vw 12vw;
	position: relative;
}

#suntory_contents #search_qa_campaign .btn {
	width: 84vw;
	height: 20vw;
	margin: 0 auto;
}

#suntory_contents #search_qa_campaign .btn a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 0 0 4vw;
	font-size: 4vw;
	line-height: 1.5;
	color: #222;
	font-weight: bold;
	text-decoration: none;
	background: #fff url(/customer/common2023/img/top/icon_cam_qa.svg) no-repeat left 4.8vw center / auto 12vw;
	border-radius: 2.133333333333333vw;
	border: 2px #007EA8 solid;
}

#suntory_contents #search_qa_campaign .btn a::after {
	content: "";
	display: block;
	transform: rotate(45deg);
	position: absolute;
	width: 2.133333333vw;
	height: 2.133333333vw;
	margin: 0;
	border-top: .8vw solid #fea000;
	border-right: .8vw solid #fea000;
	top: calc(50% - 1.333333333333333vw);
	right: 3.2vw;
}

#suntory_contents #efforts {
	background: #bceaf5;
	padding: 0 4vw 12vw;
	position: relative
}

#suntory_contents #efforts h2 {
	margin-bottom: 4vw;
	width: 92vw;
	font-size: 5.6vw;
	font-weight: 700;
	line-height: 1.2;
	color: #005886;
	text-align: center;
}

#suntory_contents #efforts ul {
	background: #fff;
	padding: 4.8vw 8vw;
	border-radius: 2.133333333333333vw
}

#suntory_contents #efforts li {
	border-bottom: 1px #bceaf5 solid;
	padding-bottom: 4vw
}

#suntory_contents #efforts li:last-child {
	border-bottom: 0;
	padding: 4vw 0 0
}

#suntory_contents #efforts li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	min-height: 18.666666666666667vw
}

#suntory_contents #efforts li a:after {
	content: "";
	width: 2.666666666666667vw;
	height: 2.666666666666667vw;
	border-top: .8vw solid #fea000;
	border-right: .8vw solid #fea000;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 1.333333333333333vw);
	right: 0
}

#suntory_contents #efforts li picture {
	margin-right: 4vw;
	width: 24vw
}

#suntory_contents #efforts li picture img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

#suntory_contents #efforts li p {
	font-size: 3.733333333333333vw;
	line-height: 1.5;
	font-weight: 700;
	color: #222
}

#suntory_contents #efforts li p span {
	font-size: 3.2vw;
}

#suntory_contents #related_information {
	display: block;
	margin: 8vw 4vw 12vw
}

#suntory_contents #related_information h2 {
	margin-bottom: 6.4vw;
	font-size: 5.6vw;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

#suntory_contents .related_information_list {
	display: block
}

#suntory_contents .related_information_list li {
	width: 100%;
	border-radius: 2.133333333vw;
	border: 1px #eee solid;
	margin: 4vw 0 0
}

#suntory_contents .related_information_list li a {
	width: 100%;
	height: 16vw;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	color: #222;
	background: #eee;
}

#suntory_contents .related_information_list picture {
	display: block;
	margin: 0;
	width: 31.2vw
}

#suntory_contents .related_information_list picture img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

#suntory_contents .related_information_list .label {
	font-size: 3.733333333vw;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 0 4vw
}

#suntory_contents .related_information_btn {
	width: 100%;
	margin: 4vw 0 0;
	display: flex;
	justify-content: space-between
}

#suntory_contents .related_information_btn li {
	width: 44vw
}

#suntory_contents .related_information_btn li a {
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16vw;
	border-radius: 2.133333333vw;
	text-decoration: none;
	color: #222;
	font-size: 3.466666667vw;
	line-height: 1.3;
	font-weight: 700;
	position: relative;
}

#suntory_contents .related_information_btn li a span {
	background: url(/customer/common2023/img/i_ex.svg) no-repeat right center;
	background-size: 3.2vw auto;
	padding-right: 4vw;
	display: inline-block;
	font-weight: 700;
}

@media print,
screen and (min-width:768px) {
	#suntory_contents #announcement {
		margin: 0 auto;
		padding: 20px 0 30px;
		width: 960px;
		overflow: hidden
	}

	#suntory_contents #announcement .inner {
		display: flex;
		width: auto;
	}

	#suntory_contents #announcement h2 {
		margin: 0 0 0 0;
		font-size: 16px;
		width: 100px
	}

	#suntory_contents #announcement ul {
		/*		height: 90px;*/
		width: 860px;
		padding-right: 10px
	}

	#suntory_contents #announcement li {
		margin-bottom: 10px;
		font-size: 14px
	}

	#suntory_contents #announcement li a:after {
		width: 7px;
		height: 7px;
		margin: 0 0 0 8px;
		border-top: 2.5px solid #fea000;
		border-right: 2.5px solid #fea000
	}

	#suntory_contents #announcement li a:hover {
		text-decoration: underline
	}

	#suntory_contents .pagelink {
		padding: 40px 0
	}

	#suntory_contents .pagelink ul {
		width: 960px;
		margin: 0 auto;
		gap: 40px
	}

	#suntory_contents .pagelink li {
		width: 320px;
		height: 60px;
		margin: 0
	}

	#suntory_contents .pagelink li a {
		padding: 0 10px 0 0;
		font-size: 22px;
		border-radius: 8px
	}

	#suntory_contents .pagelink li a::after {
		width: 10px;
		height: 10px;
		top: calc(50% - 6px);
		right: 15px
	}

	#suntory_contents .pagelink li a:hover {
		background: #FFE7BE;
		text-decoration: underline;
	}

	#suntory_contents .qa_wrap footer#c_ft h2 {
		padding: 50px 0 0
	}

	#suntory_contents #anchor_search_qa {
		width: 100%;
		top: -88px
	}

	#suntory_contents #search_qa .inner {
		margin: -100px auto 0;
		padding: 100px 0 10px;
		width: 960px;
		position: relative
	}

	#suntory_contents #search_qa h2 {
		padding-top: 50px;
		margin-bottom: 30px;
		font-size: 32px
	}


	/* category_tab_nav */
	#suntory_contents .category_tab_nav {
		width: 960px;
		height: 60px;
	}

	#suntory_contents .category_tab {
		width: 320px;
		height: 60px;
		font-size: 20px;
		top: 225px;
		cursor: pointer
	}

	#suntory_contents .category_tab:hover {
		text-decoration: underline;
	}

	#suntory_contents .category_tab.active:hover {
		text-decoration: none;
	}

	#suntory_contents .category_tab.active:after {
		border: 20px solid transparent;
		border-top-color: #007EA8;
		border-bottom-width: 0;
		bottom: -20px;
		left: calc(50% - 10px);
	}

	#suntory_contents #tab_softdrink {
		left: 0;
		border-radius: 8px 0 0 8px;
		border: 2px #007EA8 solid
	}

	#suntory_contents #tab_alcohol {
		left: 320px;
		border-top: 2px #007EA8 solid;
		border-bottom: 2px #007EA8 solid
	}

	#suntory_contents #tab_purpose {
		left: 640px;
		border-radius: 0 8px 8px 0;
		border: 2px #007EA8 solid
	}

	#tab_softdrink.active .list_alcohol,
	#tab_alcohol.active .list_purpose,
	#tab_purpose.active .list_softdrink {
		height: auto;
		opacity: 1;
		padding-bottom: 30px
	}

	#suntory_contents .tile_nav {
		margin: 0 auto;
		width: 960px;
		border: 0
	}

	#suntory_contents .search_list_wrap .tile_nav.active {
		padding-bottom: 30px;
	}

	#suntory_contents .tile_nav li {
		margin: 0 15px 20px 0;
		width: 310px;
		height: 100px;
		text-align: left;
		padding: 0;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer
	}

	#search_qa.no1 .tile_nav_s01,
	#search_qa.no10 .tile_nav_s10,
	#search_qa.no11 .tile_nav_s11,
	#search_qa.no12 .tile_nav_s12,
	#search_qa.no2 .tile_nav_s02,
	#search_qa.no21 .tile_nav_a01,
	#search_qa.no22 .tile_nav_a02,
	#search_qa.no23 .tile_nav_a03,
	#search_qa.no24 .tile_nav_a04,
	#search_qa.no25 .tile_nav_a05,
	#search_qa.no26 .tile_nav_a06,
	#search_qa.no27 .tile_nav_a07,
	#search_qa.no28 .tile_nav_a08,
	#search_qa.no3 .tile_nav_s03,
	#search_qa.no4 .tile_nav_s04,
	#search_qa.no5 .tile_nav_s05,
	#search_qa.no6 .tile_nav_s06,
	#search_qa.no7 .tile_nav_s07,
	#search_qa.no8 .tile_nav_s08,
	#search_qa.no9 .tile_nav_s09 {
		border-radius: 8px 8px 0 0
	}

	#suntory_contents .tile_nav li:hover {
		border-radius: 8px 8px 0 0;
		box-shadow: 3px 3px 7px rgba(0, 0, 0, .2);
	}

	#suntory_contents .tile_nav#list_purpose li:hover {
		border-radius: 8px 8px 8px 8px;
	}

	#suntory_contents .tile_nav.list_purpose li:hover {
		border-radius: 8px;
	}

	#suntory_contents .tile_nav li:hover:before {
		content: '';
		width: 310px;
		height: 15px;
		border-radius: 0 0 8px 8px;
		background: #ffdfa8;
		position: absolute;
		top: 100%;
		left: 0;
		box-shadow: 3px 3px 7px rgba(0, 0, 0, .2)
	}

	#suntory_contents .tile_nav li:hover:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		border-top: 3px solid #fea000;
		border-right: 3px solid #fea000;
		transform: rotate(135deg);
		position: absolute;
		bottom: -11px;
		left: calc(50% - 4px)
	}

	#suntory_contents .tile_nav#list_purpose li:hover:after,
	#suntory_contents .tile_nav#list_purpose li:hover:before {
		display: none
	}

	#suntory_contents .tile_nav li:nth-child(3n) {
		margin: 0 0 20px
	}

	#suntory_contents .tile_nav li picture {
		margin: 0;
		width: 100px;
		height: 100px;
		order: 2;
		left: auto;
		right: 10px
	}

	#suntory_contents .tile_nav li picture img {
		width: 100px
	}

	#suntory_contents .tile_nav li a {
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: space-between;
	}

	#suntory_contents #search_qa .label_btn {
		background: none;
		appearance: none;
		border: none;
		width: 310px;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		padding: 0 0 0 20px;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;
		position: absolute;
		top: 0;
		left: 0;
	}

	#suntory_contents #search_qa .label_btn:hover {
		text-decoration: underline;
	}


	#suntory_contents #search_qa .balloon_nav {
		top: 100%;
		left: 0;
		width: 310px;
		border-radius: 0 0 8px 8px;
		padding: 20px 20px 10px;
		box-shadow: 3px 3px 7px rgba(0, 0, 0, .2);
		cursor: default;
		z-index: 100
	}

	#suntory_contents #search_qa .balloon_nav.active {
		display: block;
	}

	#suntory_contents .balloon_nav:before {
		content: '';
		background: #fff;
		top: -2vw;
		width: 310px;
		height: 5px;
		position: absolute;
		top: -5px
	}

	#suntory_contents .tile_nav li:nth-child(1) .balloon_nav:before,
	#suntory_contents .tile_nav li:nth-child(3n) .balloon_nav:before,
	#suntory_contents .tile_nav li:nth-child(3n+1) .balloon_nav:before,
	#suntory_contents .tile_nav li:nth-child(3n-1) .balloon_nav:before {
		left: 0
	}

	#suntory_contents #search_qa .balloon_nav ul {
		cursor: default;
		display: block;
		text-align: left
	}

	#suntory_contents #search_qa .balloon_nav li {
		width: auto;
		background: 0;
		text-align: left;
		font-weight: 400;
		height: auto;
		min-height: auto;
		margin: 0 0 20px;
		padding: 0;
		font-size: 13px;
		line-height: 1;
		cursor: default
	}

	#suntory_contents #search_qa .balloon_nav li:hover {
		box-shadow: none
	}

	#suntory_contents #search_qa .balloon_nav li:last-child {
		margin-bottom: 0
	}

	#suntory_contents #search_qa .balloon_nav li.primary {
		font-weight: 700
	}

	#suntory_contents #search_qa .balloon_nav li a {
		width: auto;
		display: inline-block
	}

	#suntory_contents #search_qa .balloon_nav li a:hover {
		color: #222;
		text-decoration: underline;
		box-shadow: none;
		border-radius: 0
	}

	#suntory_contents #search_qa .balloon_nav li:hover:after,
	#suntory_contents #search_qa .balloon_nav li:hover:before {
		display: none
	}

	#suntory_contents .tile_nav .link_btn {
		display: none
	}

	#suntory_contents #search_qa .balloon_nav .btn_close {
		display: none
	}

	#suntory_contents #search_qa .search_list_wrap {
		position: relative;
		width: 960px;
		margin: 30px auto 0
	}

	#suntory_contents .tile_nav li .label {
		width: 310px;
		height: 100px;
		display: flex;
		align-items: center;
		padding: 0 0 0 20px;
		font-size: 18px;
		cursor: pointer;
		position: absolute;
		top: 0;
		left: 0;
	}

	#suntory_contents .tile_nav li .label:hover {
		color: #06b;
		text-decoration: underline;
	}

	#suntory_contents .tile_nav .close_btn_hover {
		width: 310px;
		height: 100px;
		padding: 0;
		border-radius: 8px;
		appearance: none;
		border: none;
		background: 0 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		display: none;
		cursor: pointer
	}

	#suntory_contents .close_btn:hover,
	#suntory_contents .tile_nav .close_btn_hover:hover {
		outline: 0;
		text-decoration: underline;
	}

	#suntory_contents .close_btn {
		margin: 20px 0 0;
		appearance: none;
		border: none;
		background: 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #222;
		position: relative;
		box-sizing: border-box;
		padding-left: 20px;
		border-radius: 4px;
		font-size: 12px;
		width: 100%;
		height: 30px;
		cursor: pointer
	}

	#suntory_contents .close_btn::before {
		content: '';
		width: 12px;
		height: 12px;
		background: url(/customer/common2023/img/i_x_o.svg) no-repeat center center;
		background-size: 12px 12px;
		position: absolute;
		top: calc(50% - 6.5px);
		left: 106px
	}

	#suntory_contents #search_qa_campaign {
		padding: 0 0 50px;
	}

	#suntory_contents #search_qa_campaign .btn {
		width: 450px;
		height: 80px;
	}

	#suntory_contents #search_qa_campaign .btn a {
		padding: 0 0 0 20px;
		font-size: 20px;
		background-position: left 30px center;
		background-size: auto 52px;
		border-radius: 8px;
	}

	#suntory_contents #search_qa_campaign .btn a::after {
		content: "";
		display: inline-block;
		transform: rotate(45deg);
		position: absolute;
		width: 8px;
		height: 8px;
		margin: 0;
		border-top: 3px solid #fea000;
		border-right: 3px solid #fea000;
		top: calc(50% - 5px);
		right: 20px;
	}

	#suntory_contents #search_qa_campaign .btn a:hover {
		text-decoration: underline;
	}

	#suntory_contents .contents_container_wrap {
		background: #bceaf5
	}

	#suntory_contents .contents_container {
		border-top: 1px #fff solid;
		margin: 0 auto;
		padding: 50px 0 80px;
		width: 960px;
		display: flex;
		justify-content: center
	}

	#suntory_contents #voice {
		margin: 0 7.5px;
		padding: 0
	}

	#suntory_contents #voice h2 {
		margin-bottom: 20px;
		width: 100%;
		font-size: 22px;
		line-height: 1
	}

	#suntory_contents #voice h2 a {
		color: #005886;
		text-decoration: none;
		display: block
	}

	#suntory_contents #voice h2 a:after {
		margin: 0 0 0 5px;
		width: 10px;
		height: 10px;
		border-top: 3.5px solid #fea000;
		border-right: 3.5px solid #fea000
	}

	#suntory_contents #voice .voice_contents_wrap {
		padding: 0 0 20px;
		width: 310px;
		border-radius: 8px
	}

	#suntory_contents #voice .voice_contents {
		padding: 0;
		width: 310px;
		height: 200px
	}

	#suntory_contents #voice .voice_item {
		padding: 25px 40px 0
	}

	#suntory_contents #voice .voice_item a {
		margin: 0
	}

	#suntory_contents #voice .voice_item a:hover,
	#suntory_contents #voice .voice_item a:active {
		text-decoration: underline;
		color: #222;
	}

	#suntory_contents #voice .voice_item picture {
		margin-bottom: 10px;
		width: 100px;
		height: 100px
	}

	#suntory_contents #voice .voice_item picture img {
		max-width: 100%;
		max-height: 100%
	}

	#suntory_contents #voice .voice_item p {
		font-size: 13px;
		width: 230px
	}

	#suntory_contents #voice .btn_list a {
		font-size: 14px;
		width: 110px;
		height: 30px;
		border-radius: 20px
	}

	#suntory_contents #voice .btn_list a:hover {
		text-decoration: underline;
	}

	#suntory_contents #voice .btn_list a:after {
		width: 7px;
		height: 7px;
		margin: 0;
		border-top: 3px solid #fea000;
		border-right: 3px solid #fea000;
		top: calc(50% - 5px);
		right: 15px
	}

	#suntory_contents .amp-carousel-button-prev {
		width: 30px;
		height: 80px;
		left: 10px
	}

	#suntory_contents .amp-carousel-button-prev:before {
		width: 15px;
		height: 15px;
		border-top: 3px solid #999;
		border-right: 3px solid #999;
		top: calc(50% - 7.5px);
		left: calc(50% - 7.5px)
	}

	#suntory_contents .amp-carousel-button-next {
		width: 30px;
		height: 80px;
		right: 10px
	}

	#suntory_contents .amp-carousel-button-next:before {
		width: 15px;
		height: 15px;
		border-top: 3px solid #999;
		border-right: 3px solid #999;
		top: calc(50% - 7.5px);
		left: calc(50% - 7.5px)
	}

	#suntory_contents #efforts {
		margin: 0 7.5px;
		padding: 0
	}

	#suntory_contents #efforts h2 {
		margin-bottom: 20px;
		width: 100%;
		font-size: 22px;
		line-height: 1;
		position: static
	}

	#suntory_contents #efforts ul {
		padding: 30px 0 0;
		width: 310px;
		height: 250px;
		border-radius: 8px
	}

	#suntory_contents #efforts li {
		margin: 0 25px;
		border-bottom: 1px #bceaf5 solid;
		padding-bottom: 25px
	}

	#suntory_contents #efforts li:hover {
		text-decoration: underline;
	}

	#suntory_contents #efforts li:last-child {
		border-bottom: 0;
		padding: 25px 0 0
	}

	#suntory_contents #efforts li a {
		min-height: 70px
	}

	#suntory_contents #efforts li a:after {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0;
		border-top: 3px solid #fea000;
		border-right: 3px solid #fea000;
		top: calc(50% - 4px);
		right: 0
	}

	#suntory_contents #efforts li picture {
		margin-right: 20px;
		width: 90px;
		height: 70px
	}

	#suntory_contents #efforts li picture img {
		width: 100%;
		height: auto
	}

	#suntory_contents #efforts li p {
		font-size: 14px;
		line-height: 1.5
	}

	#suntory_contents #efforts li p span {
		font-size: 12px;
	}

	#suntory_contents #related_information {
		margin: 60px auto 75px;
		width: 960px
	}

	#suntory_contents #related_information h2 {
		margin-bottom: 45px;
		font-size: 32px
	}

	#suntory_contents .related_information_list {
		margin-bottom: 30px;
		display: flex;
		justify-content: space-between
	}

	#suntory_contents .related_information_list li {
		width: 184px;
		border-radius: 8px;
		margin: 0
	}

	#suntory_contents .related_information_list li a {
		display: block;
		height: auto
	}

	#suntory_contents .related_information_list li:hover {
		text-decoration: underline;
	}

	#suntory_contents .related_information_list picture {
		margin: 0 auto;
		width: 182px;
		height: 94px
	}

	#suntory_contents .related_information_list .label {
		font-size: 13px;
		height: 48px;
		margin: 0;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #eee
	}

	#suntory_contents .related_information_btn {
		margin: 0 auto;
		width: 440px
	}

	#suntory_contents .related_information_btn li {
		width: 200px
	}

	#suntory_contents .related_information_btn li a {
		height: 50px;
		border-radius: 8px;
		font-size: 13px
	}

	#suntory_contents .related_information_btn li a:hover {
		text-decoration: underline;
	}

	#suntory_contents .related_information_btn li a span {
		background: url(/customer/common2023/img/i_ex.svg) no-repeat right center;
		background-size: 12px auto;
		padding-right: 20px;
		font-weight: 700;
	}

	#suntory_contents .tile_nav input+label:hover {
		color: #222;
		text-decoration: underline;
	}
}