@charset "UTF-8";


	
	
/* read
--------------------- */
#read .gesture {
	width: calc(140 * var(--vw-ratio));
	position: absolute;
	top: calc(-80 * var(--vw-ratio));
	right: calc(350 * var(--vw-ratio));
}

#read h2 {
	font-size: calc(30 * var(--vw-ratio));
	font-weight: 700;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: calc(20 * var(--vw-ratio));
}

#read .txt-16 {
	text-align: center;
}
@media screen and (max-width: 767px) {
	#read .gesture {
		width: calc(80 * var(--vw-ratio));
		position: absolute;
		top: calc(-40 * var(--vw-ratio));
		right: calc(40 * var(--vw-ratio));
	}

	#read h2 {
		font-size: calc(24 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}
}


	
	
/* job
--------------------- */
#job .gesture {
	width: calc(230 * var(--vw-ratio));
	position: absolute;
	bottom: calc(180 * var(--vw-ratio));
	right: calc(110 * var(--vw-ratio));
	z-index: 2;
}

#job .area {
	margin-top: calc(50 * var(--vw-ratio));
	padding: calc(50 * var(--vw-ratio));
	position: relative;
}
	#job .txt-14.center {
		text-align: center;
		margin-bottom: calc(30 * var(--vw-ratio));
	}

	#job .area .business ul.link-list {
		width: 100%;
	}
		#job .area .business ul.link-list li {
			border-bottom: dashed 1px #ddd;
		}
		#job .area .business ul.link-list li:nth-last-child(1) {
			border-bottom: none;
		}
			#job .area .business ul.link-list li a,
			#job .area .business ul.link-list li div {
				display: block;
				font-weight: 500;
				line-height: 1.3em;
				padding-top: calc(20 * var(--vw-ratio));
				padding-left: calc(25 * var(--vw-ratio));
				padding-bottom: calc(20 * var(--vw-ratio));
			}
			#job .area .business ul.link-list li a.arrow-orange {
				background: url("../../common/img/icon_arrow_orange.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#job .area .business ul.link-list li a.arrow-blue {
				background: url("../../common/img/icon_arrow_blue.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#job .area .business ul.link-list li a.arrow-purple {
				background: url("../../common/img/icon_arrow_purple.svg") no-repeat left center / calc(18 * var(--vw-ratio));
			}
			#job .area .business ul.link-list li a.arrow-orange:hover {
				color: #F06400;
			}
			#job .area .business ul.link-list li a.arrow-blue:hover {
				color: #0A9BCD;
			}
			#job .area .business ul.link-list li a.arrow-purple:hover {
				color: #925ED2;
			}

	#job .area .business .left-box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 28%;
		padding: 0 calc(50 * var(--vw-ratio));
		position: relative;
		z-index: 1;
	}
	#job .area .business .left-box:before {
		content: "";
		width: 140%;
		height: 100%;
		background: #F7F7F7;
		border-radius: calc(5 * var(--vw-ratio));
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	#job .area .business .right-box {
		width: 28%;
		padding: calc(120 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) 0 calc(50 * var(--vw-ratio));
		position: relative;
		z-index: 1;
	}
	#job .area .business .right-box:before {
		content: "";
		width: 140%;
		height: 50%;
		background: #F7F7F7;
		border-radius: calc(5 * var(--vw-ratio));
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}

	#job .area .business .center-box {
		width: 44%;
		padding: calc(50 * var(--vw-ratio)) 0;
	}
		#job .area .business .center-box .flow {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #fff;
			height: calc(90 * var(--vw-ratio));
			border: solid 1px #ddd;
			margin-bottom: calc(15 * var(--vw-ratio));
			position: relative;
			z-index: 2;
		}
		#job .area .business .center-box .flow:nth-last-child(1) {
			margin-bottom: 0;
		}
		#job .area .business .center-box .flow:before {
			content: "";
			width: 1px;
			height: calc(50 * var(--vw-ratio));
			background: #ddd;
			position: absolute;
			top: calc(20 * var(--vw-ratio));
			left: 50%;
			margin-left: -0.5px;
		}
		#job .area .business .center-box .flow:after {
			content: "";
			width: calc(50 * var(--vw-ratio));
			height: calc(16 * var(--vw-ratio));
			background: #F06400;
			clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
			position: absolute;
			bottom: calc(-16 * var(--vw-ratio));
			left: 50%;
			margin-left: calc(-25 * var(--vw-ratio));
		}
		#job .area .business .center-box .flow:nth-last-child(1):after {
			display: none;
		}
			#job .area .business .center-box .flow .head {
				width: 50%;
				font-size: calc(24 * var(--vw-ratio));
				font-weight: 700;
				line-height: 1;
				text-align: center;
			}

			#job .area .business .center-box .flow ul.link-list {
				width: 50%;
				padding-left: calc(40 * var(--vw-ratio));
			}
				#job .area .business .center-box .flow ul.link-list li {
					border-bottom: none;
					margin-bottom: calc(8 * var(--vw-ratio));
				}
				#job .area .business .center-box .flow ul.link-list li:nth-last-child(1) {
					margin-bottom: 0;
				}
					#job .area .business .center-box .flow ul.link-list li a {
						padding-top: 0;
						padding-bottom: 0;
					}
