@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle .leef01 {
	width: calc(280 * var(--vw-ratio));
	top: calc(145 * var(--vw-ratio));
	right: calc(175 * var(--vw-ratio));
}
#pagetitle .leef02 {
	width: calc(280 * var(--vw-ratio));
	left: calc(110 * var(--vw-ratio));
	bottom: calc(100 * var(--vw-ratio));
}
#pagetitle.pj .leef01 {
	right: calc(280 * var(--vw-ratio));
}
#pagetitle.pj .leef02 {
	left: calc(-50 * var(--vw-ratio));
}

#pagetitle.pj .circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(630 * var(--vw-ratio));
	height: calc(580 * var(--vw-ratio));
	margin: calc(-80 * var(--vw-ratio)) auto 0 auto;
	position: relative;
	z-index: -1;
}
#pagetitle.pj .circle:before {
	content: "";
	width: calc(580 * var(--vw-ratio));
	height: calc(580 * var(--vw-ratio));
	border-radius: 50%;
	overflow: hidden;
	background: url("../../common/img/bg_gray.webp") ;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: calc(-290 * var(--vw-ratio));
	z-index: -1;
}
	#pagetitle.pj .circle img {
		margin-top: calc(-60 * var(--vw-ratio));
	}


#pagetitle.pj h1 {
	font-size: calc(24 * var(--vw-ratio));
	text-align: left;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: calc(70 * var(--vw-ratio));
	right: calc(160 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	#pagetitle .leef01 {
		width: calc(140 * var(--vw-ratio));
		top: calc(80 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
	}
	#pagetitle .leef02 {
		width: calc(120 * var(--vw-ratio));
		left: calc(-20 * var(--vw-ratio));
		bottom: calc(30 * var(--vw-ratio));
	}
	#pagetitle.pj .leef01 {
		top: calc(150 * var(--vw-ratio));
		right: calc(20 * var(--vw-ratio));
	}
	#pagetitle.pj .leef02 {
		left: calc(-20 * var(--vw-ratio));
		bottom: calc(40 * var(--vw-ratio));
	}

	#pagetitle.pj .circle {
		width: 100%;
		height: calc(320 * var(--vw-ratio));
		margin: calc(-40 * var(--vw-ratio)) auto 0 auto;
	}
	#pagetitle.pj .circle:before {
		width: calc(320 * var(--vw-ratio));
		height: calc(320 * var(--vw-ratio));
		margin-left: calc(-160 * var(--vw-ratio));
	}
		#pagetitle.pj .circle img {
			margin-top: calc(-40 * var(--vw-ratio));
		}


	#pagetitle.pj h1 {
		font-size: calc(17 * var(--vw-ratio));
		bottom: calc(-15 * var(--vw-ratio));
		right: 0;
	}
}


	
	
