@charset "UTF-8";


	
	
/* interview-list
--------------------- */
#interview-list .sort {
	margin-bottom: calc(50 * var(--vw-ratio));
}
	#interview-list .sort li {
		width: calc(100 * var(--vw-ratio));
		height: calc(30 * var(--vw-ratio));
		border-radius: calc(15 * var(--vw-ratio));
		border: solid 1px #282828;
		background: #fff;
		font-weight: 500;
		text-align: center;
		line-height: calc(28 * var(--vw-ratio));
		margin-right: calc(10 * var(--vw-ratio));
		cursor: pointer;
	}
	#interview-list .sort li:nth-last-child(1) {
		margin-right: 0;
	}
	#interview-list .sort li.active {
		background: #282828;
		color: #fff;
	}

#interview-list .list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: calc(50 * var(--vw-ratio));
	row-gap: calc(50 * var(--vw-ratio));
}
	#interview-list .list a.linkbox {
		display: block;
		background: url("../../common/img/icon_arrow_black.svg") no-repeat right bottom calc(18 * var(--vw-ratio)) / calc(18 * var(--vw-ratio));
		padding-bottom: calc(18 * var(--vw-ratio));
		border-bottom: solid 1px #ddd;
		position: relative;
		opacity: 1;
		transition: opacity 0.4s ease;
	}
	#interview-list .list .linkbox.hide {
		display: none;
	}
	#interview-list .list a.linkbox:before {
		content: "";
		width: 0;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#interview-list .list a.linkbox:hover:before {
		width: 100%;
		background: #282828;
	}
		#interview-list .list a.linkbox .text .label {
			width: calc(90 * var(--vw-ratio));
			height: calc(26 * var(--vw-ratio));
			border-radius: calc(13 * var(--vw-ratio));
			margin: calc(-13 * var(--vw-ratio)) auto 0 auto;
			border: solid 1px #282828;
			background: #fff;
			font-weight: 500;
			text-align: center;
			line-height: calc(24 * var(--vw-ratio));
			position: relative;
			z-index: 2;
		}
		#interview-list .list a.linkbox .text .txt-14 {
			margin-top: calc(15 * var(--vw-ratio));
			line-height: 1.6em;
		}
@media screen and (max-width: 767px) {
	#interview-list .list {
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(30 * var(--vw-ratio));
		row-gap: calc(40 * var(--vw-ratio));
	}
		#interview-list .list a.linkbox {
			background: url("../../common/img/icon_arrow_black.svg") no-repeat right bottom calc(16 * var(--vw-ratio)) / calc(16* var(--vw-ratio));
			padding-bottom: calc(16 * var(--vw-ratio));
		}
			#interview-list .list a.linkbox .text  {
				padding-right: calc(16 * var(--vw-ratio));
			}
				#interview-list .list a.linkbox .text .txt-14 {
					font-size: calc(12 * var(--vw-ratio));
				}
}


	
	