@media screen and (max-width: 767px) {
	#job .gesture {
		width: calc(100 * var(--vw-ratio));
		top: calc(-30 * var(--vw-ratio));
		bottom: auto;
		right: calc(20 * var(--vw-ratio));
	}

	#job .area {
		margin-top: calc(30 * var(--vw-ratio));
		padding: calc(20 * var(--vw-ratio)) calc(10 * var(--vw-ratio)) calc(10 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
		position: relative;
	}
		#job .txt-14.center {
			text-align: center;
			margin-bottom: calc(20 * var(--vw-ratio));
		}
	
		#job .area .business {
			width: calc(900 * var(--vw-ratio));
		}
			#job .area .business ul.link-list li .arrow-none {
				padding-left: 0;
			}
	
			#job .area .business .left-box {
				width: 23%;
				padding: 0 calc(30 * var(--vw-ratio));
			}

			#job .area .business .right-box {
				width: 23%;
				padding: calc(100 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) 0 calc(30 * var(--vw-ratio));
			}

			#job .area .business .center-box {
				width: 54%;
				padding: calc(30 * var(--vw-ratio)) 0;
			}
				#job .area .business .center-box .flow {
					height: calc(80 * var(--vw-ratio));
				}
				#job .area .business .center-box .flow:before {
					height: calc(40 * var(--vw-ratio));
				}
					#job .area .business .center-box .flow .head {
						font-size: calc(22 * var(--vw-ratio));
					}
	
	.scroll-hint-icon-wrap {
		z-index: 3;
	}
}


	
	
/* field
--------------------- */
#field .gesture {
	width: calc(150 * var(--vw-ratio));
	position: absolute;
	top: calc(-60 * var(--vw-ratio));
	left: calc(340 * var(--vw-ratio));
}

#field .txt-16.center {
	text-align: center;
	margin-bottom: calc(40 * var(--vw-ratio));
}
#field .txt-16.center.last {
	margin-top: calc(30 * var(--vw-ratio));
}

#field .txt-14.center {
	text-align: center;
	margin-bottom: calc(30 * var(--vw-ratio));
}

