/*basic*/
@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
.c-flex {
	display: flex;
	justify-content: space-between;
}

#main {
	display: block;
	overflow: hidden;
	transition: 0.2s;
	padding: 0 0 0 0;
}
@media screen and (max-width: 767px) {
	#main {
		padding: 0 0 0 0;
	}
}

img {
	max-width: 100%;
	height: auto;
}
.p-experience {
	font-family: "Noto Sans JP", serif;
}
.p-experience a, .p-experience img {
	transition: 0.3s;
}
.p-experience img {
	max-width: 100%;
	height: auto;
}
.p-experience picture {
	display: block;
}
.p-experience .c-inner {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.p-experience .c-mov {
	width: 90%;
	max-width: 865px;
	margin: 0 auto;
	position: relative;
}
.p-experience .c-mov a {
	position: relative;
	border: 5px solid;
	border-color: var(--part-color);
	display: block;
	border-radius: 20px;
	overflow: hidden;
}
.p-experience .c-mov a:before {
	content: "";
	background-image: url(../img/play-btn.webp);
	background-size: cover;
	position: absolute;
	z-index: 2;
	width: 132px;
	height: 68px;
	right: 90px;
	bottom: 40px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-mov a:before {
		width: 53px;
		height: 27px;
		right: 30px;
		bottom: 10px;
	}
}
.p-experience .c-mov:after {
	content: "";
	background-image: url(../img/part1-movbtn.webp);
	background-size: cover;
	width: 95px;
	height: 95px;
	position: absolute;
	left: -30px;
	top: -20px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-mov:after {
		left: -15px;
		top: -60px;
	}
}
.p-experience .c-title {
	background-color: var(--part-color);
	padding: 27px 0 38px 0;
}
@media screen and (max-width: 767px) {
	.p-experience .c-title {
		padding: 5% 0 15% 0;
	}
}
.p-experience .c-title span {
	width: 90%;
	max-width: 965px;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-experience .c-title span {
		text-align: center;
	}
	.p-experience .c-title span img {
		height: 55px;
	}
}
.p-experience .c-btn a {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 0 0px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	background-color: #FFAA5C;
	color: #fff;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-weight: 700;
	font-size: clamp(1.2rem, 1.04rem + 0.5vw, 2rem);
	text-decoration: none;
	border-radius: 20px;
	border: 4px solid #fff;
	height: 65px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-btn a {
		border-radius: 15px;
	}
}
.p-experience .c-btn a:hover {
	opacity: 0.7;
}
.p-experience .c-btn a:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	width: 7px;
	height: 10px;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.03%2010.89%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221%209.89%206.03%205.44%201%201%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767px) {
	.p-experience .c-btn a:after {
		width: 4px;
		height: 7px;
		margin-top: -3px;
		right: 15px;
	}
}
.p-experience .c-accordion {
	padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion {
		padding-bottom: 5%;
	}
}
.p-experience .c-accordion-btn {
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 45px;
	padding: 20px 0;
	color: #4C5E68;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-weight: 700;
	font-size: clamp(1.7rem, 1.36rem + 1.0625vw, 3.4rem);
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
	position: relative;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-btn {
		gap: 10px;
		border-radius: 5px;
		padding: 5px 0;
		font-size: 4.25vw;
		margin-bottom: 15px;
		box-shadow: 0 0 10px rgba(183, 48, 48, 0.2);
	}
}
.p-experience .c-accordion-btn:after {
	content: "";
	position: absolute;
	width: 70px;
	height: 34px;
	clip-path: polygon(50% 100%, 100% 0, 0 0);
	background-color: #fff;
	bottom: -34px;
	left: 50%;
	margin-left: -35px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-btn:after {
		width: 29px;
		height: 13px;
		bottom: -13px;
		margin-left: -14px;
	}
}
.p-experience .c-accordion-btn span {
	background-color: var(--part-color);
	width: 121px;
	height: 62px;
	border-radius: 0 15px 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-btn span {
		width: 46px;
		height: 23px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-btn span img {
		width: 30px;
	}
}
.p-experience .c-accordion-btn.nav-open:before {
	content: "";
	width: 81px;
	height: 17px;
	background-size: cover;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -8px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2081.61%2017.15%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ff5154%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D.cls-2%7Bfill%3A%234c5e68%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M7.02%2C4.25H0v-1.14h7.02v1.14ZM6.37%2C15.97H2.05v.86H.84v-6.24h5.53v5.38ZM.88%2C5.63h5.51v1.1H.88v-1.1ZM.88%2C8.09h5.51v1.12H.88v-1.12ZM6.33%2C1.79H.97V.67h5.37v1.12ZM2.05%2C11.72v3.13h3.11v-3.13h-3.11ZM17.08%2C12.43h-4.4v4.6h-1.34v-4.6h-4.47v-1.27h4.47v-2.65h-3.54v-1.25h3.54v-2.42h-3.89v-1.29h2.14c-.24-.88-.78-2.11-1.34-3.02l1.12-.41c.61.99%2C1.25%2C2.29%2C1.45%2C3.15l-.67.28h3.74l-.67-.26c.47-.89%2C1.12-2.31%2C1.42-3.3l1.36.43c-.52%2C1.06-1.12%2C2.29-1.62%2C3.13h2.44v1.29h-4.14v2.42h3.74v1.25h-3.74v2.65h4.4v1.27Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M24.01%2C2.98c-.09%2C2.11-.22%2C6.5-.22%2C9.28%2C0%2C2.05%2C1.29%2C2.78%2C3.06%2C2.78%2C3.41%2C0%2C5.33-1.92%2C6.67-3.86l1.06%2C1.27c-1.29%2C1.77-3.69%2C4.12-7.79%2C4.12-2.68%2C0-4.53-1.12-4.53-4.15%2C0-2.76.19-7.47.19-9.43%2C0-.69-.04-1.36-.15-1.9l1.88.02c-.09.61-.15%2C1.27-.17%2C1.88Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M48.29%2C2.93c-1.27%2C1.12-3.95%2C3.24-5.33%2C4.4-1.12.95-1.14%2C1.25.06%2C2.25%2C1.7%2C1.38%2C4.99%2C4.04%2C6.97%2C6.02l-1.32%2C1.23c-.39-.45-.82-.91-1.29-1.36-1.3-1.34-4.14-3.76-5.87-5.2-1.77-1.47-1.55-2.27.13-3.69%2C1.4-1.17%2C4.23-3.41%2C5.5-4.69.37-.37.84-.89%2C1.06-1.25l1.38%2C1.23c-.39.32-.97.8-1.29%2C1.06Z%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2273.61%22%20y1%3D%221.65%22%20x2%3D%2273.61%22%20y2%3D%2216.65%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2266.11%22%20y1%3D%229.15%22%20x2%3D%2281.11%22%20y2%3D%229.15%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-btn.nav-open:before {
		width: 41px;
		height: 8px;
		margin-top: -4px;
		right: 15px;
	}
}
.p-experience .c-accordion-btn.nav-open.active:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041.6%208.88%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ff5154%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A.52px%3B%7D.cls-2%7Bfill%3A%234c5e68%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M3.67%2C2.22H0v-.59h3.67v.59ZM3.32%2C8.33H1.07v.45H.44v-3.26h2.89v2.81ZM.46%2C2.94h2.88v.57H.46v-.57ZM.46%2C4.22h2.88v.58H.46v-.58ZM3.3.93H.5V.35h2.8v.58ZM1.07%2C6.11v1.63h1.62v-1.63h-1.62ZM8.91%2C6.48h-2.29v2.4h-.7v-2.4h-2.33v-.66h2.33v-1.38h-1.85v-.65h1.85v-1.26h-2.03v-.67h1.12c-.13-.46-.41-1.1-.7-1.57l.58-.21c.32.52.65%2C1.2.76%2C1.64l-.35.15h1.95l-.35-.14c.24-.47.58-1.21.74-1.72l.71.22c-.27.55-.58%2C1.2-.85%2C1.63h1.27v.67h-2.16v1.26h1.95v.65h-1.95v1.38h2.29v.66Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M12.53%2C1.56c-.05%2C1.1-.12%2C3.39-.12%2C4.84%2C0%2C1.07.67%2C1.45%2C1.59%2C1.45%2C1.78%2C0%2C2.78-1%2C3.48-2.01l.55.66c-.67.92-1.93%2C2.15-4.06%2C2.15-1.4%2C0-2.36-.58-2.36-2.17%2C0-1.44.1-3.9.1-4.92%2C0-.36-.02-.71-.08-.99h.98c-.05.33-.08.67-.09.99Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M25.21%2C1.53c-.66.58-2.06%2C1.69-2.78%2C2.29-.58.5-.59.65.03%2C1.18.88.72%2C2.61%2C2.11%2C3.63%2C3.14l-.69.64c-.2-.23-.43-.48-.67-.71-.68-.7-2.16-1.96-3.06-2.71-.92-.77-.81-1.19.07-1.92.73-.61%2C2.21-1.78%2C2.87-2.45.19-.19.44-.47.55-.65l.72.64c-.21.17-.51.42-.67.55Z%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2233.51%22%20y1%3D%224.77%22%20x2%3D%2241.34%22%20y2%3D%224.77%22%2F%3E%3C%2Fsvg%3E");
}
.p-experience .c-accordion-box {
	padding: 10px;
	background-color: #fff;
	max-width: 860px;
	margin: 0 auto 35px auto;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box {
		padding: 5px;
		margin-bottom: 5%;
	}
}
.p-experience .c-accordion-box div {
	background-color: #fff;
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 35px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box div {
		padding: 10px;
		position: relative;
		display: block;
	}
}
.p-experience .c-accordion-box dl {
	width: 60%;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box dl {
		width: 100%;
	}
}
.p-experience .c-accordion-box dl dt {
	color: var(--part-color);
	font-size: clamp(1.4rem, 1.16rem + 0.75vw, 2.6rem);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box dl dt {
		line-height: 1.2;
		margin-bottom: 5px;
	}
}
.p-experience .c-accordion-box dl dd {
	color: #4C5E68;
	font-size: clamp(1.1rem, 1.04rem + 0.1875vw, 1.4rem);
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box dl dd {
		line-height: 1.2;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box dl dd span {
		display: block;
		padding-right: 40%;
	}
}
.p-experience .c-accordion-box figure {
	width: 38%;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box figure {
		width: 35%;
		position: absolute;
		right: 3%;
		bottom: 15%;
	}
}
.p-experience .c-accordion-box .c-btn {
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box .c-btn {
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box .c-btn a {
		font-size: 4.5vw;
		line-height: 1.3;
		height: 77px;
		text-align: center;
	}
}
.p-experience .c-accordion-box:nth-of-type(2) dl {
	width: 65%;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box:nth-of-type(2) dl {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box:nth-of-type(2) dl dd span {
		padding-right: 30%;
	}
}
.p-experience .c-accordion-box:nth-of-type(2) figure {
	width: 33%;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box:nth-of-type(2) figure {
		width: 30%;
		top: 20%;
		right: 1%;
	}
}
.p-experience .c-accordion-box2 {
	max-width: 875px;
	background-color: #fff;
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
	border-radius: 24px;
	overflow: hidden;
	margin: 60px auto 0px auto;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 {
		margin-top: 0;
	}
}
.p-experience .c-accordion-box2 h3 {
	background-color: #66CCB8;
	text-align: center;
	padding: 20px 0 30px 0;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 h3 {
		padding: 15px 30px;
	}
}
.p-experience .c-accordion-box2 h3:after {
	content: "";
	background-image: url(../img/part1-10.webp);
	background-size: auto 100%;
	width: 98%;
	height: 8px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 h3:after {
		height: 4px;
		bottom: -2px;
	}
}
.p-experience .c-accordion-box2 div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 55px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div {
		padding: 15px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div dl {
		width: 60%;
	}
}
.p-experience .c-accordion-box2 div dl dt {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div dl dt {
		margin-bottom: 5px;
	}
}
.p-experience .c-accordion-box2 div dl dd {
	color: #4C5E68;
	font-size: clamp(1.1rem, 1rem + 0.3125vw, 1.6rem);
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div dl dd {
		line-height: 1.2;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div figure {
		width: 35%;
		margin-right: 3%;
	}
}
.p-experience .c-accordion-box2 div p {
	width: 100%;
}
.p-experience .c-accordion-box2 div p a {
	max-width: 510px;
	width: 100%;
	margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
	.p-experience .c-accordion-box2 div p a {
		font-size: 4.5vw;
		height: 50px;
	}
}
.p-experience .c-showroombtn {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-experience .c-showroombtn {
		width: 90%;
		margin: 0 auto;
	}
}
.p-experience .c-showroombtn a {
	display: inline-block;
	filter: drop-shadow(10px 10px 10px rgba(0, 74, 135, 0.3));
}
.p-experience-mv {
	position: relative;
	overflow: hidden;
}
.p-experience-mv__box {
	padding: 50px 0 0 0;
	background-image: url(../img/mv-bg-pc.webp);
	background-size: cover;
	border: 20px solid #FF989B;
	border-bottom: none;
}
@media screen and (max-width: 767px) {
	.p-experience-mv__box {
		border: none;
		background-image: url(../img/mv-bg-sp.webp);
		background-size: 100%;
		background-repeat: no-repeat;
		padding-top: 5%;
	}
}
.p-experience-mv:before, .p-experience-mv:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 230px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201595%20233%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1595%2C188.1V0h-793c375.69%2C0%2C692.79%2C79.41%2C793%2C188.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M802%2C0H0v198.68C88.86%2C84.6%2C414.22%2C0%2C802%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M0%2C198.68v34.32h1595v-44.9C1494.79%2C79.41%2C1177.69%2C0%2C802%2C0S88.86%2C84.6%2C0%2C198.68Z%22%2F%3E%3C%2Fsvg%3E");
	background-size: cover;
	background-position: center top;
	bottom: 0px;
	left: 0%;
	transform: scale(1.1);
	transform-origin: center top;
}
@media screen and (max-width: 1300px) {
	.p-experience-mv:before, .p-experience-mv:after {
		height: 16vw;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-mv:before, .p-experience-mv:after {
		display: none;
	}
}
.p-experience-mv:after {
	bottom: -30px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201595%20233%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23FDEDEB%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1595%2C188.1V0h-793c375.69%2C0%2C692.79%2C79.41%2C793%2C188.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M802%2C0H0v198.68C88.86%2C84.6%2C414.22%2C0%2C802%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M0%2C198.68v34.32h1595v-44.9C1494.79%2C79.41%2C1177.69%2C0%2C802%2C0S88.86%2C84.6%2C0%2C198.68Z%22%2F%3E%3C%2Fsvg%3E");
}
.p-experience-mv h1 {
	text-align: center;
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-experience-mv h1 {
		position: relative;
		z-index: 3;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-mv h1 img {
		width: 100%;
	}
}
.p-experience-area1 {
	background-color: #FDEDEB;
	position: relative;
	padding-top: 1px;
}
.p-experience-area1:after {
	content: "";
	background-image: url(../img/area1-wave.webp);
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	aspect-ratio: 3211/240;
}
@media screen and (max-width: 767px) {
	.p-experience-area1:after {
		background-image: url(../img/area1-wave-sp.webp);
		z-index: 7;
		aspect-ratio: 791/164;
	}
}
.p-experience-area1__box {
	width: 90%;
	max-width: 1125px;
	margin: -150px auto 0 auto;
	display: grid;
	grid-template: "title title title" auto "tl2 tl2 pic" max-content "txt txt pic" 1fr/1fr 1fr 445px;
}
@media screen and (max-width: 1200px) {
	.p-experience-area1__box {
		margin-top: -100px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box {
		margin-top: 0;
		display: flex;
		flex-direction: column;
	}
}
.p-experience-area1__box h2 {
	grid-area: title;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box h2 {
		width: 85%;
		margin: -7vw auto 5vw auto;
		position: relative;
		z-index: 5;
	}
}
.p-experience-area1__box h3 {
	grid-area: tl2;
	text-align: right;
	margin-top: 20px;
	margin-right: -50px;
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box h3 {
		width: 90%;
		margin: 0 auto;
	}
}
.p-experience-area1__box figure {
	grid-area: pic;
	position: relative;
	margin: -5% 0 auto 0;
}
@media screen and (max-width: 1200px) {
	.p-experience-area1__box figure {
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box figure {
		width: 80%;
		margin: -8vw auto 0 auto;
		position: relative;
		z-index: 6;
	}
}
.p-experience-area1__box figure figcaption {
	position: absolute;
	font-size: 1rem;
	left: -5.5em;
	bottom: 3em;
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box figure figcaption {
		left: 0;
		bottom: 13vw;
	}
}
.p-experience-area1__box p {
	grid-area: txt;
	margin: 0 -20px auto auto;
	position: relative;
	text-align: right;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-experience-area1__box p {
		width: 100%;
		margin: 0 auto;
	}
}
.p-experience-nav {
	padding: 50px 0 50px 0;
}
@media screen and (max-width: 767px) {
	.p-experience-nav {
		padding: 0 0 5% 0;
	}
}
.p-experience-nav h2 {
	text-align: center;
	margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
	.p-experience-nav h2 {
		width: 85%;
		margin: 0 auto 10% 5%;
	}
}
.p-experience-nav nav {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav {
		width: 100%;
	}
}
.p-experience-nav nav ul {
	display: flex;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul {
		flex-direction: column;
	}
}
.p-experience-nav nav ul li {
	width: 33.33%;
	display: flex;
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li {
		width: 100%;
		box-shadow: none;
	}
}
.p-experience-nav nav ul li.is-current a {
	opacity: 1;
}
.p-experience-nav nav ul li.is-current a p, .p-experience-nav nav ul li.is-current a dl, .p-experience-nav nav ul li.is-current a img {
	opacity: 1;
}
.p-experience-nav nav ul li.is-current a:before {
	height: 95%;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li.is-current a:before {
		height: 100%;
	}
}
.p-experience-nav nav ul li.is-current a:after {
	opacity: 1;
}
.p-experience-nav nav ul li a {
	position: relative;
	text-decoration: none;
	width: 100%;
	padding: 0 0 30px 0;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a {
		padding: 3% 5% 7.5% 5%;
		pointer-events: all;
	}
}
.p-experience-nav nav ul li a:hover {
	opacity: 1;
}
.p-experience-nav nav ul li a:hover p, .p-experience-nav nav ul li a:hover dl, .p-experience-nav nav ul li a:hover img {
	opacity: 1;
}
.p-experience-nav nav ul li a:hover:before {
	height: 95%;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a:hover:before {
		height: 100%;
	}
}
.p-experience-nav nav ul li a:hover:after {
	opacity: 1;
}
.p-experience-nav nav ul li a p {
	position: relative;
	display: block;
	max-width: 340px;
	width: 90%;
	margin: 0 auto;
	font-family: "Montserrat", sans-serif;
	color: #fff;
	font-weight: 700;
	font-size: clamp(1.8rem, 1.48rem + 1vw, 3.4rem);
	line-height: 0.7;
	border-bottom: 1px dashed #fff;
	margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a p {
		line-height: 1;
		text-align: center;
		position: absolute;
		width: auto;
		max-width: none;
		border: none;
		top: -12%;
		left: 8%;
	}
}
.p-experience-nav nav ul li a p span {
	display: inline-block;
	transform: translate(10px, -20px);
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a p span {
		transform: translate(0, 0);
	}
}
.p-experience-nav nav ul li a p em {
	font-style: normal;
	font-size: clamp(2.8rem, 2.28rem + 1.625vw, 5.4rem);
}
.p-experience-nav nav ul li a p:before {
	content: "";
	background-image: url(../img/nav-pic1.webp);
	background-size: cover;
	width: 126px;
	height: 153px;
	display: inline-block;
	margin: -55px 0 0 0;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a p:before {
		width: 58px;
		height: 73px;
		display: block;
		margin: 0 auto;
	}
}
.p-experience-nav nav ul li a dl {
	position: relative;
	text-align: center;
}
.p-experience-nav nav ul li a dl dt {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a dl dt {
		padding: 0 30px 0 115px;
	}
}
.p-experience-nav nav ul li a dl dd {
	color: #4C5E68;
	font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
	line-height: 1.5;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a dl dd {
		text-align: left;
		border-top: 1px dashed #fff;
		margin-top: 20px;
		padding-top: 15px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a dl dd br {
		display: none;
	}
}
.p-experience-nav nav ul li a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FF989B;
	bottom: 0;
	left: 0;
	transition: 0.3s;
}
.p-experience-nav nav ul li a:after {
	content: "";
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	width: 40px;
	height: 20px;
	background-color: #FF989B;
	position: absolute;
	left: 50%;
	bottom: -19px;
	margin-left: -20px;
	transition: 0.3s;
	opacity: 0;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li a:after {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li:nth-of-type(1) dl dt img {
		width: 205px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li:nth-of-type(2) a dl dt img {
		width: 154px;
	}
}
.p-experience-nav nav ul li:nth-of-type(2) a p:before {
	background-image: url(../img/nav-pic2.webp);
	width: 161px;
	height: 152px;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li:nth-of-type(2) a p:before {
		background-image: url(../img/nav-pic2-sp.webp);
		width: 77px;
		height: 73px;
	}
}
.p-experience-nav nav ul li:nth-of-type(2) a:before, .p-experience-nav nav ul li:nth-of-type(2) a:after {
	background-color: #89CBF5;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li:nth-of-type(3) a dl dt img {
		width: 129px;
	}
}
.p-experience-nav nav ul li:nth-of-type(3) a p:before {
	background-image: url(../img/nav-pic3.webp);
	width: 117px;
	height: 147px;
}
@media screen and (max-width: 767px) {
	.p-experience-nav nav ul li:nth-of-type(3) a p:before {
		background-image: url(../img/nav-pic3-sp.webp);
		width: 53px;
		height: 73px;
	}
}
.p-experience-nav nav ul li:nth-of-type(3) a:before, .p-experience-nav nav ul li:nth-of-type(3) a:after {
	background-color: #9ED9CD;
}
.p-experience-part {
	background-color: #FBF2E9;
	position: relative;
}
.p-experience-part__title {
	background-image: url(../img/bg-pic.webp);
	background-size: cover;
	border-top: 20px solid;
	border-top-color: var(--part-color);
	position: relative;
	/*&:after{
	    content: "";
	    background-image: url(../img/part1-wave.webp);
	    background-size: cover;
	    width: 100%;
	    height: 80px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	}*/
}
.p-experience-part__title h2 {
	background-color: var(--part-color);
	max-width: 530px;
	height: 185px;
	width: 90%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 0 0 20px 20px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-experience-part__title h2 {
		position: relative;
		height: auto;
		width: 82%;
		padding-bottom: 5%;
	}
}
.p-experience-part__title h2 img {
	width: 214px;
	height: 57px;
}
.p-experience-part__title h2 span {
	display: block;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__title h2 span {
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__title h2 span img {
		width: auto;
		max-width: none;
		height: 34px;
	}
}
.p-experience-part__title figure {
	position: relative;
	left: 40%;
	transform: translateX(-310px);
}
@media screen and (max-width: 1600px) {
	.p-experience-part__title figure {
		width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__title figure {
		transform: translateX(-50%);
		width: 65%;
		left: 50%;
	}
}
.p-experience-part__title p {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 80px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.p-experience-part__title p {
		height: 32px;
	}
}
.p-experience-part__title p picture {
	display: inline;
}
.p-experience-part__title p img {
	object-fit: fill;
	width: 100%;
	height: 100%;
}
.p-experience-part.part1 {
	--part-color:#FF9FA1;
}
.p-experience-part.part2 {
	--part-color:#89CBF5;
	--part-color2:#E1F2FD;
	--part-color3:#62BAF2;
	--part-color4: #B2DBF1;
	--part-color5:#D8EEFC;
	--part-color6:#CAE8FB;
}
@media screen and (max-width: 767px) {
	.p-experience-part.part2 .p-experience-part__title h2 .ig2 {
		width: 200px;
		height: 69px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part.part2 .p-experience-part__title h2 span {
		margin-bottom: 10px;
	}
}
.p-experience-part.part2 .p-experience-part__title figure {
	left: 28%;
	transform: translateX(-310px);
}
@media screen and (max-width: 1600px) {
	.p-experience-part.part2 .p-experience-part__title figure {
		transform: translateX(0);
		left: 5%;
	}
}
@media screen and (max-width: 1100px) {
	.p-experience-part.part2 .p-experience-part__title figure {
		left: 2%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part.part2 .p-experience-part__title figure {
		width: 75%;
		margin: -3vw auto 0 auto;
	}
}
.p-experience-part.part2 .c-mov {
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.p-experience-part.part2 .c-mov {
		margin-top: 20vw;
		position: relative;
		z-index: 2;
	}
}
.p-experience-part.part2 .c-mov:after {
	content: "";
	background-image: url(../img/part2-movbtn.webp);
}
.p-experience-part.part3 {
	--part-color:#78CABA;
	--part-color2:#E1F3F0;
	--part-color3:#62C1AF;
	--part-color4:#D0ECE7;
	--part-color5:#D0ECE7;
	--part-color6:#B0E0D7;
}
@media screen and (max-width: 767px) {
	.p-experience-part.part3 .p-experience-part__title h2 .ig2 {
		width: 200px;
		height: 69px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part.part3 .p-experience-part__title h2 span {
		margin-bottom: 10px;
	}
}
.p-experience-part.part3 .p-experience-part__title figure {
	transform: translateX(-350px);
}
@media screen and (max-width: 767px) {
	.p-experience-part.part3 .p-experience-part__title figure {
		transform: translateX(-7.5%);
		left: 0;
		margin: -3vw auto 0 auto;
	}
}
.p-experience-part.part3 .c-title {
	background-color: var(--part-color3);
}
@media screen and (max-width: 767px) {
	.p-experience-part.part3 .c-title.ctl2 span img {
		height: 103px;
	}
}
.p-experience-part.part3 .c-mov {
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.p-experience-part.part3 .c-mov {
		margin-top: 20vw;
	}
}
.p-experience-part.part3 .c-mov:after {
	content: "";
	background-image: url(../img/part3-movbtn.webp);
}
.p-experience-part__copy {
	color: #4C5E68;
	font-size: clamp(1.4rem, 1.28rem + 0.375vw, 2rem);
	text-align: center;
	line-height: 1.65;
}
@media screen and (max-width: 767px) {
	.p-experience-part__copy {
		text-align: left;
		padding: 0 5%;
	}
}
.p-experience-part__area1 {
	position: relative;
}
.p-experience-part__area1:before {
	content: "";
	background-color: #FFE0E1;
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1:before {
		height: 80vw;
	}
}
.p-experience-part__area1:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0;
	bottom: 100px;
	background-color: #FFE0E1;
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1:after {
		bottom: 80vw;
		height: 40px;
	}
}
.p-experience-part__area1 .c-inner {
	max-width: 1000px;
	display: flex;
	position: relative;
	padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1 .c-inner {
		flex-direction: column;
		width: 100%;
		padding-bottom: 80vw;
	}
}
.p-experience-part__area1 figure:nth-of-type(1) {
	margin-top: 90px;
	transform: scale(1.15);
	transform-origin: left top;
	width: calc(100% - 445px);
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1 figure:nth-of-type(1) {
		width: 95%;
		transform-origin: center top;
		transform: scale(1);
		margin: 5% auto 0 auto;
	}
}
.p-experience-part__area1 figure:nth-of-type(2) {
	width: 445px;
	transform: translateX(40px);
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1 figure:nth-of-type(2) {
		width: 55%;
		margin: -5% auto 0 auto;
		transform: translateX(0);
	}
}
.p-experience-part__area1 figure:nth-of-type(3) {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	border-radius: 30px;
	max-width: 740px;
	overflow: hidden;
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1 figure:nth-of-type(3) {
		position: absolute;
		width: 90%;
		left: auto;
		right: 0;
		margin: 0 0 0 auto;
		border-radius: 0;
		box-shadow: none;
		filter: drop-shadow(0 0 40px rgba(183, 48, 48, 0.5));
	}
}
.p-experience-part__area1 figure:nth-of-type(3) span {
	display: block;
}
@media screen and (max-width: 767px) {
	.p-experience-part__area1 figure:nth-of-type(3) img {
		max-width: none;
		width: 160%;
	}
}
.p-experience-part__flow {
	background: linear-gradient(to bottom, rgb(255, 224, 225) 0%, rgb(255, 246, 246) 100%);
	padding: 1px 0 0 0;
}
.p-experience-part__flow .c-mov {
	margin: 60px auto;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow .c-mov {
		margin-top: 20%;
	}
}
.p-experience-part__flow__box1 {
	max-width: 965px;
	margin: 0 auto;
	width: 90%;
}
.p-experience-part__flow__box1 .c-flex {
	align-items: flex-end;
	margin-top: -185px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box1 .c-flex {
		margin-top: 0;
		flex-direction: column-reverse;
		align-items: center;
	}
}
.p-experience-part__flow__box1 .c-flex dl {
	margin-bottom: 4em;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box1 .c-flex dl {
		margin-bottom: 1em;
	}
}
.p-experience-part__flow__box1 .c-flex dl dt {
	font-size: clamp(2.4rem, 1.92rem + 1.5vw, 4.8rem);
	color: #FF989B;
	font-weight: 700;
}
.p-experience-part__flow__box1 .c-flex dl dd {
	font-size: clamp(1.5rem, 1.4rem + 0.3125vw, 2rem);
	color: #4C5E68;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box1 .c-flex dl dd {
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box1 .c-flex figure {
		width: 60%;
		margin: -15% auto 0 auto;
	}
}
.p-experience-part__flow__box2 {
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box2 {
		padding-bottom: 25vw;
	}
}
.p-experience-part__flow__box2:after {
	content: "";
	background-image: url(../img/part1-wave2.webp);
	position: absolute;
	background-size: cover;
	width: 100%;
	left: 0;
	bottom: 0;
	aspect-ratio: 3195/172;
}
.p-experience-part__flow__box2 .c-flex {
	align-items: center;
	max-width: 965px;
	margin: 0 auto;
	margin-top: -185px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box2 .c-flex {
		margin-top: 0;
		flex-direction: column-reverse;
	}
}
.p-experience-part__flow__box2 dl {
	margin-top: 100px;
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box2 dl {
		margin-top: 0;
	}
}
.p-experience-part__flow__box2 dl dt {
	font-size: clamp(2.4rem, 1.92rem + 1.5vw, 4.8rem);
	color: #FF989B;
	font-weight: 700;
}
.p-experience-part__flow__box2 dl dd {
	font-size: clamp(1.5rem, 1.4rem + 0.3125vw, 2rem);
	color: #4C5E68;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box2 figure {
		width: 60%;
		margin: -15% auto 0 auto;
	}
}
.p-experience-part__flow__box3 {
	background-color: #F9EBDD;
}
.p-experience-part__flow__box3 .c-inner {
	max-width: 965px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box3 .c-inner .c-flex {
		flex-direction: column;
	}
}
.p-experience-part__flow__box3 .c-inner .c-flex figure:nth-of-type(1) {
	margin-top: -100px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box3 .c-inner .c-flex figure:nth-of-type(1) {
		margin: -20vw auto 0 auto;
		width: 55%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box3 .c-inner .c-flex figure:nth-of-type(2) {
		margin-top: -15vw;
		position: relative;
	}
}
.p-experience-part__flow__box3 .slide-box {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.p-experience-part__flow__box3 h3 {
	margin-top: -90px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-experience-part__flow__box3 h3 {
		margin-top: 5%;
	}
}
.p-experience-part__point {
	background-color: var(--part-color2);
	margin-top: 120px;
	position: relative;
	padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point {
		margin-top: 5%;
		padding-bottom: 10%;
	}
}
.part3 .p-experience-part__point {
	margin-top: 160px;
	padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.part3 .p-experience-part__point {
		margin-top: 15%;
		padding-bottom: 10%;
	}
}
.p-experience-part__point:before {
	content: "";
	width: 100%;
	height: 60px;
	background-color: var(--part-color2);
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
	position: absolute;
	left: 0;
	top: -60px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point:before {
		height: 35px;
		top: -34px;
	}
}
.p-experience-part__point__title {
	width: 90%;
	max-width: 1020px;
	margin: 0 auto;
	display: flex;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__title {
		flex-direction: column;
	}
}
.p-experience-part__point__title dl {
	width: 57%;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__title dl {
		width: 100%;
	}
}
.part3 .p-experience-part__point__title dl {
	width: 70%;
	margin-top: 70px;
}
@media screen and (max-width: 767px) {
	.part3 .p-experience-part__point__title dl {
		width: 100%;
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.part3 .p-experience-part__point__title dl dt {
		margin-top: 3%;
	}
}
.p-experience-part__point__title dl dt {
	margin: 15px 0 50px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__title dl dt {
		text-align: center;
		margin: 10% 0 5% 0;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__title dl dd {
		width: 95%;
		margin: 0 auto;
	}
}
.p-experience-part__point__title figure {
	width: 43%;
	margin-top: -75px;
	margin-left: -5%;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__title figure {
		width: 55%;
		margin: 0 auto 0 15%;
	}
}
.part3 .p-experience-part__point__title figure {
	margin: 0;
}
@media screen and (max-width: 767px) {
	.part3 .p-experience-part__point__title figure {
		width: 65%;
		margin: 0 auto;
	}
}
.p-experience-part__point__title figure img {
	width: 110%;
	max-width: none;
}
.part3 .p-experience-part__point__title figure img {
	width: 120%;
}
.p-experience-part__point__box {
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	border: 2px solid;
	border-color: var(--part-color4);
	width: 90%;
	max-width: 1275px;
	margin: 0 auto 30px auto;
	padding: 50px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__box {
		border-radius: 10px;
		padding: 60px 15px 25px 15px;
	}
}
.p-experience-part__point__box h3 {
	text-align: center;
	color: var(--part-color3);
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: clamp(2.8rem, 2.32rem + 1.5vw, 5.2rem);
	line-height: 1.4;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__box h3 {
		line-height: 1.2;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 375px) {
	.p-experience-part__point__box h3 {
		font-size: 7vw;
	}
}
.p-experience-part__point__box h3 span {
	display: block;
	color: #4C5E68;
	font-size: clamp(1.8rem, 1.56rem + 0.75vw, 3rem);
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__box h3 span {
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 375px) {
	.p-experience-part__point__box h3 span {
		font-size: 4vw;
	}
}
.p-experience-part__point__box .c-btn {
	text-align: center;
}
.p-experience-part__point__box .c-btn a {
	display: inline-flex;
	padding: 0 50px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__box .c-btn a {
		display: flex;
		font-size: 4.5vw;
		line-height: 1.2;
		padding: 0;
		height: 55px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__box .c-btn.c2 a {
		height: 75px;
	}
}
.p-experience-part__point__subt {
	background-color: var(--part-color3);
	position: absolute;
	width: 127px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 12px 12px 0;
	left: 0;
	top: 20px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__subt {
		width: 81px;
		height: 44px;
		top: -2px;
		left: -2px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__subt img {
		width: 50px;
		height: 23px;
	}
}
.p-experience-part__point__pictxt {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__pictxt {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 15px;
	}
}
.p-experience-part__point__pictxt ul {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__pictxt ul {
		gap: 15px;
	}
}
.p-experience-part__point__pictxt ul li {
	text-align: right;
}
.p-experience-part__point__pictxt p {
	max-width: 415px;
	background-color: var(--part-color5);
	border: 3px solid;
	border-color: var(--part-color6);
	border-radius: 20px;
	padding: 40px 30px;
	color: #4C5E68;
	font-weight: 700;
	font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.p-experience-part__point__pictxt p {
		padding: 15px;
		border-radius: 14px;
		line-height: 1.7;
	}
}
.p-experience-part__point__pictxt p.bg {
	max-width: 510px;
}
.p-experience-part__bath1 {
	max-width: 865px;
	width: 90%;
	padding: 1px 0 0 0;
	margin: 30px auto 0 auto;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-experience-part__bath1 {
		margin-top: 10%;
		width: 100%;
	}
}
.p-experience-part__bath1 figure:nth-of-type(1) {
	text-align: right;
	position: relative;
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__bath1 figure:nth-of-type(1) {
		margin: 0 auto;
		width: 95%;
	}
}
.p-experience-part__bath1 figure:nth-of-type(2) {
	position: absolute;
	left: -150px;
	top: 0;
}
@media screen and (max-width: 767px) {
	.p-experience-part__bath1 figure:nth-of-type(2) {
		position: relative;
		left: 0;
		width: 45%;
		margin: -5vw auto 0 auto;
	}
}
.p-experience-part__bath1 figure:nth-of-type(3) {
	border-radius: 30px;
	max-width: 740px;
	margin: 40px 0 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
}
@media screen and (max-width: 767px) {
	.p-experience-part__bath1 figure:nth-of-type(3) {
		width: 95%;
		margin: 0 0 0 auto;
		border-radius: 0;
		box-shadow: none;
		filter: drop-shadow(0 0 40px rgba(183, 48, 48, 0.5));
	}
}
.p-experience-part__bath1 figure:nth-of-type(3) span {
	display: block;
}
@media screen and (max-width: 767px) {
	.p-experience-part__bath1 figure:nth-of-type(3) img {
		max-width: none;
		width: 160%;
	}
}
.p-experience-part__systembath {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath .c-flex {
		flex-direction: column-reverse;
	}
}
.p-experience-part__systembath .c-flex p {
	color: #4C5E68;
	font-size: clamp(1.4rem, 1.28rem + 0.375vw, 2rem);
	flex-shrink: 0;
	margin: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath .c-flex p {
		margin: 0 0 5% 0;
	}
}
.p-experience-part__systembath .c-flex figure {
	margin: -160px -100px 0 0;
}
@media screen and (max-width: 1100px) {
	.p-experience-part__systembath .c-flex figure {
		margin-right: -15vw;
		width: 55%;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath .c-flex figure {
		margin: -10vw auto 0 auto;
		width: 55%;
	}
}
.p-experience-part__systembath__box {
	background-color: #fff;
	margin-top: -130px;
	border: 3px solid;
	border-color: var(--part-color6);
	border-radius: 10px;
	position: relative;
	padding: 40px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath__box {
		margin: 0;
		border-width: 1px;
		padding: 15px;
		flex-direction: column;
	}
}
.p-experience-part__systembath__box h3 {
	text-align: center;
	width: 100%;
}
.p-experience-part__systembath__box h3 span {
	text-align: left;
	display: inline-block;
	color: var(--part-color3);
	border-bottom: 2px dashed;
	border-color: var(--part-color3);
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	font-size: clamp(2.8rem, 2.32rem + 1.5vw, 5.2rem);
	line-height: 1;
	padding: 0 20px 20px 20px;
	margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath__box h3 span {
		display: block;
		line-height: 1.3;
		padding: 0 0 10px 0;
		margin-bottom: 15px;
	}
}
.p-experience-part__systembath__box figure {
	width: 45%;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath__box figure {
		width: 85%;
		margin: 0 auto;
	}
}
.p-experience-part__systembath__box p.txt {
	width: 52%;
	background-color: var(--part-color5);
	border: 3px solid;
	border-color: var(--part-color6);
	border-radius: 12px;
	padding: 20px 25px;
	color: #4C5E68;
	font-weight: 700;
	font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath__box p.txt {
		width: 100%;
		margin-top: 5vw;
	}
}
.p-experience-part__systembath .c-btn {
	margin: 30px auto 0 auto;
	max-width: 650px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath .c-btn {
		margin: 5% auto;
	}
}
@media screen and (max-width: 767px) {
	.p-experience-part__systembath .c-btn a {
		font-size: 4.5vw;
		line-height: 1.2;
		text-align: center;
		height: 75px;
	}
}
.p-experience-part__tekisei {
	max-width: 960px;
	width: 90%;
	margin: 45px auto;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(183, 48, 48, 0.2);
	border-radius: 18px;
	overflow: hidden;
	display: grid;
	grid-template: "tl tl pic1" auto "txt txt pic1" auto "pic2 pic2 pic2" auto/1fr 1fr 1fr;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei {
		display: block;
		border-radius: 11px;
	}
}
.p-experience-part__tekisei h3 {
	grid-area: tl;
	background-color: #E5F4F8;
	padding: 65px 0 0 60px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei h3 {
		padding: 10% 0 0 0;
		text-align: center;
	}
}
.p-experience-part__tekisei p {
	grid-area: txt;
	background-color: #E5F4F8;
	padding: 35px 0 45px 60px;
	font-size: clamp(1.5rem, 1.44rem + 0.1875vw, 1.8rem);
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei p {
		padding: 1em;
		line-height: 1.6;
	}
}
.p-experience-part__tekisei__pic1 {
	grid-area: pic2;
}
.p-experience-part__tekisei__pic1 figure {
	padding: 60px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei__pic1 figure {
		padding: 5%;
	}
}
.p-experience-part__tekisei__pic1 figure img {
	max-width: none;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei__pic1 figure img {
		width: 200%;
	}
}
.p-experience-part__tekisei__pic2 {
	grid-area: pic1;
	background-color: #E5F4F8;
	display: flex;
	padding-right: 15px;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei__pic2 {
		background-color: transparent;
		padding: 0 10px 0 20px;
	}
}
.p-experience-part__tekisei__pic2 picture {
	margin: auto 0 0 auto;
}
.p-experience-part__tekisei__pic2 picture img {
	transform: scale(1.55);
	transform-origin: right bottom;
}
@media screen and (max-width: 767px) {
	.p-experience-part__tekisei__pic2 picture img {
		transform: scale(1);
	}
}
.p-experience .js-switchingContents {
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 0.3s;
}
@media screen and (max-width: 767px) {
	.p-experience .js-switchingContents {
		height: auto;
		opacity: 1;
	}
}
.p-experience .js-switchingContents.is-open {
	height: auto;
	opacity: 1;
}
.p-experience .c-sidenav {
	position: absolute;
	right: 0;
	top: 350px;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav {
		top: 100px;
	}
}
.p-experience .c-sidenav.is-fixed {
	position: fixed;
	top: 350px;
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav.is-fixed {
		top: 100px;
	}
}
.p-experience .c-sidenav li {
	margin-bottom: 7px;
}
.p-experience .c-sidenav li a {
	background-color: #FF989B;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 20px 20px 40px;
	border-radius: 80px 0 0 80px;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav li a {
		padding: 10px 10px 10px 20px;
		pointer-events: all;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav li a .num {
		display: flex;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav li a .num img {
		width: auto;
		max-width: none;
		height: 18px;
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-sidenav li a .txt {
		display: none;
	}
}
.p-experience .c-sidenav li.on a {
	border: 1px solid #000;
}
.p-experience .c-sidenav li:nth-of-type(2) a {
	background-color: #89CBF5;
}
.p-experience .c-sidenav li:nth-of-type(3) a {
	background-color: #9ED9CD;
}
.p-experience .overflow-right__sliderWrap {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding-left: calc(50vw - 50%);
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__pagination {
		bottom: 2.5em;
		padding-right: 100px;
	}
}
.p-experience .overflow-right__sliderWrap .splide__pagination .splide__pagination__page {
	background: #999;
	margin: 0 7px;
}
.p-experience .overflow-right__sliderWrap .splide__pagination .splide__pagination__page.is-active {
	background: #000;
	transform: scale(1);
	z-index: 1;
}
.p-experience .overflow-right__sliderWrap .splide__arrows {
	position: absolute;
	width: 90%;
	top: 50%;
	max-width: 1280px;
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__arrows {
		position: static;
		display: flex;
		justify-content: flex-end;
		gap: 15px;
		padding-bottom: 5%;
		width: 95%;
	}
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--prev {
	left: -30px;
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--prev svg {
	transform: scaleX(-1) translateX(10px);
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--prev svg {
		transform: scaleX(-1) translateX(5px);
	}
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--next {
	right: -30px;
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--next svg {
	transform: translateX(10px);
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow--next svg {
		transform: translateX(5px);
	}
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow {
	background-color: #333;
	height: 74px;
	width: 74px;
	opacity: 1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow {
		position: static;
		width: 50px;
		height: 50px;
		transform: translate(0);
	}
}
.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow svg {
	fill: #fff;
	width: 30px;
	height: 30px;
	stroke-width: 2px;
}
@media screen and (max-width: 767px) {
	.p-experience .overflow-right__sliderWrap .splide__arrows .splide__arrow svg {
		width: 20px;
		height: 20px;
	}
}
.p-experience .c-slides .splide__slide {
	max-width: 740px;
	padding: 20px 0 30px 0px;
}
.p-experience .c-slides .splide__slide figure {
	box-shadow: 0 0 40px rgba(183, 48, 48, 0.2);
	border-radius: 30px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.p-experience .c-slides .splide__slide figure {
		border-radius: 0;
		box-shadow: none;
		filter: drop-shadow(0 0 20px rgba(183, 48, 48, 0.2));
	}
}
@media screen and (max-width: 767px) {
	.p-experience .c-slides .splide__slide figure img {
		width: 160%;
		max-width: none;
	}
}
.p-experience .m-icon.m-icon-blank {
	display: none;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
	.banner-common {
		top: 130px;
	}
}
.container-second {
	max-width: 960px;
	margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
	.container-second {
		padding: 0 15px;
	}
}
.for_bnr a {
	display: block;
	max-width: 720px;
	width: 90%;
	margin: 60px auto;
}/*# sourceMappingURL=experience.css.map */