@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle.interview {
	background: url("../people/image/interview/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.various {
	background: url("../people/image/various/pagetitle_pht.jpg") no-repeat center / cover;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}


	
	
/* interview-list
--------------------- */
#interview-list .sort {
	margin-bottom: 30px;
}
	#interview-list .sort h2 {
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		margin-bottom: 15px;
	}
		#interview-list .sort ul.keyword-box {
			display: flex;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			max-width: 500px;
			margin: 0 auto;
		}
			#interview-list .sort ul.keyword-box li {
				list-style: none;
				margin-right: 10px;
				margin-top: 10px;
			}
			#interview-list .sort ul.keyword-box li:nth-child(7n) {
				margin-right: 0;
			}
				#interview-list .sort ul.keyword-box li input {
					clip: rect(1px, 1px, 1px, 1px);
					position: absolute;
				}

				#interview-list .sort ul.keyword-box li label.keyword_tag {
					display: flex;
					justify-content: center;
					align-items: center;
					box-sizing: border-box;
					padding: 0 20px;
					height: 36px;
					border-radius: 18px;
					font-size: 1.4rem;
					line-height: 1.1em;
					text-align: center;
					background: #fff;
					border: solid 1px #DDDDDD;
					transition: all .2s;
					cursor: pointer;
				}
				#interview-list .sort ul.keyword-box li input[type="radio"]:checked + label {
					background: linear-gradient(to right, #F18D00, #E6002D);
					color: #fff;
				}

#interview-list .keyword-list {
	width: 104%;
	margin-left: -2%;
}
	#interview-list .keyword-list .list_item {
		display: block;
		width: 29.3333333%;
		margin: 25px 2% 25px 2%;
	}
	#interview-list .keyword-list .list_item.is-hide {
		display: none;
	}
		#interview-list .keyword-list .list_item .text {
			position: relative;
			padding: 30px 15px 0 15px;
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 15px bottom / 36px; */
			/* transition: 0.3s; */
			/* -webkit-transition: 0.3s; */
		}
		#interview-list .keyword-list .list_item:hover .text {
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 10px bottom / 36px; */
		}
			#interview-list .keyword-list .list_item .text .label {
				display: inline-block;
				border-radius: 15px;
				background: linear-gradient(to right, #F18D00, #E6002D);
				padding: 0 15px;
				color: #fff;
				font-size: 1.4rem;
				font-weight: 500;
				text-align: center;
				line-height: 27px;
				position: absolute;
				top: -15px;
				left: 15px;
			}

			#interview-list .keyword-list .list_item .text h3 {
				font-size: 2.2rem;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 5px;
			}

			#interview-list .keyword-list .list_item .text .join {
				font-size: 1.4rem;
				line-height: 1.5em;
				background: url("../image/common/icon_arrow_yellow01.svg") no-repeat right 15px top / 36px;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview-list .keyword-list .list_item:hover .text .join {
				background: url("../image/common/icon_arrow_red01.svg") no-repeat right 10px top / 36px;
			}
@media screen and (max-width: 1024px) {
	#interview-list .sort {
		margin-bottom: 3vw;
	}
		#interview-list .sort h2 {
			font-size: 2.6vw;
			margin-bottom: 1.5vw;
		}
			#interview-list .sort ul.keyword-box {
				max-width: 50vw;
			}
				#interview-list .sort ul.keyword-box li {
					margin-right: 1vw;
					margin-top: 1vw;
				}
					#interview-list .sort ul.keyword-box li label.keyword_tag {
						padding: 0 2vw;
						height: 3.6vw;
						border-radius: 1.8vw;
						font-size: 1.4vw;
					}

	#interview-list .keyword-list .list_item {
		margin: 2.5vw 2% 2.5vw 2%;
	}
		#interview-list .keyword-list .list_item .text {
			padding: 3vw 1.5vw 0 1.5vw;
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 1.5vw bottom / 3.6vw; */
		}
		#interview-list .keyword-list .list_item:hover .text {
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 1.0vw bottom / 3.6vw; */
		}
			#interview-list .keyword-list .list_item .text .label {
				border-radius: 1.5vw;
				padding: 0 1.5vw;
				font-size: 1.4vw;
				line-height: 2.8vw;
				top: -1.5vw;
				left: 1.5vw;
			}

			#interview-list .keyword-list .list_item .text h3 {
				font-size: 2.2vw;
				margin-bottom: 0.5vw;
			}

			#interview-list .keyword-list .list_item .text .join {
				font-size: 1.4vw;
				background: url("../image/common/icon_arrow_red01.svg") no-repeat right .5vw top / 3.6vw;
			}
			#interview-list .keyword-list .list_item:hover .text .join {
				background: url("../image/common/icon_arrow_red01.svg") no-repeat right 0vw top / 3.6vw;
			}
}
@media screen and (max-width: 767px) {
	#interview-list .sort {
		margin-bottom: 3vw;
	}
		#interview-list .sort h2 {
			font-size: 5.6vw;
			margin-bottom: 4vw;
		}
			#interview-list .sort ul.keyword-box {
				max-width: 100%;
			}
				#interview-list .sort ul.keyword-box li {
					margin-right: 2vw;
					margin-top: 2vw;
				}
					#interview-list .sort ul.keyword-box li label.keyword_tag {
						padding: 0 4vw;
						height: 8vw;
						border-radius: 4vw;
						font-size: 3.4vw;
					}

	#interview-list .keyword-list .list_item {
		width: 44%;
		margin: 3vw 3% 3vw 3%;
	}
		#interview-list .keyword-list .list_item .text {
			padding: 7vw 3vw 0 3vw;
			background: none;
		}
		#interview-list .keyword-list .list_item:hover .text {
			background: none;
		}
			#interview-list .keyword-list .list_item .text .label {
				border-radius: 2.5vw;
				padding: 0 3vw;
				font-size: 3.4vw;
				line-height: 5vw;
				top: -2.5vw;
				left: 2.5vw;
			}

			#interview-list .keyword-list .list_item .text h3 {
				font-size: 5.2vw;
				margin-bottom: 0.5vw;
			}

			#interview-list .keyword-list .list_item .text .join {
				font-size: 3.0vw;
				background: none;
			}
			#interview-list .keyword-list .list_item:hover .text .join {
				background: none;
			}
}


	
	