#field table {
	width: 100%;
	border-collapse: collapse;
}
	#field table th {
		width: 10.8571428571%;
		background: #EFEFEF;
		border-right: solid 1px #ddd;
		padding: calc(15 * var(--vw-ratio)) calc(5 * var(--vw-ratio));
		text-align: center;
		line-height: 1.3em;
	}
	#field table th:nth-child(1) {
		width: 24%;
		background: none;
		border-right: none;
	}
	#field table th:nth-last-child(1) {
		border-right: none;
	}

	#field table td {
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}
	#field table td:nth-last-child(1) {
		border-right: none;
	}
	#field table td.txt-16 {
		text-align: center;
		font-weight: 500;
	}
		#field table td.head a {
			display: block;
			padding: calc(15 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
		}
		#field table td.head a.arrow-orange {
			background: url("../../common/img/icon_arrow_orange.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
		}
		#field table td.head a.arrow-blue {
			background: url("../../common/img/icon_arrow_blue.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
		}
		#field table td.head a.arrow-purple {
			background: url("../../common/img/icon_arrow_purple.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
		}
		#field table td.head a.arrow-orange:hover {
			background: url("../../common/img/icon_arrow_orange.svg") no-repeat right calc(10 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
			color: #F06400;
		}
		#field table td.head a.arrow-blue:hover {
			background: url("../../common/img/icon_arrow_blue.svg") no-repeat right calc(10 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
			color: #0A9BCD;
		}
		#field table td.head a.arrow-purple:hover {
			background: url("../../common/img/icon_arrow_purple.svg") no-repeat right calc(10 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
			color: #925ED2;
		}
@media screen and (max-width: 767px) {
	#field .gesture {
		width: calc(80 * var(--vw-ratio));
		top: calc(-30 * var(--vw-ratio));
		left: calc(50 * var(--vw-ratio));
	}
	
	#field .txt-16.center {
		text-align: left;
		margin-bottom: calc(35 * var(--vw-ratio));
	}
	#field .txt-16.center.last {
		font-size: calc(13 * var(--vw-ratio));
		margin-top: calc(20 * var(--vw-ratio));
		text-align: center;
	}

	#field .txt-14.center {
		margin-bottom: calc(15 * var(--vw-ratio));
	}

	#field .js-scrollable {
		margin-left: calc(-25 * var(--vw-ratio));
		margin-right: calc(-25 * var(--vw-ratio));
	}
		#field table {
			width: calc(800 * var(--vw-ratio));
		}
			#field table th {
				padding: calc(10 * var(--vw-ratio)) calc(5 * var(--vw-ratio));
			}

			#field table td.head a {
				line-height: 1.2em;
			}
}


	
	
/* beginning
--------------------- */
#beginning {
	overflow: hidden
}
	#beginning .pht {
		width: 45%;
		margin-right: calc(-150.5 * var(--vw-ratio));
		order: 2;
	}
		#beginning .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#beginning .text {
		width: 60%;
		order: 1;
	}
		#beginning .text h3 {
			font-size: calc(24 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-top: calc(50 * var(--vw-ratio));
		}

		#beginning .text h4 {
			font-weight: 700;
			line-height: 1.3em;
			margin-top: calc(30 * var(--vw-ratio));
			margin-bottom: calc(10 * var(--vw-ratio));
		}

		#beginning .text ul.voice li {
			margin-top: calc(15 * var(--vw-ratio));
			padding: calc(15 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) calc(40 * var(--vw-ratio));
			line-height: 1.6em;
			pading-left: calc(40 * var(--vw-ratio));
			position: relative;
		}
		#beginning .text ul.voice li:before {
			content: "";
			width: calc(8 * var(--vw-ratio));
			height: calc(8 * var(--vw-ratio));
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: calc(20 * var(--vw-ratio));
			margin-top: calc(-4 * var(--vw-ratio));
		}
		#beginning .text ul.voice.blue li:before {
			background: #0A9BCD;
		}
		#beginning .text ul.voice.purple li:before {
			background: #925ED2;
		}
		#beginning .text ul.voice.orange li:before {
			background: #F06400;
		}
		#beginning .text ul.voice.yellow li:before {
			background: #F5B400;
		}
@media screen and (max-width: 767px) {
	#beginning .inner {
		display: block;
	}
		#beginning .pht {
			width: -webkit-calc(100% + 25px);
			width: calc(100% + 25px);
			margin-right: 0;
			margin-left: calc(-25 * var(--vw-ratio));
			margin-bottom: calc(40 * var(--vw-ratio));
		}

		#beginning .text {
			width: 100%;
		}
			#beginning .text h3 {
				font-size: calc(22 * var(--vw-ratio));
				margin-top: calc(35 * var(--vw-ratio));
			}
}


	
	
