@charset "utf-8";

/* -----------------------------------------------------------
page-intro-area
-------------------------------------------------------------- */
.page-intro-area {
	padding: 100px 0;
	background: unset;
}

.page-intro-area .txt-box {
	margin: unset;
}

.page-intro-area .col2 {
	display: flex;
	gap: 80px;
}

.page-intro-area .col2 .txt-box {
	width: 750px;
	flex-shrink: 0;
}

.page-intro-area .col2 .img {
	height: 400px;
}

.page-intro-area .col2 .img img {
	object-fit: cover;
	height: 100%;
	border-radius: 10px;
}

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

	.page-intro-area {
		padding: 40px 0;
	}

	.page-intro-area .col2 {
		flex-direction: column;
		gap: 20px;
	}

	.page-intro-area .col2 .txt-box {
		width: 100%;
	}

	.page-intro-area .col2 .img {
		height: 220px;
	}

	.page-intro-area .col2 .img img {
		border-radius: 6px;
	}

}


/* -----------------------------------------------------------
price-area
-------------------------------------------------------------- */
.price-area {
	position: relative;
	padding: 100px 0 0;
	background: var(--light-yellow);
}

.price-area .intro-area .col2 {
	display: flex;
	align-items: flex-end;
	gap: 64px;
}

.price-area .intro-area .col2 .txt-box {
	width: 720px;
	flex-shrink: 0;
}

.price-area .link-area {
	display: flex;
	justify-content: flex-end;
	gap: 32px;
	margin: 40px 0 0;
}

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

	.price-area {
		padding: 40px 0 0;
	}

	.price-area .intro-area .col2 {
		flex-direction: column;
		gap: unset;
	}

	.price-area .intro-area .col2 .txt-box {
		width: 100%;
	}

	.price-area .intro-area .col2 .img-mv {
		position: absolute;
		top: 10px;
		right: 20px;
		width: 40%;
	}

	.price-area .link-area {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		margin: 24px 0 0;
	}

}


/* アンカーボタン */
.anchor-btn-area {
	padding: 70px 0 100px;
	text-align: center;
}

.anchor-btn-area .anchor-btn_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.anchor-btn-area .anchor-btn_list .anchor-btn_list_item {
	width: calc((100% / 3) - 20px);
}

.anchor-btn-area .anchor-btn_list .anchor-btn_list_item a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 20px;
	font-size: 2rem;
	font-weight: 500;
	font-family: var(--notoSerifJP);
	text-align: left;
	line-height: 1.5;
	background: #fff;
	border-radius: 10px;
	transition: .3s;
}
.anchor-btn-area .anchor-btn_list .anchor-btn_list_item a:hover {
	margin: -4px 0 0;
	box-shadow: 0 10px 20px rgb(236, 236, 214);
}
.anchor-btn-area .anchor-btn_list .anchor-btn_list_item a::after {
	position: absolute;
	content: "\f105";
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px;
	padding: 7px;
	color: var(--yellow);
	font-size: 1.2rem;
	width: 4px;
	height: 4px;
	border: solid 1px #333;
	border-radius: 50%;
	transition: .4s;
	transform: rotate(90deg);
}

.anchor-btn-area .anchor-btn_list .anchor-btn_list_item .img {
	width: 100px;
}

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

	.anchor-btn-area {
		padding: 20px 0 40px;
		text-align: unset;
	}

	.anchor-btn-area .anchor-btn_list {
		flex-direction: column;
		gap: 12px;
		margin: 20px 0 0;
	}

	.anchor-btn-area .anchor-btn_list .anchor-btn_list_item {
		width: 100%;
	}

	.anchor-btn-area .anchor-btn_list .anchor-btn_list_item a {
		padding: 16px;
		font-size: 1.6rem;
		border-radius: 6px;
	}
	.anchor-btn-area .anchor-btn_list .anchor-btn_list_item a::after {
		right: 10px;
		padding: 7px;
		font-size: 1rem;
		width: 2px;
		height: 2px;
	}

	.anchor-btn-area .anchor-btn_list .anchor-btn_list_item .img {
		width: 50px;
	}

}


/* 料金・費用各コンテンツ */
.price-area .price-cont {
	padding: 100px 0;
	background: var(--light-yellow);
}
.price-area .price-cont:nth-child(even) {
	background: #fff;
}
.price-area .price-cont.option {
	background: #fff;
}

#privacy .option-area .option-list .option-list_item {
	background: var(--lightgray);
}
#privacy .option-area .option-list .option-list_item .price-list-ttl {
	background: #eee;
}

.price-area .price-cont .col2 {
	position: relative;
	display: flex;
	align-items: center;
	gap: 64px;
	margin: 0 0 40px;
}

.price-area .price-cont .col2 .img-wrap {
	display: flex;
	gap: 50px;
}
.price-area .price-cont .col2 .img-wrap .img {
	position: relative;
}
.price-area .price-cont .col2 .img-wrap .img img {
	object-fit: cover;
	height: 100%;
	border-radius: 10px;
}

.price-area .price-cont .col2 .img-wrap .img .deco-ttl {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 10px;
	color: #fff;
	font-size: 1.4rem;
	font-family: var(--cormorantGaramond);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.7;
	border-radius: 10px 0 10px 0;
}
.price-area .price-cont .col2 .img-wrap .before .deco-ttl {
	background: #B8B8B8;
}
.price-area .price-cont .col2 .img-wrap .after .deco-ttl {
	background: var(--dark-yellow);
}

.price-area .price-cont .col2 .img-wrap .before {
	position: relative;
	width: 226px;
}
.price-area .price-cont .col2 .img-wrap .after {
	width: 290px;
}