/* interview-kv
--------------------- */
#interview-kv {
	position: relative;
	padding-bottom: 60px;
}
	#interview-kv .kv-title {
		width: 70%;
		background: linear-gradient(to right, #F18D00, #E6002D);
		margin-top: 125px;
		padding-top: 100px;
		padding-bottom: 90px;
		padding-left: 40px;
		position: relative;
	}
		#interview-kv .kv-title .head {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 25px;
		}
			#interview-kv .kv-title .head .jp {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1;
				margin-right: 20px;
			}

			#interview-kv .kv-title .head .en {
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1;
			}

		#interview-kv .kv-title .catch {
			font-size: 3.6rem;
			font-weight: 700;
			line-height: 1.4em;
		}

	#interview-kv .kv-text {
		padding: 60px 0 0 40px;
	}
		#interview-kv .kv-text .profile {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 8px;
		}
			#interview-kv .kv-text .profile h1 {
				font-size: 3.6rem;
				font-weight: 700;
				line-height: 1;
			}

			#interview-kv .kv-text .profile .label {
				display: inline-block;
				border-radius: 15px;
				background: #fff;
				padding: 0 15px;
				border: solid 1px #DDDDDD;
				font-size: 1.4rem;
				font-weight: 500;
				text-align: center;
				line-height: 28px;
				margin-left: 20px;
			}

		#interview-kv .kv-text .job {
			font-size: 1.3rem;
			line-height: 1.5em;
			margin-bottom: 8px;
		}

		#interview-kv .kv-text .join {
			font-size: 1.3rem;
			line-height: 1.5em;
			margin-bottom: 40px;
		}

		#interview-kv .kv-text .breadcrumbs {
			font-size: 1.4rem;
		}
			#interview-kv .kv-text .breadcrumbs a {
				font-weight: 500;
				text-decoration: underline;
			}
			#interview-kv .kv-text .breadcrumbs a:hover {
				text-decoration: none;
			}

			#interview-kv .kv-text .breadcrumbs span {
				font-weight: 500;
			}

	#interview-kv .thumbnail {
		width: 60%;
		height: -webkit-calc(100% - 60px);
		height: calc(100% - 60px);
		overflow: hidden;
		position: absolute;
		top: 60px;
		right: 0;
		z-index: 2;
	}
		#interview-kv .thumbnail img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
@media screen and (max-width: 1024px) {
	#interview-kv {
		padding-bottom: 0;
	}
		#interview-kv .kv-title {
			margin-top: 100px;
			padding-top: 8vw;
			padding-bottom: 7vw;
			padding-left: 4vw;
		}
			#interview-kv .kv-title .head {
				margin-bottom: 2.5vw;
			}
				#interview-kv .kv-title .head .jp {
					font-size: 2.0vw;
					margin-right: 2vw;
				}

				#interview-kv .kv-title .head .en {
					font-size: 1.6vw;
				}

			#interview-kv .kv-title .catch {
				font-size: 3.6vw;
			}

		#interview-kv .kv-text {
			padding: 6vw 0 0 4vw;
		}
			#interview-kv .kv-text .profile {
				margin-bottom: 0.8vw;
			}
				#interview-kv .kv-text .profile h1 {
					font-size: 3.6vw;
				}

				#interview-kv .kv-text .profile .label {
					border-radius: 1.5vw;
					padding: 0 1.5vw;
					font-size: 1.4vw;
					line-height: 2.8vw;
					margin-left: 2vw;
				}

			#interview-kv .kv-text .job {
				font-size: 1.3vw;
				margin-bottom: 0.8vw;
			}

			#interview-kv .kv-text .join {
				font-size: 1.3vw;
				margin-bottom: 4vw;
			}

			#interview-kv .kv-text .breadcrumbs {
				font-size: 1.4vw;
			}

		#interview-kv .thumbnail {
			width: 55%;
			height: 100%;
			top: 5vw;
		}
}
@media screen and (max-width: 767px) {
	#interview-kv .kv-title {
		width: 100%;
		margin-top: 0;
		padding-top: 8vw;
		padding-bottom: 8vw;
		padding-left: 8vw;
	}
		#interview-kv .kv-title .head {
			margin-bottom: 5vw;
		}
			#interview-kv .kv-title .head .jp {
				font-size: 4.0vw;
				margin-right: 4vw;
			}

			#interview-kv .kv-title .head .en {
				font-size: 3.6vw;
			}

		#interview-kv .kv-title .catch {
			font-size: 6.6vw;
		}

	#interview-kv .kv-text {
		padding: 8vw 8vw 0 8vw;
	}
		#interview-kv .kv-text .profile {
			margin-bottom: 3vw;
		}
			#interview-kv .kv-text .profile h1 {
				font-size: 6.6vw;
			}

			#interview-kv .kv-text .profile .label {
				border-radius: 2.5vw;
				padding: 0 3vw;
				font-size: 3.2vw;
				line-height: 5vw;
				margin-left: 4vw;
			}

		#interview-kv .kv-text .job {
			font-size: 3.2vw;
			margin-bottom: 2vw;
		}

		#interview-kv .kv-text .join {
			font-size: 3.2vw;
			margin-bottom: 6vw;
		}

		#interview-kv .kv-text .breadcrumbs {
			display: none;
		}

	#interview-kv .thumbnail {
		width: 100%;
		position: static;
		margin-top: 70px;
	}
}


	
	
/* career
--------------------- */
#career {
	position: relative;
}
#career:before {
	content: "";
	width: 25%;
	height: 60px;
	background: linear-gradient(to right, #F18D00, #E6002D);
	position: absolute;
	left: 0;
	top: 220px;
}
	#career h2 {
		font-size: 3.6rem;
		font-weight: 700;
		line-height: 1;
	}

	#career .list {
		width: -webkit-calc(100% - 220px);
		width: calc(100% - 220px);
		border-top: dashed 1px #ddd;
	}
		#career .list dl {
			border-bottom: dashed 1px #ddd;
			padding: 15px 50px;
			font-size: 1.5rem;
			line-height: 1.5em;
		}
			#career .list dl dt {
				width: 100px;
			}
			#career .list dl dd {
				width: -webkit-calc(100% - 100px);
				width: calc(100% - 100px);
			}