/* feature
--------------------- */
#feature .gesture {
	width: calc(90 * var(--vw-ratio));
	position: absolute;
	top: calc(-50 * var(--vw-ratio));
	right: calc(400 * var(--vw-ratio));
}

#feature .list .cont {
	margin-bottom: calc(70 * var(--vw-ratio));
}
#feature .list .cont:nth-last-child(1) {
	margin-bottom: 0;
}
	#feature .list .cont .pht {
		width: 35%;
		order: 1;
	}
		#feature .list .cont .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#feature .list .cont .text {
		width: 60%;
		order: 2;
	}
		#feature .list .cont .text .ttl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			border-top: solid 1px #ddd;
			padding-top: calc(15 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
			position: relative;
		}
		#feature .list .cont .text .ttl:before {
			content: "";
			width: calc(50 * var(--vw-ratio));
			height: 1px;
			position: absolute;
			top: -1px;
			left: 0;
		}
		#feature .list .cont .text .ttl.line-purple:before {
			background: #925ED2;
		}
		#feature .list .cont .text .ttl.line-blue:before {
			background: #0A9BCD;
		}
		#feature .list .cont .text .ttl.line-orange:before {
			background: #F06400;
		}
		#feature .list .cont .text .ttl.line-yellow:before {
			background: #F5B400;
		}
			#feature .list .cont .text .ttl .number {
				width: calc(50 * var(--vw-ratio));
				font-size: calc(26 * var(--vw-ratio));
				font-weight: 500;
				line-height: 1;
				text-align: center;
			}

			#feature .list .cont .text .ttl h3 {
				font-size: calc(24 * var(--vw-ratio));
				font-weight: 700;
				line-height: 1.3em;
				padding-left: calc(10 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#feature .gesture {
		width: calc(60 * var(--vw-ratio));
		top: calc(-40 * var(--vw-ratio));
		right: calc(40 * var(--vw-ratio));
	}
	
	#feature .list .cont {
		display: block;
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#feature .list .cont .pht {
			width: 100%;
		}

		#feature .list .cont .text {
			width: 100%;
			margin-bottom: calc(25 * var(--vw-ratio));
		}
			#feature .list .cont .text .ttl {
				padding-top: calc(12 * var(--vw-ratio));
				margin-bottom: calc(15 * var(--vw-ratio));
			}
			#feature .list .cont .text .ttl:before {
				width: calc(25 * var(--vw-ratio));
			}
			#feature .list .cont .text .ttl.line-purple:before {
				background: #925ED2;
			}
				#feature .list .cont .text .ttl .number {
					width: calc(25 * var(--vw-ratio));
					font-size: calc(18 * var(--vw-ratio));
				}

				#feature .list .cont .text .ttl h3 {
					font-size: calc(21 * var(--vw-ratio));
				}
}


	
	
/* job
--------------------- */
#job .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(60 * var(--vw-ratio));
	row-gap: calc(60 * var(--vw-ratio));
}
	#job .list .cont h3 {
		margin-top: calc(20 * var(--vw-ratio));
		margin-bottom: calc(12 * var(--vw-ratio));
		font-size: calc(24 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
	}
@media screen and (max-width: 767px) {
	#job .list {
		display: block;
	}
		#job .list .cont {
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#job .list .cont:nth-last-child(1) {
			margin-bottom: 0;
		}
			#job .list .cont h3 {
				margin-top: calc(18 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
				font-size: calc(22 * var(--vw-ratio));
			}
}


	
	
/* career-path
--------------------- */
#career-path .gesture {
	width: calc(175 * var(--vw-ratio));
	position: absolute;
	top: calc(-70 * var(--vw-ratio));
	right: calc(50 * var(--vw-ratio));
	z-index: 2;
}

#career-path .flowting {
	width: calc(270 * var(--vw-ratio));
}
	#career-path .flowting .title {
		text-align: left;
		position: sticky;
		top: calc(120 * var(--vw-ratio));
		left: 0;
	}