/* hero
--------------------- */
#hero {
	margin-top: calc(15 * var(--vw-ratio));
}
	#hero .gesture {
		position: absolute;
	}
	#hero .gesture01 {
		width: calc(66 * var(--vw-ratio));
		top: calc(0 * var(--vw-ratio));
		right: calc(150 * var(--vw-ratio));
	}
	#hero .gesture02 {
		width: calc(250 * var(--vw-ratio));
		top: calc(410 * var(--vw-ratio));
		right: calc(-25 * var(--vw-ratio));
		z-index: 2;
	}
	#hero .gesture03 {
		width: calc(145 * var(--vw-ratio));
		bottom: calc(40 * var(--vw-ratio));
		left: calc(-85 * var(--vw-ratio));
	}


	#hero .content {
		width: calc(900 * var(--vw-ratio));
	}
		#hero .content .kv {
			margin-bottom: calc(120 * var(--vw-ratio));
			position: relative;
		}
			#hero .content .kv .mainpht {
				width: 100%;
				height: 100%;
				aspect-ratio: 16 / 8.36;
			}
				#hero .content .kv .mainpht img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			#hero .content .kv .text {
				margin-top: calc(45 * var(--vw-ratio));
				margin-left: calc(50 * var(--vw-ratio));
			}
				#hero .content .kv h1 {
					font-size: calc(36 * var(--vw-ratio));
					font-weight: 700;
					line-height: 1.4em;
				}

		#hero .content .reason {
			width: calc(100% + calc(330 * var(--vw-ratio)));
			margin-left: calc(150 * var(--vw-ratio));
			padding-top: calc(70 * var(--vw-ratio));
			padding-right: calc(500 * var(--vw-ratio));
			padding-bottom: calc(70 * var(--vw-ratio));
			padding-left: calc(100 * var(--vw-ratio));
			position: relative;
		}
			#hero .content .reason .headtit {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: calc(20 * var(--vw-ratio));
			}
				#hero .content .reason .headtit .en {
					font-size: calc(80 * var(--vw-ratio));
					line-height: 1;
				}

				#hero .content .reason .headtit h2 {
					font-weight: 700;
					line-height: 1.3em;
					margin-top: calc(10 * var(--vw-ratio));
					margin-left: calc(20 * var(--vw-ratio));
				}

	#hero .flow {
		width: calc(385 * var(--vw-ratio));
		padding-top: calc(110 * var(--vw-ratio));
		padding-right: calc(166 * var(--vw-ratio));
		padding-bottom: calc(50 * var(--vw-ratio));
		position: relative;
	}
		#hero .flow .profile {
			position: sticky;
			top: 140px;
			left: 0;
		}
			#hero .flow .profile .pht {
				position: relative;
			}
			#hero .flow .profile .pht:before {
				content: "";
				width: 100%;
				height: 100%;
				background: #0A9BCD;
				position: absolute;
				top: 0;
				left: 0;
				transform:rotate(0);
				z-index: -1;
				animation: profileRotate 0.8s ease 0.5s forwards;
			}
			@keyframes profileRotate {
				from {
					transform: rotate(0deg);
				}
				to {
					transform: rotate(10deg);
					left: calc(5 * var(--vw-ratio));
				}
			}

			#hero .flow .profile .txt-14 {
				margin-top: calc(12 * var(--vw-ratio));
				line-height: 1.6em;
			}
@media screen and (max-width: 767px) {
	#hero {
		display: block;
		margin-top: calc(10 * var(--vw-ratio));
	}
		#hero .gesture02 {
			width: calc(200 * var(--vw-ratio));
			top: calc(275 * var(--vw-ratio));
			right: calc(15 * var(--vw-ratio));
		}
		#hero .gesture03 {
			width: calc(110 * var(--vw-ratio));
			bottom: calc(-15 * var(--vw-ratio));
			left: auto;
			right: 0;
		}


		#hero .content {
			width: 100%;
		}
			#hero .content .kv {
				margin-bottom: calc(60 * var(--vw-ratio));
				position: relative;
			}
				#hero .content .kv .mainpht {
					aspect-ratio: 4 / 3;
				}

				#hero .content .kv .text {
					margin-top: calc(30 * var(--vw-ratio));
					margin-left: calc(25 * var(--vw-ratio));
					margin-right: calc(25 * var(--vw-ratio));
				}
					#hero .content .kv h1 {
						margin-bottom: calc(20 * var(--vw-ratio));
						font-size: calc(26 * var(--vw-ratio));
						font-weight: 700;
						line-height: 1.4em;
					}
	
					#hero .content .kv .txt-14 {
						line-height: 1.4em;
					}

			#hero .content .reason {
				width: 100%;
				margin-left: 0;
				padding-top: calc(60 * var(--vw-ratio));
				padding-right: calc(25 * var(--vw-ratio));
				padding-bottom: calc(60 * var(--vw-ratio));
				padding-left: calc(25 * var(--vw-ratio));
			}
				#hero .content .reason .headtit .en {
					font-size: calc(44 * var(--vw-ratio));
					line-height: 1;
				}

				#hero .content .reason .headtit h2 {
					font-size: calc(12 * var(--vw-ratio));
					margin-left: calc(15 * var(--vw-ratio));
					}

		#hero .flow {
			display: none;
		}
}


	
	
