@charset "utf-8";

:root {
	--main: #00493a;
	--rightgreen: #7fb055;
}
.gdh-gb{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/img/greendehug/main-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	z-index: 1;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-gb{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(/img/greendehug/main-bg_tab.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1;
	}
}

@media screen and (max-width: 767px) {
	.gdh-gb{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(/img/greendehug/main-bg_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1;
	}
}

.white-block{
	position: relative;
	background: #fff;
	padding-block: 1px 69px;
	z-index: 6;
}
footer{
	position: relative;
	z-index: 6;
}


.gdh{
	position: relative;
	width: 56%;
	padding-inline: 44% 0;
	color: #00493a;
	z-index: 6;
}
.gdh-inner{
	padding: 0 30px 144px 0;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh{
		width: 100%;
		padding-inline: 0;
		padding-block: calc(100dvh - 115px) 0;
	}
	.gdh-inner{
		position: relative;
		padding: 0;
		z-index: 6;
	}
	.gdh-inner::before{
		content: 'scroll';
		position: absolute;
		top: -52px;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: .21em;
		color: #fff;
		z-index: 1;
	}
	.gdh-inner::after{
		content: '';
		position: absolute;
		top: -32px;
		left: 50%;
		transform: translateX(-50%) rotate(135deg);
		width: 11px;
		height: 11px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		z-index: 1;
	}
	.gdh-back-white{
		position: relative;
		background: #fff;
		z-index: 6;
	}
	.gdh-back-white::after{
		content: '';
		position: absolute;
		inset: 0;
		background: #fff;
		z-index: -1;
	}
}

@media screen and (max-width: 767px) {
	.gdh{
		width: 100%;
		padding-inline: 0;
		padding-block: calc(100dvh - 90px) 0;
	}
	.gdh-inner{
		position: relative;
		padding: 0;
		z-index: 6;
	}
	.gdh-inner::before{
		content: 'scroll';
		position: absolute;
		top: -52px;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: .21em;
		color: #fff;
		z-index: 1;
	}
	.gdh-inner::after{
		content: '';
		position: absolute;
		top: -32px;
		left: 50%;
		transform: translateX(-50%) rotate(135deg);
		width: 11px;
		height: 11px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		z-index: 1;
	}
	.gdh-back-white{
		position: relative;
		background: #fff;
		z-index: 6;
	}
	.gdh-back-white::after{
		content: '';
		position: absolute;
		inset: 0;
		background: #fff;
		z-index: -1;
	}
}

.gdh-mv-logo{
	max-width: 240px;
	width: 100%;
	margin: 0 auto;
	padding-block: 52px 0;
}
.gdh-mv-h1{
	display: flex;
	justify-content: center;
	margin-block: 52px 0;
}
.gdh-mv-h1-txt{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.gdh-mv-h1-cate{
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1.5;
}
.gdh-mv-h1-small{
	font-size: 2.3rem;
}
.gdh-mv-h1-item{
	position: relative;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	margin-block: 32px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 6;
}
.gdh-mv-h1-item::before,
.gdh-mv-h1-item::after{
	content: '';
	width: 21px;
	height: 1px;
	background-color: var(--main);
}
.gdh-mv-h1-item::before{
	margin-right: 11px;
}
.gdh-mv-h1-item::after{
	margin-left: 11px;
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-mv{
		padding-inline: 30px;
		background: #fff;
	}
	.gdh-mv-h1-cate{
		font-weight: 700;
	}
	.gdh-mv-h1-item{
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.gdh-mv{
		padding-inline: 30px;
		background: #fff;
	}
	.gdh-mv-logo{
		max-width: 186px;
		padding-block: 52px 0;
	}
	.gdh-mv-h1{
		display: flex;
		justify-content: center;
		margin-block: 32px 0;
	}
	.gdh-mv-h1-cate{
		font-weight: 700;
	}
	.gdh-mv-h1-item{
		font-weight: 700;
		font-size: 2.1rem;
	}
}


.gdh-sec-copy-01{
	max-width: 210px;
	width: 100%;
	padding-block: 130px 0;
	margin: 0 auto;
}
.gdh-sec-copy-02{
	max-width: 258px;
	width: 100%;
	margin: 80px auto 0;
}
.gdh-sec-copy-03{
	max-width: 520px;
	width: 100%;
	margin: 80px auto 0;
}
.gdh-sec-recom{
	max-width: 520px;
	width: 100%;
	margin: 32px auto 0;
}
.gdh-sec-recom-list > li{
	position: relative;
	padding: 32px 24px;
	z-index: 6;
}
.gdh-sec-recom-list > li::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 6px;
	background: #fff;
	opacity: .87;
	z-index: -1;
}
.gdh-sec-recom-list > li + li{
	margin-block: 24px 0;
}
.gdh-sec-recom-block{
	max-width: 348px;
	width: 100%;
	margin: 0 auto;
}
.gdh-sec-recom-h2{
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	padding-block: 0 17px;
	z-index: 6;
}
.gdh-sec-recom-h2::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--rightgreen);
}
.gdh-sec-recom-h2-small{
	font-size: 2.1rem;
}
.gdh-sec-recom-read{
	margin-block: 24px 0;
}
.gdh-sec-recom-read p{
	text-align: center;
	font-weight: 500;
	font-size: 2.0rem;
	line-height: 1.5;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-copy-03{
		max-width: 520px;
		width: 100%;
		margin: 80px auto 0;
		padding-block: 0 32px;
	}
	.gdh-sec-recom{
		position: relative;
		max-width: 520px;
		width: 100%;
		padding-block: 52px 52px;
		margin: 0 auto;
		z-index: 6;
	}
	.gdh-sec-recom::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(50% - 50vw);
		right: calc(50% - 50vw);
		background: #7FB055;
	}
	.gdh-sec-recom-h2{
		font-weight: 700;
	}
	.gdh-sec-recom-read p{
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.gdh-sec-copy-01{
		max-width: 186px;
		width: 100%;
		padding-block: 70px 0;
		margin: 0 auto;
	}
	.gdh-sec-copy-02{
		max-width: 230px;
		width: 100%;
		margin: 70px auto 0;
	}
	.gdh-sec-copy-03{
		max-width: 364px;
		width: 100%;
		margin: 70px auto 0;
		padding-block: 0 34px;
	}
	.gdh-sec-recom{
		position: relative;
		max-width: 320px;
		width: 100%;
		padding-block: 34px 34px;
		margin: 0 auto;
		z-index: 6;
	}
	.gdh-sec-recom::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(50% - 50vw);
		right: calc(50% - 50vw);
		background: #7FB055;
	}
	.gdh-sec-recom-block{
		max-width: 310px;
		width: 100%;
		margin: 0 auto;
	}
	.gdh-sec-recom-h2{
		position: relative;
		width: 100%;
		text-align: center;
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1.3;
		padding-block: 0 17px;
		z-index: 6;
	}
	.gdh-sec-recom-h2::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: var(--rightgreen);
	}
	.gdh-sec-recom-h2-small{
		font-size: 1.8rem;
	}
	.gdh-sec-recom-read{
		margin-block: 24px 0;
	}
	.gdh-sec-recom-read p{
		text-align: center;
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1.5;
	}
}