@media screen and (max-width: 1024px) {
	#career:before {
		width: 23%;
		height: 6vw;
		top: 23vw;
	}
		#career h2 {
			font-size: 3.6vw;
		}

		#career .list {
			width: -webkit-calc(100% - 22vw);
			width: calc(100% - 22vw);
		}
			#career .list dl {
				padding: 1.5vw 5vw;
				font-size: 1.5vw;
			}
				#career .list dl dt {
					width: 10vw;
				}
				#career .list dl dd {
					width: -webkit-calc(100% - 10vw);
					width: calc(100% - 10vw);
				}
}
@media screen and (max-width: 767px) {
	#career:before {
		width: 20%;
		height: 20vw;
		top: 12vw;
		left: auto;
		right: 0;
	}
		#career .inner {
			display: block;
		}
			#career h2 {
				font-size: 6.0vw;
				margin-bottom: 5vw;
			}

			#career .list {
				width: 100%;
			}
				#career .list dl {
					display: block;
					padding: 3vw 3vw;
					font-size: 3.5vw;
				}
					#career .list dl dt {
						width: 100%;
						margin-bottom: 0.8vw;
					}
					#career .list dl dd {
						width: 100%;
					}
}


	
	
/* interview
--------------------- */
.interview .text .head {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 15px;
}
	.interview .text h2 {
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: 25px;
	}

	.interview .text .txt {
		margin-bottom: 15px;
	}
	.interview .text .txt:nth-last-child(1) {
		margin-bottom: 0;
	}

#interview01 .text {
	width: 47%;
	order: 2;
}
#interview01 .pht {
	width: 47%;
	order: 1;
}

#interview02 .text {
	padding: 0 100px 100px 100px;
}

#interview03 .text {
	width: 54%;
}
#interview03 .pht {
	width: 40%;
}
@media screen and (max-width: 1024px) {
	.interview .text .head {
		font-size: 1.8vw;
		margin-bottom: 1.5vw;
	}
		.interview .text h2 {
			font-size: 3.0vw;
			margin-bottom: 2.5vw;
		}

		.interview .text .txt {
			margin-bottom: 1.5vw;
		}

	#interview02 .text {
		padding: 0 10vw 10vw 10vw;
	}
}
@media screen and (max-width: 767px) {
	.interview .inner {
		display: block;
	}
		.interview .text .head {
			font-size: 4.2vw;
			margin-bottom: 3vw;
		}
			.interview .text h2 {
				font-size: 5.6vw;
				margin-bottom: 5vw;
			}

			.interview .text .txt {
				margin-bottom: 2vw;
			}

	#interview01 .text {
		width: 100%;
		margin-bottom: 10vw;
	}
	#interview01 .pht {
		width: 100%;
	}

	#interview02 .text {
		padding: 0 0 10vw 0;
	}
	#interview02 .pht {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;;
	}
		#interview02 .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#interview03 .text {
		width: 100%;
		margin-bottom: 10vw;
	}
	#interview03 .pht {
		width: 100%;
	}
}


	
	
/* goal
--------------------- */
#goal {
	position: relative;
}
#goal:before {
	content: "";
	width: 100%;
	height: 50%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
	#goal .whitebox {
		background: #fff;
		border: solid 3px #F18D00;
		padding: 80px 100px;
	}
		#goal .whitebox h2 {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1;
			margin-bottom: 25px;
		}
			#goal .whitebox h2 .en {
				display: block;
				font-size: 1.4rem;
				line-height: 1;
				padding-top: 9px;
				padding-right: 20px;
			}
@media screen and (max-width: 1024px) {
	#goal .whitebox {
		padding: 8vw 10vw;
	}
		#goal .whitebox h2 {
			font-size: 3.0vw;
			margin-bottom: 2.5vw;
		}
			#goal .whitebox h2 .en {
				font-size: 1.4vw;
				padding-top: 0.9vw;
				padding-right: 2vw;
			}
}
@media screen and (max-width: 767px) {
	#goal .whitebox {
		padding: 8vw 8vw;
	}
		#goal .whitebox h2 {
			font-size: 5.6vw;
			margin-bottom: 5vw;
		}
			#goal .whitebox h2 .en {
				font-size: 2.8vw;
				padding-top: 1vw;
				padding-right: 3vw;
			}
}


	
	
/* other
--------------------- */
#other .box {
	width: 45%;
	position: relative;
}
	#other .box .head {
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: 5px;
		left: -40px;
	}

	#other .box h2 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 20px;
	}

	#other .box .pht {
		margin-bottom: 20px;
	}


	#other .box dl.time {
		border-bottom: dashed 1px rgba(255,255,255,0.7);
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#other .box dl.time:nth-last-child(1) {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
		#other .box dl.time dt {
			font-size: 1.5rem;
			font-weight: 500;
		}
			#other .box dl.time dt .en {
				font-size: 1.5rem;
				font-weight: 500;
				padding-right: 15px;
			}
		#other .box dl.time dd {
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.5em;
		}
@media screen and (max-width: 1024px) {
	#other .box .head {
		font-size: 1.4vw;
		top: 0.5vw;
		left: -4vw;
	}

	#other .box h2 {
		font-size: 2.4vw;
		margin-bottom: 2vw;
	}

	#other .box .pht {
		margin-bottom: 2vw;
	}


	#other .box dl.time {
		padding-bottom: 1.5vw;
		margin-bottom: 1.5vw;
	}
		#other .box dl.time dt {
			font-size: 1.5vw;
		}
			#other .box dl.time dt .en {
				font-size: 1.5vw;
				padding-right: 1.5vw;
			}
		#other .box dl.time dd {
			font-size: 1.4vw;
		}
}
@media screen and (max-width: 767px) {
	#other .inner {
		display: block;
	}
		#other .box {
			width: 100%;
			margin-bottom: 15vw;
		}
		#other .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#other .box .head {
				font-size: 3.2vw;
				top: 0.5vw;
				left: -7vw;
			}

			#other .box h2 {
				font-size: 5.4vw;
				margin-bottom: 5vw;
			}

			#other .box .pht {
				margin-bottom: 5vw;
			}


			#other .box dl.time {
				padding-bottom: 4vw;
				margin-bottom: 4vw;
			}
				#other .box dl.time dt {
					font-size: 3.8vw;
				}
					#other .box dl.time dt .en {
						font-size: 3.6vw;
						padding-right: 2vw;
					}
				#other .box dl.time dd {
					font-size: 3.8vw;
				}
}


	
	