#career-path .list {
	width: calc(760 * var(--vw-ratio));
	position: relative;
}
#career-path .list:before {
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(75 * var(--vw-ratio));
	z-index: -1;
}
#career-path .list.line-orange:before {
	background: #F06400;
}
#career-path .list.line-purple:before {
	background: #925ED2;
}
#career-path .list.line-yellow:before {
	background: #F5B400;
}
#career-path .list.line-blue:before {
	background: #0A9BCD;
}
	#career-path .list .cont {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: calc(30 * var(--vw-ratio));
		padding: calc(20 * var(--vw-ratio)) 0;
	}
	#career-path .list .cont:nth-last-child(1) {
		margin-bottom: 0;
	}
		#career-path .list .cont h3 {
			width: 20%;
			font-weight: 700;
			line-height: 1;
			text-align: center;
		}

		#career-path .list .cont dl.text {
			width: 80%;
			border-left: solid 1px #ddd;
			padding-left: calc(20 * var(--vw-ratio));
			padding-right: calc(20 * var(--vw-ratio));
		}
			#career-path .list .cont dl.text dt {
				line-height: 1.3em;
				font-weight: 700;
				margin-bottom: calc(5 * var(--vw-ratio));
			}
			#career-path .list .cont dl.text dd {
				line-height: 1.6em;
			}

#career-path .lists {
	width: calc(760 * var(--vw-ratio));
}
	#career-path .lists .list {
		width: 100%;
	}
	#career-path .lists .list-ttl {
		font-size: calc(18 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: calc(20 * var(--vw-ratio));
	}
	#career-path .lists .list + .list-ttl {
		margin-top: calc(60 * var(--vw-ratio));
	}
	#career-path .lists .note {
		line-height: 1.6em;
		color: #666;
		margin-top: calc(25 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#career-path .inner {
		display: block;
	}
		#career-path .gesture {
			width: calc(100 * var(--vw-ratio));
			top: calc(-100 * var(--vw-ratio));
			right: calc(50 * var(--vw-ratio));
		}

		#career-path .flowting {
			width: 100%;
		}
			#career-path .flowting .title {
				text-align: center;
				position: static;
			}

		#career-path .list {
			width: 100%;
		}
		#career-path .list:before {
			left: calc(45 * var(--vw-ratio));
		}
			#career-path .list .cont {
				margin-bottom: calc(20 * var(--vw-ratio));
			}
				#career-path .list .cont h3 {
					width: 25%;
					font-size: calc(16 * var(--vw-ratio));
					font-weight: 700;
					line-height: 1;
					text-align: center;
				}

				#career-path .list .cont dl.text {
					width: 75%;
				}
					#career-path .list .cont dl.text dt {
						font-size: calc(15 * var(--vw-ratio));
					}
					#career-path .list .cont dl.text dd {
						font-size: calc(13 * var(--vw-ratio));
					}
	
	#career-path .lists {
		width: 100%;
	}
		#career-path .lists .list-ttl {
			font-size: calc(16 * var(--vw-ratio));
			margin-bottom: calc(15 * var(--vw-ratio));
		}
		#career-path .lists .list + .list-ttl {
			margin-top: calc(40 * var(--vw-ratio));
		}
		#career-path .lists .note {
			margin-top: calc(20 * var(--vw-ratio));
		}
}


	
	
/* skills
--------------------- */
#skills .flowting {
	width: calc(270 * var(--vw-ratio));
}
	#skills .flowting .title {
		text-align: left;
		position: sticky;
		top: calc(120 * var(--vw-ratio));
		left: 0;
	}

