section.panel {
	padding: 40px 5% 0px 5%;
	@media (width < 550px) {
		padding: 40px 0% 0px 0%;
	}
	> div {
		max-width: 1920px;
		margin-inline: auto;
		display: grid;
		> picture {
			padding-inline: 4%;
			grid-area: 1/1/2/2;
			@media (width < 550px) {
				padding-inline: 0%;
			}
			> img {
				width: 100%;
				max-width: 100%;
			}
		}
		> div {
			grid-area: 1/1/2/2;
			justify-self: start;
            align-self: center;
			@media (width < 550px) {
				padding-left: 2%;
			}
			> figure {
				> img {
					width: 28vw;
					@media (width < 550px) {
						width: 30vw;
					}
				}
			}
			> p {
				display: inline-block;
				padding-block: 2px 4px;
				padding-inline: 20px;
				margin-top: 10px;
				margin-right: 4%;
				text-align: center;
				background: linear-gradient(to right,#4065ff,#48edfc);
				font-size: min(1.1rem, 6vw);
				line-height: 1.5;
				color: #fff;
				white-space: nowrap;
			}
		}
	}
}
section.title {
	padding: 60px 5% 0 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h3 {
			text-align: center;
			font-size: min(2.5rem, 10vw);
			line-height: 1.5;
			color: #000;
			font-weight: 700;
		}
		> h4 {
			text-align: center;
			font-size: min(1.1rem, 6vw);
			line-height: 1.0;
			color: var(--color-accent2);
			font-weight: 700;
			letter-spacing: 3px;
		}
		> p {
			margin-top: 50px;
			font-size: min(1.0rem, 5vw);
			line-height: 1.5;
			color: #222;
			text-align: justify;
		}
	}
}
section.link {
	padding: 60px 5% 60px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		border-bottom: 1px solid var(--color-accent2);
		border-top: 1px solid var(--color-accent2);
		padding-block: 50px;
		> h4 {
			font-size: min(1.4rem, 7vw);
			line-height: 1.5;
			color: var(--color-accent2);
			font-weight: 700;
			margin-bottom: 20px;
		}
		> div {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 20px;
			@media (width < 610px) {
				grid-template-columns: repeat(1, 1fr);
				row-gap: 20px;
			}
			> a {
				text-decoration: none;
				&:hover {
					> div {
						color: #fff;
						background: url(./image/link_hover.svg) var(--color-accent2);
						background-position: calc(100% - 10px) 50%;
						background-size: 25px;
						background-repeat: no-repeat;
					}
				}
				> div {
					padding: 15px 10px;
					background: url(./image/link.svg) #fff;
					background-position: calc(100% - 10px) 50%;
					background-size: 25px;
					background-repeat: no-repeat;
					border: 2px solid var(--color-accent2);
					color: var(--color-accent2);
					font-weight: 700;
					font-size: min(1.1rem, 5vw);
					line-height: 1.5;
				}
			}
		}
	}
}
section.tel {
	padding: 0px 5% 80px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h4 {
			font-size: min(1.4rem, 7vw);
			line-height: 1.5;
			color: var(--color-accent2);
			font-weight: 700;
			margin-bottom: 20px;
		}
		> h2 {
			font-size: min(2.6rem, 10vw);
			line-height: 1.0;
			color: #000;
			font-weight: 700;
			> small {
				font-size: min(1.8rem, 6vw);
			}
		}
		> p {
			margin-top: 10px;
			font-size: min(1.1rem, 5.5vw);
			line-height: 1.6;
			color: #222;
			font-weight: 500;
			text-align: justify;
			> small {
				font-size: min(1.0rem, 5vw);
			}
		}
	}
}