.price-area .price-cont .col2 .img-wrap .before::after {
	content: "▶";
	position: absolute;
	top: 42%;
	right: -30px;
	color: var(--dark-yellow);
}

.price-area .price-table-area {
	margin: 40px 0 0;
}

.price-area .price-table-area .table {
	margin: 0 0 12px;
}

.price-area .num {
	color: var(--dark-yellow);
	font-size: 2.3rem;
	font-weight: 600;
	line-height: 1;
}

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

	.price-area .price-cont {
		padding: 40px 0;
	}

	.price-area .price-cont .col2 {
		flex-direction: column;
		gap: 20px;
		margin: 0 0 40px;
	}

	.price-area .price-cont .col2 .img-wrap {
		flex-direction: column;
		gap: unset;
	}
	.price-area .price-cont .col2 .img-wrap .img img {
		border-radius: 6px;
	}

	.price-area .price-cont .col2 .img-wrap .img .deco-ttl {
		font-size: 1.4rem;
		line-height: 1.7;
		border-radius: 6px 0 6px 0;
	}

	.price-area .price-cont .col2 .img-wrap .before {
		width: 100%;
		height: 190px;
	}
	.price-area .price-cont .col2 .img-wrap .after {
		width: 100%;
		height: 240px;
		margin: 30px 0 0;
	}

	.price-area .price-cont .col2 .img-wrap .before::after {
		display: block;
		position: inherit;
		top: auto;
		right: auto;
		text-align: center;
		margin: 0 auto;
		transform: rotate(90deg);
	}

	.price-area .price-table-area .table {
		width: 1000px;
	}

	.price-area .price-list-price .num {
		letter-spacing: 0;
	}

}


/* 料金の算出方法 */
.price-area .method-area-wrap {
	margin: 56px 0 0;
}

.price-area .method-area {
	position: relative;
	padding: 32px;
	background: #fff;
	border-radius: 10px;
}

.price-area .price-cont:nth-child(even) .method-area {
	border: solid 1px var(--dark-yellow);
}

.price-area .method-area .method-area-ttl {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
	color: var(--green);
	background: var(--light-yellow);
}

.price-area .method-area .box {
	display: flex;
	align-items: center;
	gap: 40px;
}

.price-area .method-area .box .img-wrap {
	flex-shrink: 0;
}

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

	.price-area .method-area-wrap {
		margin: 40px 0 0;
	}

	.price-area .method-area {
		padding: 20px;
		border-radius: 6px;
	}

	.price-area .method-area .method-area-ttl {
		top: -14px;
		padding: 0 10px;
		font-size: 1.6rem;
	}

	.price-area .method-area .box {
		flex-direction: column;
		gap: 10px;
	}

}


/* オプション */
.option-area {
	position: relative;
}

.option-area .option-list {
	margin: 56px 0 0;
	display: flex;
	gap: 40px;
}

.option-area .option-list .option-list_item {
	width: calc(100% / 3);
	background: #fff;
	border-radius: 10px;
}

.option-area .option-list .option-list_item .img {
	width: 100%;
	min-height: 250px;
	flex-shrink: 0;
}

.option-area .option-list .option-list_item .img img {
	object-fit: cover;
	height: 100%;
	border-radius: 10px 10px 0 0;
}

.option-area .option-list .option-list_item .txt-box {
	padding: 0 20px 10px;
}

.option-area .option-list .option-list_item .option-service-ttl {
	margin: 16px 0;
	font-size: 2.4rem;
	font-family: var(--notoSerifJP);
	font-weight: 600;
	text-align: center;
}

.option-area .option-list .option-list_item .price-box {
	margin: 24px 0 0;
}

.option-area .option-list .option-list_item .price-list-ttl {
	margin: 0 -20px 8px;
	padding: 0 0 0 20px;
	font-size: 1.6rem;
	font-family: var(--notoSerifJP);
	font-weight: 600;
	background: var(--lightgray);
}

.option-area .option-list .option-list_item .price-list-price {
	font-family: var(--notoSerifJP);
}

.option-area .option-list .option-list_item .price-list-price .num {
	color: var(--dark-yellow);
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
}

.option-area .option-list .option-list_item .price-list-price .other-price {
	display: block;
	margin: 16px 0 0;
	color: var(--dark-yellow);
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
}

#garden-care .option-area .option-list .option-list_item:nth-child(2) {
	display: none;
}

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

	.option-area .option-list {
		margin: 20px 0 0;
		flex-direction: column;
		gap: 20px;
	}

	.option-area .option-list .option-list_item {
		display: flex;
		width: 100%;
		border-radius: 6px;
	}

	.option-area .option-list .option-list_item .img {
		width: 40%;
		min-height: 160px;
		border-radius: 6px 0 0 6px;
	}

	.option-area .option-list .option-list_item .img img {
		border-radius: 6px 0 0 6px;
	}

	.option-area .option-list .option-list_item .txt-box {
		padding: 0 12px 12px;
		width: 100%;
	}

	.option-area .option-list .option-list_item .option-service-ttl {
		margin: 20px 0;
		font-size: 2rem;
		line-height: 1.7;
		text-align: unset;
	}

	.option-area .option-list .option-list_item .price-list-ttl {
		margin: 0 -12px 8px;
		padding: 0 0 0 12px;
		font-size: 1.6rem;
	}

	.option-area .option-list .option-list_item .price-list-price {
		font-size: 1.4rem;
	}

	.option-area .option-list .option-list_item .price-list-price .num {
		font-size: 2.3rem;
		letter-spacing: 0;
	}

	.option-area .option-list .option-list_item .price-list-price .other-price {
		font-size: 2rem;
	}

}