@charset "UTF-8";

/* lead-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {
		.lead-content {
			display: flex;
			flex-direction: column-reverse;
		}
		:where(.lead-content, .other-info) figcaption {
			font-size: 13rem;
			text-align: center;
		}
		.map1, .map2 {
			margin: 0 auto 30rem;
			width: 280rem;
		}
		figcaption {margin-top: .5em;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.lead-section {
			width: calc(100% - 30rem);
			max-width: 980rem;
		}
		.lead-content {
			display: flex;
			justify-content: space-between;
		}
		:where(.lead-content, .other-info) figure {position: relative;}
		:where(.lead-content, .other-info) figcaption {
			position: absolute;
			line-height: 1.5;
			font-size: 14rem;
		}

		/* tab */
		@media (max-width: 1024px) {
			.lead-content {
				align-items: center;
				margin: 0 auto;
				width: 720rem;
			}
			.lead-content .the_content {
				width: 300rem;
			}
			.lead-content figure {
				width: 400rem;
				padding-bottom: 20rem;
			}
			:where(.lead-content, .other-info) figcaption {
				bottom: -10rem;
				right: 0;
			}
		}
		/* pc */
		@media (min-width: 1025px) {
			.lead-content .the_content {
				padding-right: 45rem;
				width: calc(100% - 504rem);
			}
			.lead-content figure {
				width: 504rem;
			}
			:where(.lead-content, .other-info) figcaption {
				bottom: -10rem;
				right: 0;
			}
			
		}
	}
}

/* corner-section */
@media all {
	.corner-header-ttl {
		text-align: center;
		line-height: 1.5;
	}
	.alpha-list .list-ttl {
		position: relative;
		display: inline-block;
		padding-left: 1.5em;
		font-weight: 500;
		line-height: 1.5;
	}
	.alpha-list .list-ttl::before {
		content: attr(data-alpha);
		position: absolute;
		top: .2em;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: .1em;
		border-radius: 50%;
		width: 1.25em;
		height: 1.25em;
		color: #fff;
	}
	.alpha-list .list-ttl[data-alpha=A]::before {background-color: #ff00b3;}
	.alpha-list .list-ttl[data-alpha=B]::before {background-color: #ffb400;}
	.alpha-list .list-ttl[data-alpha=C]::before {background-color: #6b57ff;}
	.alpha-list .list-ttl[data-alpha=D]::before {background-color: #42c9ca;}
	.alpha-list .list-ttl[data-alpha=E]::before {background-color: #2fc200;}

	.corner-list {text-align: center;}
	.corner-item.item-A {background-color: #ffebf9;}
	.corner-item.item-B {background-color: #ffefc9;}
	.corner-item.item-C {background-color: #f0eeff;}
	.corner-item.item-D {background-color: #e2f7f7;}
	.corner-item.item-E {background-color: #eaf6bc;}
	.corner-ttl {line-height: 1.333;}
	.corner-ttl-2line {
		position: relative;
		height: 3em;
	}
	.corner-ttl-2line > span {
		position: absolute;
		left: .75em;
		bottom: 0;
		display: block;
		width: 100%;
	}
	.corner-info {line-height: 1.867;}
	.corner-img-list {display: flex;}
	.corner-img-item img {
		display: block;
		aspect-ratio: 4/3;
		object-fit: cover;
	}
	.corner-img-item figcaption {
		margin-top: .2em;
		text-align: left;
		line-height: 1.5;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.corner-section {margin-top: 50rem;}
		.corner-header {
			padding: 0 10rem;
			text-align: center;
		}
		.area-img {width: 100%;}
		.corner-text-list {
			display: inline-flex;
			flex-direction: column;
			text-align: left;
			line-height: 1.8;
		}
		.corner-list {margin-top: 25rem;}
		.corner-item {padding: 30rem 0 35rem;}
		.corner-item + .corner-item {margin-top: 4rem;}
		.corner-ttl {font-size: 22rem;}
		.corner-info {margin-top: 20rem;}
		.corner-img-list {
			flex-wrap: wrap;
			justify-content: center;
			gap: 20rem 12rem;
			margin-top: 20rem;
			padding: 0 5rem;
		}
		.corner-img-item {width: 30%;}
		.corner-img-item img {border-radius: 14rem;}
		.corner-img-item figcaption {font-size: 13rem;}

		.conrner-info-notice {
			margin-top: 8rem;
			display: block;
			font-size: 12rem;
			line-height: 1.4;
		}
		.conrner-info-notice + .conrner-info-notice {
			margin-top: -16rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.corner-section {margin-top: 80rem;}
		.corner-header-ttl {font-size: 18rem;}
		.area-img {
			display: block;
			margin: 10rem auto 0;
			width: calc(100% + 30rem);
			max-width: 980rem;
		}
		.corner-text-list {
			margin: 5rem auto 0;
			width: 390rem;
		}
		.corner-text-item + .corner-text-item {
			margin-top: 10rem;
		}
		
		.corner-list {margin-top: 45rem;}
		.corner-item {padding: 40rem 0 60rem;}
		.corner-item + .corner-item {margin-top: 7rem;}
		.corner-item > :where(.corner-info, .corner-img-list) {
			margin-left: auto;
			margin-right: auto;
			width: calc(100% - 30rem);
			max-width: 980rem;
		}
		.corner-ttl {font-size: 30rem;}
		.corner-info {margin-top: 40rem;}
		.corner-img-list {
			justify-content: center;
			column-gap: 20rem;
			margin-top: 30rem;
		}
		.corner-img-item {width: 180rem;}
		.corner-img-item img {border-radius: 20rem;}

		/* tab */
		@media (max-width: 1024px) {
			.area-img {width: 100%;}

			.corner-img-list {
				flex-wrap: wrap;
				margin: 30rem auto 0;
				row-gap: 20rem;
				width: 740rem;
			}
		}
	}
}

/* other-section */
@media all {
	.other-item-ttl {
		font-weight: 500;
		line-height: 1.333;
	}
	.other-item-text {line-height: 1.867;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.other-section {padding: 40rem 0 60rem;}
		.other-info {
			display: flex;
			flex-direction: column-reverse;
			padding: 0 20rem;
		}
		.other-item + .other-item {margin-top: 30rem;}
		.other-item-ttl {font-size: 20rem;}
		.other-item-text {margin-top: 10rem;}
		.other-img-list {margin-top: 30rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.other-section {padding-bottom: 130rem;}
		.other-info {
			display: flex;
			justify-content: space-between;
			margin: 90rem auto 0;
		}
		.other-img-list {margin-top: 50rem;}
		.other-item + .other-item {margin-top: 50rem;}
		.other-item-ttl {font-size: 30rem;}
		.other-item-text {margin-top: 30rem;}

		/* tab */
		@media (max-width: 1024px) {
			.other-section {margin-top: 50rem;}
			.other-info {
				display: flex;
				align-items: center;
				margin: 0 auto;
				width: 720rem;
			}
			.other-list {width: 300rem;}
			.lead-map-fig.map2 {
				padding-bottom: 20rem;
				width: 400rem;
			}
			.other-item:first-child,
			.other-item:last-child {width: 720rem;}
		}
		/* pc */
		@media (min-width: 1025px) {
			.other-info {
				align-items: center;
				width: 980rem;
			}
			.other-list {width: 432rem;}
			.lead-map-fig.map2 {
				width: 530rem;
			}
		}
	}
}

/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.contact-section {padding-bottom: 120rem;}
	}
}






/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}