.gdh-sec-03{
	position: relative;
	max-width: 520px;
	width: 100%;
	margin: 69px auto 0;
	z-index: 6;
}
.gdh-sec-03::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 6px;
	background: #fff;
	opacity: .87;
	z-index: -1;
}
.gdh-sec-03-inner{
	padding: 40px 24px;
}
.gdh-sec-story-h2{
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	padding-block: 0 17px;
	z-index: 6;
}
.gdh-sec-story-h2::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--rightgreen);
}
.gdh-sec-story-h2-small{
	font-size: 2.1rem;
}
.gdh-sec-story-read{
	max-width: 438px;
	width: 96%;
	margin: 24px auto 0;
}
.gdh-sec-story-read p{
	font-size: 1.6rem;
	line-height: 2.0;
	letter-spacing: .02em;
	margin-block: 0 24px;
}
.gdh-sec-story-read p:last-child{
	margin-block: 0;
}
.gdh-sec-story-read-emp{
	font-weight: 600;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-story-h2{
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.gdh-sec-03{
		position: relative;
		max-width: 320px;
		width: 100%;
		margin: 69px auto 0;
		z-index: 6;
	}
	.gdh-sec-03::after{
		content: '';
		position: absolute;
		inset: 0;
		border-radius: 6px;
		background: #fff;
		opacity: .87;
		z-index: -1;
	}
	.gdh-sec-03-inner{
		padding: 40px 24px;
	}
	.gdh-sec-story-h2{
		position: relative;
		width: 100%;
		text-align: center;
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1.5;
		padding-block: 0 17px;
		z-index: 6;
	}
	.gdh-sec-story-h2-small{
		font-size: 1.8rem;
	}
	.gdh-sec-story-read{
		max-width: 310px;
		width: 100%;
		margin: 24px auto 0;
	}
	.gdh-sec-story-read p{
		font-size: 1.5rem;
		line-height: 2.0;
		letter-spacing: .02em;
		margin-block: 0 24px;
	}
	.gdh-sec-story-read p:last-child{
		margin-block: 0;
	}
	.gdh-sec-story-read-emp{
		font-weight: 600;
	}
}


.gdh-sec-04{
	position: relative;
	padding-block: 80px 0;
	z-index: 6;
}
.gdh-sec-04-inner{
	position: relative;
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
	z-index: 6;
}
.gdh-sec-04-inner::before{
	content: '';
	position: absolute;
	top: -41px;
	left: 24px;
	width: 152px;
	height: 152px;
	background: rgba(255, 255, 255, .32);
	border-radius: 9999px;
	z-index: -1;
}
.gdh-sec-04-inner::after{
	content: '';
	position: absolute;
	bottom: -32px;
	right: -11px;
	width: 94px;
	height: 94px;
	background: rgba(255, 255, 255, .32);
	border-radius: 9999px;
	z-index: -1;
}
.gdh-sec-drink-h2{
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 4.1rem;
	line-height: 1.3;
	padding-block: 0 17px;
	z-index: 6;
}
.gdh-sec-drink-h2::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--rightgreen);
}
.gdh-sec-drink-h2-small{
	font-size: 2.4rem;
}
.gdh-sec-drink-block{
	display: flex;
	justify-content: center;
	margin-block: 32px 0;
}
.gdh-sec-drink-list > li + li{
	margin-block: 21px 0;
}
.gdh-sec-drink-list-box{
	display: grid;
	grid-template-columns: 186px 1fr;
	grid-gap: 32px;
}
.gdh-sec-drink-type{
	position: relative;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 6;
}
.gdh-sec-drink-type p{
	font-weight: 500;
	font-size: 2.0rem;
	line-height: 1;
	color: #fff;
}
.gdh-sec-drink-list > li .gdh-sec-drink-type::before{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 5px;
	z-index: -1;
}
.gdh-sec-drink-list > li:nth-child(1) .gdh-sec-drink-type::before{
	background: #004839;
}
.gdh-sec-drink-list > li:nth-child(2) .gdh-sec-drink-type::before{
	background: #63BD93;
}
.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type::before{
	background: #fff;
}
.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type p{
	color: #004839;
}
.gdh-sec-drink-list > li .gdh-sec-drink-type::after{
	content: '';
	position: absolute;
	top: 50%;
	right: -11px;
	transform: translateY(-50%);
	width: 13px;
	height: 16px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	z-index: -1;
}
.gdh-sec-drink-list > li:nth-child(1) .gdh-sec-drink-type::after{
	background: #004839;
}
.gdh-sec-drink-list > li:nth-child(2) .gdh-sec-drink-type::after{
	background: #63BD93;
}
.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type::after{
	background: #fff;
}
.gdh-sec-drink-read{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gdh-sec-drink-read p{
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-04{
		overflow: hidden;
		padding-block: 0;
		margin-block: 69px 0;
	}
	.gdh-sec-04-inner{
		padding-block: 52px 69px;
	}
	.gdh-sec-04-inner::before{
		content: '';
		position: absolute;
		top: -18px;
		left: -32px;
		width: 152px;
		height: 152px;
		background: rgba(127, 176, 85, .15);
		border-radius: 9999px;
		z-index: -1;
	}
	.gdh-sec-04-inner::after{
		content: '';
		position: absolute;
		bottom: -11px;
		right: -32px;
		width: 94px;
		height: 94px;
		background: rgba(127, 176, 85, .15);
		border-radius: 9999px;
		z-index: -1;
	}
	.gdh-sec-drink-h2{
		font-weight: 700;
	}
	.gdh-sec-drink-type p{
		font-weight: 700;
	}
	.gdh-sec-drink-read p{
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.gdh-sec-04{
		overflow: hidden;
		padding-block: 0;
		margin-block: 69px 0;
	}
	.gdh-sec-04-inner{
		padding-block: 52px 69px;
	}
	.gdh-sec-04-inner::before{
		content: '';
		position: absolute;
		top: -18px;
		left: -32px;
		width: 152px;
		height: 152px;
		background: rgba(127, 176, 85, .15);
		border-radius: 9999px;
		z-index: -1;
	}
	.gdh-sec-04-inner::after{
		content: '';
		position: absolute;
		bottom: -11px;
		right: -32px;
		width: 94px;
		height: 94px;
		background: rgba(127, 176, 85, .15);
		border-radius: 9999px;
		z-index: -1;
	}
	.gdh-sec-drink-h2{
		position: relative;
		max-width: 320px;
		width: 100%;
		text-align: center;
		font-weight: 700;
		font-size: 3.2rem;
		line-height: 1.3;
		padding-block: 0 17px;
		margin: 0 auto;
		z-index: 6;
	}
	.gdh-sec-drink-h2-small{
		font-size: 2.0rem;
	}
	.gdh-sec-drink-block{
		max-width: 310px;
		width: 100%;
		display: flex;
		justify-content: center;
		margin-block: 32px 0;
		margin-inline: auto;
	}
	.gdh-sec-drink-list > li + li{
		margin-block: 52px 0;
	}
	.gdh-sec-drink-list-box{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 24px;
	}
	.gdh-sec-drink-type{
		position: relative;
		min-height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 6;
	}
	.gdh-sec-drink-type p{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		color: #fff;
	}
	.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type::before{
		background: #7FB055;
	}
	.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type p{
		color: #fff;
	}
	.gdh-sec-drink-list > li .gdh-sec-drink-type::after{
		content: '';
		position: absolute;
		top: initial;
		bottom: -11px;
		left: 50%;
		right: initial;
		transform: translate(-50%, 0);
		width: 23px;
		height: 16px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		z-index: -1;
	}
	.gdh-sec-drink-list > li:nth-child(3) .gdh-sec-drink-type::after{
		background: #7FB055;
	}
	.gdh-sec-drink-read{
		width: 100%;
		display: block;
	}
	.gdh-sec-drink-read p{
		text-align: center;
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1;
		padding: 0 15px;
	}
}

.gdh-sec-05{
	position: relative;
	max-width: 520px;
	width: 100%;
	margin: 110px auto 0;
	z-index: 6;
}
.gdh-sec-05::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 6px;
	background: #fff;
	opacity: .87;
	z-index: -1;
}
.gdh-sec-05-inner{
	padding: 40px 24px;
}
.gdh-sec-kyomori-h2{
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	padding-block: 0 17px;
	z-index: 6;
}
.gdh-sec-kyomori-h2::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--rightgreen);
}
.gdh-sec-kyomori-h2-small{
	font-size: 2.1rem;
}
.gdh-sec-kyomori-read{
	max-width: 438px;
	width: 96%;
	margin: 24px auto 0;
}
.gdh-sec-kyomori-read p{
	font-size: 1.6rem;
	line-height: 2.0;
	letter-spacing: .02em;
	margin-block: 0 24px;
}
.gdh-sec-kyomori-read p:last-child{
	margin-block: 0;
}
.gdh-sec-kyomori-figure{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}
.gdh-sec-kyomori-figure.next-m{
	margin-block: 0 24px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-kyomori-h2{
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.gdh-sec-05{
		position: relative;
		max-width: 320px;
		width: 100%;
		margin: 80px auto 0;
		z-index: 6;
	}
	.gdh-sec-05-inner{
		padding: 40px 24px;
	}
	.gdh-sec-kyomori-h2{
		position: relative;
		width: 100%;
		text-align: center;
		font-weight: 700;
		font-size: 2.1rem;
		line-height: 1;
		padding-block: 0 17px;
		z-index: 6;
	}
	.gdh-sec-kyomori-h2-small{
		font-size: 1.8rem;
	}
	.gdh-sec-kyomori-read{
		max-width: 310px;
		width: 100%;
		margin: 24px auto 0;
	}
	.gdh-sec-kyomori-read p{
		font-size: 1.5rem;
		line-height: 2.0;
		letter-spacing: .02em;
		margin-block: 0 24px;
	}
	.gdh-sec-kyomori-read p:last-child{
		margin-block: 0;
	}
	.gdh-sec-kyomori-figure{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
	}
	.gdh-sec-kyomori-figure.next-m{
		margin-block: 0 24px;
	}
}

.gdh-sec-06{
	position: relative;
	width: 100%;
	margin: 80px auto 0;
	z-index: 6;
}
.gdh-sec-06-copy{
	max-width: 450px;
	width: 100%;
	margin-inline: auto;
	padding-block: 80px 0;
}
.gdh-sec-06-logo{
	max-width: 240px;
	width: 100%;
	margin: 0 auto;
	padding-block: 69px 0;
}
.gdh-sec-06-h2{
	display: flex;
	justify-content: center;
	margin-block: 52px 0;
}
.gdh-sec-06-h2-txt{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.gdh-sec-06-h2-cate{
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1.5;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-h2-cate{
		font-weight: 700;
	}
}
.gdh-sec-06-h2-small{
	font-size: 2.3rem;
}
.gdh-sec-06-h2-item{
	position: relative;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	margin-block: 32px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 6;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-h2-item{
		font-weight: 700;
	}
}
.gdh-sec-06-h2-item::before,
.gdh-sec-06-h2-item::after{
	content: '';
	width: 21px;
	height: 1px;
	background-color: var(--main);
}
.gdh-sec-06-h2-item::before{
	margin-right: 11px;
}
.gdh-sec-06-h2-item::after{
	margin-left: 11px;
}
.gdh-sec-06-ingredient{
	display: flex;
	justify-content: center;
	margin-block: 40px 0;
}
.gdh-sec-06-ingredient p{
	font-weight: 500;
	font-size: 2.1rem;
	line-height: 1;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-ingredient p{
		font-weight: 700;
	}
}
.gdh-sec-06-amount{
	display: flex;
	justify-content: center;
	margin-block: 24px 0;
}
.gdh-sec-06-amount p{
	font-weight: 500;
	font-size: 2.1rem;
	line-height: 1;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-amount p{
		font-weight: 700;
	}
}
.gdh-sec-06-price{
	display: flex;
	justify-content: center;
	margin-block: 24px 0;
}
.gdh-sec-06-price p{
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-price p{
		font-weight: 700;
	}
}
.gdh-sec-06-price .price-emp{
	font-size: 3.2rem;
}
.gdh-sec-06-nutrition{
	max-width: 346px;
	width: 100%;
	margin: 40px auto 0;
}
.gdh-sec-06-nutrition-title{
	position: relative;
	width: 100%;
	padding-block: 0 17px;
	z-index: 6;
}
.gdh-sec-06-nutrition-title::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--rightgreen);
}
.gdh-sec-06-nutrition-title p{
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-nutrition-title p{
		font-weight: 700;
	}
}
.gdh-sec-06-nutrition-title p .title-small{
	font-size: 1.6rem;
}
.gdh-sec-06-nutrition-read{
	margin-block: 16px 0;
}
.gdh-sec-06-nutrition-read p{
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-nutrition-read p{
		font-weight: 700;
	}
}
.gdh-sec-06-guarantee{
	max-width: 431px;
	width: 100%;
	margin: 50px auto 0;
}
.gdh-sec-06-btn{
	max-width: 431px;
	width: 100%;
	margin: 50px auto 0;
}
.gdh-sec-06-btn-list li + li{
	margin-block: 32px 0;
}
.gdh-sec-06-btn-list a{
	position: relative;
	width: 100%;
	min-height: 85px;
	background: #00493a;
	border-radius: 999px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	z-index: 6;
}
.gdh-sec-06-btn-list a{
	text-align: center;
	font-weight: 500;
	font-size: 2.1rem;
	line-height: 1.3;
	color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-btn-list a{
		font-weight: 700;
	}
}
.gdh-sec-06-btn-list a .set{
	font-weight: 700;
	font-size: 2.4rem;
	color: #EEFF00;
}
.gdh-sec-06-btn-list a::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 21px;
	transform: translateY(-50%) rotate(45deg);
	width: 13px;
	height: 13px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	z-index: 1;
}
.gdh-sec-06-btn-list a:hover{
	background: #7FB055;
}
.gdh-sec-06-btn-ballon{
	display: flex;
	justify-content: center;
	margin-block: 0 8px;
}
.gdh-sec-06-btn-ballon p{
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: .025em;
	padding-inline: 24px 24px;
	z-index: 6;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06-btn-ballon p{
		font-weight: 700;
	}
}
.gdh-sec-06-btn-ballon p .good{
	font-weight: 700;
	font-size: 2.6rem;
	color: #dd2424;
	padding-inline: .1em .1em;
}
.gdh-sec-06-btn-ballon p::before,
.gdh-sec-06-btn-ballon p::after{
	content: '';
	position: absolute;
	bottom: -3px;
	width: 2px;
	height: 32px;
	background: #00493a;
	z-index: -1;
}
.gdh-sec-06-btn-ballon p::before{
	left: 0;
	transform: rotate(155deg);
}
.gdh-sec-06-btn-ballon p::after{
	right: 0;
	transform: rotate(-155deg);
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.gdh-sec-06{
		position: relative;
		width: 100%;
		margin: 110px auto 0;
		z-index: 6;
	}
	.gdh-sec-06-copy{
		max-width: 450px;
		width: 100%;
		margin-inline: auto;
		padding-block: 110px 0;
	}
	.gdh-sec-06-btn{
		padding-block: 0 80px;
	}
}

