.hc-heading-with-image {
	text-align: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.hc-heading-with-image {
		margin-bottom: 32px;
	}
}

.hc-heading-with-image__image {
	width: 140px;
	height: auto;
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	.hc-heading-with-image__image {
		width: 90px;
		margin-bottom: 14px;
	}
}

.hc-heading-with-image__text {
	font-size: 36px;
	line-height: 1.17;
	font-weight: bold;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

@media screen and (max-width: 767px) {
	.hc-heading-with-image__text {
		font-size: 24px;
		line-height: 1.38;
	}
}

.hc-heading-with-image + .hp-news-list {
	margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
	.hc-heading-with-image + .hc-tab-01 {
		margin-top: 80px !important;
	}
}

.hc-heading-02 {
	font-size: 36px;
	line-height: 1.5;
	font-weight: bold;
	margin: 20px 0 86px;
}

@media screen and (max-width: 767px) {
	.hc-heading-02 {
		font-size: 20px;
		line-height: 1.4;
		margin: 8px 0 52px;
	}
}

.hc-heading-02 + p {
	margin-block-start: 0;
}

.hc-heading-02 sup {
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	margin-left: 20px;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.hc-heading-02 sup {
		font-size: 14px;
		margin-left: 10px;
		top: -0.3em;
	}
}

.hc-heading-02__lead {
	margin-bottom: 16px;
}

.hc-heading-02__lead-text {
	font-size: 16px;
	line-height: 1.7;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 40px;
}

.hc-heading-02__lead-text + .hp-button-group--center {
	margin-top: 64px;
}

.hc-heading-02 + .hc-tab-01 li a {
	padding-top: 0;
}

.hc-heading-question,
.hc-heading-answer {
	font-size: 32px;
	line-height: 1.5;
	font-weight: bold;
	position: relative;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

@media screen and (max-width: 767px) {
	.hc-heading-question,
	.hc-heading-answer {
		font-size: 20px;
	}
}

.hc-heading-question::before,
.hc-heading-answer::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 39px;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.hc-heading-question::before,
	.hc-heading-answer::before {
		width: 22px;
		height: 22px;
		top: 3px;
	}
}

.hc-heading-question {
	margin-top: 24px;
	padding-left: 67px;
}

@media screen and (max-width: 767px) {
	.hc-heading-question {
		margin-top: 16px;
		padding-left: 30px;
	}
}

.hc-heading-question::before {
	background-image: url(/common/rwd/images/rn/icon_q.svg);
}

.hc-heading-answer {
	margin: 66px 0 32px;
	padding-left: 66px;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer {
		margin: 24px 0;
		padding-left: 30px;
	}
}

.hc-heading-answer::before {
	background-image: url(/common/rwd/images/rn/icon_a.svg);
}

.hc-heading-answer--alert {
	color: var(--main-color);
}

.hc-heading-answer__text {
	color: var(--text-color) !important;
	font-size: var(--pc-font-size);
	font-weight: normal;
	line-height: var(--pc-line-height);
	margin-block-start: 0;
	margin-block-end: 0;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer__text {
		font-size: var(--sp-font-size);
		line-height: var(--sp-line-height);
	}
}

.hc-heading-answer__text + .hc-heading-answer__text {
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer__text + .hc-heading-answer__text {
		margin-top: 14px;
	}
}

.hc-heading-answer--alert-text {
	color: var(--text-color);
}

.hc-heading-answer__link {
	display: block;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer__link:hover {
		text-decoration: none !important;
	}
}

.hc-heading-answer-wrap {
	position: relative;
	margin: 66px 0 32px;
	padding-left: 66px;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer-wrap {
		margin: 24px 0;
		padding-left: 30px;
	}
}

.hc-heading-answer-wrap::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-image: url(/common/rwd/images/rn/icon_a.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 39px;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.hc-heading-answer-wrap::before {
		width: 22px;
		height: 22px;
		top: 3px;
	}
}

.hc-heading-slider-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 60px 0 0;
}

@media screen and (max-width: 767px) {
	.hc-heading-slider-wrap {
		margin-top: 45px;
	}
}

.hp-search-area--wide + .hc-heading-slider-wrap {
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
	.hp-search-area--wide + .hc-heading-slider-wrap {
		margin-top: 80px;
	}
}

.hc-heading-slider {
	display: inline-block;
}

.hc-heading-slider,
.hc-heading-slider__sub {
	font-weight: bold;
}

.hc-heading-slider {
	color: var(--text-color);
	font-size: 28px;
	line-height: 1.6;
}

@media screen and (max-width: 767px) {
	.hc-heading-slider {
		font-size: 20px;
	}
}

.hc-heading-slider__date-tag {
	display: block;
	width: 100%;
	margin: 6px 0 0;
	text-align: center;
}

.hc-heading-slider__date-tag > span {
	color: var(--text-color);
	font-size: 14px;
	font-weight: bold;
	padding: 4px 16px 3px;
	border-radius: 6px;
	background: #FFF5E6;
	display: inline-block;

}
.hc-heading-slider__date-tag > span > span {
	display: inline-block;
	margin-left: 16px;
	font-weight: normal;
	vertical-align: baseline;
	position: relative;
}