#skills .list {
	width: calc(760 * var(--vw-ratio));
}
	#skills .list .list-ttl {
		font-size: calc(18 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: calc(20 * var(--vw-ratio));
	}
	#skills .list .list-ttl.mt {
		margin-top: calc(60 * var(--vw-ratio));
	}

	#skills .list .cont {
		border: solid 1px #ddd;
		margin-bottom: calc(30 * var(--vw-ratio));
		padding: calc(40 * var(--vw-ratio));
		position: relative;
	}
	#skills .list .cont:nth-last-child(1) {
		margin-bottom: 0;
	}
		#skills .list .cont .number {
			font-size: calc(50 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
			position: absolute;
			top: calc(10 * var(--vw-ratio));
			right: calc(10 * var(--vw-ratio));
		}

		#skills .list .cont h3 {
			font-size: calc(22 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#skills .inner {
		display: block;
	}
		#skills .flowting {
			width: 100%;
		}
			#skills .flowting .title {
				text-align: center;
				position: static;
			}

		#skills .list {
			width: 100%;
		}
			#skills .list .list-ttl {
				font-size: calc(16 * var(--vw-ratio));
				margin-bottom: calc(15 * var(--vw-ratio));
			}
			#skills .list .list-ttl.mt {
				margin-top: calc(40 * var(--vw-ratio));
			}
	
			#skills .list .cont {
				margin-bottom: calc(20 * var(--vw-ratio));
				padding: calc(30 * var(--vw-ratio));
			}
				#skills .list .cont .number {
					font-size: calc(40 * var(--vw-ratio));
				}
}


	
	
/* movie
--------------------- */
#movie .gesture01 {
	width: calc(167 * var(--vw-ratio));
	position: absolute;
	top: calc(50 * var(--vw-ratio));
	left: calc(200 * var(--vw-ratio));
	z-index: 0;
}
#movie .gesture02 {
	width: calc(145 * var(--vw-ratio));
	position: absolute;
	bottom: calc(70 * var(--vw-ratio));
	right: calc(180 * var(--vw-ratio));
	z-index: 2;
}

#movie .content {
	width: calc(800 * var(--vw-ratio));
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
	#movie .content a {
		display: block;
	}

#movie .txt-16.center {
	text-align: center;
	margin-bottom: calc(70 * var(--vw-ratio));
}

#movie .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: calc(50 * var(--vw-ratio));
	row-gap: calc(50 * var(--vw-ratio));
}
	#movie .list a.linkbox {
		display: block;
	}
		#movie .list a.linkbox h3 {
			margin-top: calc(12 * var(--vw-ratio));
			text-align: center;
			line-height: 1.3em;
		}
			#movie .list a.linkbox h3 span {
				padding-left: calc(10 * var(--vw-ratio));
			}
			
.modal-video-movie-wrap {
  width: 40vh;
  height: 71.1vh;
  max-width: 70vw;
  max-height: 70vh;
}

.modal-video-movie-wrap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
	#movie .gesture01 {
		width: calc(80 * var(--vw-ratio));
		top: calc(50 * var(--vw-ratio));
		left: calc(-30 * var(--vw-ratio));
	}
	#movie .gesture02 {
		width: calc(70 * var(--vw-ratio));
		bottom: calc(30 * var(--vw-ratio));
		right: calc(-10 * var(--vw-ratio));
	}

	#movie .content {
		width: 100%;
	}

	#movie .list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(25 * var(--vw-ratio));
		row-gap: calc(25 * var(--vw-ratio));
	}
		#movie .list a.linkbox h3 {
			margin-top: calc(8 * var(--vw-ratio));
			font-size: calc(14 * var(--vw-ratio));
		}
			#movie .list a.linkbox h3 span {
				padding-left: 0;
			}

	.modal-video-movie-wrap {
		width: 75vw;
		height: calc(75vw * 1.777);
		max-height: 75vh;
	}
}


	
	