/* interview
--------------------- */
.interview {
	position: relative;
}
	.interview .tit {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		.interview .tit .head {
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(25 * var(--vw-ratio));
			padding-left: calc(15 * var(--vw-ratio));
			position: relative;
		}
		.interview .tit .head:before {
			content: "";
			width: calc(8 * var(--vw-ratio));
			height: calc(8 * var(--vw-ratio));
			border-radius: 50%;
			position: absolute;
			top: calc(5 * var(--vw-ratio));
			left: 0;
		}
		.interview .tit .head.c-purple:before {
			background: #925ED2;
		}
		.interview .tit .head.c-orange:before {
			background: #F06400;
		}
		.interview .tit .head.c-blue:before {
			background: #0A9BCD;
		}

		.interview .tit h2 {
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.4em;
		}

		.interview .text .sub-txt {
			color: #808080;
			margin-top: calc(20 * var(--vw-ratio));
		}

/* interview01 */
#interview01 .text {
	width: calc(650 * var(--vw-ratio));
	position: relative;
}

#interview01 .pht {
	width: calc(510 * var(--vw-ratio));
	margin-top: calc(50 * var(--vw-ratio));
	margin-right: calc(-150 * var(--vw-ratio));
}
	#interview01 .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

#interview01 .gesture04 {
	position: absolute;
	width: calc(108 * var(--vw-ratio));
	top: calc(-20 * var(--vw-ratio));
	right: calc(80 * var(--vw-ratio));
}
#interview01 .gesture05 {
	position: absolute;
	width: calc(92 * var(--vw-ratio));
	bottom: calc(-50 * var(--vw-ratio));
	right: 0;
}

/* interview02 */
#interview02 .column2 {
	margin-top: calc(50 * var(--vw-ratio));
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
	#interview02 .column2 .text {
		width: calc(500 * var(--vw-ratio));
		order: 2;
	}

	#interview02 .column2 .pht {
		width: calc(660 * var(--vw-ratio));
		margin-left: calc(-150 * var(--vw-ratio));
		order: 1;
	}

#interview02 .gesture06 {
	position: absolute;
	width: calc(145 * var(--vw-ratio));
	bottom: calc(60 * var(--vw-ratio));
	left: calc(550 * var(--vw-ratio));
}

/* interview03 */
#interview03 .text {
	width: calc(900 * var(--vw-ratio));
	margin: 0 auto calc(80 * var(--vw-ratio)) auto;
}

#interview03 .gesture07 {
	position: absolute;
	width: calc(92 * var(--vw-ratio));
	bottom: calc(400 * var(--vw-ratio));
	left: calc(100 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	.interview .tit {
		margin-bottom: calc(25 * var(--vw-ratio));
	}
		.interview .tit .head {
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		.interview .tit h2 {
			font-size: calc(24 * var(--vw-ratio));
		}
	
	.interview .text .txt-16 {
		line-height: 1.8em;
	}
	.interview .text .sub-txt {
		margin-top: calc(10 * var(--vw-ratio));
	}

	/* interview01 */
	#interview01 .inner {
		display: block;
	}
	#interview01 .text {
		width: 100%;
	}

	#interview01 .pht {
		width: calc(100% + calc(25 * var(--vw-ratio)));
		aspect-ratio: 1 / 1;
		margin-top: calc(30 * var(--vw-ratio));
		margin-right: 0;
	}
		#interview01 .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#interview01 .gesture04 {
		width: calc(70 * var(--vw-ratio));
		right: calc(20 * var(--vw-ratio));
	}
	#interview01 .gesture05 {
		width: calc(70 * var(--vw-ratio));
		bottom: calc(-30 * var(--vw-ratio));
		right: 0;
	}

	/* interview02 */
	#interview02 .column2 {
		margin-top: 0;
		display: block;
	}
		#interview02 .column2 .text {
			width: 100%;
		}

		#interview02 .column2 .pht {
			width: calc(100% + calc(25 * var(--vw-ratio)));
			margin-top: calc(30 * var(--vw-ratio));
			margin-left: calc(-25 * var(--vw-ratio));
		}

	#interview02 .gesture06 {
		bottom: calc(30 * var(--vw-ratio));
		left: auto;
		right: 0;
	}

	/* interview03 */
	#interview03 {
		padding-bottom: 0;
	}
		#interview03 .text {
			width: 100%;
			margin: 0 auto calc(30 * var(--vw-ratio)) auto;
		}

		#interview03 .pht {
			width: calc(100% + calc(50 * var(--vw-ratio)));
			aspect-ratio: 16 / 9;
			margin-left: calc(-25 * var(--vw-ratio));
		}
			#interview03 .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#interview03 .gesture07 {
			width: calc(70 * var(--vw-ratio));
			bottom: calc(-20 * var(--vw-ratio));
			left: 0;
		}
}


	
	
