@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP&display=swap');
.txtEx {
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.PC {display: inherit;}
.SP {display: none;}

/*RESET*/
html {
	scroll-behavior: smooth; /*スムーススクロール*/
	scroll-padding-top: 0rem; /*スクロール位置の調整*/
}
.lparea {
	margin: 0 auto;
	font-family: var(--font-default);
}
.lparea .mincho {
	font-family: var(--font-Mincho);
}
.lparea *,
.lparea *::before,
.lparea *::after {
  box-sizing: border-box;
	font-family: inherit;
  font-size: 1.333vw;
}
.lparea body,
.lparea h1,
.lparea h2,
.lparea h3,
.lparea h4,
.lparea p,
.lparea ul,
.lparea ol,
.lparea li,
.lparea figure,
.lparea figcaption,
.lparea blockquote,
.lparea dl,
.lparea dd {
  margin: 0;
  padding: 0;
}
.lparea ul[class],
.lparea ol[class] {
	list-style: none;
}
.lparea img {
	max-width: 100%;
	vertical-align: bottom;
}
.lparea mark {
	color: inherit;
	font-size: 100%;
	background: none;
}
.lparea input,
.lparea button,
.lparea textarea,
.lparea select {
  font: inherit;
}
.lparea button,
.lparea input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
.lparea input {
    border-radius: 0;
    background: transparent;
}
.lparea a:where([class]) {
	display: inline-block;
	transition: opacity 0.12s;
}
	.lparea a:where([class]):hover {
		opacity: 0.8;
	}
/*RESET*/

:root {
	--font-default: 'Noto Sans JP', sans-serif;
	--font-Mincho: 'Noto Serif JP', serif;
}

  /*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/
  @media screen and (min-width: 750px) {
		.lparea *,
		.lparea *::before,
		.lparea *::after {
      font-size: 10px; /*defaultFontsize*/
		}
  }

/*--------------------
No1*/

/*--No2*/

/*No3*/

:root {
	--gradi: #ffb69f 0%, #8f8f9e 27%, #2875a5 55%;
}

.lparea {
	color: #68625c;
	overflow: hidden;
}

.note {}
	.note span {
		color: #68625c;
		font-size: 1.2em;
	}

