@charset "UTF-8";


.pc {
	display: block !important;
}
.sp {
	display: none !important;
}



/* page-container */
.page-container {
    padding: 100px 0 0;
}



/* title */
.title {
	margin-bottom: 50px;
}
	.title .head {
		font-size: 22px;
		font-weight: 700;
		line-height: 1.3em;
		color: #236FC7;
		text-align: center;
		margin-bottom: 5px;
	}
	.title h2 {
		font-size: 36px;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 30px;
	}
	.title .txt {
		font-size: 15px;
		line-height: 1.8em;
		text-align: center;
	}



/* structure */
.structure {
	margin-bottom: 75px;
}
	.structure h3 {
		font-size: 26px;
		font-weight: 700;
		line-height: 1.3em;
		color: #236FC7;
		text-align: center;
		margin-bottom: 25px;
	}

	.structure .list {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		max-width: 810px;
		margin: 0 auto 15px auto;
	}
		.structure .list .box {
			width: 31%;
		}
			.structure .list .box .pht {
				overflow: hidden;
				border-radius: 10px;
			}
			.structure .list .box h4 {
				font-size: 18px;
				font-weight: 700;
				line-height: 1.3em;
				text-align: center;
				margin: 10px 0;
			}
			.structure .list .box p {
				font-size: 13px;
				line-height: 1.6em;
				text-align: center;
			}

	.structure .next {
		max-width: 900px;
		border-top: dashed 1px #ddd;
		margin: 50px auto 0 auto;
		padding-top: 50px;
	}
		.structure .next p {
			font-size: 26px;
			font-weight: 700;
			line-height: 1.3em;
			text-align: center;
		}



/* feature */
.feature {
	background: #E8F2F8 url("../img/possibility/bg-triangle.svg") no-repeat center top;
	padding-top: 150px;
	padding-bottom: 120px;
}
	.feature .text {
		margin-bottom: 50px;
	}

	.feature h3 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 20px;
	}

	.feature ul {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		.feature ul li {
			width: 14%;
		}
			.feature ul li p {
				margin-top: 8px;
				font-size: 16px;
				text-align: center;
			}



/* scene */
.scene {
	padding-top: 120px;
	padding-bottom: 120px;
}
	.scene .cell {
		margin-bottom: 50px;
	}
	.scene .cell:nth-last-child(1) {
		margin-bottom: 0;
	}
		.scene .cell h3 {
			font-size: 30px;
			font-weight: 700;
			line-height: 1.3em;
			color: #236FC7;
			margin-bottom: 15px;
			position: relative;
		}
		.scene .cell h3:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #ddd;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -0.5px;
			z-index: -1;
		}
			.scene .cell h3 span {
				background: #fff;
				padding-right: 20px;
			}

		.scene .cell .txt {
			font-size: 14px;
			line-height: 1.8em;
		}


		.scene .cell ul {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			.scene .cell ul li {
				width: 23.5%;
				margin-right: 2%;
				margin-top: 25px;
			}
			.scene .cell ul li:nth-child(4n) {
				margin-right: 0;
			}
				.scene .cell ul li img {
					border-radius: 5px;
				}
				.scene .cell ul li p {
					font-size: 15px;
					text-align: center;
					margin-top: 10px;
				}








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


.pc {
	display: block !important;
}
.sp {
	display: none !important;
}




/* feature */
.feature ul li {
	width: 15%;
}
	.feature ul li p {
		font-size: 14px;
	}
	
	
	
}









/* 768px */
@media screen and (max-width: 768px) {


.pc {
	display: none !important;
}
.sp {
	display: block !important;
}




/* structure */
.structure {
	margin-bottom: 50px;
}



/* title */
.title {
	margin-bottom: 30px;
}
	.title .head {
		font-size: 18px;
	}
	.title h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.title .txt {
		font-size: 13px;
		text-align: left;
	}



/* structure */
.structure {
	margin-bottom: 60px;
}
	.structure h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.structure .list {
		display: block;
		padding: 0 5%;
		margin-bottom: 0;
	}
		.structure .list .box {
			width: 100%;
			margin-bottom: 20px;
		}
			.structure .list .box h4 {
				font-size: 16px;
			}
			.structure .list .box p {
				font-size: 11px;
			}

	.structure .next {
		margin: 40px auto 0 auto;
		padding-top: 40px;
	}
		.structure .next p {
			font-size: 18px;
		}



/* feature */
.feature {
	background: #E8F2F8 url("../img/possibility/bg-triangle.svg") no-repeat center top /  200px;
	padding-top: 80px;
	padding-bottom: 80px;
}
	.feature .text {
		max-width: 500px;
		margin: 0 auto 40px auto;
		padding: 0 5%;
	}

	.feature h3 {
		font-size: 20px;
	}

	.feature ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.feature ul li {
			width: 31%;
			margin-right: 3.5%;
			margin-bottom: 20px;
		}
		.feature ul li:nth-child(3n) {
			margin-right: 0;
		}



/* scene */
.scene {
	padding-top: 80px;
	padding-bottom: 80px;
}
	.scene .cell {
		margin-bottom: 40px;
	}
		.scene .cell h3 {
			font-size: 22px;
			margin-bottom: 10px;
		}

		.scene .cell .txt {
			font-size: 13px;
		}


		.scene .cell ul li {
			width: 48%;
			margin-right: 4%;
			margin-top: 20px;
		}
		.scene .cell ul li:nth-child(4n) {
			margin-right: 4%;
		}
		.scene .cell ul li:nth-child(2n) {
			margin-right: 0;
		}
			.scene .cell ul li p {
				font-size: 13px;
			}


	
	
	
	
}