/* info
--------------------- */
#info .box {
	width: 46%;
}
	#info .box .tit {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		#info .box .tit .en {
			font-size: calc(70 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
			color: #EDEDED;
		}
		#info .box .tit h2 {
			font-size: calc(24 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
		}

	#info .box .pht {
		margin-bottom: calc(25 * var(--vw-ratio));
	}

	#info .box .text h3 {
		line-height: 1.6em;
		margin-bottom: calc(10 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#info .inner {
		display: block;
	}
		#info .box {
			width: 100%;
			margin-bottom: calc(60 * var(--vw-ratio));
		}
		#info .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#info .box .tit {
				margin-bottom: calc(30 * var(--vw-ratio));
			}
				#info .box .tit .en {
					font-size: calc(50 * var(--vw-ratio));
				}
				#info .box .tit h2 {
					font-size: calc(20 * var(--vw-ratio));
				}
}


	
	
/* other
--------------------- */
#other {
	padding: calc(100 * var(--vw-ratio)) 0;
}
	#other a.linkbox {
		width: calc(400 * var(--vw-ratio));
	}
	#other a.linkbox.prev {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#other a.linkbox.next {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#other a.linkbox:hover {
		opacity: 0.7;
	}
		#other a.linkbox .pht {
			width: calc(150 * var(--vw-ratio));
		}
		#other a.linkbox.next .pht {
			order: 2;
		}

		#other a.linkbox.prev .text {
			padding-left: calc(25 * var(--vw-ratio));
		}
		#other a.linkbox.next .text {
			padding-right: calc(25 * var(--vw-ratio));
			order: 1;
			text-align: right;
		}
			#other a.linkbox .text .en {
				font-weight: 500;
				text-decoration: underline;
				margin-bottom: calc(25 * var(--vw-ratio));
			}

	#other a.back {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(150 * var(--vw-ratio));
		height: calc(150 * var(--vw-ratio));
		border: solid 1px #414141;
	}
	#other a.back:hover {
		background: #fff;
		color: #282828;
	}
@media screen and (max-width: 767px) {
	#other {
		padding: calc(50 * var(--vw-ratio)) 0;
	}
		#other .inner {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			#other a.linkbox {
				width: 46%;
			}
			#other a.linkbox.prev {
				order: 1;
				display: block;
				margin-right: 6%;
			}
			#other a.linkbox.next {
				order: 2;
				display: block;
			}
			#other a.linkbox:hover {
				opacity: 0.7;
			}
				#other a.linkbox .pht {
					width: 100%;
					margin-bottom: calc(12 * var(--vw-ratio));
				}

				#other a.linkbox.prev .text {
					padding-left: 0;
					text-align: center;
				}
				#other a.linkbox.next .text {
					padding-right: 0;
					text-align: center;
				}
					#other a.linkbox .text .en {
						font-weight: 500;
						text-decoration: underline;
						margin-bottom: calc(10 * var(--vw-ratio));
					}

			#other a.back {
				order: 3;
				width: 90%;
				margin: 0 auto;
				height: calc(44 * var(--vw-ratio));
				margin-top: calc(30 * var(--vw-ratio));
			}
}


	
	
/* kv
--------------------- */
#kv {
	width: 100%;
	overflow: hidden;
}
	#kv .text {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: calc(70 * var(--vw-ratio));
		padding-bottom: calc(60 * var(--vw-ratio));
	}
		#kv .text h1 {
			font-size: calc(50 * var(--vw-ratio));
			line-height: 1;
		}

		#kv .text .en {
			margin-top: calc(10 * var(--vw-ratio));
			line-height: 1;
		}

	#kv .marquee {
		display: flex;
		width: 100%;
		overflow: hidden;
		margin-bottom: calc(-35 * var(--vw-ratio));
		position: relative;
		z-index: 2;
	}
		#kv .marquee .marquee__item {
			flex: 0 0 auto;
			overflow: hidden;
			font-size: calc(80 * var(--vw-ratio));
			white-space: nowrap;
			line-height: 1;
			padding-right: calc(20 * var(--vw-ratio));
		}
		#kv .marquee .marquee__item:nth-child(odd) {
			animation: loop 100s -50s linear infinite;
		}
		#kv .marquee .marquee__item:nth-child(even) {
			animation: loop2 100s linear infinite;
		}
			#kv .marquee .marquee__item span {
				color: transparent;
				-webkit-text-stroke: 1px #925ED2;
			}
		@keyframes loop {
			0% {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-100%);
			}
		}
		@keyframes loop2 {
			0% {
				transform: translateX(0);
			}
			to {
				transform: translateX(-200%);
			}
		}

	#kv .movie {
		width: -webkit-calc(100% - calc(150 * var(--vw-ratio)));
		width: calc(100% - calc(150 * var(--vw-ratio)));
		height: calc(500 * var(--vw-ratio));
		overflow: hidden;
	}
		#kv .movie video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