/* other-interview
--------------------- */
#other-interview {
	overflow: hidden;
}
	#other-interview h2 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 45px;
	}
		#other-interview h2 .en {
			display: block;
			font-size: 1.4rem;
			line-height: 1;
			padding-top: 9px;
			padding-right: 20px;
		}

		#other-interview .swiper-container {
			padding: 0;
			position: relative;
		}
			#other-interview .swiper-container a.linkbox {
				display: block;
			}
				#other-interview .swiper-container a.linkbox .text {
					position: relative;
					padding: 30px 15px 0 15px;
					/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 15px bottom / 36px; */
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#other-interview .swiper-container a.linkbox:hover .text {
					/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 10px bottom / 36px; */
				}
					#other-interview .swiper-container a.linkbox .text .label {
						display: inline-block;
						border-radius: 15px;
						padding: 0 15px;
						color: #fff;
						background: linear-gradient(to right, #F18D00, #E6002D);
						font-size: 1.4rem;
						font-weight: 500;
						text-align: center;
						line-height: 28px;
						position: absolute;
						top: -15px;
						left: 15px;
					}

					#other-interview .swiper-container a.linkbox .text h3 {
						font-size: 2.2rem;
						font-weight: 600;
						line-height: 1;
						margin-bottom: 5px;
					}

					#other-interview .swiper-container a.linkbox .text .join {
						font-size: 1.4rem;
						line-height: 1.5em;
						background: url("../image/common/icon_arrow_red01.svg") no-repeat right 15px top / 36px;
						transition: 0.3s;
						-webkit-transition: 0.3s;
					}
					#other-interview .swiper-container a.linkbox:hover .text .join {
						background: url("../image/common/icon_arrow_red01.svg") no-repeat right 10px top / 36px;
					}

			#other-interview .swiper-container .swiper-pagination {
				text-align: right;
				top: -60px;
				right: 0;
				left: auto;
				bottom: auto;
				transform: translateX(0);
			}
				#other-interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: #fff;
					border: solid 1px #000000;
					opacity: 1;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#other-interview .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					background: #000000;
					opacity: 1;
				}
@media screen and (max-width: 1024px) {
	#other-interview h2 {
		font-size: 3.0vw;
		margin-bottom: 4.5vw;
	}
		#other-interview h2 .en {
			font-size: 1.4vw;
			padding-top: 0.9vw;
			padding-right: 2vw;
		}
	
	#other-interview .swiper-container a.linkbox {
		margin: 2.5vw 2% 2.5vw 2%;
	}
		#other-interview .swiper-container a.linkbox .text {
			padding: 3vw 1.5vw 0 1.5vw;
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 1.5vw bottom / 3.6vw; */
		}
		#other-interview .swiper-container a.linkbox:hover .text {
			/* background: url("../image/common/icon_arrow_red01.svg") no-repeat right 1.0vw bottom / 3.6vw; */
		}
			#other-interview .swiper-container a.linkbox .text .label {
				border-radius: 1.5vw;
				padding: 0 1.5vw;
				font-size: 1.4vw;
				line-height: 2.8vw;
				top: -1.5vw;
				left: 1.5vw;
			}

			#other-interview .swiper-container a.linkbox .text h3 {
				font-size: 2.2vw;
				margin-bottom: 0.5vw;
			}

			#other-interview .swiper-container a.linkbox .text .join {
				font-size: 1.4vw;
				background: url("../image/common/icon_arrow_yellow01.svg") no-repeat right 1.5vw top / 3.6vw;
			}
			#other-interview .swiper-container a.linkbox:hover .text .join {
				background: url("../image/common/icon_arrow_red01.svg") no-repeat right 1.0vw top / 3.6vw;
			}

	#other-interview .swiper-container .swiper-pagination {
		top: -6vw;
	}
		#other-interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
			width: 0.8vw;
			height: 0.8vw;
		}
}
@media screen and (max-width: 767px) {
	#other-interview h2 {
		display: block;
		font-size: 5.6vw;
		margin-bottom: 5vw;
	}
		#other-interview h2 .en {
			font-size: 2.8vw;
			padding-top: 1vw;
			padding-right: 0;
			padding-bottom: 3vw;
		}

	#other-interview .swiper-container a.linkbox .text {
		padding: 7vw 3vw 0 3vw;
		background: none;
	}
	#other-interview .swiper-container a.linkbox:hover .text {
		background: none;
	}
		#other-interview .swiper-container a.linkbox .text .label {
			border-radius: 2.5vw;
			padding: 0 3vw;
			font-size: 3.4vw;
			line-height: 5vw;
			top: -2.5vw;
			left: 2.5vw;
		}

		#other-interview .swiper-container a.linkbox .text h3 {
			font-size: 5.2vw;
			margin-bottom: 0.5vw;
		}

		#other-interview .swiper-container a.linkbox .text .join {
			font-size: 3.0vw;
			background: none;
		}
		#other-interview .swiper-container a.linkbox:hover .text .join {
			background: none;
		}
}





/* various
--------------------- */
#various .lead {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 55%;
	min-width: 600px;
}
	#various .lead::before,
	#various .lead::after {
		content: "";
		position: absolute;
		background: url("../people/image/various/lead-asi.svg") no-repeat center / contain;
		width: 40px;
		height: 110%;
		top: 0%;
	}
	#various .lead::before {
		left: 0;
	}
	#various .lead::after {
		right: 0;
		transform: rotate(180deg);
	}
	#various .lead p:nth-child(1){
		font-size: 1.8rem;
		color: #F18D00;
		display: inline-block;
		font-weight: 600;
		border-bottom: 1px solid #F18D00;
	}
	#various .lead p:nth-child(2){
		font-weight: 600;
		font-size: 2.2rem;
		margin-top: 10px;
	}
		#various .lead p:nth-child(2) span{
			color: #F18D00;
		}