/* job
--------------------- */
.job {
	padding: calc(100 * var(--vw-ratio)) 0;
	position: relative;
}
	.job .leef {
		position: absolute;
	}
	.job .leef03 {
		width: calc(240 * var(--vw-ratio));
		top: calc(-100 * var(--vw-ratio));
		right: 0;
	}
	.job .leef04 {
		width: calc(230 * var(--vw-ratio));
		top: calc(100 * var(--vw-ratio));
		left: calc(60 * var(--vw-ratio));
	}
	.job .leef05 {
		width: calc(70 * var(--vw-ratio));
		top: calc(570 * var(--vw-ratio));
		right: 0;
	}
	.job .leef06 {
		width: calc(140 * var(--vw-ratio));
		top: calc(-110 * var(--vw-ratio));
		left: calc(70 * var(--vw-ratio));
	}
	.job .leef07 {
		width: calc(280 * var(--vw-ratio));
		top: calc(-50 * var(--vw-ratio));
		right: calc(20 * var(--vw-ratio));
	}
	.job .leef08 {
		width: calc(100 * var(--vw-ratio));
		bottom: calc(-130 * var(--vw-ratio));
		left: calc(80 * var(--vw-ratio));
	}

	.job .job-title {
		text-align: center;
		margin-bottom: calc(60 * var(--vw-ratio));
	}
		.job .job-title .en {
			font-weight: 500;
			line-height: 1;
			margin-bottom: calc(10 * var(--vw-ratio));
		}

		.job .job-title h2 {
			display: inline-block;
			padding: 0 calc(20 * var(--vw-ratio));
			font-size: calc(60 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1.3em;
			letter-spacing: 0.1em;
			padding-bottom: calc(8 * var(--vw-ratio));
			position: relative;
			z-index: 2;
		}

		.job .job-title h2:before {
			content: "";
			width: 100%;
			height: calc(40 * var(--vw-ratio));
			border-radius: calc(20 * var(--vw-ratio));
			background: url("../../common/img/bg_light-green.webp") repeat;
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: -1;
		}

	.job .list .cell {
		margin-bottom: calc(100 * var(--vw-ratio));
	}
	.job .list .cell:nth-last-child(1) {
		margin-bottom: 0;
	}
		.job .list .cell .text {
			width: 48%;
			padding: 0 calc(40 * var(--vw-ratio));
			position: relative;
		}
			.job .list .cell .text .head {
				display: flex;
				justify-content: flex-start;
				align-items: baseline;
				font-weight: 500;
			}
				.job .list .cell .text .head .number {
					font-size: calc(40 * var(--vw-ratio));
					padding-left: calc(4 * var(--vw-ratio));
				}

			.job .list .cell .text .label {
				display: flex;
				justify-content: center;
				align-items: center;
				width: calc(66 * var(--vw-ratio));
				height: calc(66 * var(--vw-ratio));
				border-radius: 50%;
				font-weight: 500;
				text-align: center;
				line-height: 1.2em;
				position: absolute;
				top: calc(40 * var(--vw-ratio));
				right: calc(40 * var(--vw-ratio));
			}
			.job .list .cell .text .label.c-green {
				border: solid 2px #8FCF3E;
			}
			.job .list .cell .text .label.c-dark-green {
				border: solid 2px #21A067;
			}

			.job .list .cell .text h3 {
				font-size: calc(34 * var(--vw-ratio));
				font-weight: 500;
				line-height: 1.2em;
				margin-bottom: calc(20 * var(--vw-ratio));
			}
				.job .list .cell .text h3 span {
					font-size: calc(28 * var(--vw-ratio));
				}

			.job .list .cell .text .txt-16 {
				display: inline-block;
				background: #9B9B9B;
				border-radius: calc(5 * var(--vw-ratio));
				padding: calc(6 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) calc(8 * var(--vw-ratio)) calc(15 * var(--vw-ratio));
				margin-top: calc(20 * var(--vw-ratio));
				color: #fff;
				line-height: 1;
			}

		.job .list .cell .pht {
			width: 48%;
			height: calc(300 * var(--vw-ratio));
			position: relative;
			z-index: 2;
		}
		.job .list .cell .pht:before {
			content: "";
			width: 100%;
			height: 100%;
			background: url("../../common/img/bg_gray.webp");
			border-radius: calc(150 * var(--vw-ratio));
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		.job.bg-gray .list .cell .pht:before {
			background: #fff;
		}


		#job01 .list .cell .text {
			order: 2;
		}
		#job01 .list .cell .pht {
			order: 1;
		}
			#job01 .list .cell .pht img {
				width: calc(570 * var(--vw-ratio));
				margin-top: calc(20 * var(--vw-ratio));
				margin-left: calc(-90 * var(--vw-ratio));
			}


		#job02 .list .cell:nth-child(2n) .text {
			order: 2;
		}
		#job02 .list .cell:nth-child(2n) .pht {
			order: 1;
		}
			#job02 .list .cell:nth-child(1) .pht img {
				width: calc(510 * var(--vw-ratio));
				margin-top: calc(-25 * var(--vw-ratio));
				margin-left: calc(-48 * var(--vw-ratio));
			}
			#job02 .list .cell:nth-child(2) .pht img {
				width: calc(500 * var(--vw-ratio));
				margin-top: calc(-25 * var(--vw-ratio));
				margin-left: calc(-28 * var(--vw-ratio));
			}
			#job02 .list .cell:nth-child(3) .pht img {
				width: calc(460 * var(--vw-ratio));
				margin-top: calc(-70 * var(--vw-ratio));
			}


		#job03 .list .cell:nth-child(odd) .text {
			order: 2;
		}
		#job03 .list .cell:nth-child(odd) .pht {
			order: 1;
		}
			#job03 .list .cell:nth-child(1) .pht img {
				width: calc(530 * var(--vw-ratio));
				margin-top: calc(10 * var(--vw-ratio));
				margin-left: calc(-48 * var(--vw-ratio));
			}
			#job03 .list .cell:nth-child(2) .pht img {
				width: calc(520 * var(--vw-ratio));
				margin-top: calc(20 * var(--vw-ratio));
				margin-left: calc(25 * var(--vw-ratio));
			}


		#job04 .list .cell:nth-child(odd) .text {
			order: 2;
		}
		#job04 .list .cell:nth-child(odd) .pht {
			order: 1;
		}
			#job04 .list .cell:nth-child(1) .pht img {
				width: calc(470 * var(--vw-ratio));
				margin-top: calc(25 * var(--vw-ratio));
				margin-left: calc(-5 * var(--vw-ratio));
			}
			#job04 .list .cell:nth-child(2) .pht img {
				width: calc(560 * var(--vw-ratio));
				margin-top: calc(-10 * var(--vw-ratio));
				margin-left: calc(-50 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	.job {
		padding: calc(60 * var(--vw-ratio)) 0;
	}
		.job .leef {
			display: none;
		}
		.job .leef03 {
			width: calc(240 * var(--vw-ratio));
			top: calc(-100 * var(--vw-ratio));
			right: 0;
		}
		.job .leef04 {
			width: calc(230 * var(--vw-ratio));
			top: calc(100 * var(--vw-ratio));
			left: calc(60 * var(--vw-ratio));
		}
		.job .leef05 {
			width: calc(70 * var(--vw-ratio));
			top: calc(570 * var(--vw-ratio));
			right: 0;
		}
		.job .leef06 {
			width: calc(140 * var(--vw-ratio));
			top: calc(-110 * var(--vw-ratio));
			left: calc(70 * var(--vw-ratio));
		}
		.job .leef07 {
			width: calc(280 * var(--vw-ratio));
			top: calc(-50 * var(--vw-ratio));
			right: calc(20 * var(--vw-ratio));
		}
		.job .leef08 {
			width: calc(100 * var(--vw-ratio));
			bottom: calc(-130 * var(--vw-ratio));
			left: calc(80 * var(--vw-ratio));
		}

		.job .job-title {
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			.job .job-title .en {
				margin-bottom: calc(5 * var(--vw-ratio));
			}

			.job .job-title h2 {
				font-size: calc(44 * var(--vw-ratio));
				padding-bottom: calc(6 * var(--vw-ratio));
			}

			.job .job-title h2:before {
				height: calc(30 * var(--vw-ratio));
				border-radius: calc(15 * var(--vw-ratio));
			}

		.job .list .cell {
			display: block;
			margin-bottom: calc(60 * var(--vw-ratio));
		}
			.job .list .cell .text {
				width: 100%;
				padding: 0;
				margin-bottom: calc(30 * var(--vw-ratio));
			}
				.job .list .cell .text .head {
					line-height: 1;
					margin-bottom: calc(5 * var(--vw-ratio));
				}
					.job .list .cell .text .head .number {
						font-size: calc(36 * var(--vw-ratio));
					}

				.job .list .cell .text .label {
					width: calc(60 * var(--vw-ratio));
					height: calc(60 * var(--vw-ratio));
					top: calc(10 * var(--vw-ratio));
					right: 0;
				}

				.job .list .cell .text h3 {
					font-size: calc(28 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
					.job .list .cell .text h3 span {
						font-size: calc(28 * var(--vw-ratio));
					}

				.job .list .cell .text .txt-16 {
					padding: calc(6 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) calc(7 * var(--vw-ratio)) calc(15 * var(--vw-ratio));
					margin-top: calc(12 * var(--vw-ratio));
				}

			.job .list .cell .pht {
				width: 100%;
				height: auto;
			}
			.job .list .cell .pht:before {
				border-radius: calc(150 * var(--vw-ratio));
			}


			#job01 .list .cell .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}


			#job02 .list .cell:nth-child(1) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}
			#job02 .list .cell:nth-child(2) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}
			#job02 .list .cell:nth-child(3) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}


			#job03 .list .cell:nth-child(1) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}
			#job03 .list .cell:nth-child(2) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}


			#job04 .list .cell:nth-child(1) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}
			#job04 .list .cell:nth-child(2) .pht img {
				width: 100%;
				margin-top: calc(0 * var(--vw-ratio));
				margin-left: calc(0 * var(--vw-ratio));
			}
}


	
	
/* outline
--------------------- */
#outline {
	position: relative;
}
#outline:before {
	content: "";
	width: 100%;
	height: calc(470 * var(--vw-ratio));
	background: url("../img/project-story/outline_phtbg.webp") no-repeat center top / 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
	#outline .leef03 {
		width: calc(240 * var(--vw-ratio));
		position: absolute;
		top: calc(-250 * var(--vw-ratio));
		right: 0;
	}

	#outline .text {
		width: 48%;
		margin-left: 52%;
		padding: calc(80 * var(--vw-ratio)) 0 calc(80 * var(--vw-ratio)) 0;
	}
		#outline .text h2 {
			font-size: calc(48 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
			margin-bottom: calc(15 * var(--vw-ratio));
		}


	#outline .member {
		border-radius: calc(25 * var(--vw-ratio));
		padding: calc(60 * var(--vw-ratio)) calc(120 * var(--vw-ratio));
	}
		#outline .member .headtit {
			text-align: center;
			line-height: 1.3em;
			letter-spacing: 0.1em;
			margin-bottom: calc(25 * var(--vw-ratio));
		}
			#outline .member .headtit .en {
				font-size: calc(46 * var(--vw-ratio));
				font-weight: 500;
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			#outline .member .headtit h2 {
				font-weight: 500;
			}

		#outline .member .list .human {
			width: 25%;
		}
			#outline .member .list .human .profile {
				padding: calc(12 * var(--vw-ratio)) calc(10 * var(--vw-ratio)) 0 calc(10 * var(--vw-ratio));
				text-align: center;
			}
				#outline .member .list .human .profile h3 {
					font-size: calc(24 * var(--vw-ratio));
					margin-bottom: calc(6 * var(--vw-ratio));
					font-weight: 500;
					letter-spacing: 0.1em;
				}

				#outline .member .list .human .profile .txt-12 {
					line-height: 1.5em;
					font-weight: 500;
					margin-bottom: calc(8 * var(--vw-ratio));
				}

				#outline .member .list .human .profile .txt-10 {
					line-height: 1;
					font-weight: 500;
				}

		#outline .member .annotation {
			margin-top: calc(15 * var(--vw-ratio));
			text-align: center;
		}