@media screen and (max-width: 767px) {
	.gdh-sec-06{
		position: relative;
		width: 100%;
		margin: 80px auto 0;
		z-index: 6;
	}
	.gdh-sec-06-copy{
		max-width: 310px;
		width: 100%;
		margin-inline: auto;
		padding-block: 80px 0;
	}
	.gdh-sec-06-logo{
		max-width: 186px;
		width: 100%;
		margin: 0 auto;
		padding-block: 52px 0;
	}
	.gdh-sec-06-h2{
		display: flex;
		justify-content: center;
		margin-block: 52px 0;
	}
	.gdh-sec-06-h2-item{
		font-size: 2.1rem;
	}
	.gdh-sec-06-ingredient{
		display: flex;
		justify-content: center;
		margin-block: 40px 0;
	}
	.gdh-sec-06-ingredient p{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
	}
	.gdh-sec-06-amount{
		display: flex;
		justify-content: center;
		margin-block: 40px 0;
	}
	.gdh-sec-06-amount p{
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
	}
	.gdh-sec-06-price{
		display: flex;
		justify-content: center;
		margin-block: 40px 0;
	}
	.gdh-sec-06-price p{
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
	}
	.gdh-sec-06-price .price-emp{
		font-size: 2.6rem;
	}
	.gdh-sec-06-nutrition{
		max-width: 320px;
		width: 100%;
		margin: 52px auto 0;
	}
	.gdh-sec-06-nutrition-title{
		position: relative;
		width: 100%;
		padding-block: 0 17px;
		z-index: 6;
	}
	.gdh-sec-06-nutrition-title p{
		text-align: center;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1;
	}
	.gdh-sec-06-nutrition-title p .title-small{
		font-size: 1.7rem;
	}
	.gdh-sec-06-nutrition-read{
		margin-block: 16px 0;
	}
	.gdh-sec-06-nutrition-read p{
		text-align: center;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2;
	}
	.gdh-sec-06-guarantee{
		max-width: 350px;
		width: 100%;
		margin: 52px auto 0;
	}
	.gdh-sec-06-btn{
		max-width: 320px;
		width: 100%;
		margin: 52px auto 0;
		padding-block: 0 80px;
	}
	.gdh-sec-06-btn-list li + li{
		margin-block: 32px 0;
	}
	.gdh-sec-06-btn-list a{
		position: relative;
		width: 100%;
		min-height: 85px;
		background: #00493a;
		border-radius: 999px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.3s;
		z-index: 6;
	}
	.gdh-sec-06-btn-list a{
		text-align: center;
		font-weight: 700;
		font-size: 1.7rem;
		line-height: 1.3;
		letter-spacing: .05em;
		color: #fff;
	}
	.gdh-sec-06-btn-list a .set{
		font-weight: 700;
		font-size: 2.4rem;
		color: #EEFF00;
	}
	.gdh-sec-06-btn-list a::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 21px;
		transform: translateY(-50%) rotate(45deg);
		width: 11px;
		height: 11px;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		z-index: 1;
	}
	.gdh-sec-06-btn-list a:hover{
		background: #7FB055;
	}
	.gdh-sec-06-btn-ballon p{
		position: relative;
		text-align: center;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.3;
		letter-spacing: .025em;
		padding-inline: 24px 24px;
		z-index: 6;
	}
	.gdh-sec-06-btn-ballon p .good{
		font-weight: 700;
		font-size: 2.4rem;
		color: #dd2424;
		padding-inline: .1em .1em;
	}
}