#various .list{
	margin-top: 90px;
}
#various .list .box {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between; */
}
	#various .list .box:nth-child(n+2) {
		margin-top: 40px;
	}
	#various .list .box .num{
		width: 50px;
		height: 50px;
		border-radius: 50vh;
		background: #E6002D;
		box-shadow: 3px 3px 0px 0px #ED8499;
		transition: all .4s;
		align-content: center;
		position: absolute;
		left: -65px;
		top: 50%;
		transform: translate(0, -50%);
	}
	#various .list .box .num p{
		color: #fff;
		font-weight: 600;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.0;
		margin-top: 3px;
	}
	#various .list .box .aco{
		width: calc(100% - 65px);
		box-shadow: 5px 5px 0px 0px #F2F2F2;
		border-radius: 15px;
		margin-left: auto;
		/* overflow: hidden; */
		background: #F8F8F8;
		transition: all .4s;
	}
	#various .list .box .ttl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 15px 30px;
		cursor: pointer;
		position: relative;
	}
	#various .list .box .ttl::after {
		content: "";
		position: absolute;
		width: 12px;
		height: 10px;
		background: #E6002D;
		top: 50%;
		left: -8px;
		transform: translateY(-50%);
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
		transition: all .4s;
	}
	#various .list .box .ttl:before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -10px;
		transition: all .4s;
		-webkit-transition: 0.3s;
	}
	#various .list .box.c-red .ttl:before {
		background: url("../people/image/various/icon_arw01.svg") no-repeat center / contain;
	}
	#various .list .box.c-orange .ttl:before {
		background: url("../people/image/various/icon_arw05.svg") no-repeat center / contain;
	}
	#various .list .box.c-yellow .ttl:before {
		background: url("../people/image/various/icon_arw06.svg") no-repeat center / contain;
	}
		#various .list .box .ttl h3 {
			font-size: 2.4rem;
			font-weight: 600;
			line-height: 1.3em;
			color: #000;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#various .list .box.c-red .aco{
			background: #FEF6F7;
			box-shadow: 5px 5px 0px 0px #FCDFE2;
		}
			#various .list .box.c-red.active .ttl:before {
				background: url("../people/image/various/icon_arw04.svg") no-repeat center / contain;
			}
		#various .list .box.c-orange .aco{
			background: #fff6ec;
			/* background: #FFFBF7; */
			box-shadow: 5px 5px 0px 0px #F5EBE1;
		}
			#various .list .box.c-orange .num {
				background: #F18D00;
				box-shadow: 3px 3px 0px 0px #F7C682;
			}
			#various .list .box.c-orange.active .ttl:before {
				background: url("../people/image/various/icon_arw02.svg") no-repeat center / contain;
			}
			#various .list .box.c-orange .ttl::after {
				background: #F18D00;
			}
		#various .list .box.c-yellow .aco{
			background: #FFFBF0;
			box-shadow: 5px 5px 0px 0px #F7EFD7;
		}
			#various .list .box.c-yellow .num {
				background: #EFB312;
				box-shadow: 3px 3px 0px 0px #F7C682;
			}
			#various .list .box.c-yellow.active .ttl:before {
				background: url("../people/image/various/icon_arw03.svg") no-repeat center / contain;
			}
			#various .list .box.c-yellow .ttl::after {
				background: #EFB312;
			}

	#various .list .box .text {
		display: none;
		padding: 35px 30px;
	}
		#various .list .box:nth-child(1) .text{
			padding: 35px 30px 50px;
		}
			#various .list .box:nth-child(1) .text .pht{
				width: 80%;
				margin: auto;
				display: block;
			}
		#various .list .box:nth-child(2) .text{
			padding: 25px 30px 55px;
		}
			#various .list .box:nth-child(2) .text .flex{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#various .list .box:nth-child(2) .text .item{
					width: calc((100% - 70px) / 3);
					border-radius: 10px;
					background: #fff;
					text-align: center;
					align-content: center;
					height: 160px;
					position: relative;
				}
				#various .list .box:nth-child(2) .text .item::after{
					content: "";
					position: absolute;
					width: 20px;
					height: 20px;
					clip-path: polygon(0 0, 0% 100%, 100% 0);
					left: 50%;
					transform: translate(-50%, 0);
					bottom: -20px;
				}
				#various .list .box:nth-child(2) .text .item:nth-child(1):after,
				#various .list .box:nth-child(2) .text .item:nth-child(3):after{
					background: #EFB312;
				}
				#various .list .box:nth-child(2) .text .item:nth-child(2):after,
				#various .list .box:nth-child(2) .text .item:nth-child(4):after,
				#various .list .box:nth-child(2) .text .item:nth-child(6):after{
					background: #F4DB9B;
				}
				#various .list .box:nth-child(2) .text .item:nth-child(5):after{
					background: #EFB312;
				}
				#various .list .box:nth-child(2) .text .item:nth-child(n+4){
					margin-top: 50px;
				}
				#various .list .box:nth-child(2) .text .item p{
					color: #000;
					font-weight: 600;
					font-size: 1.6rem;
					line-height: 1.6;
				}
				#various .list .box:nth-child(2) .text .item p span{
					color: #F18D00;
				}
		#various .list .box:nth-child(3) .text{
			padding: 10px 30px 35px;
			position: relative;
		}
			#various .list .box:nth-child(3) .text p{
				color: #000;
				font-weight: 500;
				padding-left: 30px;
				position: relative;
				font-size: 1.8rem;
			}
			#various .list .box:nth-child(3) .text p::before{
				content: "";
				position: absolute;
				background: url("../people/image/various/icon_chk01.svg") no-repeat center / contain;
				width: 18px;
				height: 18px;
				left: 0;
				top: .6rem;
			}
			#various .list .box:nth-child(3) .text p:nth-child(n+2){
				margin-top: 15px;
			}
			#various .list .box:nth-child(3) .text p span{
				font-weight: 600;
				background: #FFEAB2;
			}
			#various .list .box:nth-child(3) .text .icon{
				position: absolute;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(8){
				width: 13.5%;
				right: 50px;
				top: 60px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(9){
				width: 15%;
				right: 20%;
				top: 170px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(10){
				width: 13%;
				right: 80px;
				top: 320px;
			}
		#various .list .box:nth-child(4) .text{
			padding: 15px 30px 35px;
		}
			#various .list .box:nth-child(4) .text .flex{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#various .list .box:nth-child(4) .text .item{
					width: calc((100% - 30px) / 2);
					border-radius: 10px;
					background: #fff;
					text-align: center;
					align-content: center;
					height: 150px;
					position: relative;
				}
				#various .list .box:nth-child(4) .text .item::before,
				#various .list .box:nth-child(4) .text .item::after{
					content: "";
					position: absolute;
					width: 26px;
					height: 18px;
					background: url("../people/image/various/quat.svg") no-repeat center / contain;
				}
				#various .list .box:nth-child(4) .text .item::after{
					right: 10px;
					bottom: 10px;
				}
				#various .list .box:nth-child(4) .text .item::before{
					left: 10px;
					top: 10px;
					transform: scale(-1, -1);
				}
				#various .list .box:nth-child(4) .text .item:nth-child(n+3){
					margin-top: 30px;
				}
				#various .list .box:nth-child(4) .text .item p{
					width: 80%;
					margin: auto;
					text-align: left;
					color: #000;
					font-size: 1.6rem;
					font-weight: 500;
				}
		#various .list .box:nth-child(5) .text{
			padding: 25px 30px 55px;
		}
			#various .list .box:nth-child(5) .text .flex{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#various .list .box:nth-child(5) .text .item{
					width: calc((100% - 70px) / 3);
					border-radius: 10px;
					background: #fff;
					text-align: center;
					align-content: center;
					height: 150px;
					position: relative;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(odd)::before{
					content: "";
					position: absolute;
					background: url("../people/image/various/fuki01.svg") no-repeat center / contain;
					width: 33px;
					height: 27px;
					right: 30px;
					bottom: -17px;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(even)::before{
					content: "";
					position: absolute;
					background: url("../people/image/various/fuki02.svg") no-repeat center / contain;
					width: 33px;
					height: 27px;
					right: 30px;
					bottom: -17px;
				}
				#various .list .box:nth-child(5) .text .item:last-child{
					width: calc((100% - 70px) * 2 / 3 + 35px);
				}
				#various .list .box:nth-child(5) .text .item:nth-child(n+4){
					margin-top: 50px;
				}
				#various .list .box:nth-child(5) .text .item p{
					margin: auto;
					text-align: center;
					color: #000;
					font-size: 1.6rem;
					font-weight: 500;
					line-height: 1.6;
				}
		#various .list .box:nth-child(6) .text{
			padding: 15px 30px 35px;
		}
			#various .list .box:nth-child(6) .text .flex{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#various .list .box:nth-child(6) .text .item{
					width: calc((100% - 30px) / 2);
					border-radius: 10px;
					background: #fff;
					align-items: center;
					height: 160px;
					position: relative;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}
				#various .list .box:nth-child(6) .text .item:nth-child(n+3){
					margin-top: 30px;
				}
				#various .list .box:nth-child(6) .text .item .l-item{
					width: 35%;
					border-right: 1px solid #ddd;
					text-align: center;
					align-content: center;
					height: 100%;
				}
				#various .list .box:nth-child(6) .text .item .l-item img{
					width: 85%;
					margin: auto;
				}
				#various .list .box:nth-child(6) .text .item .r-item{
					width: 65%;
					padding: 0 20px;
				}
				#various .list .box:nth-child(6) .text .item .r-item p{
					color: #000;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(1){
					font-weight: 600;
					font-size: 1.8rem;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(2){
					font-weight: 400;
					font-size: 1.4rem;
					margin-top: 5px;
				}
		#various .list .box:nth-child(7) .text{
			padding: 15px 30px 40px;
			position: relative;
		}
			#various .list .box:nth-child(7) .text p{
				color: #000;
				font-weight: 500;
				padding: 20px 30px;
				position: relative;
				font-size: 1.6rem;
				background: #fff;
				border-radius: 10px;
			}
			#various .list .box:nth-child(7) .text p::before{
				content: "";
				position: absolute;
				width: 33px;
				height: 33px;
				left: -14px;
				top: 50%;
				transform: translateY(-50%);
			}
			#various .list .box:nth-child(7) .text p:nth-child(odd):before{
				background: url("../people/image/various/mega.svg") no-repeat center / contain;
			}
			#various .list .box:nth-child(7) .text p:nth-child(even):before{
				background: url("../people/image/various/mega02.svg") no-repeat center / contain;
			}
			#various .list .box:nth-child(7) .text p:nth-child(n+2){
				margin-top: 20px;
			}
			#various .list .box:nth-child(7) .text p span{
				color: #E6002D;
			}
		#various .list .box:nth-child(8) .text{
			padding: 15px 30px 35px;
		}
			#various .list .box:nth-child(8) .text .flex{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#various .list .box:nth-child(8) .text .item{
					width: calc((100% - 30px) / 2);
					border-radius: 10px;
					background: #fff;
					text-align: center;
					align-content: center;
					height: 150px;
					position: relative;
				}
				#various .list .box:nth-child(8) .text .item::before,
				#various .list .box:nth-child(8) .text .item::after{
					content: "";
					position: absolute;
					width: 26px;
					height: 18px;
					background: url("../people/image/various/quat02.svg") no-repeat center / contain;
				}
				#various .list .box:nth-child(8) .text .item::after{
					right: 10px;
					bottom: 10px;
				}
				#various .list .box:nth-child(8) .text .item::before{
					left: 10px;
					top: 10px;
					transform: scale(-1, -1);
				}
				#various .list .box:nth-child(8) .text .item:nth-child(n+3){
					margin-top: 30px;
				}
				#various .list .box:nth-child(8) .text .item p{
					width: 80%;
					margin: auto;
					text-align: left;
					color: #000;
					font-size: 1.6rem;
					font-weight: 500;
				}