@media screen and (max-width: 767px) {
	#outline:before {
		height: 100%;
		background: url("../img/project-story/outline_phtbg_sp.webp") no-repeat center  top / 100%;
	}
		#outline .leef03 {
			width: calc(80 * var(--vw-ratio));
			top: calc(-60 * var(--vw-ratio));
			right: 0;
		}

		#outline .text {
			width: 100%;
			margin-left: 0;
			padding: calc(140 * var(--vw-ratio)) 0 calc(50 * var(--vw-ratio)) 0;
		}
			#outline .text h2 {
				font-size: calc(34 * var(--vw-ratio));
				font-weight: 500;
				line-height: 1;
				margin-bottom: calc(15 * var(--vw-ratio));
				text-align: center;
			}


		#outline .member {
			width: 116%;
			margin-left: -8%;
			border-radius: calc(20 * var(--vw-ratio));
			padding: calc(60 * var(--vw-ratio)) calc(40 * var(--vw-ratio));
		}
			#outline .member .headtit {
				margin-bottom: 0;
			}
				#outline .member .headtit .en {
					font-size: calc(34 * var(--vw-ratio));
					font-weight: 500;
					margin-bottom: calc(10 * var(--vw-ratio));
				}

			#outline .member .list {
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
				#outline .member .list .human {
					width: 44%;
					margin-top: calc(30 * var(--vw-ratio));
					margin-right: 8%;
				}
				#outline .member .list .human:nth-child(2n) {
					margin-right: 0;
				}
					#outline .member .list .human .profile {
						padding: calc(12 * var(--vw-ratio)) calc(10 * var(--vw-ratio)) 0 calc(10 * var(--vw-ratio));
						text-align: center;
					}

			#outline .member .annotation {
				margin-top: calc(25 * var(--vw-ratio));
			}
}


	
	
