@charset "utf-8";


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


/* thought  */
.thought {
    padding: 91px 0 102px;
}
	.thought__sub--text {
		font-family: 'Noto Serif JP';
		font-weight: 300;
		font-size: 24px;
		color: #ffffff;
		width: 510px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #3fa8f4;
		margin: 0 auto 20px;
		letter-spacing: 0.02em;
	}
	.thought__ttl {
		font-family: 'Noto Serif JP';
		font-size: 50px;
		font-weight: 500;
		margin-bottom: 22px;
		text-align: center;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	.thought__text {
		font-family: 'Noto Sans JP';
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
		text-align: center;
		margin-bottom: 41px;
		color: #333333;
	}
	.thought__detail {
		width: 1000px;
		background-color: #f4f4f4;
		padding: 21px 14px 43px;
	}
		.thought__detail--text {
			font-family: 'Noto Serif JP';
			font-weight: 200;
			font-size: 22px;
			color: #ffffff;
			width: 960px;
			height: 70px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #0d2540;
			margin-bottom: 36px;
		}
			.simulation__img {
				width: 591px;
				margin: 0 auto;
			}

/* reason  */
.reason {
	position: relative;
	overflow: hidden;
	padding: 83px 0 133px;
	z-index: 1;
}
.reason:before {
	content: "";
    position: absolute;
    background: #e6edf1;
    width: 1840px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
	.reason__ttl.sell__ttl {
		margin-bottom: 50px;
	}
	.reason__list {
		display: flex;
		flex-wrap: wrap;
		gap: 70px;
	}
		.reason__item {
			position: relative;
			z-index: 1;
		}
			.reason__item:before {
				content: "";
				position: absolute;
				width: 1200px;
				height: 340px;
				background-color: #fff;
				left: 50%;
				transform: translateX(-50%);
				z-index: -1;
			}
			.reason__content {
				width: 1000px;
				display: flex;
				gap: 18px;
				padding: 20px 0 20px 22px;
			}
			.reason__item:nth-child(even) .reason__content {
				flex-direction: row-reverse;
				padding: 20px 18px 20px 20px;
			}
				.reason__gallery {
					position: relative;
				}
					.reason__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;
					}
					.reason__item:nth-child(even) .reason__num {
						right: -20px;
						left: auto;
					}
						.reason__num span {
							font-family: 'Oswald';	
							font-size: 50px;
							font-weight: 300;
							color: #ffffff;
						}
							.reason__img {
								width: 450px;
								height: 300px;
							}
								.reason__detail {
									padding-top: 68px;
								}
									.reason__detail dt {
										font-family: 'Noto Serif JP';
										font-size: 24px;
										font-weight: 200;
										padding-bottom: 16px;
										margin-bottom: 12px;
										border-bottom: 1px solid #0d2540;
										color: #000000;
										width: 490px;
									}
										.reason__detail dd {
											font-family: 'Noto Sans JP';
											font-size: 16px;
											font-weight: 100;
											line-height: 2;
											color: #000000;
										}

/* support */
.support {
	background: #ffffff;
	padding: 112px 0 133px;
}
	.support__ttl.sell__ttl {
		margin-bottom: 52px;
	}
		.support__list {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 20px;
			margin-bottom: 26px;
		}
			.support__item {
				display: flex;
				justify-content: center;
				gap: 20px;
				background-color: #f4f4f4;
				padding: 12px 20px 20px;
			}
				.support__ttl--box {
					display: flex;
					flex-wrap: wrap;
					align-items: baseline;
					justify-content: center;
					gap: 12px;
					margin-bottom: 17px;
				}
				.support__num {
					font-family: 'Oswald';
					font-size: 30px;
					font-weight: 300;
					display: flex;
					align-items: baseline;
					gap: 20px;
					letter-spacing: 0.05em;
				}
					.support__num span {
						font-family: 'Oswald';	
						font-size: 50px;
						font-weight: 300;
					}
						.support__item--ttl {
							font-family: 'Noto Serif JP';
							font-size: 22px;
							font-weight: 200;
							color: #0d2540;
							letter-spacing: -0.03em;
						}
							.support__detail {
								display: flex;
								gap: 20px;
							}
							.support__text {
									font-family: 'Noto Sans JP';
									font-size: 16px;
									font-weight: 100;
									line-height: 1.9;
									color: #000000;
									letter-spacing: -0.03em;
								}

								.support__item.support__once {
									width: 1000px;
								}
								.support__item.support__once .support__img {
									width: 450px;
									height: 300px;
								}
								.support__item.support__once .support__text {
									width: 490px;
									padding-top: 85px;
								}
								.support__item.support__third {
									width: 320px;
									height: 466px;
									box-sizing: border-box;
									padding: 0px 20px 20px;
								}
								.support__item.support__third .support__detail {
									flex-wrap: wrap;
									gap: 12px;
								}
								.support__item.support__third .support__ttl--box {
									margin-bottom: 25px;
								}
								.support__bottom--text {
									font-family: 'Noto Sans JP';
									font-size: 14px;
									font-weight: 100;
									color: #000000;
								}

/* flow */
.flow {
	position: relative;
	overflow: hidden;
	padding: 76px 0 40px;
	z-index: 1;
}
.flow:before {
    content: "";
    position: absolute;
    background: #e6edf1;
    width: 1840px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
	.flow__inner { 
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
	}
	.flow__ttl.sell__ttl {
		margin-bottom: 46px;
	}
		.flow__ttl span {
			font-family: 'Oswald';
			font-size: 50px;
			color: #0d2540;
			display: block;
			margin-bottom: 14px;
		}
		.flow__contents {
			max-width: 1200px;
			margin: 0 auto;
			overflow: hidden; 
		}
			.flow__list {
				width: 100%;
				margin: 0 auto 50px;
			}
			.flow__item {
				width: 100%;
				max-width: 1200px;
				box-sizing: border-box;
				height: 340px;
				margin: 0 auto;
				background-color: #fff;
			}
				.flow__item--inner {
					width: 1000px;
					margin: 0 auto;
					padding: 20px;
					display: flex;
					gap: 51px;
				}
					.flow__img {
						width: 450px;
						flex-shrink: 0;
					}
						.flow__num {
							font-family: 'Oswald';
							font-size: 30px;
							font-weight: 400;
							text-align: right;
							margin-bottom: 29px;
							padding-right: 1px;
							line-height: 1.2;
						}
							.flow__num span {
								font-family: 'Oswald';	
								font-size: 50px;
								font-weight: 400;
								margin-left: 18px;
							}
							.flow__detail dt {
								font-family: 'Noto Serif JP';
								font-size: 22px;
								font-weight: 400;
								border-bottom: 1px solid #0d2540;
								margin-bottom: 16px;
								padding-bottom: 15px;
							}
								.flow__detail dd {
									font-family: 'Noto Sans JP';
									font-size: 16px;
									font-weight: 300;
									line-height: 1.75;
									letter-spacing: 0.01em;
								}
								.flow__nav {
									position: absolute;
									top: 50%;
									left: 0;
									width: 100%;
									transform: translateY(-50%);
									pointer-events: none;
									z-index: 10;
								}
									.flow__nav > div {
									pointer-events: auto;
									position: absolute;
									width: 31px;
									height: 60px;
									}
									.flow__nav-prev {
										top: 56px;
										left:  -61px;
										transform: rotate(180deg); 
									}
									.flow__nav-next {
										top: 56px;
    									right: -61px;
									}
									.flow__nav-prev:after,
									.flow__nav-next:after {
										content: '';
										position: absolute;
										background: url(../images/icon_triangle.webp) no-repeat center center / contain;
										width: 100%;
										height: 100%;
									}

/* Q & A */
.qa {
	padding: 89px 0 72px;
}
	.qa__ttl.sell__ttl {
		margin-bottom: 55px;
	}
		.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: 25px;
			}
				.qa__detail dt {
					font-family: 'Noto Serif JP';
					font-size: 20px;
					font-weight: 400;
					color: #0d2540;
					position: relative;
					display: flex;
					align-items: center;
					padding-left: 57px;
    				margin-bottom: 26px;
				}
					.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;
						}