@charset "utf-8";

/* //////////////////////////////////////// LAYOUT START //////////////////////////////////////// */
.l-main {
    width: 100%;
    padding-bottom: 0;
    background-color: #fff;
}
main * {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	color: #333333;
}
/* //////////////////////////////////////// LAYOUT END //////////////////////////////////////// */

body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}
#contents,
.l-main {
	width: 100%;
	background-color: #fff;
	padding-bottom: 0;
}
.sell__ttl {
	font-family: 'Noto Serif JP';
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 34px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #000000;
}


/* achievements  */
.achievements {
    padding: 70px 0 130px;
}
	.achievements__head {
		margin-bottom: 52px;
	}
		.achievements__sub--ttl {
			background-color: #3fa8f4;
			color: #ffffff;
			padding: 16px 0 19px;
			position: relative;
		}
			.achievements__sub--ttl--small {
				font-family: inherit;
				color: inherit;
				font-size: 16px;
				font-weight: inherit;
				display: block;
				margin-top: 15px;
			}
			.achievements__sub--ttl::before {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-right: 19px solid transparent;
				border-left: 19px solid transparent;
				border-top: 25px solid #3fa8f4;
				border-bottom: 0;
				position: absolute;
				bottom: -22px;
				left: 0;
				right: 0;
				margin: auto;
			}
			.achievements__text {
				font-size: 24px;
				text-align: center;
				margin-bottom: 12px;
			}
			.achievements__ttl {
				font-size: 40px;
				font-weight: 700;
				line-height: 1.6;
				text-align: center;
				color: #000000;
				margin-bottom: 29px;
			}
				.achievements__content--img {
					width: fit-content;
					margin: 0 auto 14px;
				}
				.achievements__content--text,
				.achievements__content--text--small {
					font-size: 16px;
					font-weight: 100;
					text-align: center;
					line-height: 2;
				}
				.achievements__content--text--small {
					margin-top: 8px;
				}
	.achievements__bottom {
		background-color: #f4f4f4;
		padding: 36px 0 39px;
		position: relative;
	}
		.achievements__bottom::before {
			content: '';
			background: url(../images/txt_sarani.webp) no-repeat center center / contain;
			display: block;
			width: 346px;
			height: 176px;
			position: absolute;
			top: -139px;
			left: -65px;
		}
		.achievements__bottom--ttl {
			font-family: 'Noto Serif JP', serif;
			font-size: 30px;
			font-weight: 500;
			line-height: 1.65;
			text-align: center;
			color: #000000;
			margin-bottom: 29px;
		}
			.achievements__bottom--ttl--large {
				font-family: 'Noto Serif JP', serif;
				font-size: 50px;
				font-weight: 700;
				color: #3fa8f4;
				display: block;
				position: relative;
				z-index: 1;
				width: fit-content;
				margin: 6px auto 0;
				padding-left: 20px;
			}
			.achievements__bottom--ttl--large::before {
				content: '';
				background-color: #ffff66;
				display: block;
				width: calc(100% - 20px);
				height: 13px;
				position: absolute;
				bottom: 11px;
				left: 10px;
				z-index: -1;
			}
		.achievements__bottom--content {
			display: flex;
			gap: 49px;
			padding-left: 87px;
		}
			.achievements__bottom--content--img {
				flex-shrink: 0;
			}
			.achievements__bottom--content--text {
				font-size: 20px;
				font-weight: 100;
				line-height: 2;
				color: #000000;
				margin-top: 41px;
			}