@media screen and (max-width: 767px) {
	#kv .text {
		display: block;
		padding-top: calc(50 * var(--vw-ratio));
		padding-bottom: calc(50 * var(--vw-ratio));
	}
		#kv .text h1 {
			font-size: calc(40 * var(--vw-ratio));
		}

		#kv .text .en {
			margin-top: calc(20 * var(--vw-ratio));
		}

	#kv .marquee {
		margin-bottom: calc(-30 * var(--vw-ratio));
	}
		#kv .marquee .marquee__item {
			font-size: calc(60 * var(--vw-ratio));
		}

	#kv .movie {
		width: 100%;
		height: calc(300 * var(--vw-ratio));
	}
}


	
	
/* read
--------------------- */
#read {
	padding-top: calc(80 * var(--vw-ratio));
	padding-bottom: calc(100 * var(--vw-ratio));
}
	#read .txt-16 {
		text-align: center;
		margin-bottom: calc(25 * var(--vw-ratio));
	}
	#read .txt-16:nth-last-child(1) {
		margin-bottom: 0;
	}
@media screen and (max-width: 767px) {
	#read {
		padding-top: calc(40 * var(--vw-ratio));
		padding-bottom: calc(60 * var(--vw-ratio));
	}
		#read .txt-16 {
			text-align: left;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
}


	
	
/* member
--------------------- */
#member h2 {
	margin-bottom: calc(30 * var(--vw-ratio));
	padding-left: calc(62 * var(--vw-ratio));
	position: relative;
}
#member h2:before {
	content: "";
	width: calc(50 * var(--vw-ratio));
	height: 1px;
	background: #0A9BCD;
	position: absolute;
	top: calc(18 * var(--vw-ratio));
	left: 0;
}

#member .list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: calc(30 * var(--vw-ratio));
	row-gap: calc(30 * var(--vw-ratio));
}
	#member .list .profile {
		padding: calc(30 * var(--vw-ratio)) 0;
	}
		#member .list .profile .pht {
			padding: 0 calc(40 * var(--vw-ratio));
		}

		#member .list .profile .text {
			padding-top: calc(18 * var(--vw-ratio));
			text-align: center;
		}
			#member .list .profile .text h3 {
				font-size: calc(22 * var(--vw-ratio));
				font-weight: 500;
				line-height: 1;
				margin-bottom: calc(8 * var(--vw-ratio));
			}

			#member .list .profile .text .txt-12 {
				line-height: 1.6em;
			}
@media screen and (max-width: 767px) {
	#member h2 {
		margin-bottom: calc(25 * var(--vw-ratio));
		padding-left: calc(42 * var(--vw-ratio));
	}
	#member h2:before {
		width: calc(30 * var(--vw-ratio));
		top: calc(18 * var(--vw-ratio));
	}


	#member .list {
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(20 * var(--vw-ratio));
		row-gap: calc(20 * var(--vw-ratio));
	}
		#member .list .profile {
			padding: calc(20 * var(--vw-ratio)) 0;
		}
			#member .list .profile .pht {
				padding: 0 calc(30 * var(--vw-ratio));
			}
}


	
	
