@charset "utf-8";
.min_fv img {
		margin: auto;
}
.w800 {
		max-width: 800px;
		margin: auto
}
#wet {
		max-width: 1000px;
		margin: auto;
		padding: 30px 10px;
}
#wet .sec-head {
		text-align: center;
		padding-top: 70px
}
.center {
		text-align: center;
		margin-bottom: 30px
}
.bold {
		font-weight: bold
}
.wet_service_flex span {
		display: flex;
		text-align: center;
		align-items: center;
		margin: -10px auto 40px;
		gap: 2rem;
		justify-content: center;
}
.wet_service_flex li {
		width: 33%;
		margin: 0 10px
}
.sec-head {
		text-align: center;
}
.merit_list {
		display: flex;
		max-width: 1000px;
		margin: auto;
}
.merit_list li {
		width: 33%;
		background: #FFFAE4;
		padding: 30px;
		gap: 1rem;
		display: grid;
		border-radius: 10px;
		box-shadow: 3px 6px 5px #d5d5d5;
		position: relative;
		margin: 20px 10px;
}
.merit_list h3 {
		text-align: center
}
.merit_list span {
		background: #FFC654;
		border-radius: 50%;
		color: #fff;
		font-family: "Nova Slim", system-ui;
		font-weight: bold;
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -5%;
		right: 44%;
}
/*bg logo*/
.blob {
		max-height: 100%;
		max-width: 800px;
		margin: -5% auto;
		display: block;
}
.blob path {
		animation: blob 7s linear infinite, rot 53s linear infinite;
}
@keyframes blob {
		0% {
				d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
		}
		25% {
				d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
		}
		50% {
				d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
		}
		75% {
				d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
		}
		100% {
				d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
		}
}
@keyframes rot {
		fom {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
.blob-wrap {
		position: relative;
}
.blob-text {
		position: absolute;
		inset: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		z-index: 2;
		color: #333;
		text-align: left
}
.blob-text h2 {
		margin-bottom: 8px;
}
.blob-text p {
		max-width: 500px;
		margin-top: 30px
}
/* ---------------- system ---------------- */
.flow_bg {
		background-image: url("../img/system/flow_bg.svg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-bottom: 50px
}
#flow .flow_list span {
		width: 90px;
		height: 90px;
}
#flow .sec-head {
		padding: 0 0 50px
}
.flow_list {
		display: flex;
		justify-content: space-between;
		margin: 30px auto;
		max-width: 800px
}
.flow_list .left {
		text-align: center
}
.flow_list .left img {
		display: block;
		margin: auto;
}
.flow_list .right img {
		display: inline-block;
		margin: 3px 9px -9px 20px;
}
.right a {
		text-decoration-line: underline;
}
.txt_blue {
		color: #009AE1;
		font-family: "Nova Slim", system-ui;
		font-weight: bold;
		text-decoration-line: none !important
}
.step {
		color: #009AE1;
		text-align: center
}
.flow_list .icon {
		background: #FFC654;
		border-radius: 50%;
		color: #fff;
		font-family: "Nova Slim", system-ui;
		font-weight: bold;
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
}
.flow_list .right p {
		background: #FFFAE4;
		padding: 30px;
		border-radius: 10px;
		box-shadow: 3px 6px 5px #d5d5d5;
}
@media (min-width:720px) {
		.wet_service_flex.pc {
				display: flex;
		}
		.flow_list .right p {
				width: 650px;
		}
}
@media (max-width:719px) {
		.wet_service_flex.sp {
				display: flex !important;
				justify-content: center;
		}
		.wet_service_flex li {
				width: 100%;
		}
		.min_fv img {
				width: 70%
		}
		.merit_list {
				display: block;
		}
		.merit_list li {
				width: 90%;
				margin: 30px auto;
		}
		.blob {
				max-height: 100%;
				max-width: 100%;
				margin: 40px auto;
				display: block;
		}
		.blob-text {
				width: 90%;
				margin: auto;
		}
		section {
				padding: 40px 0 0;
		}
		.flow_list {
				display: block;
				margin: 15px
		}
		.flow_list .left {
				margin: auto;
				text-align: center;
				display: table;
		}
		.right h3 {
				text-align: center
		}
		.line {
				display: none !important
		}
}