/* flow  */
.flow {
	position: relative;
	overflow: hidden;
	padding: 83px 0 133px;
	z-index: 1;
}
.flow.leasing {
	margin-bottom: 92px;
}
	.flow:before {
		content: "";
		position: absolute;
		background: #e6edf1;
		width: 1840px;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.flow.contact::before {
		content: "";
		position: absolute;
		background: #e6edf1;
		width: 1840px;
		height: 100%;
		top: 0;
		left: auto;
		right: 0;
		z-index: -1;
	}
	.flow__ttl.sell__ttl {
		margin-bottom: 97px;
	}
	.flow__list {
		display: flex;
		flex-wrap: wrap;
		gap: 70px;
	}
		.flow__item {
			position: relative;
			z-index: 1;
		}
			.flow__item:before {
				content: "";
				position: absolute;
				width: 1200px;
				height: 340px;
				background-color: #fff;
				left: 50%;
				transform: translateX(-50%);
				z-index: -1;
			}
			.flow__content {
				width: 1000px;
				display: flex;
				gap: 18px;
				padding: 20px 0 20px 22px;
			}
			.flow__item:nth-child(even) .flow__content {
				flex-direction: row-reverse;
				padding: 20px 18px 20px 20px;
			}
				.flow__gallery {
					position: relative;
				}
					.flow__num {
						font-family: 'Oswald';
						font-size: 30px;
						font-weight: 300;
						color: #ffffff;
						width: 260px;
						height: 80px;
						background-color: #0d2540;
						display: flex;
						align-items: baseline;
						justify-content: center;
						position: absolute;
						left: -21px;
						top: -41px;
						gap: 10px;
						letter-spacing: 0.09em;
					}
					.flow__item:nth-child(even) .flow__num {
						right: -20px;
						left: auto;
					}
						.flow__num span {
							font-family: 'Oswald';	
							font-size: 50px;
							font-weight: 300;
							color: #ffffff;
						}
							.flow__img {
								width: 450px;
								height: 300px;
							}
								.flow__detail {
									padding-top: 68px;
								}
									.flow__detail dt {
										font-family: 'Noto Serif JP';
										font-size: 24px;
										font-weight: 500;
										padding-bottom: 16px;
										margin-bottom: 12px;
										border-bottom: 1px solid #0d2540;
										color: #000000;
										width: 490px;
									}
										.flow__detail dd {
											font-family: 'Noto Sans JP';
											font-size: 16px;
											font-weight: 100;
											line-height: 2;
											color: #000000;
										}

/* support */
.support {
	background: #ffffff;
	padding: 129px 0 0;
}
	.support__ttl.sell__ttl {
		margin-bottom: 58px;
	}
		.support__list {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 42px 40px;
			margin-bottom: 26px;
		}
			.support__item {
				border-top: 1px solid #adadae;
				width: 480px;
				padding-top: 23px;
			}
				.support__item--ttl {
					font-family: 'Noto Serif JP', serif;
					font-size: 24px;
					font-weight: 500;
					color: #000000;
					display: flex;
					gap: 9px;
					margin-bottom: 17px;
				}
					.support__item--ttl::before {
						content: '';
						display: block;
						width: 19px;
						height: 19px;
						background-color: #3fa8f4;
						border-radius: 50%;
						margin-top: 11px;
					}
				.support__content {
					display: flex;
					gap: 29px;
				}
					.support__item--img {
						flex-shrink: 0;
						margin-top: 7px;
					}
					.support__text {
						font-size: 16px;
						font-weight: 100;
						line-height: 2;
						color: #000000;
					}
						.support__text--small {
							font-size: 12px;
							font-weight: 100;
							line-height: 1.7;
							display: block;
							margin-top: 8px;
						}

/* Q & A */
.qa {
	padding: 130px 0 118px;
}
	.qa__ttl.sell__ttl {
		color: #0d2540;
		margin-bottom: 52px;
	}
		.qa__ttl span {
			font-family: 'Oswald';
			font-size: 50px;
			color: #0d2540;
			display: block;
			margin-bottom: 14px;
		}
			.qa__item {
				border-bottom: 1px solid #0d2540;
				margin-bottom: 35px;
				padding-bottom: 24px;
			}
				.qa__detail dt {
					font-family: 'Noto Serif JP';
					font-size: 20px;
					font-weight: 500;
					color: #0d2540;
					position: relative;
					display: flex;
					align-items: center;
					padding-left: 57px;
    				margin-bottom: 25px;
				}
					.qa__detail dd {
						font-family: 'Noto Sans JP';
						font-size: 16px;
						font-weight: 100;
						color: #000000;
						line-height: 1.9;
						padding-top: 4px;
						padding-left: 61px;
						position: relative;
					}
						.qa__detail dt:before,
						.qa__detail dd:before {
							position: absolute;
							font-family: 'Oswald';	
							font-size: 26px;
							width: 40px;
							height: 40px;
							display: flex;
							align-items: center;
							justify-content: center;
							left: 0;
						}
						.qa__detail dt:before {
							content: "Q";
							color: #ffffff;
							background-color: #0d2540;
						}
						.qa__detail dd:before {
							content: "A";
							color: #0d2540;
							background-color: #f4f4f4;
							top: 1px;
						}