/* session
--------------------- */
.session {
	position: relative;
}
	.session .leef {
		position: absolute;
	}
	#session01 .leef04 {
		width: calc(280 * var(--vw-ratio));
		bottom: calc(145 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
		z-index: 2;
	}
	#session02 .leef05 {
		width: calc(147 * var(--vw-ratio));
		top: calc(145 * var(--vw-ratio));
		left: calc(-40 * var(--vw-ratio));
		z-index: 2;
	}
	#session03 .leef06 {
		width: calc(200 * var(--vw-ratio));
		bottom: calc(20 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
		z-index: 0;
	}
	#session04 .leef07 {
		width: calc(200 * var(--vw-ratio));
		bottom: calc(70 * var(--vw-ratio));
		left: calc(60 * var(--vw-ratio));
		z-index: 2;
	}

	.session .headtit {
		display: flex;
		align-items: baseline;
		font-weight: 500;
		line-height: 1;
		margin-bottom: calc(12 * var(--vw-ratio));
	}
	#session01 .headtit,
	#session03 .headtit {
		justify-content: flex-end;
		padding-right: calc(35 * var(--vw-ratio));
	}
	#session02 .headtit,
	#session04 .headtit {
		justify-content: flex-start;
		padding-left: calc(35 * var(--vw-ratio));
	}
		.session .headtit .number {
			font-size: calc(40 * var(--vw-ratio));
			padding-left: calc(5 * var(--vw-ratio));
		}

	.session .whitebox {
		width: 116%;
		margin-left: -8%;
		background: #fff;
		border-radius: calc(30 * var(--vw-ratio));
		padding: calc(70 * var(--vw-ratio));
	}
		.session .whitebox h2 {
			font-size: calc(24 * var(--vw-ratio));
			letter-spacing: 0.1em;
			font-weight: 500;
			margin-bottom: calc(40 * var(--vw-ratio));
		}

		.session .whitebox .talk .box {
			margin-bottom: calc(25 * var(--vw-ratio));
		}
		.session .whitebox .talk .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			.session .whitebox .talk .box .human {
				width: calc(70 * var(--vw-ratio));
				text-align: center;
			}
				.session .whitebox .talk .box .human .name {
					margin-top: calc(10 * var(--vw-ratio));
					line-height: 1;
				}

			.session .whitebox .talk .box .text {
				width: -webkit-calc(100% - calc(85 * var(--vw-ratio)));
				width: calc(100% - calc(85 * var(--vw-ratio)));
			}


		#session01 .whitebox {
			margin-bottom: calc(50 * var(--vw-ratio));
			position: relative;
		}
		#session01 .whitebox .talk {
			width: 48%;
			margin-left: 52%;
		}
		#session01 .whitebox h2 {
			position: absolute;
			top: calc(70 * var(--vw-ratio));
			left: calc(70 * var(--vw-ratio));
		}
		#session01 .whitebox .pht {
			width: 40%;
			position: absolute;
			bottom: calc(70 * var(--vw-ratio));
			left: calc(70 * var(--vw-ratio));
		}

		#session02 .pht {
			width: calc(750 * var(--vw-ratio));
			position: absolute;
			top: calc(-130 * var(--vw-ratio));
			right: calc(-140 * var(--vw-ratio));
		}

		#session03 .whitebox .text-area {
			width: 58%;
			order: 2;
		}
		#session03 .whitebox .pht {
			width: 36%;
			order: 1;
		}
		#session03 .pht {
			margin-bottom: calc(-150 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	.session {
		overflow: hidden;
	}
		#session01 .leef04 {
			width: calc(140 * var(--vw-ratio));
			bottom: calc(45 * var(--vw-ratio));
			right: calc(10 * var(--vw-ratio));
		}
		#session02 .leef05 {
			width: calc(70 * var(--vw-ratio));
			top: calc(200 * var(--vw-ratio));
			left: calc(-15 * var(--vw-ratio));
		}
		#session03 .leef06 {
			width: calc(100 * var(--vw-ratio));
			bottom: calc(10 * var(--vw-ratio));
			right: calc(10 * var(--vw-ratio));
		}
		#session04 .leef07 {
			width: calc(110 * var(--vw-ratio));
			bottom: calc(30 * var(--vw-ratio));
			left: calc(-10 * var(--vw-ratio));
		}
	
		.session .headtit {
			margin-bottom: calc(10 * var(--vw-ratio));
		}
		#session01 .headtit,
		#session03 .headtit {
			padding-right: calc(10 * var(--vw-ratio));
		}
		#session02 .headtit,
		#session04 .headtit {
			padding-left: calc(10 * var(--vw-ratio));
		}
			.session .headtit .number {
				font-size: calc(40 * var(--vw-ratio));
				padding-left: calc(5 * var(--vw-ratio));
			}

		.session .whitebox {
			display: block;
			border-radius: calc(20 * var(--vw-ratio));
			padding: calc(35 * var(--vw-ratio));
		}
			.session .whitebox h2 {
				font-size: calc(18 * var(--vw-ratio));
				margin-bottom: calc(30 * var(--vw-ratio));
			}

			.session .whitebox .talk .box {
				margin-bottom: calc(25 * var(--vw-ratio));
			}
				.session .whitebox .talk .box .human {
					width: calc(50 * var(--vw-ratio));
					text-align: center;
				}

				.session .whitebox .talk .box .text {
					width: -webkit-calc(100% - calc(65 * var(--vw-ratio)));
					width: calc(100% - calc(65 * var(--vw-ratio)));
				}


			#session01 .whitebox {
				margin-bottom: 0;
			}
			#session01 .whitebox .talk {
				width: 100%;
				margin-left: 0;
			}
			#session01 .whitebox h2 {
				position: static;
			}
			#session01 .whitebox .pht {
				width: 100%;
				position: static;
				margin-top: calc(20 * var(--vw-ratio));
			}

			#session02 .pht {
				width: 100%;
				position: static;
				margin-top: calc(20 * var(--vw-ratio));
			}

			#session03 .whitebox .text-area {
				width: 100%;
			}
			#session03 .whitebox .pht {
				width: 100%;
				margin-left: 0;
				margin-top: calc(20 * var(--vw-ratio));
				margin-bottom: 0;
			}
			#session03 .pht {
				width: 150%;
				margin-left: -25%;
				margin-bottom: calc(-90 * var(--vw-ratio));
			}
}


	
	
/* summary
--------------------- */
#summary h2 {
	font-size: calc(46 * var(--vw-ratio));
	font-weight: 500;
	line-height: 1;
	text-align: center;
	margin-bottom: calc(30 * var(--vw-ratio));
}

#summary .list .box {
	width: 30%;
}
	#summary .list .box .txt-18 {
		margin-top: calc(15 * var(--vw-ratio));
		text-align: center;
		font-weight: 500;
		line-height: 1.7em;
	}
@media screen and (max-width: 767px) {
	#summary h2 {
		font-size: calc(34 * var(--vw-ratio));
		margin-bottom: calc(25 * var(--vw-ratio));
	}

	#summary .list {
		display: block;
	}
		#summary .list .box {
			width: 70%;
			margin: 0 auto calc(30 * var(--vw-ratio)) auto;
		}
		#summary .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
}