@media screen and (max-width: 1024px) {
#various .lead {
	width: 70%;
	min-width: 400px;
}
	#various .lead::before,
	#various .lead::after {
		width: 40px;
	}
	#various .lead p:nth-child(1){
		font-size: 1.8vw;
	}
	#various .lead p:nth-child(2){
		font-size: 2.2vw;
		margin-top: 10px;
	}
	#various .list .box:nth-child(n+2) {
		margin-top: 30px;
	}
	#various .list .box .ttl {
		padding: 1.5vw 3vw;
	}
	#various .list .box .ttl:before {
		width: 2vw;
		height: 2vw;
		right: 3vw;
	}
		#various .list .box .ttl h3 {
			font-size: 2.4vw;
		}
	#various .list .box .num{
		width: 45px;
		height: 45px;
		left: -60px;
	}
	#various .list .box .num p{
		font-size: 1.8vw;
	}
	#various .list .box .aco{
		width: calc(100% - 60px);
	}
	#various .list .box .text {
		padding: 30px 25px;
	}
		#various .list .box:nth-child(1) .text{
			padding: 25px 25px 40px;
		}
			#various .list .box:nth-child(1) .text .pht{
				width: 90%;
			}
		#various .list .box:nth-child(2) .text{
			padding: 20px 25px 40px;
		}
				#various .list .box:nth-child(2) .text .item{
					width: calc((100% - 40px) / 3);
					height: 160px;
				}
				#various .list .box:nth-child(2) .text .item::after{
					width: 15px;
					height: 15px;
					bottom: -15px;
				}
				#various .list .box:nth-child(2) .text .item:nth-child(n+4){
					margin-top: 35px;
				}
				#various .list .box:nth-child(2) .text .item p{
					font-size: 1.6vw;
				}
		#various .list .box:nth-child(3) .text{
			padding: 10px 25px 30px;
		}
			#various .list .box:nth-child(3) .text p{
				padding-left: 25px;
				font-size: 1.7vw;
			}
			#various .list .box:nth-child(3) .text p::before{
				width: 15px;
				height: 15px;
				top: .8rem;
			}
			#various .list .box:nth-child(3) .text p:nth-child(n+2){
				margin-top: 10px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(8){
				width: 15%;
				right: 20px;
				top: 20px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(9){
				width: 15%;
				right: 17%;
				top: 130px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(10){
				width: 15%;
				right: 40px;
				top: 250px;
			}
		#various .list .box:nth-child(4) .text{
			padding: 15px 25px 30px;
		}
				#various .list .box:nth-child(4) .text .item{
					width: calc((100% - 20px) / 2);
					height: 150px;
				}
				#various .list .box:nth-child(4) .text .item::before,
				#various .list .box:nth-child(4) .text .item::after{
					width: 22px;
					height: 14px;
				}
				#various .list .box:nth-child(4) .text .item:nth-child(n+3){
					margin-top: 20px;
				}
				#various .list .box:nth-child(4) .text .item p{
					font-size: 1.6vw;
				}
		#various .list .box:nth-child(5) .text{
			padding: 15px 25px 40px;
		}
				#various .list .box:nth-child(5) .text .item{
					width: calc((100% - 40px) / 3);
					height: 150px;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(odd)::before{
					width: 28px;
					height: 22px;
					right: 20px;
					bottom: -12px;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(even)::before{
					width: 28px;
					height: 22px;
					right: 20px;
					bottom: -12px;
				}
				#various .list .box:nth-child(5) .text .item:last-child{
					width: calc((100% - 40px) * 2 / 3 + 20px);
				}
				#various .list .box:nth-child(5) .text .item:nth-child(n+4){
					margin-top: 30px;
				}
				#various .list .box:nth-child(5) .text .item p{
					font-size: 1.6vw;
				}
		#various .list .box:nth-child(6) .text{
			padding: 15px 25px 30px;
		}
				#various .list .box:nth-child(6) .text .item{
					width: calc((100% - 20px) / 2);
					height: 160px;
				}
				#various .list .box:nth-child(6) .text .item:nth-child(n+3){
					margin-top: 20px;
				}
				#various .list .box:nth-child(6) .text .item .l-item{
					width: 30%;
				}
				#various .list .box:nth-child(6) .text .item .l-item img{
					width: 85%;
					margin: auto;
				}
				#various .list .box:nth-child(6) .text .item .r-item{
					width: 70%;
					padding: 0 15px;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(1){
					font-size: 1.8vw;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(2){
					font-size: 1.4vw;
					margin-top: 2px;
				}
		#various .list .box:nth-child(7) .text{
			padding: 10px 25px 30px;
		}
			#various .list .box:nth-child(7) .text p{
				padding: 15px 30px;
				font-size: 1.6vw;
			}
			#various .list .box:nth-child(7) .text p::before{
				width: 28px;
				height: 28px;
				left: -14px;
			}
			#various .list .box:nth-child(7) .text p:nth-child(n+2){
				margin-top: 15px;
			}
		#various .list .box:nth-child(8) .text{
			padding: 10px 25px 30px;
		}
				#various .list .box:nth-child(8) .text .item{
					width: calc((100% - 20px) / 2);
					height: 150px;
				}
				#various .list .box:nth-child(8) .text .item::before,
				#various .list .box:nth-child(8) .text .item::after{
					width: 22px;
					height: 14px;
				}
				#various .list .box:nth-child(8) .text .item:nth-child(n+3){
					margin-top: 20px;
				}
				#various .list .box:nth-child(8) .text .item p{
					width: 80%;
					font-size: 1.6vw;
				}
}
@media screen and (max-width: 767px) {
#various .lead {
	width: 100%;
	min-width: 300px;
}
	#various .lead::before,
	#various .lead::after {
		width: 25px;
	}
		#various .lead::before{
			left: -15px;
		}
		#various .lead::after{
			right: -15px;
		}
	#various .lead p:nth-child(1){
		font-size: 3.2vw;
	}
	#various .lead p:nth-child(2){
		font-size: 3.5vw;
		margin-top: 10px;
	}
	#various .list{
		margin-top: 60px;
	}
	#various .list .box:nth-child(n+2) {
        margin-top: 20px;
    }
	#various .list .box .ttl {
		padding: 3vw 3vw 3vw 5vw;
	}
	#various .list .box .ttl:before {
		width: 5vw;
		height: 5vw;
		right: 3vw;
		max-width: 20px;
		max-height: 20px;
	}
	#various .list .box .ttl::after {
		width: 10px;
		height: 8px;
		left: -6px;
	}
		#various .list .box .ttl h3 {
			font-size: 4.0vw;
			padding-right: 25px;
		}
	#various .list .box .num{
		width: 8vw;
		height: 8vw;
		left: calc(-8vw - 10px);
	}
	#various .list .box .num p{
		font-size: 3vw;
	}
	#various .list .box .aco{
		width: calc(100%  - 8vw - 10px);
	}
	#various .list .box .text {
		padding: 15px 20px;
	}
		#various .list .box:nth-child(1) .text{
			padding: 5px 15px 20px;
		}
			#various .list .box:nth-child(1) .text .pht{
				width: 100%;
			}
		#various .list .box:nth-child(2) .text{
			padding: 15px 15px 20px;
		}
				#various .list .box:nth-child(2) .text .item{
					width: 100%;
					height: auto;
				}
				#various .list .box:nth-child(2) .text .item::after{
					width: 15px;
					height: 15px;
					bottom: auto;
					left: 0;
					top: 0;
					transform: translate(0, 0);
				}
				#various .list .box:nth-child(2) .text .item:nth-child(n+2){
					margin-top: 10px;
				}
				#various .list .box:nth-child(2) .text .item p{
					font-size: 3.4vw;
					text-align: left;
					padding: 10px 10px 10px 20px;
				}
		#various .list .box:nth-child(3) .text{
			padding: 5px 15px 70px;
		}
			#various .list .box:nth-child(3) .text p{
				padding-left: 20px;
				font-size: 3.4vw;
			}
			#various .list .box:nth-child(3) .text p::before{
				width: 12px;
				height: 12px;
				top: .5rem;
			}
			#various .list .box:nth-child(3) .text p:nth-child(n+2){
				margin-top: 10px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(8){
				width: 15%;
				left: 30px;
				right: auto;
				top: auto;
				bottom: 15px;
				max-width: 60px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(9){
				width: 15%;
				right: 40%;
				top: auto;
				bottom: 15px;
				max-width: 60px;
			}
			#various .list .box:nth-child(3) .text .icon:nth-child(10){
				width: 15%;
				right: 20px;
				top: auto;
				bottom: 15px;
				max-width: 60px;
			}
		#various .list .box:nth-child(4) .text{
			padding: 5px 15px 20px;
		}
				#various .list .box:nth-child(4) .text .item{
					width: 100%;
					height: auto;
					padding: 10px 0;
				}
				#various .list .box:nth-child(4) .text .item::before,
				#various .list .box:nth-child(4) .text .item::after{
					width: 17px;
					height: 9px;
				}
				#various .list .box:nth-child(4) .text .item::before{
					left: 5px;
					top: 5px;
				}
				#various .list .box:nth-child(4) .text .item::after{
					right: 5px;
					bottom: 5px;
				}
				#various .list .box:nth-child(4) .text .item:nth-child(n+2){
					margin-top: 10px;
				}
				#various .list .box:nth-child(4) .text .item p{
					font-size: 3.4vw;
				}
		#various .list .box:nth-child(5) .text{
			padding: 5px 15px 20px;
		}
				#various .list .box:nth-child(5) .text .item{
					width: 100%;
					height: auto;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(odd)::before{
					width: 24px;
					height: 18px;
					right: 10px;
					bottom: -8px;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(even)::before{
					width: 24px;
					height: 18px;
					right: 10px;
					bottom: -8px;
				}
				#various .list .box:nth-child(5) .text .item:last-child{
					width: 100%;
				}
				#various .list .box:nth-child(5) .text .item:nth-child(n+2){
					margin-top: 20px;
				}
				#various .list .box:nth-child(5) .text .item p{
					font-size: 3.4vw;
					text-align: left;
					padding: 10px 15px;
				}
		#various .list .box:nth-child(6) .text{
			padding: 5px 15px 20px;
		}
				#various .list .box:nth-child(6) .text .item{
					width: 100%;
					height: auto;
				}
				#various .list .box:nth-child(6) .text .item:nth-child(n+2){
					margin-top: 10px;
				}
				#various .list .box:nth-child(6) .text .item .l-item{
					width: 40%;
				}
				#various .list .box:nth-child(6) .text .item .l-item img{
					width: 85%;
					margin: auto;
				}
				#various .list .box:nth-child(6) .text .item .r-item{
					width: 60%;
					padding: 15px;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(1){
					font-size: 3.4vw;
					line-height: 1.4;
				}
				#various .list .box:nth-child(6) .text .item .r-item p:nth-child(2){
					font-size: 2.6vw;
					margin-top: 2px;
					line-height: 1.4;
				}
		#various .list .box:nth-child(7) .text{
			padding: 5px 15px 20px;
		}
			#various .list .box:nth-child(7) .text p{
				padding: 15px 20px;
				font-size: 3.4vw;
			}
			#various .list .box:nth-child(7) .text p::before{
				width: 24px;
				height: 24px;
				left: -10px;
			}
			#various .list .box:nth-child(7) .text p:nth-child(n+2){
				margin-top: 10px;
			}
		#various .list .box:nth-child(8) .text{
			padding: 5px 15px 20px;
		}
				#various .list .box:nth-child(8) .text .item{
					width: 100%;
					height: auto;
					padding: 10px 0;
				}
				#various .list .box:nth-child(8) .text .item::before,
				#various .list .box:nth-child(8) .text .item::after{
					width: 17px;
					height: 9px;
				}
				#various .list .box:nth-child(8) .text .item::before{
					left: 5px;
					top: 5px;
				}
				#various .list .box:nth-child(8) .text .item::after{
					right: 5px;
					bottom: 5px;
				}
				#various .list .box:nth-child(8) .text .item:nth-child(n+2){
					margin-top: 10px;
				}
				#various .list .box:nth-child(8) .text .item p{
					font-size: 3.4vw;
				}
}


