/* talk-session
--------------------- */
#talk-session .anchor {
	width: calc(450 * var(--vw-ratio));
	padding-top: calc(150 * var(--vw-ratio));
	position: sticky;
	top: calc(20 * var(--vw-ratio));
	align-self: flex-start;
	z-index: 8;
}
	#talk-session .anchor a.aclink {
		display: block;
		margin-bottom: calc(30 * var(--vw-ratio));
	}
		#talk-session .anchor a.aclink .en {
			line-height: 1;
			font-weight: 500;
			color: #8D8D8D;
			margin-bottom: calc(8 * var(--vw-ratio));
			position: relative;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#talk-session .anchor a.aclink.active .en {
			padding-left: calc(20 * var(--vw-ratio));
		}
		#talk-session .anchor a.aclink:nth-child(1).active .en {
			color: #F06400;
		}
		#talk-session .anchor a.aclink:nth-child(2).active .en {
			color: #925ED2;
		}
		#talk-session .anchor a.aclink:nth-child(3).active .en {
			color: #F5B400;
		}
		#talk-session .anchor a.aclink:nth-child(4).active .en {
			color: #0A9BCD;
		}
		#talk-session .anchor a.aclink .en:before {
			content: "";
			width: 0;
			height: 1px;
			position: absolute;
			top: calc(5 * var(--vw-ratio));
			left: 0;
		}
		#talk-session .anchor a.aclink.active .en:before {
			width: calc(15 * var(--vw-ratio));
		}
		#talk-session .anchor a.aclink:nth-child(1).active .en:before {
			background: #F06400;
		}
		#talk-session .anchor a.aclink:nth-child(2).active .en:before {
			background: #925ED2;
		}
		#talk-session .anchor a.aclink:nth-child(3).active .en:before {
			background: #F5B400;
		}
		#talk-session .anchor a.aclink:nth-child(4).active .en:before {
			background: #0A9BCD;
		}

		#talk-session .anchor a.aclink .txt-14 {
			font-weight: 500;
			line-height: 1.5em;
			color: #8D8D8D;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#talk-session .anchor a.aclink.active .txt-14 {
			color: #282828;
		}

#talk-session .contents {
	width: -webkit-calc(100% - calc(450 * var(--vw-ratio)));
	width: calc(100% - calc(450 * var(--vw-ratio)));
}
	#talk-session .row {
		padding-top: calc(150 * var(--vw-ratio));
	}
		#talk-session .row .tit {
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			#talk-session .row .tit .en {
				line-height: 1;
				margin-bottom: calc(20 * var(--vw-ratio));
				padding-left: calc(62 * var(--vw-ratio));
				position: relative;
			}
			#talk-session .row .tit .en:before {
				content: "";
				width: calc(50 * var(--vw-ratio));
				height: 1px;
				position: absolute;
				top: calc(8 * var(--vw-ratio));
				left: 0;
			}
			#talk-session .row .tit .en.c-orange:before {
				background: #F06400;
			}
			#talk-session .row .tit .en.c-purple:before {
				background: #925ED2;
			}
			#talk-session .row .tit .en.c-yellow:before {
				background: #F5B400;
			}
			#talk-session .row .tit .en.c-blue:before {
				background: #0A9BCD;
			}

			#talk-session .row .tit h2 {
				font-size: calc(30 * var(--vw-ratio));
				font-weight: 700;
				line-height: 1.5em;
			}

		#talk-session .row .pht {
			width: -webkit-calc(100% + calc(150 * var(--vw-ratio)));
			width: calc(100% + calc(150 * var(--vw-ratio)));
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			#talk-session .row .pht video {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#talk-session .row .list .head {
			display: flex;
			justify-content: flex-start;
			align-items: baseline;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			#talk-session .row .list .head .en {
				width: calc(25 * var(--vw-ratio));
				font-weight: 500;
			}
			#talk-session .row .list .head h3 {
				width: -webkit-calc(100% - calc(25 * var(--vw-ratio)));
				width: calc(100% - calc(25 * var(--vw-ratio)));
				font-weight: 700;
				left: 1.3em;
			}

		#talk-session .row .list .talk {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			#talk-session .row .list .talk .human {
				width: calc(80 * var(--vw-ratio));
				text-align: center;
			}
				#talk-session .row .list .talk .human span {
					text-align: center;
					line-height: 1;
				}

			#talk-session .row .list .talk .text {
				width: -webkit-calc(100% - calc(100 * var(--vw-ratio)));
				width: calc(100% - calc(100 * var(--vw-ratio)));
				padding: calc(25 * var(--vw-ratio));
			}

		#talk-session .row .notes {
			border: solid 1px #ddd;
			text-align: center;
			padding: calc(15 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#talk-session .inner {
		display: block;
	}
		#talk-session .anchor {
			display: none;
		}
	
		#talk-session .contents {
			width: 100%;
		}
			#talk-session .row {
				padding-top: calc(75 * var(--vw-ratio));
			}
				#talk-session .row .tit {
					margin-bottom: calc(30 * var(--vw-ratio));
				}
					#talk-session .row .tit .en {
						padding-left: calc(42 * var(--vw-ratio));
					}
					#talk-session .row .tit .en:before {
						width: calc(30 * var(--vw-ratio));
					}

					#talk-session .row .tit h2 {
						font-size: calc(28 * var(--vw-ratio));
					}

				#talk-session .row .pht {
					width: -webkit-calc(100% + calc(25 * var(--vw-ratio)));
					width: calc(100% + calc(25 * var(--vw-ratio)));
					margin-bottom: calc(35 * var(--vw-ratio));
				}
	
				#talk-session .row .list .talk {
					margin-bottom: calc(30 * var(--vw-ratio));
				}
					#talk-session .row .list .talk .human {
						width: calc(60 * var(--vw-ratio));
					}

					#talk-session .row .list .talk .text {
						width: -webkit-calc(100% - calc(75 * var(--vw-ratio)));
						width: calc(100% - calc(75 * var(--vw-ratio)));
						padding: calc(20 * var(--vw-ratio));
					}
}


	
	