.hc-heading-slider__sub {
	display: block;
	width: 100%;
	color: var(--main-color);
	font-size: 22px;
	line-height: 1.36;
	text-align: center;
	margin-top: 16px;
	padding: 0 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.hc-heading-slider__sub {
		font-size: 18px;
	}
}

.hc-heading-slider__sub span {
	position: relative;
}

.hc-heading-slider__sub span::before,
.hc-heading-slider__sub span::after {
	display: block;
	content: '';
	width: 9px;
	height: 12px;
	position: absolute;
}

.hc-heading-slider__sub span::before {
	background: url(/common/rwd/images/rn/start_kakko.svg) no-repeat bottom right / contain;
	top: 0;
	left: -19px;
}

.hc-heading-slider__sub span::after {
	background: url(/common/rwd/images/rn/end_kakko.svg) no-repeat bottom right / contain;
	bottom: 0;
	right: -19px;
}

.hc-heading-slider__sub + .hp-slider-03 {
	margin-top: 24px;
}

@media screen and (max-width: 767px) {
	.hc-heading-slider__sub + .hp-slider-03 {
		margin-top: 16px;
	}
}

.hc-heading-slider-wrap + .hp-slider-03 {
	margin-top: 24px;
}

@media screen and (max-width: 767px) {
	.hc-heading-slider-wrap + .hp-slider-03 {
		margin-top: 16px;
	}
}

.hc-heading-03 {
	font-size: 28px;
	line-height: 1.5;
	padding-left: 26px;
	position: relative;
	font-weight: bold;
	margin: 100px 0 32px;
}

@media screen and (max-width: 767px) {
	.hc-heading-03 {
		font-size: 20px;
		line-height: 1.4;
		padding-left: 20px;
		margin: 80px 0 24px;
	}
}

.hc-heading-03::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: '';
	width: 7px;
	height: calc(100% - 6px);
	background: url(/common/rwd/images/rn/heading_dots.svg) center top / 7px 39px repeat-y;
}

@media screen and (max-width: 767px) {
	.hc-heading-03::before {
		width: 6px;
		height: 100%;
		top: 0;
		background-size: 6px 33px;
	}
}

.hc-heading-03 + .hp-text-wrap-02 {
	margin-top: 0;
}

.hc-heading-03 + .hp-news-list {
	margin-top: 0 !important;
}

.hc-heading-03 + .hc-heading-04 {
	margin-top: -12px;
}

.hc-heading-03__link {
	padding-right: 44px;
	position: relative;
	color: var(--text-color) !important;
	text-decoration: none;
	font-size: 28px;
	line-height: 1.5;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.hc-heading-03__link {
		font-size: 20px;
		line-height: 1.4;
		padding-right: 36px;
	}
}

.hc-heading-03__link::before,
.hc-heading-03__link::after {
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
}

.hc-heading-03__link::before {
	right: 7px;
	width: 9px;
	height: 5px;
	background: url(/common/rwd/images/rn/icon_arrow_white.svg) no-repeat center / 100% auto;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.hc-heading-03__link::before {
		right: 6px;
		width: 7px;
		height: 3px;
		background: url(/common/rwd/images/rn/icon_arrow_white.svg) no-repeat center / 100% auto;
		z-index: 1;
	}
}

.hc-heading-03__link::after {
	right: 0;
	width: 24px;
	height: 24px;
	background: linear-gradient(#E60012,#FF7C4B);
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.hc-heading-03__link::after {
		width: 20px;
		height: 20px;
	}
}

.hc-heading-03__link:hover {
	color: var(--link-color) !important;
}

@media screen and (max-width: 767px) {
	.hc-heading-03__link:hover {
		color: var(--text-color) !important;
		text-decoration: none !important;
	}
}

.hc-heading-03__link--blank::before {
	display: none;
}

.hc-heading-03__link--blank::after {
	background: url(/common/rwd/images/rn/icon_blank_red.svg) no-repeat center / 100% auto;
}

#special_recipes .hc-heading-03 {
	width: 100%;
}

#special_recipes .hc-heading-03:first-of-type {
	margin-top: 0;
}

.hc-heading-03--small {
	font-size: 24px;
}

@media screen and (max-width: 767px) {
	.hc-heading-03--small {
		font-size: 16px;
	}
}

.hc-heading-04 {
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 20px 0 23px;
	word-break: break-all;
}

@media screen and (max-width: 767px) {
	.hc-heading-04 {
		margin: 16px 0 18px;
	}
}

.hc-heading-04__inner {
	box-sizing: border-box;
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) {
	.hc-heading-04__inner {
		width: 100%;
	}
}

.hc-heading-04__inner::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: calc(100% + 10px);
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	z-index: 95;
}

.hc-heading-04--link a {
	display: inline-block;
	position: relative;
	padding-right: 34px;
}

@media screen and (max-width: 767px) {
	.hc-heading-04--link a {
		padding-right: 24px;
	}
}