.fv {
	background: url("../images/fv_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	.fv__head {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 3em;
	}
		.fv__head .logo {
			width: 18.5em;
		}
		.fv__head h1 {
			width: 43.7em;
		}
		.fv__head .t01 {
			margin-top: -3em;
			margin-bottom: 0.5em;
		}
			.fv__head .t01 span {
				display: inline-block;
				padding: 0.2em;
				padding-left: 1em;
				color: #fff;
				font-size: 2.4em;
				letter-spacing: 0.08em;
				border-radius: 0 10em 10em 0;
				background: linear-gradient(60deg, var(--gradi));
			}
		.fv__head .t02 {
			margin-left: 4em;
			margin-bottom: 2.3em;
		}
			.fv__head .t02 span {
				display: inline-block;
				padding: 0.2em 0.6em;
				padding-left: 1em;
				color: #fff;
				font-size: 2.4em;
				letter-spacing: 0.08em;
				border-radius: 10em;
				background: linear-gradient(60deg, var(--gradi));
			}
		.fv__head .t03 {
			width: 33.8em;
			margin-bottom: 1.5em;
			margin-left: 5.8em;
		}
		.fv__head .t04 {
			width: 22em;
			margin-bottom: 2.6em;
			margin-left: 5.8em;
		}
		.fv__head .note {
			margin-left: 5.8em;
		}
	.fv__box {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		padding-bottom: 3.6em;
	}
		.fv__box img {
			width: 100%;
		}
		.fv__box .t01 {
			margin: -4em 0;
		}
		.fv__box .t02 {
			position: relative;
			margin-top: 2.6em;
			margin-bottom: 2.6em;
		}
			.fv__box .t02 .icon {
				position: absolute;
					z-index: 10;
					bottom: 100%;
					right: 0.6em;
				width: 18.5em;
				margin-top: -0.8em;
			}
		.fv__box .t03 {
			margin: -4em 0;
		}
		.fv__box .note {
			padding: 0 12em;
			margin-top: 2.5em;
			text-align: right;
		}

.movie {
	background: url("../images/movie_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	.movie__box {
		width: 64em;
		height: 36em;
		margin: 0 auto;
		background: #fff;
	}
	.movie__thumb {
		cursor: pointer;
	}
				.movie__thumb:hover {
/*					opacity: 0.8;*/
				}
		.movie__thumb.is-disable {
			display: none;
		}

.concept {
	padding-top: 57.5em;
	padding-bottom: 5.1em;
	background: url("../images/concept_bg.jpg") no-repeat center top;
	background-size: 200em auto;
}
	.concept .t01 {
		margin-bottom: 9em;
		text-align: center;
	}
		.concept .t01 span {
			color: #303030;
			font-size: 2.8em;
			line-height: 2;
			letter-spacing: 0.06em;
		}
	.concept .t02 {
		padding-left: 24em;
		text-align: center;
	}
		.concept .t02 .t02a {
			display: inline;
			width: 38.8em;
		}
		.concept .t02 .ndm {
			display: inline;
			width: 34.6em;
			margin-right: 1em;
			padding: 0.9em 0;
			vertical-align: bottom;
		}
		.concept .t02 span {
			color: #2875a5;
			letter-spacing: 0.04em;
		}
		.concept .t02 .p01 {
			font-size: 5em;
		}
		.concept .t02 .p02 {
			font-size: 4.2em;
		}
		.concept .t02 .p03 {
			font-size: 4.8em;
			font-weight: 500;
		}
		.concept .t02 .p04 {
			font-size: 5.6em;
			font-weight: 500;
		}

.cv {
	position: relative;
	padding-bottom: 6em;
	background: url("../images/cv_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	.cv__1p {
		position: absolute;
			z-index: 10;
			left: 50%;
			bottom: 100%;
			translate: -50% 5.8em;
		display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 2.2em;
		width: 100%;
		min-height: 32.4em;
		padding-bottom: 5em;
		background: url("../images/cv_1pbg.png") no-repeat center center;
		background-size: 80em 100%;
		filter: drop-shadow(2em 3em 1.6em rgb(0 88 142 / 0.3));
	}
		.cv__1p .t01 {
			width: 14.8em;
		}
		.cv__1p .t02 {}
			.cv__1p .t02 span {
				color: #fff;
				font-size: 3.2em;
				font-weight: 500;
				line-height: 2.25;
				letter-spacing: 0.02em;
			}
			.cv__1p .t02 mark {
				position: relative;
				color: #fad1cd;
				font-size: 106%;
				font-weight: 700;
			}
						.cv__1p .t02 mark:before {
							content: "";
							position: absolute;
								z-index: 10;
								top: 100%;
							width: 100%;
							height: 0.8em;
							background: url("../images/cv_1pline.png") repeat-x left center;
							background-size: auto 100%;
						}
	.cv__cont {
		position: relative;
			z-index: 11;
			translate: 0 -2.8em;
		width: 68em;
		margin: 0 auto;
		filter: drop-shadow(1em 2em 2em rgb(0 88 142 / 0.3));
	}
				.cv__cont:before {
					content: "";
					display: block;
					width: 100%;
					height: 5em;
					background: url("../images/cv_conttop.png") no-repeat center top;
					background-size: 100% 100%;
					margin-bottom: -1px;
				}
		.cv__contwrap {
			margin-top: -1px;
			padding-top: 2.2em;
			padding-bottom: 3em;
			border-radius: 0 0 2em 2em;
			background: #fff;
		}
			.cv__contwrap .buybox {
			}
				.cv__contwrap .buybox .t01 {
					width: 51.8em;
					margin: 0 auto;
					margin-bottom: 3.8em;
				}
				.cv__contwrap .buybox .t02 {
					display: flex;
				}
					.cv__contwrap .buybox .t02 .btl {
						margin-top: 0.8em;
						width: 24.4em;
					}
					.cv__contwrap .buybox .t02 .p01 {
						width: 41.1em;
						text-align: center;
					}
						.cv__contwrap .buybox .t02 .p01 .dfprice {
							font-size: 2.4em;
							line-height: 1;
						}
							.cv__contwrap .buybox .t02 .p01 .dfprice mark {
								position: relative;
							}
										.cv__contwrap .buybox .t02 .p01 .dfprice mark:before {
											content: "";
											position: absolute;
												z-index: 10;
												right: 0;
												left: 0;
												top: 50%;
												translate: 0 -50%;
											height: 0.7em;
											border: 1px solid #f07864;
											border-right: 0;
											border-left: 0;
										}
							.cv__contwrap .buybox .t02 .p01 .dfprice strong {
								font-size: 133%;
								font-weight: 500;
							}
							.cv__contwrap .buybox .t02 .p01 .dfprice .s {
								font-size: 81%;
							}
						.cv__contwrap .buybox .t02 .p01 img {
							width: 100%;
							margin-top: 1.8em;
						}
				.cv__contwrap .cvbtn {
					display: block;
					width: 59.6em;
					margin: 0 auto;
					margin-bottom: 5em;
					filter: drop-shadow(0 1.2em 1.2em rgb(0 85 137 / 0.2));
				}
			.cv__contwrap .friendbox {
				width: 62em;
				margin: 0 auto;
				padding-bottom: 4em;
				text-align: center;
				line-height: 1;
				background: url("../images/cv_campbg.png") no-repeat center top;
				background-size: 100%;
			}
				.cv__contwrap .friendbox .t01 {
					margin-bottom: 2em;
				}
					.cv__contwrap .friendbox .t01 span {
						color: #fba3a7;
						font-size: 3.4em;
						font-weight: 500;
					}
				.cv__contwrap .friendbox .t02 {
					margin-bottom: 9em;
				}
					.cv__contwrap .friendbox .t02 span {
						color: #fff;
						font-size: 4.8em;
						font-weight: 700;
					}
				.cv__contwrap .friendbox .t03 {
					margin-bottom: 1.5em;
				}
					.cv__contwrap .friendbox .t03 span {
						color: #ee675a;
						font-size: 3em;
						font-weight: 500;
						letter-spacing: 0.02em;
					}
				.cv__contwrap .friendbox .t04 {
					margin-bottom: 1.2em;
				}
					.cv__contwrap .friendbox .t04 span {
						color: #ee675a;
						font-size: 5.3em;
						font-weight: 700;
					}
				.cv__contwrap .friendbox .t05 {
					margin-bottom: 1.8em;
				}
					.cv__contwrap .friendbox .t05 span {
						color: #57514a;
						font-size: 2.8em;
						line-height: 1.57;
						letter-spacing: 0.06em;
					}
				.cv__contwrap .friendbox .frbtn {
					display: block;
					width: 52.8em;
					margin: 0 auto;
				}

.care {
	padding-top: 7.5em;
	background: url("../images/care_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	h2.care__head {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 4.6em;
	}
	.care__lists {
	}
		.care__lists ._img {
			position: relative;
			display: flex;
				justify-content: center;
			overflow: hidden;
		}
			.care__lists ._img .__bg {
				width: 200em;
				max-width: none;
			}
			.care__lists ._img .__txt {
				position: absolute;
					z-index: 10;
					top: 0;
					left: 50%;
					translate: -50% 0;
				width: 100%;
				max-width: 750px;
				margin: 0 auto;
				margin-left: 2em;
				padding-top: 2.5em;
			}
		.care__lists > li {}
			.care__lists > li .t01 {
				margin-left: 2em;
			}
				.care__lists > li .t01 img {
					width: auto;
					height: 1.5em;
				}
			.care__lists > li .t02 {
				margin-left: 2em;
				margin-bottom: 3.8em;
			}
				.care__lists > li .t02 span {
					position: relative;
					color: #57514a;
					font-size: 5.2em;
					font-weight: 500;
					line-height: 1.57;
					letter-spacing: 0.04em;
				}
							.care__lists > li .t02 span:before {
								content: "";
								position: absolute;
									z-index: 10;
									top: 100%;
								width: 100%;
								height: 0.4em;
								background: url("../images/care_dots.png") repeat-x left center;
								background-size: auto 100%;
							}
				.care__lists > li .t02 mark {
					color: #2875a5;
				}
			.care__lists > li .t03 {
				display: flex;
					justify-content: center;
				padding: 3.4em 4em;
				background: #fff;
				border-radius: 2em;
				box-shadow: 2em 2em 2em rgb(40 141 198 / 0.2);
			}
						.care__lists > li .t03.w01 {
							width: 46em;
						}
						.care__lists > li .t03.w02 {
							width: 49em;
						}
						.care__lists > li .t03.w03 {
							width: 55em;
						}
				.care__lists > li .t03 span {
					color: #57514a;
					font-size: 2.8em;
					line-height: 1.78;
					letter-spacing: 0.04em;
				}
				.care__lists > li .t03 mark {
					color: #ee675a;
					font-weight: 500;
				}
					.care__lists > li:nth-child(odd) {}
						.care__lists > li:nth-child(odd) .__txt {
							margin-left: 0;
							padding-left: 27em;
						}
							.care__lists > li:nth-child(odd) .__txt .t01 {
								margin-left: 16em;
							}
							.care__lists > li:nth-child(odd) .__txt .t02 {
								margin-left: 16em;
							}
				.care__lists > .tasai {
					display: flex;
						justify-content: center;
						align-items: center;
						gap: 0 2.2em;
					margin-bottom: 8em;
				}
					.care__lists > .tasai img {
						width: 17.9em;
					}
					.care__lists > .tasai .t02 {}
						.care__lists > .tasai .t02 span {
							padding-bottom: 0.2em;
							color: #57514a;
							font-size: 2.8em;
							font-weight: 400;
							line-height: 2.07;
						}
	.care__end {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		padding-bottom: 15.5em;
	}
		.care__end img {
			width: 32.4em;
			margin-left: 11em;
		}

.made {
	padding-top: 6em;
	padding-bottom: 67em;
	background: url("../images/made_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	h2.made__head {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 4.4em;
		text-align: left;
	}
		.made__head .t01 {
			display: inline-block;
			margin-bottom: 1em;
			padding-left: 4.8em;
		}
			.made__head .t01 .t01a {
				position: relative;
				font-size: 3.6em;
				font-weight: 400;
				line-height: 1.72;
				letter-spacing: 0.18em;
			}
						.made__head .t01 .t01a:before {
							content: "";
							position: absolute;
								z-index: 10;
								top: 100%;
								right: -4em;
								left: -4.8em;
							height: 0.2em;
							background: linear-gradient(90deg, #63bce1 0%, #3396d1 55%);
						}
		.made__head .t02 {
			position: relative;
				z-index: 11;
			margin-left: 4em;
		}
					.made__head .t02:before {
						content: "";
						position: absolute;
							z-index: -1;
							top: 100%;
							right: 0;
							left: 0;
							translate: 0 -0.3em;
						height: 3.2em;
						background: url("../images/made_headline.png") no-repeat center center;
						background-size: 100%;
					}
			.made__head .t02 .t02a {
				display: inline-block;
				color: transparent;
				font-size: 8.8em;
				font-weight: 500;
				line-height: 1.1;
				background: linear-gradient(120deg, var(--gradi));
					-webkit-background-clip: text;
				background-clip: text;
			}
	.made__txt {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
	.made__txt .made__txtwrap {
		position: relative;
		display: inline-block;
		background: #fff;
		padding: 3.8em 7.5em 3.8em 5em;
		border-radius: 0 16em 0 0;
	}
		.made__txt .t01 {
			position: relative;
				z-index: 11;
			color: #303030;
			font-size: 2.8em;
			line-height: 1.85;
			letter-spacing: 0.06em;
		}
			.made__txt .t01 mark {
				color: #2875a5;
				font-weight: 700;
			}
		.made__txt .t02 {
			position: absolute;
				z-index: 10;
				right: 1em;
				bottom: 0.5em;
			color: #303030;
			font-size: 2.2em;
		}
		.made__txt .t03 {
			position: absolute;
				z-index: 10;
				top: -33em;
				right: -19.4em;
			width: 42.8em;
		}

.hma {
	padding-bottom: 16em;
	padding-bottom: 21em;
	background: url("../images/hma_bg.jpg") no-repeat center bottom;
	background-size: 200em;
}
	.hma__box {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
		.hma__box .cont {
			position: relative;
			width: 69em;
			padding-bottom: 7em;
			border-radius: 0 12em 12em 0;
			background: #ece5db;
		}
					.hma__box .cont:before {
						content: "";
						position: absolute;
							z-index: 10;
							top: 100%;
							left: 0;
							translate: 0 -1px;
						width: 12em;
						height: 12em;
						background: url("../images/hma_bgdeco.png") no-repeat center center;
						background-size: 100% 100%;
					}
					.hma__box .cont:after {
						content: "";
						position: absolute;
							z-index: 10;
							right: 1.5em;
							bottom: 6em;
						width: 31.6em;
						height: 42.5em;
						background: url("../images/hma_linetxt.png") no-repeat;
						background-size: 100% 100%;
					}
		.hma__box .hma__head {
			position: absolute;
				z-index: 10;
				left: 4.2em;
			width: 14.2em;
		}
					.hma__box .hma__head:before {
						content: "";
						position: absolute;
							z-index: 10;
							top: 100%;
							left: 6.8em;
							translate: -3.4em 1.4em;
						width: 23.8em;
						height: 38.5em;
						border: 0.3em solid #2875a5;
						border-top: 0;
						border-right: 0;
						border-radius: 0 0 0 6em;
					}
		.hma__box .t01 {
			width: 36.1em;
			margin-left: 26.4em;
			margin-bottom: 1em;
		}
		.hma__box .t02 {
			width: 51em;
			margin-left: 14em;
			margin-bottom: 3em;
		}
			.hma__box .t02 span {
				color: #57514a;
				font-size: 2.8em;
				line-height: 1.85;
				letter-spacing: 0.06em;
			}
		.hma__box .t03 {
			margin-left: 33.5em;
			color: #2875a5;
		}
			.hma__box .t03 .t03a {
				font-size: 2.4em;
				letter-spacing: 0.02em;
			}
			.hma__box .t03 .t03b {
				font-size: 3.2em;
				letter-spacing: 0.02em;
			}

.use10 {
	margin-bottom: 10em;
	background: url("../images/use10_bg.jpg") no-repeat center top;
	background-size: 200em;
}
	.use__head {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 4em;
	}
		.use__head .t01 {
				margin-bottom: -14.8em;
		}
		.use__head .t02 {
			text-align: center;
		}
			.use__head .t02 span {
				color: #57514a;
				font-size: 2.8em;
				line-height: 1.85;
				letter-spacing: 0.06em;
			}
	ul.use__lists {
		display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 3.5em 1.6em;
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 9em;
	}
		.use__lists > li {}
		.use__lists > .li01 {
			width: 30.4em;
			margin: 0 1em;
		}
		.use__lists > .li02 {
			width: 20.4em;
			margin-bottom: 0.5em;
		}
	.use__bamen {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		padding-top: 10em;
		padding-bottom: 7em;
		border-radius: 4em;
		background: linear-gradient(150deg, #ffb69f 0%, #8f8f9e 7%, #2875a5 20%);
	}
		.use__bamen .usehead {
			position: relative;
			margin-bottom: 6.5em;
			text-align: center;
		}
					.use__bamen .usehead:before {
						content: "";
						position: absolute;
							z-index: 10;
							top: 100%;
							left: 50%;
							translate: -50% 0.8em;
						width: 65.5em;
						height: 4.8em;
						background: url("../images/use_bamenline.png") no-repeat center center;
						background-size: 100% 100%;
					}
			.use__bamen .usehead span {
				color: #fff;
				font-size: 7.2em;
				font-weight: 500;
				line-height: 1;
			}
				.use__bamen .usehead span .s {
					font-size: 83%;
				}
		.use__bamen .usetxt {
			margin-bottom: 5em;
			text-align: center;
		}
			.use__bamen .usetxt span {
				color: #fff;
				font-size: 2.8em;
				font-weight: 500;
				line-height: 1.85;
				letter-spacing: 0.06em;
			}
		.use__bamen .lists {
			display: flex;
				flex-direction: column;
				gap: 6.8em 0;
		}
			.use__bamen .lists > li {
				position: relative;
				text-align: center;
			}
			.use__bamen .lists .bamen {
				margin-bottom: 5.5em;
			}
			.use__bamen .lists .yotolists {
				position: absolute;
					z-index: 10;
					top: 25.4em;
					right: 3.8em;
				display: flex;
					gap: 0 5.6em;
			}
				.use__bamen .lists .yotolists > li {
					position: relative;
					display: flex;
						justify-content: center;
						align-items: center;
					width: 18em;
					height: 18em;
					text-align: center;
					border-radius: 50%;
					background: rgb(255 255 255 / 0.6);
					backdrop-filter: blur(16px);
					filter: drop-shadow(0.4em 1em 1em rgb(0 76 122 / 0.2));
				}
							.use__bamen .lists .yotolists > li:not(:last-child) {}
								.use__bamen .lists .yotolists > li:not(:last-child):after {
									content: "";
									position: absolute;
										z-index: 10;
										right: calc(-5.6em / 2);
										translate: 50% 0;
									width: 3.4em;
									height: 3.4em;
									background: url("../images/use_babatu.png") no-repeat center center;
									background-size: 100% 100%;
								}
					.use__bamen .lists .yotolists > li span {
						color: #ee675a;
						font-size: 3.2em;
						font-weight: 500;
						line-height: 1.37;
					}
			.use__bamen .lists .fuki {
				position: relative;
				display: inline-block;
			}
						.use__bamen .lists .fuki:before {
							content: "";
							position: absolute;
								z-index: 10;
								bottom: 100%;
								left: 16em;
								translate: 0 1px;
							width: 8em;
							height: 3em;
							background: url("../images/use_bafuki.png");
							background-size: 100% 100%;
						}
				.use__bamen .lists .fuki .t01 {
					position: relative;
					padding: 3em 4em 7em 4em;
					border-radius: 4em;
					text-align: left;
					background: #fff;
					overflow: hidden;
				}
					.use__bamen .lists .fuki .t01a span {
						color: #38709e;
						font-size: 2.8em;
						line-height: 1.64;
					}
					.use__bamen .lists .fuki .t01a mark {
						color: #ee675a;
						font-weight: 500;
					}
				.use__bamen .lists .fuki .t01b {
					position: absolute;
						z-index: 10;
						right: 0;
						bottom: 0;
					padding: 0 5em;
					border-radius: 30em 0 0 0;
					background: #cde8f3;
				}
					.use__bamen .lists .fuki .t01b span {
						color: #2875a5;
						font-size: 2.6em;
					}
									.use__bamen .lists > li:nth-child(even) {
											scale: -1 1;
									}
										.use__bamen .lists > li:nth-child(even) .bamen {
												scale: -1 1;
										}
										.use__bamen .lists > li:nth-child(even) .yotolists {}
											.use__bamen .lists > li:nth-child(even) .yotolists > li span {
													scale: -1 1;
											}
											.use__bamen .lists > li:nth-child(even) .yotolists > li:after {
													scale: -1 1;
											}
										.use__bamen .lists > li:nth-child(even) .fuki {
												scale: -1 1;
										}
		.use__bamen .uvarea {
			margin-top: 7em;
		}
			.use__bamen .uvarea .tit {
				margin-bottom: 4em;
				padding-bottom: 3em;
				text-align: center;
				background: url("../images/use_tit.png") no-repeat center top 3.3em;
				background-size: 42.4em;
			}
				.use__bamen .uvarea .tit span {
					color: #fff;
					font-size: 4.6em;
					font-weight: 500;
					letter-spacing: 0.08em;
				}
			.use__bamen .uvarea .lists {}
				.use__bamen .uvarea .lists .fuki {
					min-width: 62em;
					margin-left: -4em;
				}
					.use__bamen .uvarea .lists .fuki .t01 {
						padding-right: 10em;
					}
						.use__bamen .uvarea .lists .fuki .t01 span {
							letter-spacing: 0.06em;
						}
				.use__bamen .uvarea .lists .uvicon {
					position: absolute;
						z-index: 10;
						top: -3em;
						right: -4em;
					width: 11em;
				}
							.use__bamen .uvarea .lists li:nth-child(2) .uvicon {
									right: -1em;
							}

.hada {
	padding-top: 17.5em;
	padding-bottom: 12.9em;
	background: url("../images/hada_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}
	h2.hada__head {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		text-align: center;
	}
		.hada__head .himg {
			margin-bottom: 1.6em;
		}
		.hada__head .t01 {
			position: relative;
			display: inline-block;
			margin-bottom: 7.4em;
			padding: 0.8em 3.8em;
			background: rgb(255 255 255 / 0.5);
			border: 1px solid #fff;
			border-radius: 10em;
		}
			.hada__head .t01 span {
				color: #57514a;
				font-size: 3.6em;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0.08em;
			}
		.hada__head .t02 {
			position: absolute;
				z-index: 10;
				top: 100%;
				right: 0;
				translate: 0 2em;
		}
			.hada__head .t02 span {
				font-size: 1.2em;
				font-weight: 400;
			}
		.hada__head .t03 {
			margin-bottom: 4.5em;
		}
			.hada__head .t03 > span {
				color: transparent;
				font-size: 12em;
				font-weight: 400;
				line-height: 1.08;
				background: linear-gradient(120deg, #d68761 0%, #57514a 18%);
					-webkit-background-clip: text;
				background-clip: text;
			}
			.hada__head .t03 .s {
				font-size: 80%;
			}
	p.hada__txt {
		width: 55.4em;
		margin: 0 auto;
		margin-bottom: 3em;
	}
		.hada__txt span {
			color: #57514a;
			font-size: 2.8em;
			line-height: 1.85;
			letter-spacing: 0.04em;
		}
		.hada__txt mark {
			color: #ee675a;
			font-weight: 700;
		}
	img.hada__hitoimg {
		display: block;
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 2.5em;
	}
	.hada__hitotxt {
		text-align: center;
	}
		.hada__hitotxt span {
			display: inline-block;
			font-size: 1.2em;
			text-align: left;
			text-indent: -1em;
		}

.hositu {
	padding-top: 8em;
	padding-bottom: 3em;
	background: url("../images/hositu_bg.jpg") no-repeat center top;
	background-size: 200em;
}
	.hada__head-wrap {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
	h2.hositu__head {
		width: 50em;
		margin: 0 0 0 auto;
		color: #2875a5;
		text-align: center;
	}
		.hositu__head .t01 {
			margin-bottom: 1em;
		}
			.hositu__head .t01 span {
				font-size: 3.6em;
				font-weight: 500;
				line-height: 1.44;
				letter-spacing: 0.12em;
			}
		.hositu__head .t02 {
			margin-bottom: 3.8em;
		}
			.hositu__head .t02 span {
				font-size: 7.4em;
				font-weight: 400;
				line-height: 1.24;
				letter-spacing: 0.04em;
			}
			.hositu__head .t02 .s {
				font-size: 89%;
			}
	p.hositu__txt {
		width: 50em;
		margin: 0 0 0 auto;
		margin-bottom: 5em;
		text-align: center;
	}
		.hositu__txt span {
			color: #57514a;
			font-size: 2.8em;
			line-height: 1.85;
			letter-spacing: 0.06em;
		}
	.hositu__img {
		min-height: 97.8em;
		margin-bottom: 2em;
		background: url("../images/hositu_img.png") no-repeat center top;
		background-size: 200em;
	}
	p.hositu__note {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		text-align: right;
	}
		.hositu__note .t01 {
			font-size: 1.8em;
		}
		.hositu__note .t02 {
			font-size: 1.2em;
			line-height: 3;
		}

.freg {
	padding-top: 17em;
	padding-bottom: 9em;
	background: url("../images/freg_bg.jpg") no-repeat center top;
	background-size: 200em;
}
	.freg__box {
		padding-bottom: 4em;
	}
		.freg__box .fhead {
			margin-bottom: 5em;
			padding-top: 6.5em;
			text-align: center;
		}
			.freg__box .fhead span {
				color: #2875a5;
				font-size: 4.4em;
				font-weight: 400;
			}
		.freg__box .ftxt {
			width: 53.4em;
			margin: 0 auto;
			margin-bottom: 42.5em;
		}
			.freg__box .ftxt span {
				color: #57514a;
				font-size: 2.8em;
				line-height: 1.85;
				letter-spacing: 0.06em;
			}
		.freg__box .fnote {
			width: 53.4em;
			margin: 0 auto;
		}
			.freg__box .fnote span {
				font-size: 1.2em;
			}

.cv2 {
	padding-bottom: 9em;
	background: url("../images/cv2_bg.jpg") no-repeat center top;
	background-size: 200em 100%;
}

.qa {
	padding-top: 5.5em;
	padding-bottom: 11.5em;
	background: url("../images/qa_bg.jpg") no-repeat center top;
	background-size: 200em;
}
	h2.qa__head {
		display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 2em;
		margin-bottom: 4.4em;
	}
		.qa__head .qaimg {
			width: 31.1em;
		}
		.qa__head .t01 {
			padding: 0.4em 1em;
			color: #2875a5;
			font-size: 3.2em;
			font-weight: 500;
			line-height: 1;
			letter-spacing: 0.12em;
			border-radius: 10em;
			background: #fff;
		}
	ul.qa_lists {
		display: flex;
			flex-direction: column;
			gap: 5em 0;
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
		.qa_lists > li {
			position: relative;
		}
			.qa_lists > li .t01 {
				display: flex;
				margin-bottom: 3.4em;
				padding-left: 5em;
			}
						.qa_lists > li .t01:before {
							content: "";
							display: block;
							width: 6.3em;
							height: 6.3em;
							margin-top: 0.6em;
							margin-right: 1.8em;
							background: url("../images/qa_q.png") no-repeat center center;
							background-size: auto 100%;
						}
				.qa_lists > li .t01 span {
					color: #2875a5;
					font-size: 3.2em;
					font-weight: 500;
					line-height: 1.68;
					letter-spacing: 0.04em;
				}
			.qa_lists > li .t02 {
				position: relative;
				display: flex;
					justify-content: center;
				width: 61em;
				margin-left: 9em;
				padding: 3.2em 0;
				border-radius: 4em;
				background: #fff;
			}
						.qa_lists > li .t02:before {
							content: "";
							display: block;
							width: 3.8em;
							height: 3.8em;
							margin-top: 0.6em;
							margin-right: 1.8em;
							background: url("../images/qa_a.png") no-repeat center center;
							background-size: 100%;
						}
						.qa_lists > li .t02:after {
							content: "";
							position: absolute;
								z-index: 10;
								bottom: 100%;
								left: 6em;
								translate: 0 1px;
							width: 8em;
							height: 3em;
							background: url("../images/use_bafuki.png");
							background-size: 100% 100%;
						}
				.qa_lists > li .t02 span {
					display: inline-block;
					width: 17em;
					color: #57514a;
					font-size: 2.8em;
					line-height: 1.85;
				}
			.qa_lists > li .qadeco {
				position: absolute;
					z-index: 10;
					top: -2em;
					right: 2.4em;
				width: 18.5em;
			}

.camp {
	padding-top: 7em;
	padding-bottom: 1em;
	text-align: center;
}
	h2.camp__head {
		position: relative;
		display: inline-block;
		margin-bottom: 2.8em;
		text-align: center;
	}
		.camp__head .t01 {
			color: transparent;
			font-size: 6.2em;
			font-weight: 500;
			line-height: 1;
/*			letter-spacing: 0.06em;*/
			background: linear-gradient(120deg, var(--gradi));
				-webkit-background-clip: text;
			background-clip: text;
		}
		.camp__head .deco {
			position: absolute;
				z-index: 10;
				top: -17.8em;
				left: 5em;
			width: 25.3em;
		}
	.camp__mtm {
		display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 0.5em 0;
		margin-bottom: 4em;
	}
		.camp__mtm .t01 {
			padding: 1em 2em 1.5em 2em;
			background: url("../images/camp_line.png") repeat-x left bottom;
			background-size: 0.6em;
		}
			.camp__mtm .t01 span {
				font-size: 3.2em;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0.06em;
				vertical-align: bottom;
			}
			.camp__mtm .t01 img {
				width: auto;
				height: 3.7em;
			}
	.camp__mtmlists {
		margin-bottom: 5em;
	}
		.camp__mtmlists .lists {
			display: flex;
				justify-content: center;
				gap: 0 1em;
			margin-bottom: 2.5em;
			filter: drop-shadow(1em 2em 2em rgba(0 88 142 / 0.3));
		}
			.camp__mtmlists .lists > li {
				display: flex;
					flex-direction: column;
				width: 23em;
				padding-bottom: 2.2em;
				border-radius: 2em;
				background: url("../images/camp_mtmbg.png") no-repeat center top;
				background-size: 100%;
				background-color: #fff;
			}
						.camp__mtmlists .lists > li:first-child {
							background-image: none;
						}
				.camp__mtmlists .lists > li .pon {
					margin-top: -2.2em;
					margin-bottom: 0.4em;
				}
				.camp__mtmlists .lists > li .mtmimg {}
				.camp__mtmlists .lists > li .price {
					margin-bottom: 1em;
				}
				.camp__mtmlists .lists > li .ship {
					margin-bottom: 2em;
					text-align: center;
				}
					.camp__mtmlists .lists > li .ship span {
						display: inline-block;
						padding: 0.2em 0.8em;
						font-size: 2.6em;
						font-weight: 500;
						line-height: 1;
						letter-spacing: 0.06em;
						border: 1px solid #79746e;
					}
				.camp__mtmlists .lists > li .btn {
					width: 19.8em;
					margin: 0 auto;
					margin-top: auto;
					padding: 0;
					background: none;
					filter: drop-shadow(0 1.2em 1.2em rgba(0 85 137 / 0.2));
				}
		.camp__mtmlists .note {
			text-align: center;
		}
			.camp__mtmlists .note span {
				font-size: 2em;
			}
	.camp__tikdetail {
		width: 63em;
		margin: 0 auto;
		margin-bottom: 5.5em;
		padding: 1.2em 0;
		border: 0.4em solid #91c3e2;
		border-radius: 2em;
		background: #dae9f0;
	}
		.camp__tikdetail .lists {
			display: flex;
				flex-direction: column;
				gap: 2.5em 0;
			width: 59.8em;
			margin: 0 auto;
			padding: 3em 5.2em;
			text-align: left;
			border-radius: 0.4em;
			background: #fff;
		}
			.camp__tikdetail .lists > li {}
						.camp__tikdetail .lists > li:before {
							content: "";
							display: inline-block;
							width: 2.9em;
							height: 2.9em;
							margin-right: 1em;
							background: url("../images/camp_mtmcheck.png") no-repeat center center;
							background-size: 100%;
						}
				.camp__tikdetail .lists > li span {
					font-size: 3.2em;
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.02em;
				}
				.camp__tikdetail .lists > li mark {
					color: #3d83ae;
					font-weight: 700;
				}
				.camp__tikdetail .lists > li .s {
					font-size: 75%;
					font-weight: 400;
				}
	h2.camp__tikhead {
		margin-bottom: 1em;
		background: url("../images/camp_tikdeco.png") no-repeat center center;
		background-size: 63.1em;
	}
		.camp__tikhead span {
			color: transparent;
			font-size: 4.8em;
			font-weight: 500;
			background: linear-gradient(140deg, var(--gradi));
				-webkit-background-clip: text;
			background-clip: text;
		}
	.camp__tikimg {}
	.camp__tikbtn {
		width: 63.6em;
		margin: 0 auto;
		margin-bottom: 2em;
		filter: drop-shadow(0 1.2em 1.2em rgba(0 85 137 / 0.2));
	}
	p.camp__tikbtnnote {
		margin-bottom: 6em;
	}
		.camp__tikbtnnote span {
			font-size: 2em;
		}
	h2.camp__cychead {
		display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 1.6em;
		margin-bottom: 2.8em;
	}
				.camp__cychead:before {
					content: "";
					display: inline-block;
					width: 8.5em;
					height: 8.5em;
					background: url("../images/camp_tikscricon.png");
					background-size: auto 100%;
				}
		.camp__cychead span {
			color: #2875a5;
			font-size: 6.2em;
			line-height: 1;
		}
	.camp__cycimg {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		margin-bottom: 7em;
	}
	.camp__setu {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		text-align: left;
	}
		.camp__setu .shead {
			display: inline-block;
			margin-bottom: 2.5em;
			padding: 0.4em 4.5em 0.4em 6em;
			background: linear-gradient(120deg, #48b1dd 0%, #2c80b4 40%);
			border-radius: 0 10em 10em 0;
		}
			.camp__setu .shead span {
				color: #fff;
				font-size: 3.4em;
				font-weight: 500;
				letter-spacing: 0.06em;
			}
		.camp__setu .st01 {
			width: 62em;
			margin: 0 auto;
			margin-bottom: 4.5em;
		}
					.camp__setu .st01 + .st01 {
						margin-top: -4.5em;
					}
			.camp__setu .st01 span {
				font-size: 2.6em;
				line-height: 1.84;
			}
		.camp__setu .st01.note {}
			.camp__setu .st01.note span {
				font-size: 1.2em;
			}

.lpft {
	margin-bottom: 16em;
	padding-top: 7em;
	background: #3d83ae;
}
	a.lpft__logo {
		display: block;
		width: 27.8em;
		margin: 0 auto;
		margin-bottom: 5.5em;
	}
	ul.lpft__lists {
		display: flex;
			justify-content: center;
			gap: 0 3em;
		margin-bottom: 5em;
	}
		.lpft__lists > li {
			width: 7.4em;
		}
			.lpft__lists > li a {}
						.lpft__lists > li a:hover {
							opacity: 0.8;
						}
	ul.lpft__link {
		display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 1.5em 0em;
		width: 60em;
		margin: 0 auto;
	}
		.lpft__link > li {
			display: flex;
				justify-content: center;
			width: 50%;
		}
			.lpft__link > li.lpft__link-long {
				width: 100%;
			}
		.lpft__link .lplink {
			text-decoration: none;
		}
			.lpft__link .lplink span {
				color: #fff;
				font-size: 2.4em;
				letter-spacing: 0.04em;
			}
	.lpft__copy {
		display: block;
		width: 71em;
		margin: 0 auto;
		margin-top: 2.5em;
		padding-top: 2.8em;
		padding-bottom: 3.5em;
		text-align: center;
		border-top: 0.2em solid #7eacc9;
	}
		.lpft__copy span {
			color: #fff;
			font-size: 2.4em;
			line-height: 1;
			letter-spacing: 0.04em;
		}

.floatarea {
	position: fixed;
		z-index: 100;
		right: 0;
		left: 0;
		bottom: 0;
		scale: 1 0.6;
		transform-origin: center bottom;
	display: flex;
		justify-content: center;
		align-items: center;
/*	height: 16em;*/
	padding: 1.2em 0;
	background: rgb(255 255 255 / 0.8);
}
	.float__btn {
			scale: 0.6 1;
			transform-origin: center bottom;
		width: 51.6em;
	}
  @media screen and (max-width: 750px) {
		.floatarea {
				scale: 1;
		}
			.float__btn {
					scale: 1;
			}
  }