/* talk-session
--------------------- */
@media screen and (max-width: 767px) {
	#last-pht {
		padding: 0;
	}
		#last-pht .inner {
			width: 100%;
			padding: 0;
		}
			#last-pht .inner .img-wrap {
				width: 100%;
				height: 100%;
				aspect-ratio: 16 / 9;
				overflow: hidden;
			}
				#last-pht .inner .img-wrap img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
}


	
	
/* roundtable-list
--------------------- */
#roundtable-list .row {
	margin-bottom: calc(100 * var(--vw-ratio));
}
#roundtable-list .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#roundtable-list .row .text {
		padding-top: calc(35 * var(--vw-ratio));
		width: 40%;
	}
		#roundtable-list .row .text h2 {
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
		}

		#roundtable-list .row .text .txt-14 {
			margin-top: calc(10 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
			line-height: 1;
		}

		#roundtable-list .row .text .btn {
			margin-top: calc(30 * var(--vw-ratio));
		}

	#roundtable-list .row .pht {
		width: 55%;
		aspect-ratio: 16 / 9;
		overflow: hidden;
	}
		#roundtable-list .row .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
@media screen and (max-width: 767px) {
	#roundtable-list .row {
		display: block;
		margin-bottom: calc(60 * var(--vw-ratio));
	}
		#roundtable-list .row .text {
			width: 100%;
			padding-top: 0;
			margin-top: calc(30 * var(--vw-ratio));
		}
			#roundtable-list .row .text h2 {
				font-size: calc(26 * var(--vw-ratio));
				text-align: center;
			}

			#roundtable-list .row .text .txt-14 {
				text-align: center;
			}

			#roundtable-list .row .text .btn {
				margin-top: calc(20 * var(--vw-ratio));
			}

		#roundtable-list .row .pht {
			width: 100%;
		}
}


	
	
/* roundtable
--------------------- */
#roundtable .text {
	padding-top: calc(35 * var(--vw-ratio));
	width: 40%;
}
	#roundtable .text h2 {
		font-size: calc(30 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
	}
	
	#roundtable .text .txt-14 {
		margin-top: calc(10 * var(--vw-ratio));
		margin-bottom: calc(20 * var(--vw-ratio));
		line-height: 1;
	}
	
	#roundtable .text .btn {
		margin-top: calc(30 * var(--vw-ratio));
	}

#roundtable .pht {
	width: 55%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
	#roundtable .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
@media screen and (max-width: 767px) {
	#roundtable {
		padding-top: calc(70 * var(--vw-ratio));
	}
		#roundtable .inner {
			display: block;
		}
			#roundtable .text {
				padding-top: 0;
				width: 100%;
				margin-bottom: calc(30 * var(--vw-ratio));
			}
				#roundtable .text h2 {
					font-size: calc(26 * var(--vw-ratio));
					text-align: center;
				}
				
				#roundtable .text .txt-14 {
					text-align: center;
				}
				
				#roundtable .text .btn {
					margin-top: calc(20 * var(--vw-ratio));
				}

			#roundtable .pht {
				width: 100%;
			}
}