.hc-heading-04__item {
	color: var(--text-color) !important;
	border-bottom: 10px solid #FFF0C9;
	border-image: linear-gradient(to right, #FFF0C9 80%, #FFF 100%);
	border-image-slice: 1;
}

.hc-heading-04--link a::before,
.hc-heading-04--link a::after {
	position: absolute;
	content: '';
	top: calc(50% + 10px);
	transform: translateY(-50%);
}

.hc-heading-04--link a::before {
	right: 7px;
	width: 9px;
	height: 5px;
	background: url(/common/rwd/images/rn/icon_arrow_white.svg) no-repeat center / 100% auto;
	z-index: 97;
}

@media screen and (max-width: 767px) {
	.hc-heading-04--link a::before {
		right: 4px;
		width: 7px;
		height: 3px;
	}
}

.hc-heading-04--link a::after {
	right: 0;
	width: 24px;
	height: 24px;
	background: linear-gradient(#E60012,#FF7C4B);
	border-radius: 50%;
	z-index: 96;
}

@media screen and (max-width: 767px) {
	.hc-heading-04--link a::after {
		width: 16px;
		height: 16px;
	}
}

.hc-heading-04--link a:hover {
	text-decoration: none !important;
}

.hc-heading-04--link a:hover .hc-heading-04__item {
	text-decoration: none !important;
	color: var(--link-color) !important;
}

@media screen and (max-width: 767px) {
	.hc-heading-04--link a:hover .hc-heading-04__item {
		color: var(--text-color) !important;
	}
}

.hc-heading-04--link a:hover .hc-heading-04__inner::after {
	content: '';
	width: 100%;
	height: calc(100% + 10px);
	background: #FFF;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.hc-heading-04__item > span {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	z-index: 98;
	bottom: -10px;
	white-space: break-spaces;
}

@media screen and (max-width: 767px) {
	.hc-heading-04__item > span {
		font-size: 16px;
	}
}

.hc-heading-04 + .hc-list-num {
	margin-top: 16px;
}

.hp-product-list-01__item .hc-heading-04 {
	margin-top: 0;
}

.hp-product-list-02__item .hc-heading-04 {
	margin-top: 0;
}

.hp-product-list-03__item .hc-heading-04 {
	margin-top: 0;
}

.hc-heading-05 {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-block-start: 0;
	margin-block-end: 0;
}

@media screen and (max-width: 767px) {
	.hc-heading-05 {
		font-size: 16px;
	}
}

.hc-heading-05--center {
	justify-content: center;
}

.hc-heading-05 img {
	max-width: 24px !important;
	height: auto;
	margin-right: 8px;
}

.hc-heading-06 {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	box-sizing: border-box;
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) {
	.hc-heading-06 {
		width: 100%;
	}
}

.hc-heading-06::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: calc(100% + 6px);
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	z-index: 100;
}

.hc-heading-06__link {
	position: relative;
	color: var(--text-color) !important;
	border-bottom: 6px solid #FFDFC1;
	border-image: linear-gradient(to right, #FFDFC1 80%, #fff 100%);
	border-image-slice: 1;
}

.hc-heading-06__link::before,
.hc-heading-06__link::after {
	position: absolute;
	content: '';
}

.hc-heading-06__link::before {
	bottom: 8px;
	right: -37px;
	width: 9px;
	height: 5px;
	background: url(/common/rwd/images/rn/icon_arrow_white.svg) no-repeat center / 100% auto;
	z-index: 102;
}

@media screen and (max-width: 767px) {
	.hc-heading-06__link::before {
		display: none;
	}
}

.hc-heading-06__link::after {
	bottom: -2px;
	right: -44px;
	width: 24px;
	height: 24px;
	background: linear-gradient(#E60012,#FF7C4B);
	border-radius: 50%;
	z-index: 101;
}

@media screen and (max-width: 767px) {
	.hc-heading-06__link::after {
		display: none;
	}
}

.hc-heading-06__link:hover {
	text-decoration: none !important;
	color: var(--link-color) !important;
}

.hc-heading-06__link > span {
	position: relative;
	z-index: 10000000;
	bottom: -4px;
	white-space: break-spaces;
}

.hc-heading-08 {
	color: var(--text-color);
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 24px 0 20px;
}

@media screen and (max-width: 767px) {
	.hc-heading-08 {
		margin: 20px 0 12px;
		line-height: 1.5;
	}
}

.hc-heading-09 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.25;
	color: var(--text-color);
	text-align: center;
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0 0 14px;
}

@media screen and (max-width: 767px) {
	.hc-heading-09 {
		font-size: 24px;
		margin: 0 0 16px;
	}
}

.hc-heading-11 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	color: var(--text-color);
	margin: 12px 0 56px;
}

@media screen and (max-width: 767px) {
	.hc-heading-11 {
		font-size: 20px;
		line-height: 1.3;
		margin: 8px 0 40px;
	}
}

.hc-heading-11 + .hc-heading-03 {
	margin-top: 0;
}