@charset 'utf-8';
	
/* common */

.about section .inner {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}
.about section.breadcrumbs .inner ul li::after {
	background-image: url(../img/common/icon-arrow-02-wit.png);
}

.about nav.global-nav ul.global-nav-links.pc {
	display: flex !important;
}
.about section.kv.cm .box {
	margin-bottom: 0;
}
	.about .kv .box figure.main_hero {
		position: relative;
		overflow: hidden;
		max-width: 1920px;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.about .main-block.fadein.show {
		width: calc(100vw - 40px);
		background: rgba(255,255,255,0.6);
		border-radius: 0;
		padding: 40px 20px;
		top: inherit;
		max-width: calc(100vw - 40px);
		position: absolute;
		bottom: 0;
	}
		.about .main-block .header-block.flex {
			align-items: flex-start;
			gap: 20px;
			max-width: 1500px;
			margin: 0 auto;
			justify-content: flex-start;
		}
			.main-block .header-block.flex h2 {
				margin-top: 0;
				margin-bottom: 0;
				font-size: 3.6rem;
				max-width: 60%;
				color: #302D2C;
			}
				.about .main-block .header-block.flex h2 span.txt-s {
					display: block;
					font-size: 2rem;
				}
section.about-section-01 {
	background-image: url(../img/about/about-bg-1.webp);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 80px 20px;
}
	section.about-section-01 p {
		line-height: 2;
		font-size: 1.9rem;
		font-weight: normal;
		margin: 0;
	}
section.about-section-02 {
	background-image: url(../img/about/about-bg-2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 20px;
}
	section.about-section-02 h3.sub-title {
		color: #44A3A8;
		font-size: 3.6rem;
	}
		section.about-section-02 h3.sub-title span.txt-ss {
			display: block;
			font-size: 1.6rem;
			color: #666666;
		}
		section.about-section-02 h2.txt-green {
			font-size: 5.4rem;
			line-height: 1.3em;
		}
		section.about-section-02 ul {
			padding: 0;
			list-style: none;
		}
			section.about-section-02 ul li {
				font-size: 2rem;
				color: #666666;
				position: relative;
				padding: 20px 10px 20px 70px;
			}
				section.about-section-02 ul li::before {
					content: "";
					border: 1px solid #44A3A8;
					height: 50px;
					width: 50px;
					line-height: 50px;
					text-align: center;
					color: #44A3A8;
					display: inline-block;
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					border-radius: 50px;
				}
				section.about-section-02 ul li.no-01::before { content:"1"; }
				section.about-section-02 ul li.no-02::before { content:"2"; }
				section.about-section-02 ul li.no-03::before { content:"3"; }
				section.about-section-02 ul li.no-04::before { content:"4"; }
				section.about-section-02 ul li.no-05::before { content:"5"; }

section.about-section-03 {
	padding: 80px 20px 40px;
}
	section.about-section-03 h3.sub-title {
		color: #44A3A8;
		font-size: 3.6rem;
	}
		section.about-section-03 h3.sub-title span.txt-ss {
			font-size: 1.6rem;
			display: block;
			color: #666666;
		}
	section.about-section-03 .bg-laightgray {
		background: #F4F4F4;
		border-radius: 20px;
		padding: 120px 40px;
	}
		section.about-section-03 .bg-laightgray figure {
			margin: 0 auto 100px;
			max-width: 300px;
		}
			section.about-section-03 .bg-laightgray figure img {
				width: 100%;
			}
		section.about-section-03 .bg-laightgray p {
			font-size: 1.6rem;
			font-weight: normal;
			line-height: 1.7em;
			max-width: 700px;
			margin: 0 auto;
			width: 100%;
		}

section.about-section-04 {}
	section.about-section-04 h3.title.txt-center {
		font-weight: normal;
		color: #44A3A8;
		font-size: 8.3rem;
		margin: 40px 0;
	}
		section.about-section-04 h3.title.txt-center span.txt-ss {
			font-size: 2.4rem;
			display: block;
			color: #666666;
		}
	section.about-section-04 ul.flex {
		display: flex !important;
		padding: 0;
		justify-content: center;
		align-items: flex-start;
		gap: 40px;
		position: relative;
		flex-wrap: wrap;
		list-style: none;
	}
		section.about-section-04 ul.flex li {
			width: calc(33.333% - 87px);
			text-align: center;
			position: relative;
			padding: 40px 20px 20px;
			box-shadow: 0 0 10px rgb(68 163 168 / 40%);
			border-radius: 10px;
		}
			section.about-section-04 ul.flex li figure {}
				section.about-section-04 ul.flex li figure img {
					max-height: 60px;
				}
			section.about-section-04 ul.flex li:last-child figure {
					margin: calc(1em + 10px) 1em;
				}
				section.about-section-04 ul.flex li:last-child figure img {
					max-height: 40px;
				}
			section.about-section-04 ul.flex li h4 {
				font-size: 1.6rem;
				margin: 10px 0 40px;
			}
			section.about-section-04 ul.flex li p.txt-center {
				font-size: 1.4rem;
				line-height: 1.7;
				font-weight: normal;
			}
				section.about-section-04 ul.flex li p.txt-center span {
					display: block;
				}
			section.about-section-04 ul.flex li p.txt-green.ntab.flex {
				height: 1.4em;
				text-align: center;
				justify-content: center;
			}
				section.about-section-04 ul.flex li p.txt-green.ntab.flex img.link-arrow {
					height: 100%;
					transform: rotate(180deg);
					margin-right: 0.5em;
				}


section.about-section-05.plan-lists.bg-greenlight {}
	section.about-section-05.plan-lists.bg-greenlight .inner {
		max-width: 1260px;
	}



@media screen and (min-width:1025px) {

}
@media screen and (max-width:1024px) {

	.about nav.global-nav ul.global-nav-links.pc {
		display: none !important;
	}
	.about section.kv.cm {
		height: auto;
	}
	.about .kv .box figure.main_hero {
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.about .kv .box figure.main_hero img {
		height: 50vw;
		width: auto;
		margin-bottom: 30px;
		max-height: 100vh;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.about .main-block.fadein.show {
		padding: 0;
		width: 100vw;
		height: 100%;
		max-width: 100%;
	}
	.about .main-block .header-block.flex h2 {
		font-size: 2.4rem;
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 10px 0;
		position: absolute;
		bottom: 30px;
		color: #302D2C;
	}
	section.about-section-01 {
		background-position: right bottom;
		padding: 20px 20px 300px;
	}
	section.about-section-02 {
		background-position: right center;
		padding: 20px;
	}
	section.about-section-02 h3.sub-title {
		font-size: 2.4rem;
	}
	section.about-section-02 h2.txt-green {
		font-size: 3.2rem;
		line-height: 1.4;
	}
	section.about-section-02 ul li {
		font-size: 1.6rem;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 60px;
	}
	section.about-section-02 ul li::before {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	section.about-section-03 {
		padding: 20px;
	}
	section.about-section-03 h3.sub-title {
		font-size: 2.4rem;
	}
	section.about-section-03 .bg-laightgray {
		padding: 40px;
	}
	section.about-section-03 .bg-laightgray figure {
		max-width: 220px;
		margin: 40px auto;
	}
	section.about-section-04 {
		padding: 20px;
	}
	section.about-section-04 h3.title.txt-center {
		font-size: 5rem;
	}
	section.about-section-04 h3.title.txt-center span.txt-ss {
		font-size: 1.8rem;
	}
	section.about-section-04 ul.flex li {
		width: calc(50% - 87px);
	}
	section.plan-lists .inner .section-head h3 {
		font-size: 2.4rem;
	}
}
@media screen and (max-width:767px) {
	
	section.about-section-04 ul.flex {
		gap: 20px 0;
	}
	section.about-section-04 ul.flex li {
		width: 100%;
	}
}