body {
	margin: 0;
	line-height: normal;

}

.sp- {
	display: none;
}

.pc {
	width: 1200px;
	position: relative;
	background-color: #efefef;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: center;
	font-size: 20px;
	color: #333;
	font-family: 'Noto Sans JP';
	margin: auto;
}

.bg-white-wall-icon {
	position: absolute;
	top: calc(50% - 323.2px);
	left: calc(50% - 600px);
	width: 1200px;
	height: 644px;
	object-fit: cover;
}

.bg-komorebi-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1200px;
	height: 646.4px;
	object-fit: contain;
}

.bg-white-wall-parent {
	position: absolute;
	top: calc(50% - 322px);
	left: calc(50% - 600px);
	width: 1200px;
	height: 646.4px;
}

.kiddog-icon {
	position: absolute;
	top: 72px;
	left: 630px;
	width: 483.3px;
	height: 476.9px;
	object-fit: cover;
}

.point1-child {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	object-fit: cover;
}

.point1-item {
	position: absolute;
	top: 5px;
	left: 5.33px;
	border-radius: 50%;
	border: 2px dashed #fff;
	box-sizing: border-box;
	width: 140px;
	height: 140px;
}

.div {
	position: absolute;
	top: 92px;
	left: 26.33px;
	line-height: 160%;
}

.p {
	margin: 0;
	line-height: 130%;
}

.span {
	line-height: 130%;
}

.span1 {
	line-height: 120%;
}

.div1 {
	position: absolute;
	top: 35px;
	left: 13.33px;
	font-size: 20px;
	font-weight: 500;
}

.point1 {
	width: 150px;
	position: relative;
	height: 150px;
}

.div2 {
	position: absolute;
	top: 32px;
	left: 18px;
	line-height: 130%;
}

.div3 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	font-weight: 500;
}

.text {
	position: absolute;
	top: 43px;
	left: 15.33px;
	width: 120px;
	height: 68px;
}

.div4 {
	position: absolute;
	top: 44px;
	left: 30px;
	line-height: 140%;
}

.span4 {
	letter-spacing: -0.06em;
}

.span5 {
	letter-spacing: -0.07em;
}

.span7 {
	letter-spacing: -0.01em;
	color: white;
}

.span8 {
	letter-spacing: -0.18em;
}

.span9 {
	letter-spacing: -0.04em;
}

.div5 {
	position: absolute;
	top: 22px;
	left: 0px;
	font-size: 20px;
	line-height: 140%;
	font-weight: 500;
}

.div6 {
	position: absolute;
	top: 0px;
	left: 30px;
	line-height: 130%;
}

.text1 {
	position: absolute;
	top: 31px;
	left: 10.33px;
	width: 133px;
	height: 84px;
}