/* faq
--------------------- */
#faq .list .cont {
	margin-bottom: calc(30 * var(--vw-ratio));
}
#faq .list .cont:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq .list .cont h3 {
		font-weight: 700;
		line-height: 1.3em;
		padding: calc(18 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(18 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
		position: relative;
		cursor: pointer;
	}
	#faq .list .cont h3:before {
		content: "Q";
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: calc(20 * var(--vw-ratio));
		font-weight: 500;
		font-family: 'GT Eesti', sans-serif;
		position: absolute;
		top: 0;
		left: calc(30 * var(--vw-ratio));
	}
	#faq .list.icon-yellow .cont h3:before {
		color: #F5B400;
	}
	#faq .list.icon-orange .cont h3:before {
		color: #F06400;
	}
	#faq .list.icon-blue .cont h3:before {
		color: #0A9BCD;
	}
	#faq .list.icon-purple .cont h3:before {
		color: #925ED2;
	}

	#faq .list .cont h3:after {
		content: "";
		width: calc(20 * var(--vw-ratio));
		height: calc(20 * var(--vw-ratio));
		position: absolute;
		top: 50%;
		right: calc(30 * var(--vw-ratio));
		margin-top: calc(-10 * var(--vw-ratio));
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#faq .list.icon-yellow .cont h3:after {
		background: url("../../common/img/icon_plus_yellow.svg") no-repeat center / 100%;
	}
	#faq .list.icon-orange .cont h3:after {
		background: url("../../common/img/icon_plus_orange.svg") no-repeat center / 100%;
	}
	#faq .list.icon-blue .cont h3:after {
		background: url("../../common/img/icon_plus_blue.svg") no-repeat center / 100%;
	}
	#faq .list.icon-purple .cont h3:after {
		background: url("../../common/img/icon_plus_purple.svg") no-repeat center / 100%;
	}
	#faq .list .cont h3.active:after {
		transform: rotate(-135deg);
	}

	#faq .list .cont .text {
		display: none;
		padding: 0 calc(30 * var(--vw-ratio)) calc(18 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
		position: relative;
	}
	#faq .list .cont .text:before {
		content: "A";
		font-size: calc(20 * var(--vw-ratio));
		font-weight: 500;
		font-family: 'GT Eesti', sans-serif;
		font-weight: 500;
		position: absolute;
		top: calc(2 * var(--vw-ratio));
		left: calc(30 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#faq .list .cont {
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		#faq .list .cont h3 {
			padding: calc(18 * var(--vw-ratio)) calc(45 * var(--vw-ratio)) calc(18 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
			position: relative;
			font-size: calc(18 * var(--vw-ratio));
			cursor: pointer;
		}
		#faq .list .cont h3:before {
			font-size: calc(18 * var(--vw-ratio));
			left: calc(20 * var(--vw-ratio));
		}

		#faq .list .cont h3:after {
			right: calc(20 * var(--vw-ratio));
		}

		#faq .list .cont .text {
			display: none;
			padding: 0 calc(20 * var(--vw-ratio)) calc(18 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
			position: relative;
		}
		#faq .list .cont .text:before {
			font-size: calc(18 * var(--vw-ratio));
			left: calc(20 * var(--vw-ratio));
		}
			#faq .list .cont .text .txt-16 {
				font-size: calc(14 * var(--vw-ratio));
				line-height: 1.8em;
			}
}


	
	
/* aaaa
--------------------- */
#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));
				}
}


	
	
/* recommend
--------------------- */
#recommend {
	display: grid;
	padding: calc(10 * var(--vw-ratio));
	grid-template-columns: repeat(5, 1fr);
	column-gap: calc(10 * var(--vw-ratio));
	row-gap: calc(10 * var(--vw-ratio));
}
	#recommend a {
		display: block;
		overflow: hidden;
		position: relative;
		background: #000;
	}
	#recommend a.active {
		pointer-events: none;
	}
		#recommend a .pht {
			width: 100%;
			height: 100%;
			aspect-ratio: 1 / 1;
			opacity: 0.9;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#recommend a:hover .pht {
			opacity: 0.6;
		}
		#recommend a.active .pht {
			opacity: 0.4;
		}
			#recommend a .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#recommend a .en {
			line-height: 1;
			position: absolute;
			top: calc(15 * var(--vw-ratio));
			left: calc(15 * var(--vw-ratio));
		}

		#recommend a h3 {
			font-weight: 700;
			line-height: 1.3em;
			position: absolute;
			bottom: calc(15 * var(--vw-ratio));
			left: calc(15 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#recommend {
		grid-template-columns: repeat(2, 1fr);
	}
}