.point {
	position: absolute;
	top: 433px;
	left: 630px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.leaves-illust-icon {
	position: absolute;
	top: 502px;
	left: 1030px;
	width: 83.1px;
	height: 98.1px;
	object-fit: contain;
}

.div7 {
	position: absolute;
	top: 24px;
	left: 2px;
	width: 525px;
	height: 525px;
}

.div8 {
	position: absolute;
	top: 21px;
	left: -115px;
	width: 525px;
	height: 525px;
}

.text-2 {
	position: absolute;
	top: 28.47px;
	left: 570.47px;
	width: 586.4px;
	height: 580.6px;
}

.illust-tree-icon {
	position: absolute;
	top: 436px;
	left: 226px;
	width: 150px;
	height: 131.3px;
	object-fit: cover;
}

.illust-bird-icon {
	position: absolute;
	top: 426px;
	left: 375px;
	width: 38px;
	height: 54px;
	object-fit: cover;
}

.span10 {
	letter-spacing: -0.04em;
}

.b {
	position: relative;
	line-height: 130%;
	font-size: 24px;
	line-height: 130%;
}

.vaadincart-icon {
	width: 25px;
	position: relative;
	max-height: 100%;
	overflow: hidden;
	flex-shrink: 0;
}

.cta {
	position: absolute;
	top: 510px;
	left: 322px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	border-radius: 33.33px;
	background: linear-gradient(1.74deg, #007749, #31a346);
	border: 1px solid #007749;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
}

.cta a {
	width: 300px;
	height: 65px;
	padding: 15px 0 0 0;
}

.b1 {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 130%;
	font-family: Arial;
}

.b2 {
	position: absolute;
	top: 21.54px;
	left: 107.69px;
	font-size: 17.95px;
	line-height: 130%;
}

.div9 {
	position: absolute;
	top: 9.87px;
	left: 96.92px;
	font-size: 10.77px;
	line-height: 130%;
}

.price {
	position: absolute;
	top: 42px;
	left: 206px;
	width: 140.9px;
	height: 54px;
}

.b3 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 32px;
	line-height: 130%;
	letter-spacing: -0.08em;
}

.phytoncide-spray {
	position: absolute;
	top: 384px;
	left: 230px;
	width: 346.9px;
	height: 96px;
	font-size: 41.28px;
	color: #007749;
}

.image-18-icon {
	position: absolute;
	top: 17.96px;
	left: 5px;
	width: 200px;
	height: 119.1px;
	object-fit: cover;
}

.icon {
	position: absolute;
	top: 0px;
	left: 187px;
	width: 41.6px;
	height: 53.3px;
	object-fit: cover;
}

.icon1 {
	position: absolute;
	top: 101.38px;
	left: 0px;
	width: 34px;
	height: 44.6px;
	object-fit: cover;
}

.icon2 {
	position: absolute;
	top: 16px;
	left: 141px;
	width: 72px;
	height: 72px;
	object-fit: contain;
}

.span14 {
	font-size: 22px;
}

.span15 {
	font-size: 26px;
}

.div10 {
	position: absolute;
	top: 25px;
	left: 0px;
	line-height: 130%;
	font-weight: 500;
}

.div11 {
	position: absolute;
	top: 0px;
	left: 2px;
	font-size: 16px;
	line-height: 150%;
}

.text2 {
	position: absolute;
	top: 35px;
	left: 23px;
	width: 213px;
	height: 88px;
}

.after {
	position: absolute;
	top: 0px;
	left: 234px;
	width: 236px;
	height: 146px;
}

.arrow-icon {
	position: absolute;
	height: 27.74%;
	width: 13.19%;
	top: 39.73%;
	right: 48.09%;
	bottom: 32.53%;
	left: 38.72%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;
}

.illust-icon {
	position: absolute;
	height: 100%;
	width: 95.69%;
	top: 0%;
	right: 4.31%;
	bottom: 0%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: contain;

}

.span16 {
	letter-spacing: -0.2em;
}

.div12 {
	position: absolute;
	top: 20px;
	left: 0px;
	line-height: 150%;
}

.before {
	position: absolute;
	height: 82.19%;
	width: 44.47%;
	top: 15.07%;
	right: 55.53%;
	bottom: 2.74%;
	left: 0%;
	font-size: 15px;
}

.box {
	position: absolute;
	top: 218px;
	left: calc(15% - 40.5px);
	width: 470px;
	height: 146px;
	font-size: 22px;
	font-family: 'Zen Maru Gothic';
}

.spray-img-icon {
	position: absolute;
	top: 340px;
	left: 103px;
	width: 160px;
	height: 268px;
	object-fit: cover;
}

.leavesimage-14-icon {
	position: absolute;
	top: 20px;
	left: 88.67px;
	width: 16.7px;
	height: 21px;
	object-fit: cover;
}

.leavesimage-15-icon {
	position: absolute;
	top: 0px;
	left: 51.17px;
	width: 22.1px;
	height: 26.8px;
	object-fit: contain;
}

.leavesimage-16-icon {
	position: absolute;
	top: 55px;
	left: 65px;
	width: 21.6px;
	height: 26.9px;
	object-fit: contain;
}

.leavesimage-13-icon {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 41.7px;
	height: 60.1px;
	object-fit: cover;
}

.illust {
	position: absolute;
	top: 75px;
	left: 491px;
	width: 105.3px;
	height: 95.1px;
}

.span18 {
	letter-spacing: 0.06em;
}

.span17 {
	font-size: 50px;
}

.span20 {
	font-size: 42px;
}

.span25 {
	letter-spacing: 0.05em;
}

.span26 {
	letter-spacing: -0.15em;
}

.span27 {
	letter-spacing: 0.08em;
}

.div13 {
	position: absolute;
	top: 97.22px;
	left: 110px;
	line-height: 130%;
	font-weight: 500;
	font-family: 'Zen Maru Gothic';
	text-align: left;
	font-size: 50px;
}

.image-12-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.image-13-icon1 {
	position: absolute;
	top: 0px;
	left: 64.43px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.image-14-icon1 {
	position: absolute;
	top: 0px;
	left: 128.85px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.image-15-icon1 {
	position: absolute;
	top: 0px;
	left: 193.28px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.image-16-icon1 {
	position: absolute;
	top: 0px;
	left: 257.7px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.image-17-icon {
	position: absolute;
	top: 0px;
	left: 322.13px;
	width: 77.9px;
	height: 22.4px;
	object-fit: cover;
}

.underline {
	position: absolute;
	top: 19.44px;
	left: 0px;
	width: 400px;
	height: 22.4px;
}

.div14 {
	position: absolute;
	top: 0px;
	left: 15.46px;
	line-height: 130%;
	letter-spacing: -0.01em;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Zen Maru Gothic';
}

.text-1 {
	position: absolute;
	top: 51px;
	left: 95.54px;
	width: 410.5px;
	height: 41.8px;
	font-size: 21px;
	font-family: 'Zen Maru Gothic';
}

.fv-pc {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 640px;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 14px;
}

.span31 {
	font-family: 'Noto Sans JP';
}

.div15 {
	position: absolute;
	top: 224px;
	left: calc(50% - 291px);
	line-height: 150%;
}

.div16 {
	position: absolute;
	top: 0px;
	left: calc(50% - 240px);
	line-height: 160%;
}

.text3 {
	position: absolute;
	top: 650px;
	left: calc(50% - 291px);
	width: 582px;
	height: 284px;
	text-align: center;
	font-size: 20px;
	color: #333;
	font-family: 'Noto Sans JP';
}

.spray-img-icon1 {
	position: absolute;
	top: 660px;
	left: 916px;
	width: 160px;
	height: 268px;
	object-fit: cover;
}

.dog-1-icon {
	position: absolute;
	top: 680px;
	left: 100px;
	width: 200px;
	height: 258px;
	object-fit: cover;
}

.b6 {
	position: absolute;
	top: 560px;
	left: calc(50% - 270px);
	line-height: 160%;
}

.contents-1-child {
	position: absolute;
	top: 0px;
	left: calc(50% - 600px);
	width: 1200px;
	height: 520px;
}

.div17 {
	position: absolute;
	top: 160px;
	left: 169px;
	line-height: 160%;
}

.span37 {
	letter-spacing: -0.29em;
}

.div18 {
	position: absolute;
	top: 0px;
	left: calc(50% - 405.5px);
	line-height: 160%;
	width: 811px;
}

.span2 {
	line-height: 120%;
	letter-spacing: -0.09em;
}

.text4 {
	position: absolute;
	top: 150px;
	left: 192px;
	width: 811px;
	height: 288px;
	text-align: center;
	font-size: 20px;
	color: #333;
	font-family: 'Noto Sans JP';
}

.b8 {
	position: absolute;
	top: 50px;
	left: calc(50% - 396px);
	line-height: 200%;
}

.contents-1 {
	align-self: stretch;
	position: relative;
	height: 1024px;
	overflow: hidden;
	flex-shrink: 0;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	font-size: 36px;
	color: #007749;
	font-family: 'Zen Maru Gothic';
}

.gl-fresh-handspray {
	margin: 0;
}

.gl-fresh-handspray-container {
	position: absolute;
	top: 1392px;
	left: calc(50% - 297px);
	font-size: 26px;
	color: #31a346;
}

.check-icon {
	width: 40px;
	position: relative;
	max-height: 100%;
	overflow: hidden;
	flex-shrink: 0;
}

.div20 {
	position: relative;
	width: 566px;
	height: 24px;
	letter-spacing: -0.02em;
}

.div19 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.div25 {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.box1 {
	position: absolute;
	top: 1188px;
	left: calc(50% - 243px);
	width: 487px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2px;
	text-align: left;
}

.div27 {
	position: absolute;
	top: 1150px;
	left: 320px;
	text-align: left;
}

.virus-icon {
	position: absolute;
	top: 100px;
	left: 650px;
	width: 120px;
	height: 100px;
	overflow: hidden;
}

.tcidml {
	position: absolute;
	top: 95px;
	left: calc(50% - 287px);
}

.div28 {
	position: absolute;
	top: 44px;
	left: calc(50% - 245px);
	font-size: 17px;
}

.span38 {
	font-size: 20px;
}

.b10 {
	font-size: 30px;
}

.div29 {
	position: absolute;
	top: 0px;
	left: calc(50% - 260px);
	font-size: 22px;
}

.text5 {
	position: absolute;
	top: 84px;
	left: calc(50% - 340px);
	width: 580px;
	height: 119px;
}

.title {
	position: absolute;
	top: 24px;
	left: calc(50% - 233px);
	border: 1px solid #333;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.box2 {
	position: absolute;
	top: 872px;
	left: 212px;
	background-color: #fff;
	width: 800px;
	height: 235px;
	overflow: hidden;
}

.div31 {
	position: absolute;
	top: 772px;
	left: calc(50% - 340px);
	line-height: 160%;
}

.forest-img-icon {
	position: absolute;
	top: 376px;
	left: calc(50% - 300px);
	border-radius: 30px;
	width: 600px;
	height: 350px;
	overflow: hidden;
	object-fit: cover;
}

.gl-fresh-handspray1 {
	font-family: 'Noto Sans JP';
	color: #31a346;
}

.gl-fresh-handspray-container1 {
	position: absolute;
	top: 216px;
	left: calc(50% - 500px);
	line-height: 160%;
	display: inline-block;
	width: 1000px;
}

.div32 {
	position: absolute;
	top: 141px;
	left: calc(50% - 314px);
	font-size: 30px;
	font-weight: 500;
	font-family: 'Zen Maru Gothic';
}

.span41 {
	letter-spacing: -0.16em;
}

.b11 {
	position: absolute;
	top: 49px;
	left: calc(50% - 300px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
	text-align: left;
}

.evidence {
	width: 1200px;
	position: relative;
	background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
	height: 1520px;
	overflow: hidden;
	flex-shrink: 0;
}

.bg-green-icon {
	position: absolute;
	top: calc(50% - 1020px);
	left: calc(50% - 600px);
	width: 1200px;
	height: 1482px;
	object-fit: cover;
}

.b12 {
	position: relative;
	line-height: 130%;
	background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.vaadincart-icon1 {
	width: 32px;
	position: relative;
	max-height: 100%;
	overflow: hidden;
	flex-shrink: 0;
}

.parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

.cta1 a {
	width: 480px;
	padding: 15px 65px;
}

.b14 {
	position: absolute;
	top: 7px;
	left: 52px;
	line-height: 130%;
}

.div33 {
	position: absolute;
	top: 9px;
	left: 61px;
	font-size: 10px;
	line-height: 130%;
}

.b15 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	line-height: 130%;
	font-family: Arial;
}

.price1 {
	width: 96px;
	position: relative;
	height: 26px;
	font-size: 12px;
}

.phytoncide-spray1 {
	width: 390px;
	margin: 0 !important;
	position: absolute;
	top: -32px;
	left: calc(50% - 190px);
	border-radius: 60px;
	background-color: #fff;
	border: 1px solid #007749;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	gap: 0px;
	z-index: 1;
	font-size: 20px;
	height: 42px;
}

.cta1 {
	position: absolute;
	top: 660px;
	left: calc(50% - 216px);
	box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
	border-radius: 40px;
	background: linear-gradient(1.74deg, #007749, #31a346);
	border: 1px solid #007749;
	box-sizing: border-box;
	height: 74px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}


.ellipse {
	position: absolute;
	top: 0px;
	left: 4px;
	box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.3);
	border-radius: 50%;
	background-color: #fff;
	width: 280px;
	height: 280px;
}

.frame-leaves-icon {
	position: absolute;
	top: 3px;
	left: 0px;
	width: 280px;
	height: 280px;
	object-fit: cover;
}

.text-child {
	position: absolute;
	top: 70px;
	left: 78px;
	width: 62px;
	height: 10px;
}

.div35 {
	position: absolute;
	top: 94px;
	left: 0px;
}

.div36 {
	position: absolute;
	top: 0px;
	left: 24px;
	font-size: 22px;
	font-weight: 500;
}

.text6 {
	position: absolute;
	top: 52px;
	left: 36px;
	width: 223px;
	height: 189px;
	line-height: 1.2;
}

.div34 {
	position: absolute;
	top: 310px;
	left: 720px;
	width: 284px;
	height: 283px;
}

.frame-leaves-icon1 {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 280px;
	height: 280px;
	object-fit: cover;
}

.text-item {
	position: absolute;
	top: 95px;
	left: 43px;
	width: 62px;
	height: 10px;
}

.div38 {
	position: absolute;
	top: 120px;
	left: 0px;
}

.div39 {
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 22px;
	font-weight: 500;
}

.text7 {
	position: absolute;
	top: 50px;
	left: 68px;
	width: 159px;
	height: 177px;
	line-height: 1.2;
}

.div37 {
	position: absolute;
	top: 310px;
	left: 0px;
	width: 284px;
	height: 285px;
}

.text-inner {
	position: absolute;
	top: 103px;
	left: 68px;
	width: 62px;
	height: 10px;
}

.div41 {
	position: absolute;
	top: 120px;
	left: calc(50% - 80px);
}

.div42 {
	position: absolute;
	top: 0px;
	left: calc(50% - 99px);
	font-size: 22px;
	font-weight: 500;
}

.text8 {
	position: absolute;
	top: 50px;
	left: 46px;
	width: 198px;
	height: 177px;
}

.div40 {
	position: absolute;
	top: 0px;
	left: 720px;
	width: 284px;
	height: 285px;
}

.group-icon {
	position: absolute;
	top: 95px;
	left: 46px;
	width: 62px;
	height: 10px;
}

.div44 {
	position: absolute;
	top: 0px;
	left: 12px;
	font-weight: 500;
}

.div45 {
	position: absolute;
	top: 120px;
	left: calc(50% - 80px);
	font-size: 16px;
}

.text9 {
	position: absolute;
	top: 46px;
	left: 64px;
	width: 160px;
	height: 196px;
	line-height: 1.2;
}

.div43 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 284px;
	height: 285px;
	font-size: 22px;
}

.ellipse-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	width: 400px;
	height: 400px;
	object-fit: cover;
}

.spray-img-icon2 {
	position: absolute;
	top: 54px;
	left: 110px;
	width: 180px;
	height: 301.5px;
	object-fit: cover;
}

.img {
	position: absolute;
	top: 60px;
	left: 306px;
	width: 400px;
	height: 400px;
}

.box3 {
	position: absolute;
	top: 60px;
	left: 98px;
	width: 1004px;
	height: 595px;
	font-size: 16px;
	color: #333;
}

.point4 {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 814px;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 32px;
	color: #007749;
}

.bg-white-wall-icon1 {
	position: absolute;
	top: calc(50% - 621px);
	left: calc(50% - 600px);
	width: 1882px;
	height: 1244px;
	object-fit: cover;
}

.kiddog-2-icon {
	position: absolute;
	top: 54px;
	left: calc(50% + 160px);
	width: 300px;
	height: 228px;
	object-fit: cover;
}

.div46 {
	position: absolute;
	top: 100px;
	left: calc(50% - 455px);
	line-height: 140%;
	display: inline-block;
	width: 580px;
}

.p59 {
	margin: 0;
	font-weight: 500;
}

.div47 {
	position: absolute;
	top: 30px;
	left: calc(50% - 450px);
}

.voice-1 {
	align-self: stretch;
	position: relative;
	box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.3);
	border-radius: 30px;
	background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
	height: 326px;
	overflow: hidden;
	flex-shrink: 0;
}

.cat-icon {
	position: absolute;
	top: 50px;
	left: 660px;
	width: 300px;
	height: 216px;
	object-fit: cover;
}

.div48 {
	position: absolute;
	top: 100px;
	left: calc(50% - 455px);
	line-height: 140%;
	width: 580px;
}

.div49 {
	position: absolute;
	top: 30px;
	left: calc(50% - 449px);
}

.voice-2 {
	align-self: stretch;
	position: relative;
	box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.3);
	border-radius: 30px;
	background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
	height: 298px;
	overflow: hidden;
	flex-shrink: 0;
}

.kiddog-3-icon {
	position: absolute;
	top: 30px;
	left: calc(50% + 160px);
	width: 300px;
	height: 228px;
	object-fit: cover;
}

.div50 {
	position: absolute;
	top: 100px;
	left: calc(50% - 455px);
	display: inline-block;
	width: 580px;
}

.voice-3 {
	align-self: stretch;
	position: relative;
	box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.3);
	border-radius: 30px;
	background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
	height: 288px;
	overflow: hidden;
	flex-shrink: 0;
}

.box4 {
	position: absolute;
	top: 150px;
	left: calc(50% - 500px);
	width: 1000px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 50px;
}

.b22 {
	position: absolute;
	top: 60px;
	left: calc(50% - 239px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
}

.voice {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 1242px;
	overflow: hidden;
	flex-shrink: 0;
	text-align: left;
}

.bg-white-wall-icon2 {
	position: absolute;
	top: calc(50% - 621px);
	left: calc(50% - 600px);
	width: 1207px;
	height: 1558px;
	object-fit: cover;
	opacity: 0.5;
}

.group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

.phytoncide-spray2 {
	width: 390px;
	margin: 0 !important;
	position: absolute;
	top: -35px;
	left: 70px;
	border-radius: 60px;
	background-color: #efefee;
	border: 1px solid #007749;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	gap: 0px;
	z-index: 1;
	font-size: 20px;
	color: #007749;
}

.icon3 {
	width: 100px;
	position: absolute;
	margin: 0 !important;
	top: -104px;
	left: -16px;
	height: 167.5px;
	object-fit: cover;
	z-index: 2;
}

.cta2 {
	position: absolute;
	top: 486px;
	left: calc(50% - 234px);
	box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
	border-radius: 40px;
	background: linear-gradient(1.74deg, #007749, #31a346);
	border: 1px solid #007749;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.cta2 .span7 {
	font-size: 32px;
}

.cta2 a {
	width: 480px;
	padding: 15px 65px;
}

.div54 {
	position: absolute;
	top: 0px;
	left: 18px;
}

.div55 {
	position: absolute;
	top: 7.2px;
	left: 0px;
	font-size: 10px;
	color: #31a346;
}

.div53 {
	width: 490px;
	position: relative;
	height: 24px;
}

.div58 {
	position: absolute;
	top: 4px;
	left: 0px;
	font-size: 10px;
	color: #31a346;
}

.div56 {
	width: 490px;
	position: relative;
	height: 24px;
}

.div61 {
	position: absolute;
	top: 5.8px;
	left: 0px;
	font-size: 10px;
	color: #31a346;
}

.div59 {
	width: 490px;
	position: relative;
	height: 24px;
}

.div64 {
	position: absolute;
	top: 5.6px;
	left: 0px;
	font-size: 10px;
	color: #31a346;
}

.div62 {
	width: 490px;
	position: relative;
	height: 24px;
}

.div67 {
	position: absolute;
	top: 6.4px;
	left: 0px;
	font-size: 10px;
	color: #31a346;
}

.div65 {
	width: 490px;
	position: relative;
	height: 24px;
}

.text10 {
	position: absolute;
	top: 172px;
	left: 100px;
	width: 478px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	font-size: 20px;
	color: #333;
}

.b27 {
	position: absolute;
	top: 80px;
	left: calc(50% - 500px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
}

.img-2-icon {
	position: absolute;
	top: 134px;
	left: 200px;
	border-radius: 30px;
	width: 300px;
	height: 200px;
	overflow: hidden;
	object-fit: cover;
}

.img-1-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 30px;
	width: 300px;
	height: 200px;
	overflow: hidden;
	object-fit: cover;
}

.img1 {
	position: absolute;
	top: 100px;
	left: 600px;
	width: 500px;
	height: 334px;
}

.voice2 {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 640px;
	overflow: hidden;
	flex-shrink: 0;
	text-align: left;
	font-size: 32px;
	color: #efefee;
}

.bg-green-icon1 {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 600px);
	width: 1200px;
	height: 1967px;
	object-fit: cover;
}

.maru-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 194px;
	object-fit: cover;
}

.div69 {
	position: absolute;
	top: 53px;
	left: calc(50% - 88px);
}

.div68 {
	width: 194px;
	position: relative;
	height: 194px;
}

.div71 {
	position: absolute;
	top: 72px;
	left: calc(50% - 90px);
}

.maru-icon2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 194px;
}

.div73 {
	position: absolute;
	top: 72px;
	left: calc(50% - 88px);
}

.span55 {
	letter-spacing: -0.1em;
}

.span57 {
	letter-spacing: -0.06em;
}

.div75 {
	position: absolute;
	top: 72px;
	left: calc(50% - 84px);
}

.div77 {
	position: absolute;
	top: 70px;
	left: calc(50% - 66px);
}

.box5 {
	position: absolute;
	top: 1230px;
	left: calc(50% - 502px);
	width: 1000px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	font-size: 22px;
}

.p84 {
	margin: 0;
	color: #333;
}

.div78 {
	position: absolute;
	top: 1114px;
	left: calc(50% - 384px);
	font-size: 24px;
	line-height: 160%;
	color: #31a346;
}

.b29 {
	position: relative;
	line-height: 160%;
}

.text11 {
	position: absolute;
	top: 850px;
	left: calc(50% - 350px);
	border-radius: 30px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 40px 80px;
	gap: 16px;
	text-align: left;
}

.toy-poodle-icon {
	position: absolute;
	top: 831px;
	left: 860px;
	width: 220px;
	height: 254px;
	object-fit: contain;
}

.div80 {
	position: absolute;
	top: 810px;
	left: calc(50% - 40px);
	text-align: left;
}

.p87 {
	margin: 0;
	font-size: 20px;
}

.div81 {
	position: absolute;
	top: 672px;
	left: calc(50% - 273px);
	line-height: 160%;
	font-size: 24px;
}

.div82 {
	width: 340px;
	height: 20px;
	position: relative;
	font-size: 24px;
	text-align: center;
	display: inline-block;
}

.gl-fresh-handspray-pt-150vr1 {
	margin: 0;
	font-size: 22px;
}

.gl-fresh-handspray-container2 {
	align-self: stretch;
	position: relative;
	width: 340px;
	height: 51px;
}

.text12 {
	position: absolute;
	top: 3px;
	left: calc(50% - 170px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	width: 340px;
	height: 200px;
}

.test {
	width: 400px;
	position: relative;
	background-color: #fff;
	border: 1px solid #007749;
	box-sizing: border-box;
	height: 248px;
	overflow: hidden;
	flex-shrink: 0;
}

.div84 {
	align-self: stretch;
	position: relative;
	text-align: center;
}

.span64 {
	font-size: 24px;
}

.p93 {
	margin: 0;
	font-size: 24px;
}

.div85 {
	align-self: stretch;
	position: relative;
	font-size: 32px;
	letter-spacing: -0.01em;
}

.text13 {
	position: absolute;
	top: 20px;
	left: calc(50% - 170px);
	width: 340px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
}

.result {
	width: 400px;
	position: relative;
	background-color: #fff;
	border: 1px solid #007749;
	box-sizing: border-box;
	height: 248px;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 24px;
}

.box6 {
	position: absolute;
	top: 366px;
	left: calc(50% - 420px);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	text-align: left;
}

.gl-fresh-handspray-container3 {
	position: absolute;
	top: 152px;
	left: calc(50% - 498px);
	line-height: 160%;
	display: inline-block;
	width: 996px;
}

.b30 {
	position: absolute;
	top: 60px;
	left: calc(50% - 162px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
	text-align: left;
}

.contents2 {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 1483px;
	overflow: hidden;
	flex-shrink: 0;
}

.bg-silk-icon {
	position: absolute;
	top: calc(50% - 465px);
	left: 0px;
	width: 1200px;
	height: 930px;
	object-fit: cover;
}

.hard-cover-book {
	position: absolute;
	top: 172px;
	left: 550px;
	width: 600px;
	height: 570px;
	object-fit: cover;
}

.cta3 {
	position: absolute;
	top: 796px;
	left: calc(50% - 235px);
	box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
	border-radius: 40px;
	background: linear-gradient(1.74deg, #007749, #31a346);
	border: 1px solid #007749;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.cta3 .span7 {
	font-size: 32px;

}

.cta3 a {
	width: 480px;
	padding: 15px 65px;
}

.div88 {
	position: absolute;
	top: 409px;
	left: 0px;
}

.span72 {
	font-family: 'Noto Sans JP';
	color: #333;
}

.div89 {
	position: absolute;
	top: 54px;
	left: 0px;
}

.text15 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #31a346;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 26px;
	color: #fff;
	width: 566px;
	height: 51px;
	text-align: center;
	overflow: hidden;
}

.text16 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #31a346;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 26px;
	color: #fff;
	width: 460px;
	height: 51px;
	text-align: center;
}

.manual {
	position: absolute;
	top: 251px;
	left: 0px;
	width: 604px;
	height: 126px;
}

.div90 {
	position: absolute;
	top: 57px;
	left: calc(50% - 308px);
}

.check-list {
	position: absolute;
	top: 114px;
	left: calc(50% - 310px);
	width: 620px;
	height: 105px;
}

.span75 {
	font-size: 20px;
	font-family: 'Noto Sans JP';
}

.b39 {
	font-size: 24px;
	font-family: 'Noto Sans JP';
}

.span74 {
	color: #333;
}

.p105 {
	margin: 0;
	font-size: 20px;
	color: #333;
}

.div91 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 24px;
	color: #31a346;
}

.text14 {
	position: absolute;
	top: 210px;
	left: calc(50% - 432px);
	width: 620px;
	height: 457px;
	text-align: left;
	font-size: 20px;
	color: #333;
}

.ribbon-icon {
	position: absolute;
	top: 0px;
	left: calc(50% - 600px);
	width: 600px;
	height: 407.1px;
	object-fit: cover;
}

.b40 {
	position: absolute;
	top: 60px;
	left: calc(50% - 270px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
}

.present {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 930px;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 32px;
	color: #efefee;
}

.b41 {
	position: absolute;
	top: 1273px;
	left: calc(50% - 338px);
	font-size: 26px;
	line-height: 150%;
	color: #31a346;
}

.mask-group-icon {
	position: absolute;
	top: 1020px;
	left: 820px;
	width: 220px;
	height: 220px;
	object-fit: cover;
}

.div92 {
	position: absolute;
	top: 1025px;
	left: 170px;
	line-height: 160%;
	display: inline-block;
	width: 620px;
}

.div93 {
	position: absolute;
	top: 921px;
	left: calc(50% - 430px);
	line-height: 160%;
	display: inline-block;
	width: 846px;
}

.image-18-icon1 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 300px;
	height: 179px;
	object-fit: cover;
}

.spray-img-icon3 {
	position: absolute;
	top: 0px;
	left: 84px;
	width: 120px;
	height: 201px;
	object-fit: cover;
}

.img2 {
	position: absolute;
	top: 720px;
	left: 756px;
	width: 300px;
	height: 204px;
}

.div94 {
	position: absolute;
	top: 761px;
	left: 170px;
	line-height: 160%;
}

.b42 {
	position: absolute;
	top: 679px;
	left: calc(50% - 210px);
	font-size: 26px;
	line-height: 160%;
	color: #31a346;
}

.div95 {
	position: absolute;
	top: 400px;
	left: calc(50% - 302px);
	line-height: 160%;
	display: inline-block;
	width: 604px;
}

.div96 {
	position: absolute;
	top: 168px;
	left: 0px;
	line-height: 160%;
	display: inline-block;
	width: 575px;
}

.div97 {
	position: absolute;
	top: 0px;
	left: calc(50% - 302px);
	line-height: 160%;
	display: inline-block;
	width: 575px;
}

.text17 {
	position: absolute;
	top: 210px;
	left: calc(50% - 90px);
	width: 604px;
	height: 432px;
}

.img-icon {
	position: absolute;
	top: 216px;
	left: 100px;
	width: 360px;
	height: 420px;
	object-fit: cover;
}

.bg-leaves-icon {
	position: absolute;
	top: -72px;
	left: calc(50% - 600px);
	width: 1200px;
	height: 382px;
	object-fit: contain;
}

.tomomi-aikawa {
	position: absolute;
	top: 146px;
	left: calc(50% - 318px);
	font-size: 30px;
	letter-spacing: 0.06em;
	font-weight: 500;
	font-family: Cormorant;
}

.div98 {
	position: absolute;
	top: 130px;
	left: calc(50% - 500px);
	font-size: 36px;
	letter-spacing: 0.06em;
	font-weight: 500;
	font-family: 'Noto Serif JP';
}

.b43 {
	position: absolute;
	top: 72px;
	left: calc(50% - 500px);
	font-size: 34px;
	font-family: 'Noto Serif JP';
	color: #007749;
}

.message {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 1384px;
	overflow: hidden;
	flex-shrink: 0;
	text-align: left;
}

.bg-green-leaves-icon {
	position: absolute;
	top: calc(50% - 546px);
	left: calc(50% - 600px);
	width: 1200px;
	height: 1094px;
	object-fit: cover;
}

.img-icon1 {
	position: absolute;
	top: 220px;
	left: 680px;
	border-radius: 30px;
	width: 420px;
	height: 500px;
	object-fit: cover;
}

.cta4 {
	position: absolute;
	top: 930px;
	left: calc(50% - 235px);
	box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
	border-radius: 40px;
	background: linear-gradient(1.74deg, #007749, #31a346);
	border: 1px solid #007749;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #efefee;
}

.cta4 .span7 {
	font-size: 32px;

}

.cta4 a {
	width: 480px;
	padding: 15px 65px;
}

.div100 {
	position: absolute;
	top: 786px;
	left: calc(50% - 220px);
	font-size: 34px;
	font-family: 'apricotJapanesefont', sans-serif;

}

.line-icon {
	position: absolute;
	height: 93.93%;
	width: 100%;
	top: 6.08%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.div101 {
	position: absolute;
	top: 383px;
	left: 0px;
	line-height: 160%;
}

.div102 {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 160%;
}

.text18 {
	position: absolute;
	top: 3px;
	left: 20px;
	width: 467px;
	height: 470px;
}

.box7 {
	position: absolute;
	height: 43.42%;
	width: 40.83%;
	top: 23.81%;
	right: 50.83%;
	bottom: 32.77%;
	left: 8.33%;
	font-size: 18px;
}

.line-cat-icon {
	position: absolute;
	top: 150px;
	left: calc(50% - 480px);
	width: 422px;
	height: 77px;
	object-fit: cover;
}

.b48 {
	position: absolute;
	top: 60px;
	left: calc(50% - 198px);
	font-size: 36px;
	font-family: 'Zen Maru Gothic';
	color: #007749;
}

.contents3 {
	align-self: stretch;
	position: relative;
	background-color: #fff;
	height: 1092px;
	overflow: hidden;
	flex-shrink: 0;
	text-align: left;
	font-size: 32px;
}

@font-face {
	font-family: 'apricotJapanesefont';
	src: url('../fonts/APJapanesefont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



.site-footer {
	background-color: #006836;
	padding: 40px 20px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color: #fff8f8;
	border-top: 1px solid #ddd;
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
}

.footer-inner {
	max-width: 1200px;
	margin: 0 auto;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	gap: 30px;
}

.footer-links li a {
	text-decoration: none;
	color: #e4ffea;
	transition: color 0.3s ease;
}

.footer-links li a:hover {
	color: #228b22;
	/* 緑系に変更 */
}

.home {
	position: absolute;
	top: 7%;
	right: 5%;
}



/* =スマホ対応レスポンシブ（768px 以下）= */
@media (max-width: 768px) {
	.pc {
		display: none;
	}


	.footer-links {
		flex-direction: column;
		gap: 10px;
	}

	.site-footer {
		height: 211px;
	}

	.sp- {
		width: 100%;
		/* 幅を375pxに */
		box-sizing: border-box;
		/* パディングを含めた幅計算 */
		flex-direction: column;
		/* 縦並び */
		display: flex;
	}




	.fv-left {
		width: 100%;
		/* 幅を375pxに */
		height: 406px;
		/* 高さを818pxに */
		position: relative;
		/* 相対位置 */
		margin: 0 auto;
		/* 中央寄せ */
		flex-direction: column;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.fv-right {
		width: 100%;
		/* 幅を375pxに */
		height: 406px;
		/* 高さを818pxに */
		position: relative;
		/* 相対位置 */
		margin: 0 auto;
		/* 中央寄せ */
		flex-direction: column;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index :1;

	}

	.kiddog-icon {
		position: absolute;
		top: 0px;
		left: 73px;
		width: 250px;
		height: 246.7px;
		object-fit: cover;
	}

	.point {
		position: absolute;
		top: 260px;
		left: calc(50% - 171.5px);
		width: 343px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.point1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 112px;
		font-size: 15px;
	}

	.point1-child {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.point1-item {
		position: absolute;
		top: 4px;
		left: 4px;
		border-radius: 50%;
		border: 2px dashed #fff;
		box-sizing: border-box;
		width: 105px;
		height: 105px;
	}

	.div {
		position: absolute;
		top: 68px;
		left: 18px;
		line-height: 160%;
		font-size: 11px;
	}

	.div1 {
		position: absolute;
		top: 35px;
		left: 12px;
		font-size: 15px;
		line-height: 140%;
		font-weight: 500;
		display: flex;
		align-items: center;
		width: 99.2px;
		height: 21.5px;
		text-align: center;
	}

	.p {
		margin: 0;
	}

	.text {
		position: absolute;
		top: 20px;
		left: calc(50% - 48.5px);
		width: 99.2px;
		height: 66px;
	}

	.div2 {
		position: absolute;
		top: 33px;
		left: 10px;
		line-height: 130%;
		font-size: 13px;
	}

	.div3 {
		position: absolute;
		top: 8px;
		left: 6px;
		line-height: 130%;
		font-size: 15px;
	}

	.point2 {
		position: absolute;
		top: 0px;
		left: 116px;
		width: 112px;
		height: 112px;
		font-size: 15px;
	}

	.point2-child {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.point2-item {
		position: absolute;
		top: 4px;
		left: 3px;
		border-radius: 50%;
		border: 2px dashed #fff;
		box-sizing: border-box;
		width: 105px;
		height: 105px;
	}

	.span {
		letter-spacing: -0.03em;
	}

	.text1 {
		position: absolute;
		top: 31px;
		left: calc(50% - 45px);
		width: 90.4px;
		height: 56px;

		text-align: center;
	}

	.div4 {
		position: absolute;
		left: 5px;
		top: 26px;
		font-size: 15px;
		font-weight: 500;
		display: flex;
		align-items: center;
		width: 90.4px;
		height: 19.5px;
	}

	.div5 {
		position: absolute;
		top: -4px;
		left: 2px;
		font-size: 15px;
		font-weight: 500;
	}

	.div6 {
		position: absolute;
		top: -20px;
		left: 17px;
		font-size: 11px;
		line-height: 160%;
	}

	.point3 {
		position: absolute;
		top: 0px;
		left: 231px;
		width: 112px;
		height: 112px;
	}

	.point3-child {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		width: 112px;
		height: 112px;
		object-fit: cover;
	}

	.point3-item {
		position: absolute;
		top: 4px;
		left: 3px;
		border-radius: 50%;
		border: 2px dashed #fff;
		box-sizing: border-box;
		width: 105px;
		height: 105px;
	}

	.leaves-illust-icon {
		position: absolute;
		top: 55px;
		left: 63px;
		width: 62.3px;
		height: 73.5px;
		object-fit: contain;
	}

	.span4 {
		letter-spacing: -0.18em;
	}

	.text-2 {
		position: absolute;
		top: 70px;
		left: calc(50% - 200.5px);
		width: 0px;
		height: 0px;
	}

	.div7 {
		position: absolute;
		top: -5px;
		left: 68px;
	}

	.div8 {
		position: absolute;
		top: 5px;
		left: 55px;
	}

	.illust-tree-icon {
		position: absolute;
		top: 309px;
		left: 20%;
		width: 120px;
		height: 105px;
		object-fit: cover;
	}

	.illust-bird-icon {
		position: absolute;
		top: 347px;
		left: 50%;
		width: 62px;
		height: 64px;
		object-fit: cover;
	}

	.cta {
		position: absolute;
		top: 410px;
		left: calc(40% - 50px);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
		border-radius: 30px;
		background: linear-gradient(1.74deg, #007749, #31a346);
		border: 1px solid #007749;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		color: #fff;
		width: 230px;
		z-index: 10;
	}

	.cta a {
        width: 320px;
        padding: 10px 25px;
		height: unset;
	}

	.cta b {
		top: -3px;
		font-size: 21px;
	}

	.b {
		position: relative;
		line-height: 130%;
		font-size: 18px;
		left: -10px;
	}

	.vaadincart-icon {
		width: 25px;
		position: relative;
		max-height: 100%;
		overflow: hidden;
		flex-shrink: 0;
	}

	.phytoncide-spray {
		position: absolute;
		top: 262px;
		left: calc(40% - 130.5px);
		width: 328.9px;
		height: 92px;
		font-size: 41.28px;
		color: #007749;
	}

	.price {
		position: absolute;
		top: 38px;
		left: 183px;
		width: 140.9px;
		height: 54px;
	}

	.b1 {
		position: absolute;
		top: 0px;
		left: 0px;
		line-height: 130%;
		font-family: Arial;
	}

	.b2 {
		position: absolute;
		top: 21.54px;
		left: 107.69px;
		font-size: 17.95px;
		line-height: 130%;
	}

	.div9 {
		position: absolute;
		top: 9.87px;
		left: 96.92px;
		font-size: 10.77px;
		line-height: 130%;
	}

	.b3 {
		position: absolute;
		top: 0px;
		font-size: 30px;
		line-height: 130%;
	}

	.after {
		position: absolute;
		top: 0px;
		left: 168px;
		width: 170px;
		height: 101px;
	}

	.image-18-icon1 {
		position: absolute;
		top: 25px;
		left: 0px;
		width: 300.6px;
		height: 179px;
		object-fit: cover;
	}

	.text2 {
		position: absolute;
		top: 22.03px;
		left: 0px;
		width: 160.2px;
		height: 68px;
	}

	.div10 {
		position: absolute;
		top: 21.02px;
		left: 2px;
		line-height: 130%;
		font-weight: 500;
	}

	.span14 {
		font-size: 16px;
	}

	.span15 {
		letter-spacing: 0.02em;
		font-size: 16px;
	}

	.div11 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 14px;
		line-height: 150%;
	}

	.arrow-icon {
		position: absolute;
		height: 25.84%;
		width: 9%;
		top: 41.58%;
		right: 47.06%;
		bottom: 32.57%;
		left: 40%;
		max-width: 100%;
		overflow: hidden;
		max-height: 100%;
		object-fit: contain;
	}

	.before {
		position: absolute;
		height: 87.13%;
		width: 285px;
		top: 11.88%;
		right: 57.99%;
		bottom: 0.99%;
		left: -2%;
		font-size: 14px;
	}

	.illust-icon {
		position: absolute;
		height: 100%;
		width: 70%;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: -5%;
		max-width: 100%;
		overflow: hidden;
		max-height: 100%;
		object-fit: contain;
		opacity: 1;
	}

	.div12 {
		position: absolute;
		top: 10px;
		left: 35px;
		line-height: 140%;
	}

	.span16 {
		font-size: 18px;
	}

	.box {
		position: absolute;
		top: 156px;
		width: 338px;
		left: calc(50% - 170px);
		height: 101px;
		font-size: 16px;
		font-family: 'Zen Maru Gothic';
	}

	.spray-img-icon {
		position: relative;
		max-width: 100%;
		overflow: hidden;
		width: 100px;
		height: 167px;
		object-fit: cover;
		top: 185px;
		left: -35%;
	}

	.illust {
		display: none;
	}

	.div13 {
		position: absolute;
		top: 70px;
		line-height: 55%;
		font-weight: 500;
		text-align: center;
		width: 90%;
		left: auto;
	}

	.span17 {
		font-size: 1.9rem;
	}

	.text-1 {
		top: 28px;
		width: 90%;
		height: 33px;
		left: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.underline {
		position: absolute;
		top: 19.44px;
		left: 0px;
		width: 400px;
		height: 22.4px;
	}

	.image-12-icon {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-13-icon1 {
		position: absolute;
		top: 0px;
		left: 56.6px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-14-icon1 {
		position: absolute;
		top: 0px;
		left: 113.2px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-15-icon1 {
		position: absolute;
		top: 0px;
		left: 169.8px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-16-icon1 {
		position: absolute;
		top: 0px;
		left: 226.4px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-17-icon {
		position: absolute;
		top: 0px;
		left: 283px;
		width: 56.6px;
		height: 22.4px;
		object-fit: cover;
	}

	.image-18-icon {
		position: absolute;
		top: 7px;
		left: 0px;
		width: 145px;
		height: 88px;
		object-fit: cover;
	}

	.icon {
		top: -15px;
		left: 115px;
		width: 40px;
		height: 45px;
		object-fit: cover;
	}

	.icon1 {
		position: absolute;
		top: 75px;
		left: -10px;
		width: 20px;
		height: 26px;
		object-fit: cover;
	}

	.icon2 {
		position: absolute;
		top: 19.97px;
		left: 104px;
		width: 48px;
		height: 48px;
		object-fit: contain;
	}

	.b8 {
		position: absolute;
		top: 0px;
		left: calc(50% - 150.5px);
		font-size: 1.5rem;
		font-family: 'Zen Maru Gothic';
		color: #007749;
		text-align: center;
		padding: 16px 0;
	}



	.contents1 {
		align-self: stretch;
		position: relative;
		height: 1198px;
		overflow: hidden;
		flex-shrink: 0;
		background-image: url('contents1.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}

	.contents1-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		opacity: 0.9;
	}

	.text4 {
		position: absolute;
		top: 145px;
		left: calc(50% - 160.5px);
		width: 310px;
		height: 304px;
		font-size: 0.9rem;
	}

	.div17 {
		position: absolute;
		top: 184px;
		left: calc(50% - 150px);
		line-height: 160%;
		display: inline-block;
		width: 310px;
	}

	.div18 {
		position: absolute;
		top: 0px;
		left: calc(50% - 158.15px);
		line-height: 160%;
		display: inline-block;
		width: 315px;
	}

	.span31 {
		font-weight: bolder;
	}

	.b7 {
		position: absolute;
		top: 520px;
		left: calc(50% - 128.5px);
		font-size: 30px;
		font-family: 'Zen Maru Gothic';
		color: #007749;
		text-align: center;
		padding: 16px 0;
	}

	.div16 {
		position: absolute;
		top: 0px;
		left: calc(50% - 165px);
		line-height: 160%;
		display: inline-block;
		width: 330px;

	}

	.div15 {
		position: absolute;
		top: 190px;
		left: calc(50% - 165px);
		line-height: 160%;
		display: inline-block;
		width: 330px;
	}

	.text3 {
		position: absolute;
		top: 640px;
		left: calc(50% - 164.5px);
		width: 330px;
		height: 280px;
		font-size: 15px;
	}

	.spray-img-icon1 {
		position: absolute;
		top: 940px;
		left: 33%;
		width: 140px;
		height: 234px;
		object-fit: cover;
	}




	.b10 {
		position: absolute;
		top: 40px;
		left: calc(50% - 158.5px);
		font-family: 'Zen Maru Gothic';
		color: #007749;
		text-align: center;
		padding: 16px 0;
		font-size: 1.6rem;
	}

	.div133 {
		position: absolute;
		top: 154px;
		left: calc(50% - 122.5px);
		font-size: 22px;
		font-weight: 500;
		font-family: 'Zen Maru Gothic';
		text-align: center;
	}

	.gl-fresh-handspray1 {
		font-family: 'Noto Sans JP';
		color: #31a346;
	}

	.div32 {
		position: absolute;
		top: 666px;
		left: calc(50% - 137.5px);
		line-height: 160%;
		display: inline-block;
		width: 275px;
		font-size: 15px;
		text-align: center;
		font-family: 'Noto Sans JP';
	}

	.box2 {
		position: absolute;
		top: 778px;
		left: calc(50% - 164.5px);
		background-color: #fff;
		width: 330px;
		height: 275px;
		overflow: hidden;
	}

	.title {
		position: absolute;
		top: 20px;
		left: 29px;
		border: 1px solid #333;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		width: 272px;
		height: 54px;
	}

	.div20 {
		width: 200px;
		position: absolute;
		font-size: 16px;
		line-height: 160%;
		display: inline-block;
		text-align: left;
		padding: 0 0 0 30px;
		width: 100%;
	}

	.div120 {
		width: 250px;
		position: absolute;
		font-size: 16px;
		line-height: 160%;
		display: inline-block;
		text-align: center;
	}

	.div24 {
		width: 302px;
		position: relative;
		display: inline-block;
		flex-shrink: 0;
		font-size: 16px;
		padding: 0 0 0 8px;
	}

	.text5 {
		position: absolute;
		top: 98px;
		left: 13px;
		width: 318.8px;
		height: 157px;
	}

	.div30 {
		position: absolute;
		top: 4px;
		left: 55px;
		text-align: center;
	}

	.div28 {
		position: absolute;
		top: 65px;
		left: 78px;
		display: inline-block;
		width: 240.8px;
		font-size: 14px;
		text-align: left;
	}

	.div29 {
		position: absolute;
		top: 65px;
		left: calc(50% - 159.4px);
		display: inline-block;
		width: 73.1px;
		font-size: 14px;
	}

	.div27 {
		position: absolute;
		top: 1077px;
		left: calc(50% - 153.5px);
		text-align: left;
	}

	.tcidml {
		position: absolute;
		top: 123px;
		left: calc(50% - 159.4px);
		display: inline-block;
		width: 314px;
		text-align: left;
		font-size: 14px;
	}

	.gl-fresh-handspray-container {
		position: absolute;
		top: 1295px;
		left: calc(50% - 143.5px);
		display: inline-block;
		color: #31a346;
		width: 287px;
		font-size: 20px;
	}

	.text6 {
		position: absolute;
		top: 38px;
		left: 23px;
		width: 139px;
		height: 120px;
		text-align: center;
	}

	.div36 {
		position: absolute;
		top: 55px;
		left: 0px;
		font-size: 10px;
	}

	.div37 {
		position: absolute;
		top: 0px;
		left: 14px;
		font-size: 14px;
		font-weight: 500;
		width: unset;
	}

	.div39 {
		position: absolute;
		top: 78px;
		left: 10px;
		font-size: 10px;
	}

	.div40 {
		position: absolute;
		top: 0px;
		left: 15px;
		font-weight: 500;
		font-size: 14px;
		width: unset;
	}

	.text7 {
		position: absolute;
		top: 32px;
		left: 34px;
		width: 109px;
		height: 117px;
		text-align: center;
	}

	.div38 {
		position: absolute;
		top: 424px;
		left: 0px;
		width: 180px;
		height: 180px;
	}

	.ellipse-icon {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		width: 240px;
		height: 240px;
		object-fit: cover;
	}

	.spray-img-icon2 {
		position: absolute;
		top: 35px;
		left: 66px;
		width: 108px;
		height: 180.9px;
		object-fit: cover;
	}

	.img {
		position: absolute;
		top: 182px;
		left: 60px;
		width: 240px;
		height: 240px;
	}

	.div42 {
		position: absolute;
		top: 70px;
		left: calc(50% - 55px);
		font-size: 11px;
	}

	.div43 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 14px;
		font-weight: 500;
		width: unset;
	}

	.text8 {
		position: absolute;
		top: 33px;
		left: 29px;
		width: 126px;
		height: 115px;
		text-align: center;
	}

	.div41 {
		position: absolute;
		top: 0px;
		left: 180px;
		width: 180px;
		height: 180px;
	}

	.group-icon {
		position: absolute;
		top: 61px;
		left: 36.44px;
		width: 38px;
		height: 6px;
	}

	.div45 {
		position: absolute;
		top: 0px;
		left: 14px;
		font-weight: 500;
		font-size: 14px;
	}

	.div46 {
		position: absolute;
		top: 67px;
		left: 0px;
		font-size: 11px;
		width: unset;
	}

	.text9 {
		position: absolute;
		top: 30px;
		left: 34.56px;
		width: 110px;
		height: 126.2px;
		text-align: center;
	}

	.div44 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
		height: 180px;
		font-size: var(--font-size-14);
	}

	.cta1 {
		position: absolute;
		top: 740px;
		left: calc(50% - 155.5px);
		box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
		border-radius: 40px;
		background: linear-gradient(1.74deg, #007749, #31a346);
		border: 1px solid #007749;
		box-sizing: border-box;
		height: 60px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 16px 40px;
		gap: 8px;
		width: 310px;
	}

	.group {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		z-index: 0;
	}

	.b11 {
		position: relative;
		line-height: 130%;
		width: 190px;
		height: 36px;
		font-size: 28px;
		top: 0px;
		left: 0px;
		color: white;
	}

	.vaadincart-icon1 {
		width: 32px;
		position: relative;
		max-height: 100%;
		overflow: hidden;
		flex-shrink: 0;
		left: 10px;
	}

	.span3 {
		letter-spacing: -0.08em;
	}

	.span9 {
		left: 0px;
		letter-spacing: -0.12em;
	}

	.span10 {
		letter-spacing: -0.04em;
	}

	.b12 {
		position: relative;
		line-height: 130%;
		background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.vaadincart-icon1 {
		width: 32px;
		position: relative;
		max-height: 100%;
		overflow: hidden;
		flex-shrink: 0;
	}

	.parent {
		height: 36px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		z-index: 0;
		font-size: 26px;
	}

	.cta1 a {
		width: 330px;
		padding: 20px 45px;
	}

	.b14 {
		position: absolute;
		top: 7px;
		left: 52px;
		line-height: 130%;
	}

	.div33 {
		position: absolute;
		top: 9px;
		left: 61px;
		font-size: 10px;
		line-height: 130%;
	}

	.b15 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		line-height: 130%;
		font-family: Arial;
	}

	.phytoncide-spray1 {
		width: 310px;
		margin: 0 !important;
		position: absolute;
		top: -32px;
		left: 0px;
		border-radius: 60px;
		background-color: #FFFFFF;
		border: 1px solid #007749;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 8px 16px;
		gap: 0px;
		z-index: 1;
		font-size: 18px;
		height: 38px;
		color: #007749;
	}

	.price1 {
		position: absolute;
		top: 7px;
		left: 205px;
		width: 140.9px;
		height: 54px;
	}


	.b22 {
		position: absolute;
		top: 60px;
		left: calc(50% - 109.5px);
		font-size: 28px;
		font-family: 'Zen Maru Gothic';
		color: #007749;
		text-align: center;
		top: 40px;
	}

	.div47 {
		position: absolute;
		top: 100px;
		left: calc(50% - 150px);
		line-height: 140%;
		display: inline-block;
		width: 300px;
		font-size: 15px;
	}

	.text10 {
		position: absolute;
		top: 163px;
		left: calc(50% - 170px);
		width: 310px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 16px;
		text-align: left;
		font-size: 16px;
		color: #31A346;
	}

	.div54 {
		width: 326px;
		position: relative;
		height: 38px;
		align-items: center;
	}

	.div57 {
		width: 224px;
		position: relative;
		height: 19px;
	}

	.div59 {
		position: absolute;
		top: 12px;
		font-size: 8px;
		color: #31A346;
	}

	.div55 {
		position: absolute;
		top: 4px;
		left: 16px;
		display: inline-block;
		width: 306px;
		color: #333;
		font-size: 0.95rem;
	}

	.cta2 {
		position: absolute;
		top: 800px;
		left: calc(50% - 148.5px);
		box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
		border-radius: 40px;
		background: linear-gradient(1.74deg, #007749, #31a346);
		border: 1px solid #007749;
		box-sizing: border-box;
		height: 74px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.cta2 a {
		width: 320px;
		padding: 20px 30px;
	}



	.img-2-icon {
		position: absolute;
		top: 99px;
		left: 130px;
		border-radius: 20px;
		width: 200px;
		height: 145px;
		overflow: hidden;
		object-fit: cover;
	}

	.img-1-icon {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 20px;
		width: 200px;
		height: 145px;
		overflow: hidden;
		object-fit: cover;
	}

	.img1 {
		position: absolute;
		top: 450px;
		left: calc(50% - 170.5px);
		width: 330px;
		height: 244px;
	}

	.b16 {
		position: relative;
		line-height: 130%;
		font-size: 24px;
		top: 0px;
		left: 16px;
		color: white;
	}

	.phytoncide-spray2 {
		width: 225px;
		height: 68px;
		margin: 0 !important;
		position: absolute;
		top: -55px;
		left: 55px;
		border-radius: 60px;
		background-color: #FFFFFF;
		border: 1px solid #007749;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		padding: 8px 10px;
		gap: 0px;
		z-index: 1;
		font-size: 21px;
		color: #007749;
		font-family: 'Noto Sans JP';
	}

	.frame-div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.vaadincart-icon2 {
		width: 32px;
		position: relative;
		max-height: 100%;
		overflow: hidden;
		flex-shrink: 0;
		left: 20px;
	}

	.b4 {
		position: relative;
		line-height: 130%;
	}

	.span36 {
		font-size: 20px;
		letter-spacing: -0.10em;
		align-items: center;
		justify-content: center;
		display: flex;
		flex-direction: row;
		color: #007749;
	}

	.div53 {
		position: absolute;
		top: 7px;
		left: 62px;
		font-size: 11px;
		line-height: 130%;
		color: #007749;
		width: 50px;
	}

	.b24 {
		position: absolute;
		top: 7px;
		left: 58px;
		font-size: 12px;
		line-height: 130%;
	}

	.icon3 {
		width: 100px;
		position: absolute;
		margin: 0 !important;
		top: -104px;
		left: -20px;
		height: 167.5px;
		object-fit: cover;
		z-index: 2;
	}

	.box6 {
		position: absolute;
		top: 313px;
		left: calc(50% - 164.5px);
		width: 330px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 24px;
		text-align: left;
		font-size: 16px;
		color: darkslategray;
		font-family: 'Noto Serif JP';
	}

	.text12 {
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 16px;
		width: 280px;
		padding: 0 0 0 25px;
	}

	.text13 {
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 16px;
		width: 280px;
		padding: 0 0 0 25px;
		font-size: 18px;
	}

	.test {
		align-self: stretch;
		position: relative;
		background-color: white;
		border: 1px solid seagreen;
		box-sizing: border-box;
		height: 207px;
		overflow: hidden;
		flex-shrink: 0;
		width: 330px;
		padding: 21px 25px;
	}

	.result {
		align-self: stretch;
		position: relative;
		background-color: white;
		border: 1px solid seagreen;
		box-sizing: border-box;
		height: 207px;
		overflow: hidden;
		flex-shrink: 0;
		width: 330px;
		padding: 21px 25px;
	}

	.div83 {
		width: 280px;
		position: relative;
		font-size: 18px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.div85 {
		width: 280px;
		position: relative;
		font-size: 18px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.div82 {
		width: 310px;
		height: 20px;
		position: relative;
		text-align: center;
		display: inline-block;
		top: 756px;
		line-height: 85%;
		left: calc(50% - 157.5px);
	}

	.gl-fresh-handspray-pt-150vr1 {
		margin: 0;
		font-size: 16px;
	}

	.gl-fresh-handspray-container2 {
		align-self: stretch;
		position: relative;
		width: 340px;
		height: 51px;
	}

	.div110 {
		width: 275px;
	}

	.gl-fresh-handspray {}

	.span42 {
		font-size: 26px;
	}

	.span117 {
		font-weight: Bold;
		font-size: 0.87rem;
	}

	.span39 {
		font-size: 15px;
	}

	.div81 {
		position: absolute;
		top: 857px;
		left: calc(50% - 29.5px);
		text-align: center;
		font-size: 15px;

	}

	.span62 {
		font-size: 15px;
		font-weight: regular;
		letter-spacing: -0.05em;
	}

	.b27 {
		display: inline-block;
	}

	.b28 {
		position: relative;
		line-height: 160%;
	}

	.text11 {
		position: absolute;
		top: 892px;
		left: calc(50% - 164.5px);
		border-radius: 30px;
		background-color: white;
		width: 330px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 32px 16px;
		box-sizing: border-box;
		gap: 16px;
		text-align: left;
		font-size: 0.9rem;
	}

	.div79 {
		position: absolute;
		top: 1140px;
		left: calc(50% - 163.5px);
		font-size: 16px;
		line-height: 160%;
		display: inline-block;
		width: 330px;
		color: forestgreen;
		text-align: center;
		padding-top: 10px;
	}

	.p113 {
		margin: 0;
		color: darkslategray;
	}

	.box5 {
		position: absolute;
		top: 1212px;
		left: calc(50% - 254.5px);
		width: 340px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		align-content: center;
		gap: 0px;
		font-size: 18.97px;
	}

	.span20 {
		letter-spacing: -0.1em;
		font-size: 18.97px;
	}

	.div78 {
		position: absolute;
		top: 61.64px;
		left: calc(50% - 56.55px);
		color: #333;
		font-size: 18.97px;
		line-height: 130%;
		display: inline-block;
		width: 116.1px;
	}

	.b38 {
		position: absolute;
		top: 60px;
		left: calc(50% - 103.5px);
		font-family: 'Zen Maru Gothic';
		color: #007749;
		font-size: 28px;
		text-align: center;
	}

	.text14 {
		position: absolute;
		left: calc(50% - 160.5px);
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		gap: 30px;
		text-align: left;
		font-size: 22px;
		color: darkslategray;
		width: 310px;
		box-sizing: border-box;
	}

	.div89 {
		width: 310px;
		position: static;
		text-align: left;
		display: inline-block;
		font-size: 1.1rem;
		padding: 0 0 0 10px;
	}

	.b34 {
		color: forestgreen;
	}

	.check-list {
		position: absolute;
		text-align: left;
		width: 330px;
		height: 52px;
		top: 130px;
		left: 0px;
	}

	.text15 {
		align-self: stretch;
		background-color: forestgreen;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		box-sizing: border-box;
		gap: 8px;
		width: 330px;
		font-size: 20px;
		color: #fff;
		margin: 0 auto;
		height: 72px;
	}

	.div220 {
		width: 242px;
		height: 52px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 22px;
		font-weight: bold;
		color: #fff;
	}

	.div90 {
		align-self: stretch;
		position: absolute;
		display: flex;
		width: 310px;
		font-size: 1.1rem;
		padding: 0 5px;
		top: 90px;
		left: 0px;
		flex-direction: column;
		padding: 0 0 0 10px;
	}

	.manual {
		position: absolute;
		top: 325px;
		left: 0px;
		width: 330px;
		height: 126px;
	}

	.div91 {
		position: absolute;
		top: 420px;
		left: 0px;
		width: 310px;
		height: 126px;
		font-size: 1.03rem;
		padding: 0 0 0 10px;
	}


	.span70 {
		font-size: 16px;
	}

	.span73 {
		color: darkslategray;
		font-size: 16px;
	}

	.div92 {
		position: absolute;
		top: 530px;
		left: 0px;
		width: 310px;
		height: 126px;
		font-size: 1rem;
		padding: 0 0 0 10px;
	}

	.cta3 {
		position: absolute;
		top: 1330px;
		left: calc(50% - 148.5px);
		box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
		border-radius: 40px;
		background: linear-gradient(1.74deg, #007749, #31a346);
		border: 1px solid #007749;
		box-sizing: border-box;
		height: 74px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: white;
	}

	.cta3 .span7 {
		font-size: 24px;
		font-weight: bold;
	}

	.cta3 a {
		width: 320px;
		padding: 20px 50px;
	}

	.cta3 .group .b {
		left: 10px;
	}

	.bg-leaves-icon {
		position: absolute;
		top: 0px;
		left: calc(50% - 680px);
		width: 1375px;
		height: 120px;
		object-fit: contain;
	}

	.b41 {
		position: absolute;
		top: 80px;
		left: calc(50% - 84.5px);
		font-size: 34px;
		font-family: 'Noto Serif JP';
		color: seagreen;
	}

	.div99 {
		position: absolute;
		top: 160px;
		left: calc(50% - 80.5px);
		font-size: 36px;
		letter-spacing: 0.06em;
		font-weight: 500;
		font-family: 'Noto Serif JP';
	}

	.tomomi-aikawa {
		position: absolute;
		top: 228px;
		left: calc(50% - 108.5px);
		font-size: 30px;
		letter-spacing: 0.06em;
		font-weight: 500;
		font-family: cormorant;
	}

	.text18 {
		position: absolute;
		top: 750px;
		left: calc(50% - 150.5px);
		width: 330px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 32px;
		font-size: 16px;
	}


	.div93 {
		align-self: stretch;
		position: relative;
		line-height: 160%;
		top: 0px;
		left: 0px;
		width: 310px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		font-size: 0.94rem;
		color: #333;
		font-family: 'Noto Serif JP';
	}

	.b40 {
		position: absolute;
		top: 1200px;
		left: calc(50% - 150.5px);
		line-height: 160%;
		color: #007749;
		font-size: 1.1rem;
		font-family: 'Noto Sans JP';
		text-align: center;
	}


	.img2 {
		position: absolute;
		top: 1250px;
		left: calc(50% - 150.5px);
		width: 300.6px;
		height: 204px;
	}

	.text17 {
		position: absolute;
		top: 1490px;
		left: calc(50% - 150.5px);
		width: 330px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 32px;
		font-size: 16px;
	}

	.mask-group-icon {
		position: absolute;
		top: 2000px;
		left: calc(50% - 122.5px);
		width: 220px;
		height: 220px;
		object-fit: cover;
	}

	.b39 {
		position: absolute;
		top: 2250px;
		left: calc(50% - 150.5px);
		font-size: 20px;
		line-height: 150%;
		color: seagreen;
		text-align: center;
	}

	.bg-green-leaves-icon1 {
		position: absolute;
		top: calc(50% - 783px);
		height: 1566px;
		object-fit: contain;
	}

	.b46 {
		position: absolute;
		top: 80px;
		left: calc(50% - 155.5px);
		font-family: 'Zen Maru Gothic';
		color: seagreen;
		text-align: center;
		font-size: 28px;
	}

	.line-icon {
		width: 310px;
		position: relative;
		max-width: 100%;
		overflow: hidden;
		top: 25px;
		left: 0px;
		height: 365px;
		max-height: unset;
	}

	.box7 {
		position: absolute;
		height: 28.29%;
		width: 88%;
		top: 15.96%;
		right: 5.87%;
		bottom: 55.75%;
		left: 6.13%;
		text-align: left;
		font-size: 16px;
		left: calc(50% - 160.5px);
	}

	.text19 {
		position: absolute;
		top: 0px;
		width: 310px;
		height: 400px;
		left: 10px;

	}

	.div103 {
		position: absolute;
		top: 0px;
		left: 0px;
		display: inline-block;
		width: 310px;
		font-size: 0.9rem;
		font-family: 'Noto Serif JP';

	}

	.div103 .p {

		line-height: 160%;
	}

	.div102 .p {

		line-height: 160%;
	}


	.div102 {
		position: absolute;
		top: 321px;
		line-height: 140%;
		/* Reduced line-height */
		display: inline-block;
		width: 310px;
		font-size: 0.9rem;
		font-family: 'Noto Serif JP';
	}


	.cta4 {
		position: absolute;
		top: 1300px;
		left: calc(50% - 148.5px);
		box-shadow: 3.6290323734283447px 3.6290323734283447px 3.63px rgba(0, 0, 0, 0.3);
		border-radius: 40px;
		background: linear-gradient(1.74deg, #007749, #31a346);
		border: 1px solid #007749;
		box-sizing: border-box;
		height: 74px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: white;
	}

	.cta4 a {
		width: 320px;
		padding: 20px 30px;
	}

	.cta4 .span7 {
		font-size: 24px;
		font-weight: bold;
	}

	.cta4 .group .b {
		left: 3px;
	}

	.cta4 .price1 {

		position: absolute;
		top: 30px;
		left: 100px;
		width: 140.9px;
		height: 54px;

	}



	.div101 {
		position: absolute;
		top: 1100px;
		left: calc(50% - 140.5px);
		font-size: 36px;
		font-family: 'apricotJapanesefont', sans-serif;
	}

	.img-icon1 {
		position: absolute;
		top: 660px;
		left: calc(50% - 164.5px);
		border-radius: var(--br-20);
		width: 330px;
		height: 392px;
		object-fit: cover;
	}

































	.bg-white-wall-icon {
		position: absolute;
		top: calc(50% - 408px);
		left: calc(50% - 187.5px);
		width: 375px;
		height: 818px;
		object-fit: cover;
	}

	.bg_FV_spl-icon {
		position: absolute;
		top: calc(50% - 408px);
		width: 100vw;
		object-fit: contain;
	}

	.span1 {
		letter-spacing: -0.07em;
	}

	.txt {
		line-break: anywhere;
		width: 100%;
	}

	.point31 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 112px;
	}

	.nt2-item {
		position: absolute;
		top: 3px;
		left: 3px;
		border-radius: 50%;
		border: 2px dashed var(--color-white);
		box-sizing: border-box;
		width: 105px;
		height: 105px;
	}

	.span5 {
		line-height: 130%;
	}

	.span6 {
		line-height: 120%;
	}

	.p4 {
		margin: 0;
		line-height: 130%;
	}

	.point3-parent {
		width: 343px;
		position: relative;
		height: 112px;
	}

	.kirakira-2-icon {
		position: absolute;
		top: 0px;
		left: 144px;
		width: 25px;
		height: 32px;
		object-fit: cover;
	}

	.kirakira-1-icon {
		position: absolute;
		top: 75px;
		left: 0px;
		width: 20px;
		height: 26px;
		object-fit: cover;
	}

	.spray-illust-icon {
		position: absolute;
		top: 19.97px;
		left: 112.22px;
		width: 48px;
		height: 48px;
		object-fit: contain;
	}

	.span18 {
		letter-spacing: -0.2em;
	}

	.span19 {
		letter-spacing: -0.16em;
	}

	.span22 {
		letter-spacing: -0.11em;
	}

	.span26 {
		letter-spacing: 0.06em;
	}

	.span25 {
		font-size: var(--font-size-36);
	}

	.span27 {
		font-size: var(--font-size-32);
	}

	.span29 {
		letter-spacing: -0.02em;
	}

	.span30 {
		letter-spacing: -0.22em;
	}

	.span33 {
		letter-spacing: 0.05em;
	}

	.span34 {
		letter-spacing: -0.15em;
	}

	.span35 {
		letter-spacing: 0.08em;
	}

	.div14 {
		position: static;
		text-align: center;
		font-size: 0.9rem;
		object-fit: cover;
	}

	.image-12-icon-sp {
		width: 100%;
		position: relative;
		top: -10px;
	}

	.fv-sp {
		align-self: stretch;
		position: relative;
		background-color: white;
		height: 812px;
		overflow: hidden;
		flex-shrink: 0;
		font-size: 11px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.fv-sp-child {
		padding: 0 1%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 99%;
	}

	.contents1-child {
		position: absolute;
		top: 0px;
		left: calc(50% - 187.5px);
		width: 375px;
		height: 514px;
	}

	.check-icon {
		width: 20px;
		position: relative;
		max-height: 100%;
		overflow: hidden;
		flex-shrink: 0;
	}

	.div19 {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--gap-8);
	}

	.div23 {
		align-self: stretch;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.box1 {
		position: absolute;
		top: 1110px;
		left: calc(50% - 158.5px);
		width: 310px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 8px;
		text-align: left;
		font-size: 16px;

	}

	.span43 {
		font-size: var(--font-size-20);
	}

	.forest-img-icon {
		position: absolute;
		top: 458px;
		left: calc(50% - 164.5px);
		border-radius: 16.5px;
		width: 330px;
		height: 192px;
		overflow: hidden;
		object-fit: cover;
	}

	.gl-fresh-handspray-container1 {
		position: absolute;
		top: 250px;
		left: calc(50% - 164.5px);
		line-height: 160%;
		display: inline-block;
		width: 330px;
		text-align: center;
		font-family: 'Noto Sans JP';
	}

	.evidence {
		width: 100%;
		position: relative;
		background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
		height: 1394px;
		overflow: hidden;
		flex-shrink: 0;
	}

	.bg-green-icon {
		position: absolute;
		top: calc(50% - 465px);
		left: calc(50% - 645.33px);
		width: 1291.7px;
		height: 930px;
		object-fit: cover;
	}

	.b13 {
		position: absolute;
		top: 7.27px;
		left: 47.61px;
		line-height: 130%;
	}

	.div34 {
		position: absolute;
		top: 8.07px;
		left: 55.68px;
		font-size: 9px;
		line-height: 130%;
	}

	.price2 {
		width: 91.7px;
		position: relative;
		height: 23px;
		font-size: var(--font-size-10);
	}

	.ellipse {
		position: absolute;
		top: 0px;
		left: 0px;
		box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.3);
		border-radius: 50%;
		background-color: var(--color-white);
		width: 180px;
		height: 180px;
	}

	.frame-leaves-icon {
		position: absolute;
		top: 2px;
		left: 0px;
		width: 178px;
		height: 178px;
		object-fit: cover;
	}

	.text-child {
		position: absolute;
		top: 44px;
		left: 45px;
		width: 38px;
		height: 6px;
	}

	.div35 {
		position: absolute;
		top: 424px;
		left: 180px;
		width: 180px;
		height: 180px;
		font-size: var(--font-size-10);
	}

	.text-item {
		position: absolute;
		top: 62px;
		left: 32px;
		width: 39px;
		height: 6px;
	}

	.text-inner {
		position: absolute;
		top: 59px;
		left: 44px;
		width: 39px;
		height: 6px;
	}

	.box3 {
		position: absolute;
		top: 40px;
		left: calc(50% - 180.5px);
		width: 360px;
		height: 604px;
		font-size: var(--font-size-11);
		color: var(--color-darkslategray);
	}

	.point4 {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 860px;
		overflow: hidden;
		flex-shrink: 0;
		font-size: var(--font-size-28);
		color: var(--color-seagreen);
		width: 100%;
	}

	.bg-white-wall-icon1 {
		position: absolute;
		top: calc(50% - 872px);
		left: calc(50% - 202px);
		width: 404px;
		height: 872px;
		object-fit: cover;
	}

	.bg-white-wall-icon2 {
		position: absolute;
		top: calc(50% - 0px);
		left: calc(50% - 202px);
		width: 404px;
		height: 872px;
		object-fit: cover;
	}

	.bg {
		position: absolute;
		top: calc(50% - 850px);
		left: calc(50% - 201.5px);
		width: 404px;
		height: 1744px;
	}

	.kiddog-2-icon {
		position: absolute;
		top: 340px;
		left: calc(50% - 110px);
		width: 220px;
		height: 128px;
		object-fit: cover;
	}

	.p83 {
		margin: 0;
		font-weight: 500;
	}

	.div48 {
		position: absolute;
		top: 30px;
		left: calc(50% - 125px);
		font-size: var(--font-size-16);
	}

	.voice-1 {
		width: 330px;
		position: relative;
		box-shadow: 0px 3px 3px rgba(51, 51, 51, 0.3);
		border-radius: 30px;
		background: linear-gradient(1.74deg, #e7f8ed, #f6ffed);
		height: 480px;
		overflow: hidden;
		flex-shrink: 0;
	}

	.cat-icon {
		position: absolute;
		top: 340px;
		left: 85px;
		width: 180px;
		height: 130px;
		object-fit: cover;
	}

	.div50 {
		position: absolute;
		top: 30px;
		left: calc(50% - 124px);
		font-size: 15px;
	}

	.kiddog-3-icon {
		position: absolute;
		top: 260px;
		left: calc(50% - 125px);
		width: 250px;
		height: 190px;
		object-fit: cover;
	}

	.div51 {
		position: absolute;
		top: 100px;
		left: calc(50% - 150px);
		display: inline-block;
		width: 300px;
	}

	.box4 {
		position: absolute;
		top: 162px;
		left: calc(50% - 164.5px);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 32px;
	}

	.b21 {
		position: absolute;
		top: 40px;
		left: calc(50% - 115.5px);
		font-size: var(--font-size-28);
		font-family: var(--font-zen-maru-gothic);
		color: var(--color-seagreen);
		text-align: center;
	}

	.voice {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 1706px;
		overflow: hidden;
		flex-shrink: 0;
		text-align: left;
	}

	.bg1 {
		position: absolute;
		top: calc(50% - 872px);
		left: calc(50% - 201.5px);
		width: 404px;
		height: 1744px;
	}

	.b25 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: var(--font-size-20);
		line-height: 130%;
		font-family: var(--font-arial);
	}

	.price3 {
		width: 103px;
		position: relative;
		height: 26px;
		font-size: var(--font-size-12);
	}

	.phytoncide-spray2 .div56 {
		position: absolute;
		top: 6px;
		left: 0px;
		font-size: var(--font-size-8);
		color: var(--color-forestgreen);
	}

	.div58 {
		position: absolute;
		top: 0px;
		left: 16px;
	}

	.div65 {
		position: absolute;
		top: 5px;
		left: 0px;
		font-size: var(--font-size-8);
		color: var(--color-forestgreen);
	}

	.b26 {
		position: absolute;
		top: 40px;
		left: calc(50% - 125.5px);
		font-family: var(--font-zen-maru-gothic);
		color: var(--color-seagreen);
	}

	.voice2 {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 956px;
		overflow: hidden;
		flex-shrink: 0;
		font-size: var(--font-size-28);
		color: var(--color-white);
	}

	.bg-green-icon1 {
		position: absolute;
		top: calc(50% - 935px);
		left: calc(50% - 187.5px);
		width: 375px;
		height: 1870px;
		object-fit: cover;
	}

	.maru-icon {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 170px;
		object-fit: cover;
	}

	.div70 {
		position: absolute;
		top: 45.52px;
		left: calc(50% - 75.52px);
	}

	.div69 {
		width: 170px;
		position: relative;
		height: 170px;
		text-align: center;
	}

	.div72 {
		position: absolute;
		top: 64.08px;
		left: calc(50% - 77.41px);
	}

	.maru-icon2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 170px;
	}

	.div74 {
		position: absolute;
		top: 64.49px;
		left: calc(50% - 75.52px);
	}

	.span60 {
		letter-spacing: -0.06em;
	}

	.div76 {
		position: absolute;
		top: 64.49px;
		left: calc(50% - 71.72px);
	}

	.toy-poodle-icon {
		position: absolute;
		top: 1600px;
		left: 47%;
		width: 200px;
		height: 230px;
		object-fit: contain;
	}

	.span63 {
		font-size: 18px;
		font-family: 'Noto Serif JP';
	}

	.gl-fresh-handspray-container3 {
		position: absolute;
		top: 113px;
		left: calc(50% - 151px);
		line-height: 160%;
		display: inline-block;
		width: 310px;
		text-align: center;
		font-size: 0.92rem;
	}

	.gl-fresh-handspray-container3 .p {
		line-height: 150%;
	}

	.b29 {
		position: absolute;
		top: 40px;
		left: calc(50% - 125.5px);
		font-size: var(--font-size-28);
		font-family: var(--font-zen-maru-gothic);
		color: var(--color-seagreen);
		text-align: left;
	}

	.contents2 {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 1860px;
		overflow: hidden;
		flex-shrink: 0;
	}

	.bg-silk-icon {
		position: absolute;
		top: calc(50% - 739px);
		left: calc(50% - 187.5px);
		width: 375px;
		height: 1478px;
		object-fit: cover;
	}


	.hard-cover-book {
		position: absolute;
		top: 840px;
		left: calc(50% - 187.5px);
		width: 326px;
		height: 362px;
		object-fit: cover;
	}


	.ribbon-icon {
		position: absolute;
		top: 0px;
		left: calc(50% - 187.5px);
		width: 300px;
		height: 200px;
		object-fit: cover;
	}

	.present {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 1478px;
		overflow: hidden;
		flex-shrink: 0;
		font-size: var(--font-size-28);
		color: var(--color-white);
	}



	.spray-img-icon3 {
		position: absolute;
		top: 0px;
		left: 84px;
		width: 120px;
		height: 201px;
		object-fit: cover;
	}




	.img-icon {
		position: absolute;
		top: 312px;
		left: calc(50% - 166.5px);
		width: 330px;
		height: 385px;
		object-fit: cover;
	}

	.bg-green-leaves-icon {
		position: absolute;
		top: 0px;
		left: calc(50% - 188.48px);
		width: 377px;
		height: 120px;
		object-fit: contain;
	}




	.message {
		align-self: stretch;
		position: relative;
		background-color: var(--color-white);
		height: 2400px;
		overflow: hidden;
		flex-shrink: 0;
		text-align: left;
		font-size: var(--font-size-20);
	}









	.line-cat-icon {
		position: absolute;
		top: 140px;
		left: calc(50% - 179.5px);
		width: 360px;
		height: 65.7px;
		object-fit: cover;
	}

	.contents3 {
		align-self: stretch;
		position: relative;
		background-color: white;
		height: 1566px;
		overflow: hidden;
		flex-shrink: 0;
		font-size: 28px;
	}

}




.info-section {
	padding: 40px 20px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: auto;
	font-family: 'Noto Sans JP', sans-serif;
}

section.info-section.company-profile {

	width: 100%;
	height: auto;
	box-sizing: border-box;
}


.info-section h2 {
	font-size: 24px;
	margin-bottom: 20px;
	border-left: 6px solid #4CAF50;
	padding-left: 12px;
}

.info-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	table-layout: fixed;
	/* 列幅を固定化 */
	width: 100%;
	border-collapse: collapse;
}

.info-table th,
.info-table td {
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	word-break: break-word;
	/* 長い単語の折り返し対策 */
}

.info-table thead th {
	background-color: #f0f0f0;
	font-weight: bold;
}


.info-table th:first-child {
	width: 30%;
	/* 左側の「項目」列 */
}

@media screen and (max-width: 768px) {
	.info-section h2 {
		font-size: 20px;
	}

	.info-table th,
	.info-table td {
		font-size: 12px;
		padding: 8px;
	}

	.home {
		position: absolute;
		top: 7%;
		right: 5%;
	}

}